:root{
  --creator-ink:#172234;
  --creator-navy:#092b45;
  --creator-navy-2:#0d3855;
  --creator-ivory:#fbfaf6;
  --creator-paper:#fffefa;
  --creator-brass:#c99a42;
  --creator-brass-soft:#ead7aa;
  --creator-indigo:#164f86;
  --creator-oxblood:#b92128;
  --creator-moss:#327443;
  --creator-orange:#d87a09;
  --creator-rule:#e8e0d2;
  --creator-pencil:#e44a43;
  --ink:var(--creator-ink);
  --muted:#647083;
  --line:var(--creator-rule);
  --bg:#f7f5ef;
  --blue:var(--creator-indigo);
  --blue-soft:#eaf2f8;
  --green:var(--creator-moss);
  --orange:var(--creator-orange);
  --red:var(--creator-oxblood);
}

body{background:radial-gradient(circle at 78% 4%,#fff 0,#fbfaf6 28%,transparent 52%),var(--bg);color:var(--creator-ink)}
.app-shell{grid-template-columns:246px 1fr}
.sidebar{width:246px;padding:24px 15px 18px;background:linear-gradient(180deg,var(--creator-navy),#071f34 72%,#061c2f);border-right:1px solid #24445b;color:#fff;box-shadow:10px 0 30px #10283d12;overflow-y:auto;overflow-x:hidden}
.brand{position:relative;padding:0 10px 24px;border-bottom:1px solid #ffffff20;margin-bottom:10px}
.brand:before{content:'';position:absolute;left:10px;top:-9px;width:24px;height:3px;border-radius:2px;background:var(--creator-brass)}
.brand-mark{background:transparent;border:1px solid var(--creator-brass-soft);color:#fff6df;box-shadow:none;border-radius:4px;font-family:Georgia,serif}
.brand strong{font-family:Georgia,"Times New Roman",serif;font-size:14px;letter-spacing:.25px;color:#fff8e8}
.brand span{color:#dbe7ee;font-size:10px;letter-spacing:.45px}
.sidebar nav{gap:3px}
.nav-item{position:relative;color:#f4f6f7;font-weight:600;border-radius:4px;padding:11px 12px;transition:.18s}
.nav-item span:first-child{color:#f1ca6d}
.nav-item:hover{background:#ffffff0d;color:#fff}
.nav-item.active{background:linear-gradient(90deg,#c8953a50,#af874631);color:#fff8e7;box-shadow:inset 3px 0 var(--creator-brass)}
.nav-item.active span:first-child{color:#ffe29a}
.nav-item b{background:#ffffff15;color:#eef3f6}
.nav-item.active b{background:#fff9e8;color:#5a431d}
.nav-section{display:none}
.sidebar nav:nth-of-type(2){display:none}
.creator-route{display:block;flex:0 0 248px;height:248px;margin-top:5px;min-height:248px;position:relative;padding:0;color:#e9c96f;background:transparent;overflow:hidden}.creator-route:before,.creator-route:after{content:none}.creator-route-map svg{display:block;width:100%;height:248px;overflow:visible}.map-routes{fill:none;stroke:#cda246;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.7 5.2;filter:url(#goldGlow)}.map-node-dots circle{r:1.65;fill:#dfb752;filter:url(#goldGlow)}.map-node-rings circle{fill:#092b45;stroke:#e0b653;stroke-width:1.7;filter:url(#goldGlow)}.map-pin path{fill:none;stroke:#ec3338;stroke-width:2.4}.map-pin circle{fill:#092b45;stroke:#ec3338;stroke-width:2}.map-city{fill:#dcb24f;font:700 9px Manrope;letter-spacing:.25px;filter:url(#goldGlow)}.map-coordinate{fill:#dcb24f;font:700 11px Manrope;letter-spacing:.1px;filter:url(#goldGlow)}
.creator-motto{margin:6px 8px 11px;color:#e5bd5d;font:600 10px "Noto Sans SC";letter-spacing:1.4px;white-space:nowrap}
.sidebar-footer{margin-top:0;border-top:1px solid #ffffff20}.sidebar-footer strong{color:#fff}.sidebar-footer span{color:#c6d5de}.sidebar-footer .avatar{background:#f3cf7830;color:#ffe2a1;border:1px solid #f3cf7855}.sidebar-footer button{color:#d9e1e6}
.app-shell>main{grid-column:2}
.topbar{height:65px;background:#fffefaed;border-color:var(--creator-rule);backdrop-filter:blur(12px);padding:0 30px}
.global-search{background:#fff;border-color:#ded7ca;border-radius:4px}.global-search input{color:#273448}.global-search kbd{border-color:#ddd2bf;background:#faf7ef}
.primary{background:var(--creator-indigo);border-radius:4px;box-shadow:0 5px 14px #164f8622}.ghost{border-radius:4px;border-color:#dcd2c1;background:#fffefa}
.view{max-width:1580px;padding:24px 30px 48px}
.page-head{position:relative;align-items:center;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--creator-rule)}
.creator-brief h1{font-family:"Noto Sans SC",sans-serif;font-size:25px;letter-spacing:1px;margin:0 0 7px}.creator-brief h1 sup{position:relative;top:-9px;color:var(--creator-pencil);font:italic 500 10px Manrope}.creator-brief h1:after{content:'';display:block;width:215px;margin-top:9px;border-top:1.5px solid #e3544a80;transform:rotate(-.5deg)}
.creator-brief .eyebrow{color:#85745e;letter-spacing:1.2px}.creator-brief #workbenchIntro{color:#374357;font-size:12px}
.edition-stamp{margin-left:auto;margin-right:12px;width:178px;padding:8px 10px;border:1px solid #b78e4c;border-radius:3px;color:#7d5e2e;transform:rotate(-.5deg);display:grid;gap:2px;background:#fffdf7}.edition-stamp small{font:600 7px Manrope;letter-spacing:.8px}.edition-stamp b{font:700 11px Manrope;letter-spacing:.9px}.edition-stamp span{font:500 7px Manrope;border-top:1px solid #c9aa75;padding-top:4px}
.stats-grid{gap:12px;margin-bottom:14px}.stat{border-color:#e3d9c9;border-radius:7px;padding:15px 17px;background:var(--creator-paper);box-shadow:0 4px 14px #2938480a}.stat:hover{border-color:#c8b89d;transform:translateY(-1px)}.stat-icon{border-radius:50%;width:44px;height:44px;color:#fff!important}.stat-icon.blue{background:var(--creator-indigo)}.stat-icon.orange{background:var(--creator-orange)}.stat-icon.green{background:var(--creator-moss)}.stat-icon.purple{background:var(--creator-oxblood)}.stat strong{color:#131c29;font-size:26px}.stat span{color:#445064;font-weight:600}.stat small{color:#778194}
.operations-overview{position:relative;display:grid;grid-template-columns:1.1fr repeat(3,1fr) 1.4fr;gap:10px;margin-bottom:14px;padding:12px;background:#fffefa;border:1px solid #e2d8c8;border-radius:7px;box-shadow:0 4px 14px #29384808;overflow:hidden}.operations-head{padding:6px 9px}.operations-head span{font:600 8px Manrope;letter-spacing:1.4px;color:#9d7e4c}.operations-head h2{font-size:14px;margin:4px 0}.operations-head small{color:#697589}.operations-overview>article{position:relative;display:flex;gap:11px;align-items:center;padding:10px 12px;border-left:1px solid #eee6d9}.operation-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font:bold 22px Manrope;font-style:normal;z-index:1}.operation-icon.inbound{background:var(--creator-moss)}.operation-icon.outbound{background:var(--creator-indigo)}.operation-icon.returns{background:#75558f}.operations-overview article span{font-weight:700}.operations-overview article strong{display:block;font:700 23px Manrope;margin-top:1px}.operations-overview article small{font-size:8px;color:#89919f}.operation-flow-line{position:absolute;left:30%;right:28%;bottom:12px;border-top:1px dashed #d55b5280}.creator-note{position:relative;background:#fcf4df;border:1px solid #e4cd98;padding:9px 12px 9px 16px;transform:rotate(-.25deg);box-shadow:2px 3px 0 #8d6d3020}.creator-note:before{content:'';position:absolute;right:13px;top:-7px;width:28px;height:9px;border:1px solid #a98a59;border-bottom:0;border-radius:12px 12px 0 0}.creator-note b{font-size:10px;color:#5c4822}.creator-note p{font-size:9px;line-height:1.55;margin:5px 0;color:#5d6470}.creator-note span{font:600 7px Manrope;letter-spacing:1px;color:#a1834e}
.smart-view-strip{display:grid;grid-template-columns:1.45fr repeat(2,1fr);gap:8px;margin:-2px 0 14px;padding:9px;background:#f0ece3;border:1px solid #e0d7c8;border-radius:7px}.smart-view-heading{display:flex;flex-direction:column;justify-content:center;padding:4px 9px}.smart-view-heading>span{font:700 7px Manrope;letter-spacing:1.3px;color:#9b7b47}.smart-view-heading strong{font-size:13px;margin:2px 0;color:#273548}.smart-view-heading small{font-size:8px;color:#798293}.smart-view-strip button{min-width:0;display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;padding:10px 11px;border:1px solid #e5ddd0;border-radius:5px;background:#fffefa;color:#445066;text-align:left;cursor:pointer;transition:.18s}.smart-view-strip button:hover{border-color:#cbb88f;background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2738480d}.smart-view-strip button span{font-size:10px;font-weight:600;white-space:nowrap}.smart-view-strip button b{min-width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#f0f2f5;color:#6a7484;font:700 9px Manrope}.smart-view-strip .dot{width:7px;height:7px;border-radius:50%;margin:0}
.panel{border-color:#e3d9c9;border-radius:7px;background:var(--creator-paper);box-shadow:0 4px 14px #29384808}.dashboard-grid{grid-template-columns:1.62fr .88fr;gap:14px;margin-bottom:14px}.panel-title{padding:15px 17px;border-color:#ebe2d5}.panel-title h2,.ai-heading h2{font-size:14px}.text-button{color:var(--creator-indigo);font-weight:700}.priority-row{padding:12px 17px;border-color:#eee8de}.priority-row:hover,.table-row:hover{background:#faf7f0}.risk-line{border-radius:0}.priority-row h3{color:#273347}.priority-row p{color:#677287}.priority-meta span{border-radius:3px}.quick-handle{border-radius:3px!important}
.ai-panel{padding:17px;background:linear-gradient(155deg,#fffefa,#faf5e9)}.spark{background:var(--creator-oxblood);border-radius:50%;box-shadow:none}.ai-input{border-radius:5px;border-color:#ded4c4}.ai-input button{background:var(--creator-indigo);border-radius:3px}
.customer-panel{border-radius:7px}.table-head{background:#f8f4ec;color:#6c7482}.table-row{border-color:#eee7dc}.customer-logo{border-radius:50%}.tag{border-radius:3px}.segmented{background:#f1ece2;border-radius:4px}.segmented button{border-radius:3px}
.level-badge{border-radius:3px}.level-badge.P1{background:#f9e4e4;color:#ad1b25}.level-badge.P2{background:#fff0da;color:#b86400}.level-badge.P3{background:#e5f2e8;color:#28693b}.level-badge.P4{background:#e5eef7;color:#174d80}
.ticket-level-guide>button{border-color:#e3d9c9;border-radius:7px;background:#fffefa}.ticket-level-guide>button.active{border-color:#b89864;background:#faf3e4}.ticket-level-guide>button[data-level-filter="P4"]{position:relative}.ticket-level-guide>button[data-level-filter="P4"]:after{content:'02';position:absolute;right:8px;bottom:5px;color:#e35b52;font:italic 500 8px Manrope;transform:rotate(-6deg)}
.modal{border-radius:8px;border:1px solid #ded4c4;background:#fffefa}.form-grid input,.form-grid textarea,.form-grid select{border-radius:4px!important;border-color:#ded5c7!important}.toast{border-radius:4px;background:#0d304a}
.login-screen{background:radial-gradient(circle at 22% 18%,#f5e7c9,transparent 35%),linear-gradient(145deg,#faf8f2,#e8eef2)}.login-card{border-radius:8px;border-color:#ddd3c2;background:#fffefa}.login-brand .brand-mark{background:var(--creator-navy)}

@media(max-width:1180px){.operations-overview{grid-template-columns:1fr repeat(3,1fr)}.creator-note{grid-column:1/-1}.edition-stamp{display:none}.dashboard-grid{grid-template-columns:1fr}.creator-route{display:block}.creator-motto{margin-top:2px}.smart-view-strip{grid-template-columns:repeat(2,1fr)}.smart-view-heading{grid-column:1/-1;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px}}
@media(max-height:820px) and (min-width:761px){.sidebar{padding-top:14px;padding-bottom:10px}.brand{padding-bottom:11px}.nav-item{padding-top:7px;padding-bottom:7px}.creator-route{flex-basis:224px;height:224px;min-height:224px;margin-top:3px}.creator-route-map svg{height:224px}.creator-motto{margin-bottom:5px}.sidebar-footer{padding-top:8px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{width:min(86vw,320px)}.view{padding:18px 12px}.page-head{align-items:flex-start}.creator-brief h1{font-size:22px}.operations-overview{grid-template-columns:1fr}.operations-overview>article{border-left:0;border-top:1px solid #eee6d9}.operation-flow-line{display:none}.creator-note{grid-column:auto}.stats-grid{grid-template-columns:1fr 1fr}.stat{padding:13px}.topbar{padding:0 12px}.creator-route{display:block}.sidebar nav:nth-of-type(2){display:grid}.nav-section{display:block}.smart-view-strip{grid-template-columns:1fr 1fr}.smart-view-heading{grid-column:1/-1}}
@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.creator-brief h1:after{width:165px}}
.operations-overview>.operation-link{cursor:pointer;transition:.18s}.operations-overview>.operation-link:hover,.operations-overview>.operation-link:focus-visible{background:#faf6ec;outline:1px solid #d5c39e;outline-offset:-1px}.operations-overview>.operation-link:after{content:'›';position:absolute;right:10px;color:#b59b72;font-size:16px;opacity:0;transition:.18s}.operations-overview>.operation-link:hover:after,.operations-overview>.operation-link:focus-visible:after{opacity:1}
@media(min-width:1051px){.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1181px){.operations-overview{grid-template-columns:1.1fr repeat(3,minmax(0,1fr))}}