/* Premium orange operations dashboard — compact, data-first and finance-inspired. */
:root{
  --orange-950:#431407;--orange-900:#6f2209;--orange-800:#93330b;
  --orange-700:#b7440b;--orange-600:#d95a10;--orange-500:#f1731a;
  --orange-100:#ffead9;--orange-50:#fff7f0;--canvas:#f7f4f1;
  --surface:#fff;--ink:#261d19;--muted:#786d67;--line:#e9e2dd;
  --shadow:0 1px 2px #3e160708,0 8px 24px #3e160708;
}
html{background:var(--canvas)}
body{background:var(--canvas);color:var(--ink);font-size:13px}
main{background:radial-gradient(circle at 80% -10%,#fff0e4 0,transparent 26%),var(--canvas)}
.sidebar{width:248px;background:#281a15;border-right:1px solid #402c24;padding:18px 14px 16px;box-shadow:none}
.brand{padding:2px 8px 20px;margin-bottom:8px;border-bottom:1px solid #ffffff12}
.brandmark{width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,var(--orange-500),var(--orange-700));color:#fff;box-shadow:0 7px 18px #0004}
.brand strong{font-size:12px;color:#fff}.brand span{color:#ae9d95;font-size:8px;letter-spacing:.09em}
.sidebar nav{padding:5px 2px}.nav{min-height:39px;margin:2px 0;border-radius:8px;color:#cbbeb8;font-size:10px;font-weight:600;border:1px solid transparent}
.nav span{width:27px;height:27px;border-radius:7px;background:transparent;color:#ae9f98}
.nav:hover{background:#ffffff08;color:#fff}.nav.active{background:#fff;color:#5e260d;border-color:#fff;box-shadow:0 7px 20px #0003}
.nav.active span{background:var(--orange-100);color:var(--orange-700)}
.help{border:1px solid #ffffff10;background:#ffffff08}.user{border-top-color:#ffffff12}.sidebar-logout{border:1px solid #ffffff12;border-radius:7px}
main{margin-left:248px}header{height:72px;padding:0 30px;background:#ffffffd9;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:none}
.header-title h1{font:750 16px Manrope;color:var(--ink);letter-spacing:-.02em}.header-title p{font-size:9px;color:var(--muted)}
.db-status{background:#f4fbf7;color:#20754d;border-color:#d6ede0}.db-status i{background:#2ba26b;box-shadow:0 0 0 4px #2ba26b16}
.icon-btn,.logout-button{border-color:var(--line);background:#fff;border-radius:8px}.primary{background:var(--orange-600);border:1px solid var(--orange-600);border-radius:8px;box-shadow:0 5px 12px #d95a1025;font-weight:700}.primary:hover{background:var(--orange-700);border-color:var(--orange-700);box-shadow:0 7px 16px #b7440b30}
.outline{border-color:var(--line);background:#fff;border-radius:8px;color:#50443e}.outline:hover{border-color:#e3b18e;background:var(--orange-50);color:var(--orange-800)}
.view{padding:26px 30px 44px}.hero{position:relative;overflow:hidden;border:1px solid #df6921;background:linear-gradient(118deg,#7e2b0b 0%,#b9460c 46%,#ef731b 100%);border-radius:14px;padding:26px 28px;box-shadow:0 12px 30px #8e300e22}
.hero:after{content:"";position:absolute;width:260px;height:260px;right:-70px;top:-105px;border:55px solid #ffffff0d;border-radius:50%}.hero h2{font:800 25px Manrope;letter-spacing:-.04em}.hero p{color:#ffddc7}.light-btn{position:relative;z-index:1;border-radius:8px;box-shadow:0 6px 18px #581a0c30}
.stats{gap:14px;margin:18px 0}.stats article{border:1px solid var(--line);border-radius:12px;background:#fff;padding:17px 18px;box-shadow:var(--shadow)}
.stats article:hover{transform:translateY(-2px);border-color:#efc4a5;box-shadow:0 10px 28px #511c0b10}.stat-icon{width:38px;height:38px;border-radius:10px!important}.stat-icon.navy,.stat-icon.teal,.stat-icon.gold,.stat-icon.green{background:var(--orange-50);color:var(--orange-700)}
.stats span{font-size:9px;color:var(--muted)}.stats b{font:800 23px Manrope;color:var(--ink);letter-spacing:-.04em}.stats small{font-size:8px}
.dashboard-filters{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px 14px;box-shadow:0 1px 2px #00000005}.dashboard-filters select{border-color:var(--line);border-radius:7px;background:#faf9f8}
.insight-stats{gap:12px}.insight-stats article{border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:16px;background:#fff}.insight-icon{border-radius:9px!important;background:var(--orange-50)!important;color:var(--orange-700)!important}.insight-stats b{color:var(--ink)!important;letter-spacing:-.03em}.insight-stats article>i{background:#f1ebe7}.insight-stats article>i em{background:linear-gradient(90deg,var(--orange-700),var(--orange-500))!important}
.panel{border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);background:#fff}.panel:hover{border-color:#e4d9d2;box-shadow:0 8px 26px #3e16070b}.panel-head{border-bottom-color:#f0ebe7}.panel-head h3,.section-heading h2{color:var(--ink);letter-spacing:-.025em}.panel-head button{color:var(--orange-700)}
.pipeline i{height:6px;background:#f2ece8}.pipeline i:after{background:linear-gradient(90deg,var(--orange-700),var(--orange-500))}.status-strip article{border-color:var(--line);border-radius:10px}.action-center{margin-top:16px}.action-grid button{border-color:var(--line);border-radius:10px;background:#fcfbfa}.action-grid button:hover{background:var(--orange-50);border-color:#edc6aa}.action-grid button>i{background:var(--orange-100);color:var(--orange-800)}
table th{background:#faf8f6;color:#74675f;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:.07em}table td{border-bottom-color:#f0ebe8}tbody tr:hover{background:#fffaf6}
.toolbar input,.toolbar select,.student-tools select,.employee-dialog input,.employee-dialog select,.document-dialog input,.document-dialog select{border-color:var(--line)!important;border-radius:8px!important;background:#fff!important}
.status-select{border-radius:18px!important}.eyebrow{color:var(--orange-700)}.toast{background:#2b1d17;border:1px solid #4e352b;border-radius:9px;box-shadow:0 12px 35px #0004}
dialog{border-radius:14px!important;box-shadow:0 30px 90px #2f160c40!important}dialog::backdrop{background:#2a160e99;backdrop-filter:blur(3px)}
.login-art{background:linear-gradient(145deg,#311811,#702709 58%,#d75a11)}.login-panel{background:#fbf8f5}.secure-mark{background:var(--orange-100);color:var(--orange-700)}.login-role-tabs{background:#f2ebe6;border-color:#e5d8d0}.login-role-tabs button.active{background:var(--orange-600)}
.student-tools{border-radius:10px!important;box-shadow:none!important}.upload-inbox-stats article,.fulfillment-stats article,.replacement-price-cards article{border-color:var(--line);box-shadow:var(--shadow)}
@media(max-width:1000px){.sidebar{width:218px}main{margin-left:218px}.view{padding:22px}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{width:250px}.sidebar:not(.open){transform:translateX(-100%)}main{margin-left:0}header{padding:0 16px}.view{padding:18px 14px}.hero{padding:22px 19px}.stats{grid-template-columns:1fr}.header-actions .db-status,.header-actions .icon-btn{display:none}}

/* V3 — expressive layer: bolder rhythm, glow and dimensional orange accents. */
main{background:
  radial-gradient(circle at 94% 4%,#ffd7b880 0 8%,transparent 24%),
  radial-gradient(circle at 34% 26%,#fff 0 3%,transparent 19%),var(--canvas)}
header{box-shadow:0 8px 25px #4b180607;z-index:20}
.sidebar{background:
  radial-gradient(circle at 20% -5%,#8d330f 0,transparent 29%),
  linear-gradient(175deg,#2b1812 0%,#241713 55%,#19110f 100%)}
.sidebar:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 55%)}
.brand,.sidebar nav,.side-bottom{position:relative;z-index:1}
.brandmark{position:relative;transform:rotate(-5deg);box-shadow:0 10px 26px #ef6d223b}.brandmark:after{content:"";position:absolute;inset:-5px;border:1px solid #ff9f5b45;border-radius:13px}
.nav{transition:transform .18s ease,background .18s ease,color .18s ease}.nav:hover{transform:translateX(3px)}.nav.active{transform:translateX(4px);box-shadow:0 10px 30px #0005}
.hero{min-height:120px;background:
  radial-gradient(circle at 83% 22%,#ffb77755 0 5%,transparent 26%),
  linear-gradient(112deg,#712306 0%,#ac3b08 42%,#f57417 100%);box-shadow:0 22px 48px #8e300e30}
.hero:before{content:"";position:absolute;width:210px;height:210px;right:65px;bottom:-164px;border:45px solid #fff1;border-radius:50%}.hero:after{width:290px;height:290px;right:-90px;top:-135px;border-width:62px;border-color:#ffd2b41c}
.hero h2{font-size:29px;text-shadow:0 2px 12px #5a1d0c36}.hero .eyebrow{display:inline-flex;align-items:center;gap:7px}.hero .eyebrow:before{content:"";width:22px;height:2px;background:#ffbf8b;border-radius:9px}
.light-btn{border:1px solid #ffffff8a;background:#fff;color:#8c3009;padding:12px 16px}.light-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #50160444}
.stats article{position:relative;overflow:hidden;isolation:isolate}.stats article:before{content:"";position:absolute;width:90px;height:90px;right:-42px;top:-48px;border-radius:50%;background:linear-gradient(145deg,#ffb16c42,#f25d1210);z-index:-1}.stats article:after{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(var(--orange-500),var(--orange-700));transform:scaleY(0);transition:transform .22s ease}.stats article:hover:after{transform:scaleY(1)}
.stat-icon{box-shadow:inset 0 0 0 1px #f9c9a6,0 7px 16px #d75b1218;transform:rotate(-3deg)}
.insight-stats article{position:relative;overflow:hidden}.insight-stats article:before{content:"";position:absolute;width:50px;height:50px;border-radius:50%;right:-24px;top:-25px;background:#ff8b3513}
.insight-icon{box-shadow:inset 0 0 0 1px #f6c7a5;transition:transform .25s ease}.insight-stats article:hover .insight-icon{transform:rotate(-8deg) scale(1.08)}
.panel{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.panel:hover{transform:translateY(-3px);box-shadow:0 16px 38px #3e160710}
.action-center{background:linear-gradient(145deg,#fff,#fff9f4)}.action-grid button{position:relative;overflow:hidden}.action-grid button:after{content:"→";position:absolute;right:13px;top:13px;color:#e77c36;opacity:0;transform:translateX(-6px);transition:.2s}.action-grid button:hover:after{opacity:1;transform:none}.action-grid button:hover{transform:translateY(-3px);box-shadow:0 12px 25px #7d2a0b12}
.status-strip article{position:relative;overflow:hidden}.status-strip article:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--orange-700),var(--orange-500));opacity:.75}
.login-screen{background:
  radial-gradient(circle at 78% 18%,#ffbc8780 0 6%,transparent 26%),
  radial-gradient(circle at 22% 88%,#f26d2245 0 7%,transparent 25%),#f8f1eb}
.login-art{position:relative;overflow:hidden;background:
  radial-gradient(circle at 82% 19%,#ffae6b66 0 7%,transparent 25%),
  linear-gradient(145deg,#24130f 0%,#6f2308 54%,#e96716 100%)}
.login-art:after{content:"";position:absolute;width:390px;height:390px;right:-170px;bottom:-180px;border:72px solid #ffffff0d;border-radius:50%}.login-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(135deg,#000,transparent 70%)}
.login-copy,.login-brand{position:relative;z-index:2}.login-copy h1{font-size:48px;line-height:1.02;letter-spacing:-.055em;text-shadow:0 8px 30px #260a0755}.login-proof{border:1px solid #ffffff1c;background:#ffffff0b;backdrop-filter:blur(8px);border-radius:12px;padding:12px}
.login-panel{position:relative;background:linear-gradient(160deg,#fff 0%,#fffaf6 100%);box-shadow:-25px 0 70px #2b100b24}.login-panel:before{content:"Secure operations portal";position:absolute;right:28px;top:24px;color:#aa8e7d;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.login-panel form{position:relative;overflow:hidden;border-top:4px solid var(--orange-600);box-shadow:0 22px 60px #4b1d0b18}.login-panel form:before{content:"";position:absolute;width:150px;height:150px;right:-85px;top:-82px;border:28px solid #ef72151a;border-radius:50%;pointer-events:none}
.secure-mark{box-shadow:0 10px 22px #dd681626;animation:secure-float 3s ease-in-out infinite}.login-btn{min-height:46px;background:linear-gradient(110deg,#d94f0b,#f07a20,#c84208);background-size:180% 100%;animation:button-glow 5s linear infinite}.login-btn:hover{transform:translateY(-2px);box-shadow:0 13px 28px #ca4b1435}
@keyframes secure-float{50%{transform:translateY(-4px) rotate(4deg)}}@keyframes button-glow{50%{background-position:100% 0}}
@media(max-width:760px){.login-panel:before{display:none}.secure-mark{width:58px;height:58px;font-size:22px}.login-panel form{box-shadow:0 22px 60px #4b1d0b14}.hero h2{font-size:25px}.panel:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.secure-mark,.login-btn{animation:none!important}}