:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#071527;color:#eef7ff;--bg: #071527;--bg-strong: #03101f;--panel: #0d2440;--panel-soft: #123356;--panel-lift: #173d66;--line: rgba(147, 197, 253, .2);--line-strong: rgba(125, 211, 252, .42);--text: #eef7ff;--muted: #9db6d4;--accent: #38bdf8;--accent-strong: #0ea5e9;--green: #34d399;--amber: #f59e0b;--red: #fb7185;--shadow: 0 24px 60px rgba(0, 0, 0, .32)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(145deg,rgba(14,165,233,.12),transparent 35%),linear-gradient(180deg,#0a1b31 0%,var(--bg) 42%,#030a14 100%)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{width:min(1440px,100%);margin:0 auto;padding:24px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);display:grid;gap:20px;padding:28px;border:1px solid var(--line);border-radius:8px;background:#0d2440f0;box-shadow:var(--shadow)}.login-card h1{font-size:clamp(1.45rem,5vw,2rem);line-height:1.08}.login-card p{color:var(--muted)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0 22px}.brand,.top-stats,.stat,.user-chip,.tabs,.tab,.panel-title,.search-box,.scan-input,.person-head,.barcode-line,.file-header,.list-title,.tool-row,.history-strip h3,.metric,.activity{display:flex;align-items:center}.brand{gap:14px}.brand-logo-frame{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:10px 12px;border:1px solid rgba(219,234,254,.8);border-radius:8px;background:linear-gradient(180deg,#f8fbff,#dbeafe);box-shadow:0 16px 34px #0000002e}.brand-logo{width:clamp(150px,16vw,230px);height:auto;display:block;object-fit:contain}h1,h2,h3,p{margin:0}.brand h1{font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.05;letter-spacing:0}.brand p,.panel-title,.stat span,.metric span,.activity span,.person-card p,.empty,.empty-state,.history-strip p,.tool-row span{color:var(--muted)}.top-stats{gap:10px;flex-wrap:wrap;justify-content:flex-end}.stat{gap:8px;min-width:128px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#0d2440c2}.stat svg,.panel-title svg,.tab svg,.metric svg,.history-strip svg,.barcode-line svg,.tool-row svg{color:var(--accent);flex:0 0 auto}.stat strong{margin-left:auto;color:var(--text)}.user-chip{min-height:44px;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#0d2440c2;color:var(--text)}.user-chip span{color:#d8ecff}.user-chip strong{color:var(--accent)}.tabs{gap:8px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#03101fd1;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tab{min-height:44px;gap:8px;padding:0 16px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-weight:750}.tab.active,.tab:hover{background:#12365d;border-color:var(--line-strong);color:var(--text)}.workspace{padding-top:18px}.products-layout,.collaborators-layout,.operations-layout,.works-layout,.reports-layout{display:grid;gap:18px}.products-layout{grid-template-columns:minmax(300px,380px) 1fr}.collaborators-layout{grid-template-columns:minmax(300px,360px) 1fr;align-items:start}.operations-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start}.works-layout{grid-template-columns:minmax(300px,380px) 1fr;align-items:start}.reports-layout{grid-template-columns:1fr}.operation-main,.side-rail{display:grid;gap:18px}.panel,.active-file,.empty-file,.person-card,.work-card,.metric{border:1px solid var(--line);border-radius:8px;background:#0d2440e6;box-shadow:var(--shadow)}.panel{padding:18px}.panel-title{gap:9px;margin-bottom:16px}.panel-title h2{color:var(--text);font-size:1rem}.form{display:grid;gap:14px}label{display:grid;gap:8px;color:#cfe4ff;font-size:.9rem;font-weight:760}input,select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:7px;background:#071a31;color:var(--text);outline:none;padding:0 13px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input::placeholder{color:#6683a6}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #38bdf82e;background:#08213d}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9db6d4 50%),linear-gradient(135deg,#9db6d4 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 12px) 20px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.primary-button,.secondary-button,.danger-button,.scan-input button{min-height:44px;border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:850;letter-spacing:0;color:#03101f}.primary-button{background:linear-gradient(180deg,#67e8f9,var(--accent-strong));box-shadow:0 12px 28px #0ea5e947}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.secondary-button{min-height:40px;padding:0 12px;border:1px solid var(--line-strong);background:#38bdf817;color:#d8ecff}.primary-button.large{min-height:52px;padding:0 18px}.danger-button{padding:0 12px;background:#fb718524;border:1px solid rgba(251,113,133,.42);color:#fecdd3}.table-action{min-height:36px;padding:0 10px}.search-box{gap:10px;padding:0 12px;min-height:48px;border:1px solid var(--line);border-radius:7px;background:#071a31;margin-bottom:14px}.search-box input{min-height:44px;padding:0;border:0;box-shadow:none;background:transparent}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 12px;text-align:left;border-bottom:1px solid var(--line)}th{color:#a8c7ea;font-size:.78rem;text-transform:uppercase;letter-spacing:0}td{color:#f3f9ff}code{color:#b8e9ff;background:#38bdf81a;border:1px solid rgba(56,189,248,.22);border-radius:6px;padding:3px 7px}.status{display:inline-flex;border-radius:6px;padding:5px 8px;font-size:.82rem;font-weight:800}.status.free{color:#bbf7d0;background:#34d3991f}.status.busy{color:#fde68a;background:#f59e0b21}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.works-grid{display:grid;gap:14px}.work-card{padding:18px}.work-head{display:flex;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.work-head span{display:block;color:var(--accent);font-weight:850;margin-bottom:5px}.work-head h2{font-size:clamp(1.25rem,2.2vw,1.75rem)}.work-head p{color:var(--muted);margin-top:6px}.work-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:14px}.work-columns div{display:grid;align-content:start;gap:8px;min-height:120px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#0a1d35}.work-columns strong{color:#d8ecff}.work-columns span{color:var(--muted)}.person-card{padding:16px}.person-head{gap:12px;margin-bottom:14px;position:relative}.avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:#1d4f80;color:#fff;font-weight:900}.barcode-line{gap:8px;margin-bottom:14px}.barcode-line span{color:#cfe4ff}.card-delete{margin-left:auto}.face-status{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-bottom:12px;padding:7px 9px;border-radius:6px;font-size:.88rem;font-weight:800}.person-card .secondary-button{margin-bottom:16px}.face-status.ready{color:#bbf7d0;background:#34d3991f}.face-status.pending{color:#fde68a;background:#f59e0b21}.held-list{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.held-list span{display:grid;gap:3px;color:#e7f3ff}.held-list small{color:var(--muted)}.scan-form label{gap:10px}.scan-input{min-height:58px;gap:12px;padding:7px 7px 7px 14px;border:1px solid var(--line-strong);border-radius:8px;background:#06192e}.scan-input input{border:0;box-shadow:none;background:transparent;font-size:1.05rem}.scan-input button{padding:0 18px;background:#d8f3ff}.active-file,.empty-file{padding:22px}.file-header{justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.file-header span{display:block;color:var(--accent);font-weight:850;margin-bottom:5px}.file-header h2{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.05}.file-header p{color:var(--muted);margin-top:8px}.tools-list{display:grid;gap:12px;padding-top:18px}.list-title{justify-content:space-between}.list-title h3,.history-strip h3{font-size:1rem}.list-title span{color:var(--muted)}.tool-row{justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#0a1d35}.tool-row div{display:grid;gap:7px}.tool-row span{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.9rem}.empty-state,.empty-file{min-height:210px;display:grid;place-items:center;text-align:center;gap:10px}.empty-file svg,.empty-state svg{color:var(--accent)}.history-strip{display:grid;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.history-strip h3{gap:8px}.history-strip span{color:#cfe4ff;font-size:.92rem}.work-inventory{display:grid;gap:10px;margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#0a1d35}.face-gate{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:16px;border-radius:8px;border:1px solid var(--line);background:#0a1d35}.face-gate>div:first-child,.face-actions{display:flex;align-items:center;gap:12px}.face-gate svg{color:var(--accent)}.face-gate strong{display:block;color:var(--text)}.face-gate span{display:block;color:var(--muted);margin-top:3px}.face-gate.approved{border-color:#34d3995c;background:#14532d29}.face-gate.blocked{border-color:#f59e0b57}.work-inventory h3{display:flex;align-items:center;gap:8px;font-size:.98rem}.work-inventory h3 svg{color:var(--accent)}.work-inventory div{display:flex;flex-wrap:wrap;gap:8px}.work-inventory span{display:inline-flex;padding:6px 9px;border:1px solid var(--line);border-radius:6px;color:#d8ecff;background:#38bdf814;font-size:.88rem}.side-rail{position:sticky;top:82px}.metric{justify-content:space-between;min-height:82px;padding:16px}.metric strong{font-size:1.9rem}.activity-list{display:grid;gap:10px}.activity{align-items:flex-start;gap:4px;flex-direction:column;padding-bottom:10px;border-bottom:1px solid var(--line)}.activity:last-child{border-bottom:0;padding-bottom:0}.report-filters{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr)) auto;gap:14px;align-items:end}.report-summary{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;margin-bottom:14px}.empty-table{padding:28px 12px;text-align:center;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px;background:#01070ebd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scan-modal{position:relative;width:min(520px,100%);display:grid;gap:14px;padding:28px;border:1px solid var(--line-strong);border-radius:8px;background:#0d2440;box-shadow:var(--shadow);text-align:center}.face-modal{position:relative;width:min(620px,100%);display:grid;gap:14px;padding:28px;border:1px solid var(--line-strong);border-radius:8px;background:#0d2440;box-shadow:var(--shadow);text-align:center}.face-modal>svg{justify-self:center;color:var(--accent)}.face-modal p,.camera-status{color:var(--muted)}.camera-frame{aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:#030a14}.camera-frame video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.scan-modal>svg{justify-self:center;color:var(--accent)}.scan-modal p{color:var(--muted)}.scan-modal input{min-height:58px;text-align:center;font-size:1.12rem}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#071a31;color:var(--text)}.danger-icon{color:#fecdd3;border-color:#fb71856b;background:#fb71851f}.close{position:absolute;right:14px;top:14px}.toast{position:fixed;right:22px;bottom:22px;z-index:40;max-width:min(420px,calc(100vw - 32px));padding:14px 16px;border-radius:8px;border:1px solid var(--line);background:#08213d;box-shadow:var(--shadow);font-weight:800}.toast.success{border-color:#34d3996b;color:#d1fae5}.toast.error{border-color:#fb718580;color:#ffe4e6}@media(max-width:1050px){.topbar,.file-header{align-items:stretch;flex-direction:column}.products-layout,.collaborators-layout,.operations-layout,.works-layout,.reports-layout{grid-template-columns:1fr}.side-rail{position:static}.report-filters,.report-summary{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{padding:14px}.topbar{gap:14px}.brand{align-items:flex-start;flex-direction:column}.brand-logo-frame{padding:8px 10px}.brand-logo{width:min(210px,64vw)}.top-stats,.tabs{display:grid;grid-template-columns:1fr}.stat{width:100%}.tab{justify-content:center}.work-columns{grid-template-columns:1fr}.tool-row,.scan-input{align-items:stretch;flex-direction:column}.danger-button,.secondary-button,.scan-input button,.primary-button.large{width:100%}.face-gate,.face-gate>div:first-child,.face-actions{align-items:stretch;flex-direction:column}.active-file,.empty-file,.panel{padding:16px}}