:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#13203a;background:#f3f6fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#09162f;color:#fff;display:flex;flex-direction:column;padding:24px 16px;z-index:20}.brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#28a8ff,#7d5cff);font-weight:900;font-size:22px}.brand strong,.brand span{display:block}.brand span{font-size:12px;opacity:.7}.sidebar nav{display:grid;gap:7px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:#b9c5dc}.nav-link:hover,.nav-link.active{background:#ffffff1a;color:#fff}.sidebar-footer{margin-top:auto;display:grid;gap:9px;padding:14px 8px 0;border-top:1px solid rgba(255,255,255,.1)}.role-chip{width:fit-content;padding:4px 8px;border-radius:999px;background:#1f3154;font-size:11px;text-transform:uppercase}.main-content{margin-left:245px;min-height:100vh}.page-section{padding:32px;max-width:1500px;margin:auto}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.page-header h1{margin:0 0 7px;font-size:clamp(28px,4vw,40px)}.page-header p{margin:0;color:#69758c}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#346df1!important;margin-bottom:6px!important}.panel{background:#fff;border:1px solid #e5eaf2;border-radius:18px;padding:20px;box-shadow:0 8px 30px #15274d0d;margin-bottom:20px}.panel-header{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.panel h2{margin:0 0 4px;font-size:19px}.panel p{color:#728097;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid #e5eaf2;border-radius:17px;padding:18px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 24px #15274d0a}.stat-card span{display:block;font-size:12px;color:#718097}.stat-card strong{display:block;font-size:29px;margin-top:4px}.stat-card svg{color:#3573f0}.stat-card.danger svg{color:#db3b4b}.button{border:0;border-radius:11px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.button.primary{background:#195ee8;color:#fff}.button.primary:hover{background:#124fc9}.button.secondary{background:#eaf0ff;color:#174fbf}.button.ghost{background:transparent;color:inherit;border:1px solid #dbe2ee}.sidebar .button.ghost{border-color:#ffffff2e}.button.small{padding:7px 10px;font-size:12px}.button.full{width:100%}.button:disabled{opacity:.5;cursor:not-allowed}.button-group,.row-actions{display:flex;gap:8px;flex-wrap:wrap}label{display:grid;gap:7px;color:#48546b;font-size:13px;font-weight:700}input,select{width:100%;border:1px solid #d6deeb;border-radius:10px;padding:11px 12px;background:#fff;color:#13203a;outline:none}input:focus,select:focus{border-color:#3478f6;box-shadow:0 0 0 3px #3478f61f}.input-icon{display:flex;align-items:center;gap:8px;border:1px solid #d6deeb;border-radius:10px;padding-left:11px;background:#fff}.input-icon input{border:0;box-shadow:none}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.form-grid h2,.form-grid .notice{grid-column:1/-1}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid #edf0f5;font-size:14px}th{color:#69758b;font-size:11px;text-transform:uppercase;letter-spacing:.06em}td small{display:block;color:#79869b;margin-top:3px}.mono{font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.stock-badge,.state-chip,.scope-chip{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.stock-badge.good{background:#daf8e8;color:#0d7c48}.stock-badge.medium{background:#fff1bd;color:#946b00}.stock-badge.low{background:#ffe0e4;color:#b92236}.stock-badge.out{background:#e8ebf0;color:#515b6b}.state-chip.available,.state-chip.closed{background:#ddf8e9;color:#137447}.state-chip.loaned,.state-chip.open{background:#e2ebff;color:#2556b7}.state-chip.laundry{background:#e5f5ff;color:#12658f}.state-chip.damaged,.state-chip.lost{background:#ffe0e4;color:#b92236}.state-chip.repair{background:#fff1bd;color:#946b00}.state-chip.retired{background:#e8ebf0;color:#515b6b}.scope-chip{background:#eef4ff;color:#2556b7}.notice{padding:12px 14px;background:#eef4ff;color:#244f9d;border-radius:11px;margin-bottom:15px}.error-text{color:#bb2436!important;font-size:13px}.filters{display:grid;grid-template-columns:1fr 220px;gap:12px}.scanner-box{display:grid;gap:12px;margin-top:16px}.scan-input-row{display:flex;align-items:center;gap:8px}.scan-input-row input{min-width:0}.movement-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:18px}.mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:18px}.mode-button{border:1px solid #dce3ef;background:#fff;border-radius:13px;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:750;color:#5b6780}.mode-button.active{background:#0e2c65;color:#fff;border-color:#0e2c65}.scanned-panel{display:flex;flex-direction:column;min-height:460px}.code-list{flex:1;display:grid;align-content:start;gap:7px;margin-bottom:15px;max-height:380px;overflow:auto}.code-list>div{display:flex;align-items:center;justify-content:space-between;background:#f5f7fb;padding:9px 10px;border-radius:9px}.icon-button{border:0;background:transparent;padding:7px;border-radius:9px;display:grid;place-items:center}.empty-state{text-align:center;padding:40px 10px;color:#8994a6!important}.camera-modal,.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040c1bd6;display:grid;place-items:center;z-index:100;padding:18px;color:#fff}.camera-video{width:min(620px,100%);max-height:70vh;border-radius:16px;background:#000}.camera-close{position:absolute;top:20px;right:20px;background:#fff;color:#10192b;border:0;border-radius:50%;width:44px;height:44px;display:grid;place-items:center}.modal-backdrop{background:#040c1b94}.modal-card{width:min(520px,100%);background:#fff;color:#13203a;border-radius:18px;padding:22px}.details{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.details div{background:#f6f8fb;border-radius:11px;padding:11px}.details dt{color:#7a8698;font-size:11px;text-transform:uppercase}.details dd{margin:4px 0 0;font-weight:700}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top right,#253f7b 0,#09162f 45%,#050b18)}.login-card{width:min(430px,100%);background:#fff;border-radius:24px;padding:30px;box-shadow:0 30px 80px #00000059}.login-card h1{margin:0 0 8px}.login-card>p{color:#6e7a8f;margin:0 0 22px}.login-card form{display:grid;gap:11px}.login-brand{color:#13203a}.center-screen{min-height:100vh;display:grid;place-items:center;background:#09162f;color:#fff}.mobile-header,.bottom-nav{display:none}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.sidebar{display:none}.main-content{margin-left:0;padding-bottom:78px}.mobile-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:#09162f;color:#fff;padding:10px 15px}.mobile-header .brand{margin:0}.mobile-header .brand-mark{width:34px;height:34px;font-size:18px}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dfe5ef;z-index:50;padding-bottom:env(safe-area-inset-bottom)}.bottom-link{padding:9px 3px 7px;display:grid;justify-items:center;gap:3px;color:#778398;font-size:10px}.bottom-link.active{color:#185cdd}.page-section{padding:18px 14px}.page-header{align-items:stretch;flex-direction:column}.page-header .button-group{display:grid;grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:14px}.form-grid,.filters{grid-template-columns:1fr}.mode-tabs{grid-template-columns:repeat(2,1fr)}.movement-grid{grid-template-columns:1fr}.scanned-panel{min-height:320px}.scan-input-row{display:grid;grid-template-columns:auto 1fr}.scan-input-row .button{grid-column:1/-1}.details{grid-template-columns:1fr}}textarea{width:100%;min-height:92px;resize:vertical;border:1px solid #d6deeb;border-radius:10px;padding:11px 12px;background:#fff;color:#13203a;outline:none;font:inherit}textarea:focus{border-color:#3478f6;box-shadow:0 0 0 3px #3478f61f}.span-two{grid-column:span 2}.image-upload-field small{color:#7b879a;font-weight:500}.image-preview-box{min-height:132px;border:1px dashed #cbd6e6;border-radius:14px;background:#f7f9fc;display:grid;place-items:center;align-content:center;gap:8px;color:#8a96aa;overflow:hidden}.image-preview-box img{width:100%;height:160px;object-fit:cover}.product-thumb{width:58px;height:58px;border-radius:12px;object-fit:cover;display:block;border:1px solid #e2e7ef;background:#f4f6fa}.product-thumb.placeholder{display:grid;place-items:center;color:#8793a7}.file-button{position:relative;cursor:pointer;white-space:nowrap}.file-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.file-button.disabled{opacity:.55;pointer-events:none}.garment-modal{max-height:92vh;overflow:auto}.garment-detail-image{width:100%;height:260px;border-radius:15px;object-fit:cover;margin-bottom:16px;background:#f2f5f9}.garment-detail-image.placeholder{display:grid;place-items:center;align-content:center;gap:8px;color:#8793a7}.config-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:#09162f}.config-card{width:min(620px,100%);background:#fff;border-radius:22px;padding:30px;box-shadow:0 25px 70px #0000004d}.config-card h1{margin:0 0 10px}.config-card p,.config-card li{color:#5f6d84;line-height:1.55}.config-card code{background:#edf2fa;border-radius:6px;padding:2px 6px;color:#193f85}@media(max-width:780px){.span-two{grid-column:auto}.image-preview-box img{height:190px}.garment-detail-image{height:220px}}.button.danger{background:#ffe4e7;color:#b91c30}.button.danger:hover{background:#ffd1d8}.notice.warning{display:flex;align-items:center;gap:8px;background:#fff7df;color:#8a5c00}.loading-thumb{font-size:10px;color:#8a96aa}.scanned-items-list{flex:1;display:grid;align-content:start;gap:10px;margin-bottom:15px;max-height:430px;overflow:auto}.scanned-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:10px;align-items:center;background:#f5f7fb;border:1px solid #e8edf5;padding:9px;border-radius:12px}.scanned-item.invalid{background:#fff4f5;border-color:#ffc4cc}.scanned-item-body{display:grid;gap:3px;min-width:0}.scanned-item-body span,.scanned-item-body small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scan-error{color:#b92236!important;display:flex!important;align-items:center;gap:4px;white-space:normal!important}.section-title-row,.modal-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-title-row h2{margin:0 0 12px}.modal-actions{margin-top:16px}.nested-form{margin-top:18px;padding-top:18px;border-top:1px solid #e8edf5}.nested-form h3{margin:0}.muted-row{opacity:.62;background:#f8fafc}.form-grid .span-two{grid-column:span 2}@media(max-width:780px){.section-title-row,.modal-title-row{align-items:flex-start;flex-direction:column}.form-grid .span-two{grid-column:auto}}.span-full{grid-column:1 / -1}.form-actions{align-self:end}.filters-three{grid-template-columns:1fr 220px 240px}.muted-text{color:#8a96aa;font-size:12px}.details-panel{max-width:860px}.password-row input{min-width:0}.password-row .icon-button{margin-right:4px}.toast-stack{position:fixed;top:18px;right:18px;display:grid;gap:10px;z-index:200;width:min(360px,calc(100vw - 28px))}.toast{background:#0f1d3a;color:#fff;padding:13px 15px;border-radius:14px;box-shadow:0 16px 45px #050c1838;font-weight:700;line-height:1.35;animation:toast-in .18s ease-out}.toast.success{background:#107146}.toast.warning{background:#8a5c00}.toast.error{background:#b91c30}.confirm-card p{color:#65738a;line-height:1.5;margin:8px 0 0}.confirm-card h2{margin:0}.table-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.location-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#f0f5ff;color:#2456b6;font-size:12px;font-weight:800}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:780px){.filters-three{grid-template-columns:1fr}.toast-stack{top:64px;right:14px;left:14px;width:auto}}.page-actions{justify-content:flex-end;align-items:center}.page-actions .button.primary{min-width:160px}.panel-header .button-group,.table-toolbar .button-group{justify-content:flex-end}.table-toolbar{margin-bottom:16px}.row-actions{justify-content:flex-end;align-items:center}td .row-actions{min-width:max-content}.action-primary{min-height:48px;font-size:15px}.auto-sync-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#eaf7ef;color:#11623f;font-size:12px;font-weight:800}.auto-sync-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:#20b26b;box-shadow:0 0 0 4px #20b26b1f}.button-group.stacked-actions{align-items:stretch}.button-group.stacked-actions .button{flex:1;min-width:150px}.panel.form-grid>.button.primary:last-child{align-self:end}.icon-button:hover{background:#eef3fb}.mode-tabs{align-items:stretch}.mode-button{min-height:52px}.scanned-panel .panel-header{position:sticky;top:0;background:#fff;z-index:2;padding-bottom:8px}@media(max-width:900px){.page-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.page-actions .button{width:100%}.page-actions .button.primary{grid-column:1/-1}.row-actions{display:grid;grid-template-columns:1fr}td .row-actions{min-width:0}.row-actions .button{width:100%}}@media(max-width:780px){.button{min-height:42px}.panel{padding:16px;border-radius:16px}.page-actions{grid-template-columns:1fr}.table-wrap{border-radius:16px}table{min-width:760px}.mode-button{padding:10px 8px}.modal-card{padding:18px}.button-group.modal-actions{display:grid;grid-template-columns:1fr}}.camera-card{position:relative;width:min(680px,100%);display:grid;gap:12px;justify-items:center}.camera-card p{margin:0;color:#f8fafc;text-align:center;font-weight:700}.camera-frame{position:absolute;width:min(420px,72vw);height:min(220px,38vh);border:3px solid rgba(255,255,255,.92);border-radius:18px;box-shadow:0 0 0 9999px #040c1b2e;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-56%)}.camera-video{display:block;object-fit:cover;min-height:280px}@media(max-width:780px){.camera-modal{padding:12px;align-items:center}.camera-video{width:100%;max-height:72vh;min-height:360px}.camera-close{top:12px;right:12px}}