:root{--blue-950:#062d4f;--blue-900:#073e69;--blue-800:#075687;--blue-700:#0875b5;--blue-500:#20a8e8;--ink:#172b3c;--muted:#65788a;--line:#dce5ec;--surface:#fff;--canvas:#f3f6f9;--danger:#b42336;--success:#087a52}body{background:var(--canvas);color:var(--ink)}svg{width:1.25rem;height:1.25rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{margin:0 0 .35rem;color:var(--blue-700);font-size:.7rem;font-weight:800;letter-spacing:.12em}.muted,small{color:var(--muted)}small{display:block;font-size:.75rem;line-height:1.4}h1,h2,p{margin-top:0}h1{margin-bottom:0;color:var(--ink);font-size:clamp(1.55rem,2.4vw,2.15rem);letter-spacing:-.045em}h2{margin-bottom:.4rem;color:var(--ink);font-size:1.25rem;letter-spacing:-.025em}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:1.25rem;background:radial-gradient(circle at 15% 15%,#d7f1ff 0,transparent 26rem),var(--canvas)}.auth-card{width:min(100%,29rem);padding:2.4rem;border:1px solid var(--line);border-radius:1.25rem;background:#fff;box-shadow:0 1.5rem 4rem #062d4f1f}.auth-brand{display:flex;align-items:center;gap:.7rem;margin-bottom:2.5rem}.auth-brand img{width:3.7rem;height:3.7rem;object-fit:contain}.auth-brand span{color:#0b5c9c;font-size:2rem;letter-spacing:-.07em}.auth-card form{display:grid;gap:1rem;margin-top:1.8rem}.backoffice-shell{min-height:100vh;background:var(--canvas)}.sidebar{position:fixed;z-index:100;inset:0 auto 0 0;display:flex;width:18rem;flex-direction:column;padding:1.1rem;background:linear-gradient(180deg,var(--blue-950),var(--blue-900));color:#fff;box-shadow:.5rem 0 2rem #062d4f1f}.brand{display:grid;gap:.55rem;padding:.45rem .4rem 1.4rem}.brand-identity{display:flex;align-items:center;gap:.6rem}.brand-identity img{width:2.8rem;height:2.8rem;object-fit:contain}.brand-identity strong{color:#fff;font-size:1.55rem;font-weight:400;letter-spacing:-.07em}.brand>span{color:#9fdcff;font-size:.61rem;font-weight:800;letter-spacing:.16em}.sidebar-nav{display:grid;gap:.28rem;overflow:auto}.sidebar-nav button{display:grid;grid-template-columns:1.35rem 1fr 1rem;align-items:center;gap:.72rem;min-height:3.5rem;padding:.55rem .7rem;border:1px solid transparent;border-radius:.72rem;background:transparent;color:#d9effc;text-align:left;cursor:pointer}.sidebar-nav button>svg{color:#7fcdf3}.sidebar-nav button span{min-width:0}.sidebar-nav button strong{display:block;color:inherit;font-size:.82rem}.sidebar-nav button small{overflow:hidden;color:#8eb8d1;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav button:hover{background:#ffffff14}.sidebar-nav button.active{border-color:#ffffff26;background:var(--blue-700);color:#fff;box-shadow:0 .5rem 1.25rem #00000029}.sidebar-nav button.active svg,.sidebar-nav button.active small{color:#fff}.nav-chevron{width:.8rem!important}.sidebar-logout{display:flex;align-items:center;gap:.65rem;margin-top:auto;padding:.85rem;border:0;border-top:1px solid rgb(255 255 255/.13);background:transparent;color:#fff;font-weight:700;cursor:pointer}.workspace{min-width:0;margin-left:18rem;padding:0 clamp(1rem,3vw,3rem) 3rem}.topbar{display:flex;min-height:6.3rem;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.8rem;border-bottom:1px solid var(--line)}.topbar-status{display:flex;align-items:center;gap:.5rem;color:#476278;font-size:.78rem;font-weight:700}.topbar-status span{width:.55rem;height:.55rem;border-radius:50%;background:#20b477;box-shadow:0 0 0 .25rem #dff7ed}.menu-button,.sidebar-backdrop{display:none}.page-stack{display:grid;gap:1.25rem}.page-intro,.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.page-intro p,.panel-heading p{margin-bottom:0;color:var(--muted)}.panel{padding:clamp(1rem,2.5vw,1.5rem);border:1px solid var(--line);border-radius:1rem;background:#fff;box-shadow:0 .7rem 2rem #062d4f0b}.panel .data-table{margin:1.3rem -1.5rem -1.5rem;border-width:1px 0 0;border-radius:0 0 1rem 1rem;box-shadow:none}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.metric-card{display:grid;gap:.5rem;min-height:10rem;padding:1.25rem;border:1px solid var(--line);border-radius:1rem;background:#fff;box-shadow:0 .65rem 1.8rem #062d4f0b}.metric-card span{display:flex;align-items:center;gap:.55rem;color:#527086;font-size:.78rem;font-weight:700}.metric-card span svg{color:var(--blue-700)}.metric-card strong{align-self:end;color:var(--ink);font-size:clamp(1.65rem,3vw,2.35rem);letter-spacing:-.05em}.metric-card--blue{border-color:var(--blue-700);background:linear-gradient(135deg,var(--blue-900),var(--blue-700))}.metric-card--blue span,.metric-card--blue strong,.metric-card--blue small,.metric-card--blue svg{color:#fff}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.quick-grid button{display:grid;grid-template-columns:2.7rem 1fr 1rem;align-items:center;gap:.8rem;padding:1.1rem;border:1px solid var(--line);border-radius:1rem;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.quick-grid button>svg:first-child{width:2.7rem;height:2.7rem;padding:.65rem;border-radius:.75rem;background:#e4f5fd;color:var(--blue-700)}.quick-grid strong{display:block;margin-bottom:.15rem}.quick-grid button:hover{border-color:#9ed8f3;box-shadow:0 .6rem 1.5rem #062d4f12}.button{display:inline-flex;min-height:2.7rem;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1rem;border:1px solid transparent;border-radius:.65rem;font-weight:750;cursor:pointer}.button svg{width:1.05rem}.button--primary{background:var(--blue-700);color:#fff;box-shadow:0 .4rem 1rem #0875b52e}.button--primary:hover{background:var(--blue-800)}.button--secondary{border-color:#cedae3;background:#fff;color:#29485f}.button:disabled{cursor:not-allowed;opacity:.55}.icon-button{display:inline-grid;width:2.45rem;min-height:2.45rem;place-items:center;padding:0;border:1px solid #cfdae3;border-radius:.6rem;background:#fff;color:#31536d;cursor:pointer}.icon-button:hover{border-color:#8cccea;background:#edf8fd;color:var(--blue-700)}.icon-button--danger{color:var(--danger)}.icon-button--success{color:var(--success)}.row-actions{display:flex;justify-content:flex-end;gap:.4rem}.notice{display:flex;align-items:center;gap:.65rem;padding:.8rem 1rem;border-radius:.7rem;font-size:.85rem}.notice svg{flex:none}.notice button{margin-left:auto;border:0;background:transparent;color:inherit;font-size:1.2rem}.notice--error{border:1px solid #efc5ca;background:#fff0f2;color:#9c2433}.notice--success{border:1px solid #a9e0c9;background:#eaf9f2;color:#096b49}.loading-state{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;color:var(--blue-700)}.loading-state svg{animation:spin 1s linear infinite}.inline-help{padding:.75rem 1rem;border-radius:.65rem;background:#edf8fd;color:#315d75;font-size:.84rem}.data-table__sort,.data-table td{font-family:Garet,system-ui,sans-serif}.data-table__sort{color:#536c80}.data-table td{color:#203c52}.data-table td strong{color:var(--ink)}.data-table td>small,.data-table td strong+small{margin-top:.2rem}.data-table code,.sku-preview code{padding:.28rem .45rem;border-radius:.35rem;background:#eef3f6;color:#31536d;font-family:ui-monospace,monospace;font-size:.76rem}.product-cell{display:flex;align-items:center;gap:.7rem}.product-cell img,.image-placeholder{width:2.65rem;height:2.65rem;border-radius:.55rem;object-fit:cover}.image-placeholder{display:grid;place-items:center;background:#eaf3f8;color:#6c8da3}.status-pill{display:inline-flex;padding:.3rem .55rem;border-radius:999px;background:#edf2f5;color:#526b7d;font-size:.68rem;font-weight:800;text-transform:capitalize}.status-active,.status-approved,.status-confirmed,.status-completed,.status-delivered{background:#e3f7ee;color:#08734d}.status-draft,.status-pending,.status-processing,.status-open{background:#fff3d9;color:#8c6207}.status-inactive,.status-rejected,.status-failed,.status-permanently-failed,.status-critical,.status-high{background:#ffeaed;color:#a52334}.signature{color:#75899a;font-family:ui-monospace,monospace;font-size:.72rem}form{display:grid;gap:1rem}label{display:grid;gap:.38rem;color:#294153;font-size:.83rem;font-weight:700}input,select,textarea{width:100%;min-height:2.8rem;padding:.65rem .75rem;border:1px solid #cbd7df;border-radius:.6rem;background:#fff;color:var(--ink)}textarea{min-height:7rem;resize:vertical}label small{font-weight:400}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.full-field,.form-actions{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:.5rem}.settings-panel fieldset,.upload-field{display:grid;align-content:start;gap:1rem;margin:0;padding:1rem;border:1px solid var(--line);border-radius:.75rem}.settings-panel legend,.upload-field legend{padding:0 .35rem;color:var(--ink);font-weight:800}.sku-preview{padding:.8rem;border-radius:.6rem;background:#f1f6f9;color:#526b7d;font-size:.82rem}.dropzone{display:flex;min-height:7.5rem;align-items:center;justify-content:center;gap:1rem;padding:1rem;border:2px dashed #9cc9df;border-radius:.8rem;background:#f3faff;color:#315b74;text-align:center;cursor:pointer}.dropzone>svg{width:2rem;height:2rem}.image-previews{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem}.image-previews img{width:100%;aspect-ratio:1;border-radius:.65rem;object-fit:cover}.report-list{display:grid}.report-list>div{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--line)}.empty-state{padding:2rem;color:var(--muted);text-align:center}.modal-backdrop{position:fixed;z-index:500;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:#03192ba6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(100%,34rem);max-height:calc(100vh - 2rem);overflow:auto;padding:1.5rem;border-radius:1rem;background:#fff;box-shadow:0 2rem 5rem #00000040}.modal--wide{width:min(100%,52rem)}.modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.modal>header h2{margin-bottom:0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.metric-grid,.quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.sidebar{transform:translate(-110%);transition:transform .2s}.sidebar--open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;border:0;background:#03192b8c}.workspace{margin-left:0}.menu-button{display:inline-grid}.topbar-status{display:none}.panel .data-table{margin-left:-1rem;margin-right:-1rem}.metric-grid,.quick-grid,.form-grid{grid-template-columns:1fr}.full-field,.form-actions{grid-column:auto}.page-intro,.panel-heading{align-items:flex-start;flex-direction:column}.image-previews{grid-template-columns:repeat(3,1fr)}}@font-face{font-family:Garet;src:url(/fonts/Garet-Book.woff2) format("woff2");font-style:normal;font-weight:400 600;font-display:swap}@font-face{font-family:Garet;src:url(/fonts/Garet-Heavy.woff2) format("woff2");font-style:normal;font-weight:700 900;font-display:swap}:root{font-family:Garet,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid #26abe8;outline-offset:3px}