.dashboard{background:#f4f6f9;display:flex;font-size:13px;color:#23334b}
.sidebar{overflow-y:auto}
.sort-heading{font:inherit;color:inherit;text-align:left;background:none;border:0;padding:0;cursor:pointer;display:inline-flex;gap:7px;align-items:center}.sort-heading span{color:#a2aec1}th[aria-sort=ascending] .sort-heading,th[aria-sort=descending] .sort-heading{color:#0b2d5c;font-weight:700}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid #e7edf4;color:#7b8ba0;font-size:10px;gap:15px}.table-pagination button{font:inherit;padding:7px 10px;background:#f7f9fc;border:1px solid #dde5ef;border-radius:4px;color:#355579;cursor:pointer}.table-pagination button:disabled{opacity:.4;cursor:default}
.production-filters{background:white;border:1px solid #e0e7f0;border-radius:7px;padding:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:22px}.production-filters label{display:grid;gap:6px;font-size:10px;color:#677c95}.production-filters input,.production-filters select{font:inherit;color:#304d70;border:1px solid #dce4ef;background:#fbfcfe;border-radius:4px;padding:10px;min-width:0;width:100%}.production-filters .check-label{display:flex;align-items:center;gap:7px}.production-filters input[type=checkbox]{width:auto}.filter-panel select:disabled,.filter-panel input:disabled{opacity:.4}.dash-panel td a{color:#254f84;text-decoration:none}.dash-panel td a:hover{text-decoration:underline}.sidebar nav button{padding-block:11px}
@media(max-width:700px){.production-filters{grid-template-columns:1fr 1fr}.table-pagination{padding:10px;font-size:9px}}
.sidebar{width:244px;position:fixed;inset:0 auto 0 0;z-index:20;background:#0b2d5c;color:#fff;display:flex;flex-direction:column;padding:35px 18px 24px;border-top:5px solid #f47a21}
.sidebar-brand{text-decoration:none;color:inherit;padding:0 17px 30px;display:block}.sidebar-brand img{width:176px;height:74px;object-fit:contain}.sidebar-brand>span{display:block;font-size:8px;letter-spacing:1.5px;color:#a1b7d2;margin-top:12px}
.nav-caption{font-size:9px;letter-spacing:1.4px;color:#92a9c6;padding:22px 16px 14px;border-top:1px solid #ffffff1c}.sidebar nav{display:grid;gap:5px}.sidebar nav button{border:0;background:none;color:#bac9dd;padding:14px 15px;display:flex;gap:14px;align-items:center;border-radius:7px;text-align:left;font-size:11px;cursor:pointer;line-height:1.4}.sidebar nav button>span{font-size:20px;width:21px;color:#91a9c8}.sidebar nav button:hover{background:#ffffff0b;color:white}.sidebar nav button.active{background:#ffffff13;color:#fff;box-shadow:inset 3px 0 #f47a21}.sidebar nav button.active>span{color:#ff984b}
.sidebar-foot{margin-top:auto;font-size:10px;padding:34px 15px 0;color:#b8c7da;line-height:1.8}.sidebar-foot small{display:block;padding-left:16px;color:#809bbd}.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#f47a21;margin-right:7px;flex-shrink:0}
.dashboard-main{margin-left:244px;width:calc(100% - 244px);min-width:0}.dashboard-topbar{height:76px;border-bottom:1px solid #e4e9f0;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 38px;font-size:11px;color:#6a7890}.dashboard-topbar>div,.topbar-actions{display:flex;align-items:center;gap:20px}.dashboard-topbar i{padding:0 12px;font-style:normal;color:#c0c9d5}.private-label{color:#8491a4;font-size:8px;letter-spacing:1.5px}.icon-button{background:transparent;border:0;cursor:pointer;color:#0b2d5c;font-size:22px;display:none}
.dashboard-body{padding:36px 38px 20px;max-width:1800px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:27px}.section-kicker{font-size:8px;letter-spacing:1.7px;font-weight:700;color:#c76521}.page-heading h1{font-family:'Poppins',sans-serif;font-size:29px;letter-spacing:-1px;color:#112d50;margin:7px 0;font-weight:600}.page-heading p{color:#778499;font-size:11px;margin:0;line-height:1.7}.heading-actions{display:flex;gap:9px;flex-shrink:0}
.primary-button,.secondary-button{font-size:10px;font-weight:600;border-radius:5px;padding:12px 15px;cursor:pointer}.primary-button{background:#0b2d5c;color:white;border:1px solid #0b2d5c}.secondary-button{background:#fff;border:1px solid #dfe5ed;color:#56667d}
.filter-panel{background:#fff;border:1px solid #e2e7ef;padding:19px 21px 12px;border-radius:8px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:16px}.filter-panel label{display:grid;gap:7px;color:#6c7b90;font-size:9px;font-weight:600}.filter-panel input:not([type=checkbox]),.filter-panel select{width:100%;min-width:0;border:1px solid #dce3ed;background:#fcfdfe;color:#3b4a61;padding:10px 8px;border-radius:4px;font-family:inherit;font-size:10px;height:36px}.filter-bottom{grid-column:1/-1;border-top:1px solid #edf0f5;padding-top:11px;display:flex;align-items:center;gap:20px}.period-presets{display:flex;gap:5px}.period-presets button,.text-button{background:transparent;border:0;color:#61738d;font-size:9px;cursor:pointer;padding:5px 7px}.period-presets button:hover{color:#0b2d5c;background:#f1f4f9;border-radius:4px}.filter-panel .check-label{display:flex;align-items:center;font-weight:400;margin-left:auto}.check-label input{accent-color:#0b2d5c}
.data-status{font-size:9px;color:#7f8b9d;margin-bottom:23px;line-height:1.8}.data-status>span:last-child{color:#99a2b0}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric{background:#fff;border:1px solid #e1e7ef;border-radius:7px;padding:22px;min-height:146px;display:flex;flex-direction:column}.metric>span{font-size:10px;color:#718096;font-weight:500;line-height:1.6}.metric strong{display:block;font-family:'Poppins',sans-serif;letter-spacing:-.8px;font-size:25px;font-weight:600;color:#16375f;margin:12px 0 9px;overflow-wrap:anywhere}.metric small{color:#95a0af;font-size:9px;line-height:1.6;margin-top:auto}.metric.featured{border-top:3px solid #f47a21;padding-top:20px}
.dashboard-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:start}.dash-panel{background:#fff;border:1px solid #e1e7ef;border-radius:7px;margin-bottom:22px;overflow:hidden}.panel-heading{padding:23px 24px 18px}.panel-heading h2{margin:0 0 7px;font-size:13px;color:#1d3b5f;font-weight:600}.panel-heading p{margin:0;font-size:9px;line-height:1.7;color:#8a96a7}
.bar-list{padding:0 24px 25px;display:grid;gap:17px}.bar-row>div:first-child{display:flex;gap:10px;align-items:center;font-size:10px;margin-bottom:8px}.bar-row span{color:#aeb8c6;font-size:8px}.bar-row b{color:#637189;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row strong{margin-left:auto;white-space:nowrap;font-size:10px;color:#264365}.bar-track{height:6px;background:#f0f3f8;border-radius:5px;margin-left:23px;overflow:hidden}.bar-track i{height:100%;background:#254e7e;display:block;border-radius:5px}.bar-row:first-child .bar-track i{background:#ed8a41}
.table-scroll{overflow:auto;max-height:560px}.dash-panel table{width:100%;border-collapse:collapse;font-size:10px;text-align:left}.dash-panel th{background:#f9fafc;color:#8895a7;font-weight:500;font-size:9px;white-space:nowrap;position:sticky;top:0}.dash-panel td,.dash-panel th{padding:15px 24px;border-top:1px solid #edf0f5;line-height:1.6}.dash-panel td{color:#596a82;min-width:80px}.dash-panel tbody tr:hover{background:#fafbfd}.table-tag{background:#eef3f8;color:#526e90;border-radius:4px;padding:4px 7px;white-space:nowrap;font-size:9px}
.insight-note{border:1px solid #d9e4f0;border-left:3px solid #507aa7;background:#edf3f9;padding:18px 22px;margin-bottom:22px;border-radius:5px}.insight-note b{color:#365578;font-size:11px}.insight-note p{font-size:10px;line-height:1.9;color:#6d8098;margin:7px 0 0}.insight-note.warning{border-color:#f2dfca;border-left-color:#e5a35b;background:#fff8ef}.insight-note.warning b{color:#956733}
.opportunity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}.opportunity{padding:25px;border:1px solid #e0e7ef;border-radius:7px;background:#fff}.opportunity>span{font-size:10px;letter-spacing:1.4px;color:#cb773c}.opportunity h2{font-size:15px;margin:14px 0;color:#1e3e65}.opportunity strong{font-size:19px;color:#264a73}.opportunity p,.opportunity small{color:#7e8da0;font-size:11px;line-height:1.8}.empty-state,.dashboard-loading{padding:50px 30px;text-align:center;color:#8190a4;font-size:12px;line-height:1.8}.dashboard-loading .loading-mark{border-color:#d7e0ea;border-top-color:#f47a21}
.dashboard-footer{display:flex;justify-content:space-between;gap:20px;padding:20px 0 10px;color:#a0abba;font-size:8px}.dashboard button:focus-visible,.dashboard a:focus-visible,.dashboard input:focus-visible,.dashboard select:focus-visible{outline:2px solid #f47a21;outline-offset:3px}
.report-toolbar{display:flex;justify-content:flex-end;margin-bottom:18px}.report-copy{padding:0 24px 25px;max-width:1000px;font-size:12px;line-height:1.9;color:#65758c}.report-copy strong{color:#25476e}.report-copy p{margin:0 0 18px}
@media print{body,.dashboard{background:white!important}.sidebar,.dashboard-topbar,.filter-panel,.heading-actions,.report-toolbar,.dashboard-footer{display:none!important}.dashboard-main{margin:0;width:100%}.dashboard-body{padding:0}.dash-panel{border:0}.report-copy{font-size:11pt;color:#222}.page-heading h1{font-size:24pt}.dash-panel p{break-inside:avoid}.data-status{font-size:9pt}}
@media(min-width:1700px){.metric strong{font-size:30px}}
@media(max-width:1200px){.filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{padding:18px 15px}.metric strong{font-size:21px}.page-heading{align-items:flex-start}.heading-actions{flex-direction:column}.dashboard-body{padding:28px 24px}.dashboard-topbar{padding:0 24px}}
@media(max-width:950px){.sidebar{width:210px;padding-inline:12px}.sidebar-brand img{width:155px}.dashboard-main{margin-left:210px;width:calc(100% - 210px)}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr;gap:0}.private-label{display:none}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:244px;box-shadow:20px 0 60px #0b2d5c26}.nav-open .sidebar{transform:translateX(0)}.dashboard-main{width:100%;margin:0}.icon-button{display:inline-block}.dashboard-topbar{padding:0 16px;height:64px}.dashboard-topbar>div{gap:12px}.dashboard-topbar>div>span{font-size:9px}.dashboard-body{padding:25px 16px}.page-heading{flex-direction:column;gap:15px}.heading-actions{flex-direction:row}.filter-panel{padding:15px 13px;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bottom{flex-wrap:wrap;gap:8px}.filter-panel .check-label{margin-left:0}.period-presets{width:100%}.metrics-grid{gap:10px}.metric{padding:17px 13px;min-height:135px}.metric strong{font-size:22px}.opportunity-grid{grid-template-columns:1fr}.dashboard-footer{flex-direction:column;gap:8px}.panel-heading{padding:20px 17px}.dash-panel td,.dash-panel th{padding:12px 17px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}