@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!visible{visibility:visible!important}.visible{visibility:visible}.absolute{position:absolute}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.italic{font-style:italic}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}
*{box-sizing:border-box;margin:0;padding:0}:root{--sage:#7a8a5c;--sage-deep:#5f6e44;--sage-soft:#e8ebdc;--sage-mist:#f4f5ec;--cream:#faf7f0;--paper:#fff;--paper-warm:#fdfaf3;--line:#e8e2d4;--line-soft:#f0ebde;--ink:#3a3a2e;--ink-soft:#6b6a5c;--ink-faint:#a39f8e;--ok:#7a8a5c;--ok-soft:#e8ebdc;--warn:#c89968;--warn-soft:#f3e7d4;--crit:#b56a6a;--crit-soft:#f3dede;--info:#7a8b96;--info-soft:#e1e8ed}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;min-height:100vh;padding:0 0 60px;font-family:Inter,sans-serif}.serif{letter-spacing:0;font-family:Cormorant Garamond,serif;font-weight:500}.topnav{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#faf7f0e0;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1380px;margin:0 auto;padding:14px 26px;display:flex}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.brand img{width:auto;height:44px;display:block}.brand-meta{border-left:1px solid var(--line);flex-direction:column;margin-left:2px;padding-left:12px;line-height:1.1;display:flex}.brand-meta .label{color:var(--sage);letter-spacing:.04em;font-family:Cormorant Garamond,serif;font-size:14px;font-style:italic;font-weight:600}.brand-meta .sub{color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase;margin-top:2px;font-family:JetBrains Mono;font-size:10.5px}.nav-tabs{background:var(--paper);border:1px solid var(--line);border-radius:12px;gap:2px;padding:4px;display:flex}.nav-tab{color:var(--ink-soft);white-space:nowrap;letter-spacing:.01em;border-radius:8px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.nav-tab:hover{color:var(--ink);background:var(--sage-mist)}.nav-tab.active{background:var(--sage);color:var(--paper);font-weight:600}.nav-count{background:var(--sage-soft);min-width:18px;height:18px;color:var(--sage-deep);vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;margin-left:7px;padding:0 5px;font-family:JetBrains Mono;font-size:10.5px;font-weight:600;line-height:1;display:inline-flex}.nav-tab.active .nav-count{color:#fff;background:#ffffff40}.nav-count.hot{background:var(--crit);color:#fff}.nav-tab.active .nav-count.hot{color:#fff;background:#ffffff4d}.nav-reports{position:relative}.nav-reports-btn{cursor:pointer;background:0 0;border:none;font-family:inherit}.nav-reports-menu{background:var(--paper);border:1px solid var(--line);opacity:0;visibility:hidden;z-index:50;border-radius:11px;min-width:150px;padding:6px;transition:all .16s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px);box-shadow:0 12px 30px -12px #3a3a2e40}.nav-reports:hover .nav-reports-menu{opacity:1;visibility:visible;transform:none}.nav-reports-menu a{color:var(--ink-soft);border-radius:7px;padding:9px 13px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:block}.nav-reports-menu a:hover{background:var(--sage-mist);color:var(--ink)}.nav-reports-menu a.active{background:var(--sage);color:#fff}.nav-right{align-items:center;gap:12px;display:flex}.nav-outlet{background:var(--paper);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:8px;outline:none;max-width:200px;padding:7px 10px;font-family:inherit;font-size:12.5px;font-weight:500}.nav-outlet:focus{border-color:var(--sage)}.nav-who{text-align:right;line-height:1.15}.nav-who-name{color:var(--ink);font-size:13px;font-weight:600}.nav-who-sub{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.03em;font-family:JetBrains Mono;font-size:10.5px}.live-update{color:var(--sage-deep);border:1px solid var(--line);background:var(--paper);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-family:JetBrains Mono;font-size:11px;font-weight:500;display:inline-flex}.live-update .pulse{background:var(--sage);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #7a8a5c66}50%{opacity:.7;box-shadow:0 0 0 5px #7a8a5c00}}.reset-btn{border:1px solid var(--line);color:var(--ink-faint);cursor:pointer;letter-spacing:.03em;text-transform:uppercase;background:0 0;border-radius:7px;padding:6px 11px;font-family:inherit;font-size:11px;font-weight:500;transition:all .2s}.reset-btn:hover{color:var(--ink);border-color:var(--ink-soft);background:var(--paper)}.wrap{max-width:1380px;margin:0 auto;padding:32px 26px}h1.page-title{letter-spacing:-.01em;color:var(--ink);margin-bottom:6px;font-family:Cormorant Garamond,serif;font-size:36px;font-weight:500;line-height:1.1}h1.page-title .accent{color:var(--sage);font-style:italic}.page-sub{color:var(--ink-soft);margin-bottom:28px;font-size:14px;line-height:1.5}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.stat{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px 20px;transition:all .2s;position:relative}.stat:hover{border-color:var(--sage);transform:translateY(-1px)}.stat .indicator{opacity:.7;border-radius:2px;width:34px;height:2px;margin-bottom:14px}.stat.ok .indicator{background:var(--ok)}.stat.warn .indicator{background:var(--warn)}.stat.crit .indicator{background:var(--crit)}.stat.info .indicator{background:var(--info)}.stat .n{letter-spacing:-.02em;color:var(--ink);font-family:Cormorant Garamond,serif;font-size:36px;font-weight:500;line-height:1}.stat .l{color:var(--ink-soft);letter-spacing:.01em;margin-top:6px;font-size:12.5px;font-weight:500}.stat .hint{color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase;margin-top:6px;font-family:JetBrains Mono;font-size:10.5px}@media (max-width:1024px){.nav-inner{flex-wrap:wrap;gap:10px 14px}.brand{order:1}.nav-right{order:2;margin-left:auto}.nav-tabs{flex-wrap:wrap;order:3;width:100%}}@media (max-width:780px){.stats{grid-template-columns:repeat(2,1fr)}.nav-tabs{gap:1px;padding:3px}.nav-tab{padding:7px 11px;font-size:11.5px}.brand img{height:36px}.brand-meta{display:none}h1.page-title{font-size:28px}}@media (max-width:560px){.wrap{padding:24px 16px}.stat .n{font-size:30px}.section-title{font-size:21px}.btn-primary,.btn-ghost,.btn-danger{padding:11px 16px}}.panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;margin-bottom:14px;padding:18px 20px}.panel-title{color:var(--ink);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:11px;font-family:Cormorant Garamond,serif;font-size:18px;font-weight:500;display:flex}.section-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin:24px 0 14px;padding-bottom:11px;display:flex}.section-title{color:var(--ink);letter-spacing:-.01em;font-family:Cormorant Garamond,serif;font-size:24px;font-weight:500}.section-title .accent{color:var(--sage);font-style:italic}.section-sub{color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase;font-family:JetBrains Mono;font-size:12px}.filter-bar{background:var(--paper);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:13px 16px;display:flex}.filter-bar select,.filter-bar input{background:var(--paper-warm);border:1px solid var(--line);color:var(--ink);border-radius:9px;outline:none;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .2s}.filter-bar select:focus,.filter-bar input:focus{border-color:var(--sage)}.filter-bar label{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;margin-right:4px;font-family:JetBrains Mono;font-size:10.5px;font-weight:600}.chip{color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:7px;padding:6px 12px;font-family:inherit;font-size:11.5px;font-weight:500;transition:all .18s}.chip:hover{color:var(--ink);background:var(--sage-mist)}.chip.active{background:var(--sage);color:var(--paper);border-color:var(--sage)}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-family:JetBrains Mono;font-size:10.5px;font-weight:600;display:inline-flex}.badge.pending{background:var(--warn-soft);color:#a4763d}.badge.approved{background:var(--ok-soft);color:var(--sage-deep)}.badge.declined{background:var(--crit-soft);color:var(--crit)}.badge.shipped{background:var(--info-soft);color:var(--info)}.badge.delivered{color:#8a6a9a;background:#ece2f1}.badge.urgent{background:var(--crit);color:#fff;animation:2s infinite pulse}.btn-primary{background:var(--sage);color:var(--paper);cursor:pointer;letter-spacing:.01em;border:none;border-radius:9px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.btn-primary:hover{background:var(--sage-deep)}.btn-danger{background:var(--paper);color:var(--crit);cursor:pointer;border:1px solid #e7c9c9;border-radius:9px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.btn-danger:hover{background:var(--crit-soft)}.btn-ghost{color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:9px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.btn-ghost:hover{color:var(--ink);border-color:var(--ink-soft)}table.std{border-collapse:collapse;background:var(--paper);border:1px solid var(--line);border-radius:14px;width:100%;overflow:hidden}table.std thead th{background:var(--paper-warm);text-align:left;color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 16px;font-family:JetBrains Mono;font-size:10.5px;font-weight:600}table.std tbody td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:13px 16px;font-size:13px}table.std tbody tr:last-child td{border-bottom:none}table.std tbody tr{transition:all .15s}table.std tbody tr:hover{background:var(--sage-mist)}table.std .mono{letter-spacing:.02em;font-family:JetBrains Mono;font-size:12px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:18px;display:grid}.kpi-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px 24px}.kpi-label{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:9px;font-family:JetBrains Mono;font-size:11px;font-weight:600}.kpi-value{color:var(--ink);letter-spacing:-.02em;font-family:Cormorant Garamond,serif;font-size:42px;font-weight:500;line-height:1}.kpi-value .unit{color:var(--ink-faint);margin-left:6px;font-size:18px;font-style:italic}.kpi-bar{background:var(--sage-mist);border-radius:3px;height:6px;margin-top:14px;overflow:hidden}.kpi-bar-fill{border-radius:3px;height:100%;transition:width .5s}.kpi-bar-fill.good{background:var(--sage)}.kpi-bar-fill.mid{background:var(--warn)}.kpi-bar-fill.bad{background:var(--crit)}.kpi-note{color:var(--ink-soft);letter-spacing:.02em;margin-top:9px;font-family:JetBrains Mono;font-size:11.5px}html{scroll-behavior:smooth}@keyframes gg-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes gg-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.wrap,.stat,.stage-card,.kpi-card{animation:.5s cubic-bezier(.16,.84,.44,1) backwards gg-rise}.stat:nth-child(2),.stage-card:nth-child(2),.kpi-card:nth-child(2){animation-delay:50ms}.stat:nth-child(3),.stage-card:nth-child(3),.kpi-card:nth-child(3){animation-delay:.1s}.stat:nth-child(4),.stage-card:nth-child(4),.kpi-card:nth-child(4){animation-delay:.15s}.stage-card:nth-child(5){animation-delay:.2s}.panel,table.std{animation:.45s backwards gg-fade}}.stage-card,.kpi-card,.icard,.dcard{transition:transform .2s cubic-bezier(.16,.84,.44,1),box-shadow .2s,border-color .2s}.stage-card:hover,.kpi-card:hover{border-color:var(--sage);transform:translateY(-2px);box-shadow:0 14px 30px -18px #3a3a2e47}.btn-primary:hover{box-shadow:0 8px 18px -10px #5f6e44b3}.btn-primary:active,.btn-ghost:active,.btn-danger:active,.chip:active{transform:scale(.97)}.nav-tab{transition:background .2s,color .2s,transform .12s}.nav-tab:active{transform:scale(.96)}a.row,.ls-row,.dec-row{transition:background .18s,transform .12s}a.row:active,.ls-row:active{transform:scale(.995)}.nav-reports:focus-within .nav-reports-menu{opacity:1;visibility:visible;transform:none}@media (max-width:780px){.nav-inner{flex-wrap:wrap;gap:10px 12px;padding:10px 14px}.brand{order:1}.nav-right{order:2;gap:8px;margin-left:auto}.nav-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:10px;flex-wrap:nowrap;order:3;width:100%;overflow-x:auto}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab,.nav-reports{flex:none}.nav-reports-menu{left:0;right:auto}.nav-who-sub{display:none}.wrap{padding:20px 14px}.section-title{font-size:20px}.filter-bar{padding:11px 12px}table.std{-webkit-overflow-scrolling:touch;white-space:nowrap;display:block;overflow-x:auto}table.std thead,table.std tbody,table.std tr{table-layout:fixed;width:100%;display:table}}@media (max-width:520px){.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:14px 15px}.stat .n{font-size:30px}h1.page-title{font-size:25px}.panel{padding:15px 16px}.btn-primary,.btn-ghost,.btn-danger{padding:11px 16px}.kpi-value{font-size:36px}}