:root{--navy:#071b35;--blue:#0055a4;--blue2:#0d71c8;--ice:#eef6ff;--line:#dbe7f2;--muted:#668098;--white:#fff;--shadow:0 18px 50px rgba(7,27,53,.09);--sans:'Manrope',sans-serif;--display:'Space Grotesk',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}body{margin:0;background:#f7faff;color:var(--navy);font:14px/1.5 var(--sans)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.login-view{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 85% 12%,#d8ecff,transparent 35%),var(--navy)}.login-card{width:min(460px,100%);background:#fff;padding:46px;border-radius:22px;box-shadow:0 30px 90px #0004}.mark{display:grid;place-items:center;background:var(--blue);color:#fff;width:76px;height:76px;border-radius:20px;font:700 22px var(--display);letter-spacing:-.1em;box-shadow:0 12px 24px #0055a444;margin:22px 0}.mark.small{width:40px;height:40px;border-radius:12px;font-size:12px;margin:0}.eyebrow{font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin:0 0 10px}.login-card h1,.topbar h1{font:700 clamp(2.4rem,5vw,4rem)/.95 var(--display);letter-spacing:-.07em;margin:0 0 16px}.login-card>p{color:var(--muted);margin:0 0 30px}.field{display:grid;gap:7px;color:var(--navy);font-weight:700;font-size:12px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);padding:12px 14px;background:#fff;border-radius:10px;outline:0;color:var(--navy)}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0055a41c}.primary,.ghost{border-radius:10px;padding:12px 16px;border:1px solid transparent;font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.03em;transition:.18s ease}.primary{background:var(--blue);color:#fff}.primary:hover{background:var(--blue2);transform:translateY(-2px);box-shadow:0 10px 22px #0055a433}.ghost{border-color:var(--line);background:#fff;color:var(--blue)}.ghost:hover{border-color:var(--blue);background:var(--ice)}.login-card .primary{width:100%;display:flex;justify-content:space-between;margin-top:22px}.error{color:#b42318;min-height:20px;font-size:12px}.success{color:#16794c}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--navy);color:#fff;padding:26px 18px;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:11px;padding:0 10px 34px}.side-brand strong{font:700 15px var(--display);display:block;letter-spacing:.02em}.side-brand span{font:500 9px var(--mono);color:#9fc3e3;letter-spacing:.08em}.sidebar nav{display:grid;gap:6px}.nav-item{background:transparent;border:0;color:#abc5da;text-align:left;padding:13px 12px;border-radius:10px;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.05em}.nav-item:hover,.nav-item.active{background:#ffffff16;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--blue2)}.side-bottom{margin-top:auto;display:grid;gap:15px;border-top:1px solid #ffffff1c;padding:22px 12px 0;font:500 11px var(--mono)}.side-bottom a{color:#bfe0ff}.side-bottom button{background:none;border:0;color:#91abc0;text-align:left;padding:0}.main{margin-left:250px;min-height:100vh;padding:36px 48px 70px}.topbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:42px}.topbar h1{font-size:clamp(2.4rem,4vw,4rem);margin:0}.status{font:500 10px var(--mono);text-transform:uppercase;color:var(--muted);display:flex;gap:9px;align-items:center}.status i{width:8px;height:8px;background:#21b66f;border-radius:50%;box-shadow:0 0 0 4px #21b66f1c}.status span{opacity:.65}.section{max-width:1400px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.kpi,.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.kpi{padding:22px}.kpi span,.kpi small{display:block;color:var(--muted);font:500 10px var(--mono);text-transform:uppercase}.kpi strong{font:700 42px var(--display);letter-spacing:-.08em;display:block;margin:12px 0 4px}.kpi.accent{background:var(--blue);color:#fff;border-color:var(--blue)}.kpi.accent span,.kpi.accent small{color:#c4e2ff}.dashboard-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:22px}.panel{padding:24px}.panel-head,.section-actions{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.panel h2,.section-actions h2{font:700 25px var(--display);letter-spacing:-.05em;margin:0}.mini-list{display:grid;gap:10px;margin-top:22px}.mini-item{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:12px}.mini-item img{width:48px;height:48px;object-fit:contain;background:var(--ice);border-radius:8px}.mini-item strong{display:block;font-size:13px}.mini-item span{color:var(--muted);font-size:11px}.mini-item b{font:500 12px var(--mono)}.insight{background:linear-gradient(145deg,var(--navy),#0d4172);color:#fff;min-height:220px}.insight .eyebrow{color:#9bd0ff}.insight h2{font-size:32px;max-width:11ch}.insight p{color:#b8d1e6;max-width:38ch}.section-actions{margin-bottom:24px;align-items:end}.section-actions h2{font-size:40px;margin-bottom:8px}.muted{color:var(--muted);margin:0}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:750px}th,td{text-align:left;padding:16px 20px;border-bottom:1px solid var(--line);font-size:12px}th{font:500 10px var(--mono);text-transform:uppercase;color:var(--muted);background:#fbfdff}td:first-child{font-weight:700}.product-cell{display:flex;gap:11px;align-items:center}.product-cell img{width:42px;height:42px;object-fit:contain;background:var(--ice);border-radius:8px}.action-buttons{display:flex;justify-content:flex-end;gap:8px}.icon-btn{border:1px solid var(--line);background:#fff;color:var(--blue);border-radius:8px;padding:7px 9px;font-size:12px}.icon-btn.danger{color:#b42318}.stock-low{color:#b42318;font-weight:700}.tag{font:500 9px var(--mono);text-transform:uppercase;padding:5px 8px;border-radius:999px}.tag.ready{background:#dff8eb;color:#16794c}.tag.pending{background:#fff0d2;color:#9a5b00}.empty{text-align:center;padding:80px 20px}.empty-icon{font-size:40px;color:var(--blue);margin-bottom:12px}.empty h3{font:700 24px var(--display);margin:0 0 8px}.empty p{max-width:420px;margin:auto;color:var(--muted)}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.content-grid .wide{grid-column:span 2}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.setting-card{display:flex;align-items:flex-start;gap:15px}.setting-card>div{flex:1}.setting-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--ice);color:var(--blue);font-size:21px}.setting-card h3{margin:0 0 5px;font:700 17px var(--display)}.setting-card p{margin:0;color:var(--muted);font-size:12px}.setting-card .tag{margin-left:auto;white-space:nowrap}dialog{border:0;border-radius:18px;padding:0;width:min(620px,calc(100% - 28px));box-shadow:0 30px 100px #071b3566}dialog::backdrop{background:#071b3599}.dialog-head{padding:24px 26px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.dialog-head h2{margin:0;font:700 28px var(--display)}#product-form{padding-bottom:24px}.close{border:0;background:none;font-size:28px;color:var(--muted)}#product-form>.field,#product-form>.form-row,#product-form>.dialog-actions,#product-form>.error{margin-left:26px;margin-right:26px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.#product-form .field{margin-top:15px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}@media(max-width:900px){.sidebar{width:74px;padding:20px 10px}.side-brand{padding:0 7px 28px}.side-brand>div:last-child,.nav-item{font-size:0}.nav-item{text-align:center;height:44px;padding:10px}.nav-item:before{font-size:18px}.nav-item[data-section=overview]:before{content:'⌂'}.nav-item[data-section=products]:before{content:'▦'}.nav-item[data-section=orders]:before{content:'◉'}.nav-item[data-section=content]:before{content:'✎'}.nav-item[data-section=settings]:before{content:'⚙'}.side-bottom a,.side-bottom button{font-size:0}.side-bottom a:before{content:'↗';font-size:20px}.side-bottom button:before{content:'⇥';font-size:20px}.main{margin-left:74px;padding:26px 22px 50px}.kpi-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.settings-grid{grid-template-columns:1fr}}@media(max-width:560px){.topbar{align-items:start;gap:14px;flex-direction:column}.kpi-grid{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.content-grid .wide{grid-column:auto}.section-actions{align-items:start;flex-direction:column}.form-row{grid-template-columns:1fr}.login-card{padding:30px}.status{display:none}}