/* HI BAGS USA Workspace premium dashboard theme — presentation only. No fake metrics. */
:root{--navy:#0d1b32;--navy2:#132b4d;--blue:#1677ff;--bg:#f2f5fa;--line:#e3eaf3;--ink:#12213b;--muted:#71809a;--green:#10a663;--amber:#d68b22;--red:#d64b5c}
body{background:var(--bg);color:var(--ink);font-family:Inter,'Segoe UI',Arial,'Malgun Gothic',sans-serif}
.app{background:var(--bg)}
.sidebar{width:282px;background:linear-gradient(162deg,#0b1b32 0%,#102643 68%,#0b1c33 100%);box-shadow:3px 0 20px #10223c12;min-height:100vh}
.brand.hi-brand{min-height:128px;padding:22px 18px 26px;gap:11px;background:transparent}
.brand .hi-brand-logo{width:75px;height:75px;flex:0 0 75px;object-fit:contain;border-radius:10px;filter:drop-shadow(0 3px 3px #0003)}
.brand .hi-brand-title{font-size:17px;line-height:1.34;font-weight:850;letter-spacing:-.35px;color:white}
.navigation{padding:8px 11px 30px}
.navigation .navlabel{font-size:10px;letter-spacing:1.6px;color:#8ca2be;padding:18px 16px 8px;margin-top:8px}
.navigation .navbtn{width:100%;margin:3px 0;padding:12px 14px;min-height:44px;border-radius:10px;color:#d5deec;font-size:13px;font-weight:550;transition:background .14s,color .14s,box-shadow .14s}
.navigation .navbtn span{display:inline-block;width:23px;text-align:center;margin-right:11px;font-size:17px;vertical-align:-1px}
.navigation .navbtn.active{background:linear-gradient(90deg,#1754a6,#153c75);box-shadow:inset 4px 0 0 #2c91ff;color:#fff;font-weight:750}
.navigation .navbtn:hover{background:#1a3a62;color:#fff}
.sidebottom{border-top:1px solid #2a4265;padding:17px 22px;color:#8ca0bf;background:transparent}
.main{background:linear-gradient(120deg,#f2f6fc 0%,#f7f9fc 100%);min-width:0}
.top{min-height:80px;height:auto;padding:16px 28px;background:rgba(255,255,255,.92);border-bottom:1px solid #e8eef6;box-shadow:0 3px 18px #0c204006}
.top .crumb{font-size:14px}.top .crumb strong{color:#172740}
.avatar{background:#1375ef;color:#fff;width:38px;height:38px;font-weight:800}
.content{max-width:1700px;padding:28px 28px 60px}
.heading{margin-bottom:23px;align-items:center}.heading h1{font-size:29px;letter-spacing:-1.1px;font-weight:850;color:#0c1b31}
.heading .sub{font-size:13px;color:#667995;margin-top:7px;line-height:1.55}
.btn{border-radius:9px;border-color:#dce5f1;box-shadow:0 1px 2px #15385b08}
.btn.primary{background:#1777ea;border-color:#1777ea}.btn:hover{filter:brightness(.97)}
.panel,.stat,.d11-panel,.d11-stat{border:1px solid #ebeff6;border-radius:16px;background:white;box-shadow:0 6px 22px #19345b09}
.panel{padding:22px}.stat{padding:20px}
.cards{gap:16px}.stat .number{font-size:30px;color:#112444}
.tablewrap,.d11-table{border-radius:11px;overflow:auto;border:1px solid #e9eef6}
.datatable th,.d11-table table th{background:#f6f8fc;color:#637592;font-weight:700;font-size:11px}
.datatable td,.d11-table table td{border-bottom:1px solid #edf1f7;color:#263850}
/* v11 operational dashboard: styles are deliberately more specific than its runtime-added rules */
.content .d11-tools{display:flex;gap:12px;margin-bottom:19px}
.content .d11-grid{display:grid;grid-template-columns:repeat(4,minmax(155px,1fr));gap:17px;margin-bottom:20px}
.content .d11-stat{position:relative;overflow:hidden;padding:24px 21px;min-height:146px;border-radius:16px}
.content .d11-stat:before{content:'';position:absolute;right:18px;top:17px;width:44px;height:44px;border-radius:13px;background:#e2efff}
.content .d11-stat:nth-child(2):before{background:#e0f7ec}
.content .d11-stat:nth-child(3):before{background:#eee7ff}
.content .d11-stat:nth-child(4):before{background:#fff1db}
.content .d11-stat:after{content:'▣';position:absolute;right:31px;top:25px;font-size:20px;color:#1882ec}
.content .d11-stat:nth-child(2):after{content:'◈';color:#18ab6c}
.content .d11-stat:nth-child(3):after{content:'⇢';color:#7b4cec}
.content .d11-stat:nth-child(4):after{content:'▤';color:#df9815}
.content .d11-stat small{display:block;max-width:calc(100% - 55px);font-size:12px;color:#62738e;line-height:1.55}
.content .d11-stat b{font-weight:850;font-size:33px;margin:13px 0 4px;letter-spacing:-.7px;color:#10213e}
.content .d11-two{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
.content .d11-panel{padding:23px;border-radius:16px;margin-bottom:18px;min-width:0}
.content .d11-panel h2{font-size:17px;margin-bottom:18px;font-weight:800;color:#152844}
.content .d11-table{border:0}.content .d11-table table{min-width:420px}
.content .d11-table table th,.content .d11-table table td{padding:12px 11px}
.content .d11-pill{border-radius:30px;background:#edf4ff;color:#2b67b7;font-weight:650;padding:8px 12px}
.content .d11-muted{line-height:1.65;color:#647792}
/* Preserve all existing screens and menu behavior */
input,select,textarea{border-color:#dce5ef}
@media(max-width:1200px){.sidebar{width:235px}.brand .hi-brand-logo{width:60px;height:60px;flex-basis:60px}.brand .hi-brand-title{font-size:14px}.content .d11-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}
@media(max-width:760px){.sidebar{width:100%;min-height:auto}.brand.hi-brand{min-height:0;padding:12px 16px}.brand .hi-brand-logo{width:49px;height:49px;flex-basis:49px}.brand .hi-brand-title{font-size:13px}.navigation{padding:5px 8px;display:flex;overflow-x:auto}.navigation .navlabel{display:none}.navigation .navbtn{width:auto;white-space:nowrap;padding:10px 12px;min-height:44px;margin:2px 4px}.sidebottom{display:none}.top{padding:11px 14px;min-height:58px}.content{padding:17px 12px 46px}.heading h1{font-size:24px}.content .d11-grid{gap:10px}.content .d11-stat{padding:16px 13px;min-height:126px}.content .d11-stat b{font-size:25px}.content .d11-stat:before,.content .d11-stat:after{display:none}.content .d11-stat small{max-width:100%}.content .d11-two{grid-template-columns:1fr}.content .d11-panel{padding:16px}}
@media(max-width:420px){.content .d11-grid{grid-template-columns:1fr 1fr}.content .d11-stat b{font-size:23px}}