:root{
 --bg:#f4f6fb;--surface:#fff;--surface2:#f8f9fc;--ink:#172033;--muted:#6f7b91;--line:#e7ebf2;
 --nav:#101827;--nav2:#17223a;--brand:#5b5ce2;--brand2:#7c3aed;--brandSoft:#eeefff;--blue:#3b82f6;
 --green:#0f9f6e;--greenSoft:#e8f7f1;--amber:#c77a00;--amberSoft:#fff5dc;--orange:#ea7b22;--orangeSoft:#fff0e4;
 --red:#d14343;--redSoft:#feeeee;--purple:#7558d6;--purpleSoft:#f1edff;--shadow:0 10px 32px rgba(31,45,78,.08);
 --r:16px;--r2:12px;--sidebar:246px;--top:66px
}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}
.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--nav);color:#d8def0;padding:14px 12px;z-index:60;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;align-items:center;gap:11px;padding:4px 7px 16px}.brandLogo{width:41px;height:41px;border-radius:13px;background:linear-gradient(135deg,#6872ff,#8b5cf6);display:grid;place-items:center;color:#fff;font-weight:950;box-shadow:0 8px 22px rgba(95,85,230,.35)}.brandName{font-weight:950;color:#fff;letter-spacing:-.02em}.brandSub{font-size:10px;color:#8f9ab2;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:155px}.sidebarSearch{position:relative;margin:0 4px 13px}.sidebarSearch input{width:100%;background:#202b42;border:1px solid #2b3751;color:#fff;border-radius:11px;padding:9px 10px 9px 31px;font-size:11px;outline:none}.sidebarSearch span{position:absolute;left:10px;top:8px;color:#8290ac}.navGroup{margin:8px 0}.navLabel{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#687690;font-weight:900;padding:0 10px 5px}.navItem{display:flex;align-items:center;gap:10px;padding:9px 10px;margin:2px 0;border-radius:10px;text-decoration:none;font-size:12px;font-weight:700;color:#b8c0d5;transition:.16s}.navItem:hover{background:#1a263d;color:#fff}.navItem.active{background:linear-gradient(90deg,#604fe6,#6e59e8);color:#fff;box-shadow:0 8px 18px rgba(91,78,220,.28)}.navIcon{width:18px;text-align:center;font-size:15px}.navItem .count{margin-left:auto;background:#e34f5f;color:#fff;min-width:18px;height:18px;border-radius:999px;display:grid;place-items:center;font-size:8px;padding:0 5px}.sidebarFoot{margin-top:auto;padding:9px 6px 2px;border-top:1px solid #22304a}.userMini{display:flex;align-items:center;gap:9px;padding:8px;border-radius:11px}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#fde68a,#fb7185);display:grid;place-items:center;color:#35213b;font-weight:950}.userMini b{font-size:11px;color:#fff}.userMini small{display:block;font-size:9px;color:#8793aa;margin-top:1px}
.main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:var(--top);position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:14px}.mobileMenuBtn{display:none}.globalSearch{position:relative;flex:1;max-width:560px}.globalSearch input{width:100%;height:40px;border:1px solid var(--line);border-radius:12px;background:#f8f9fc;padding:0 14px 0 39px;outline:none;font-size:12px}.globalSearch input:focus{border-color:#b9b9fa;box-shadow:0 0 0 3px #ededff}.globalSearch .mag{position:absolute;left:13px;top:10px;color:#8a95aa}.topActions{margin-left:auto;display:flex;align-items:center;gap:7px}.iconButton{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:11px;display:grid;place-items:center;position:relative;color:#49566f}.iconButton:hover{background:#f7f8fb}.iconButton .dot{position:absolute;right:7px;top:6px;width:7px;height:7px;border-radius:50%;background:#ef4444}.quickCreate{border:0;background:var(--ink);color:#fff;border-radius:11px;padding:10px 13px;font-size:11px;font-weight:900}.profileButton{display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:4px 5px}.profileButton .avatar{width:32px;height:32px}.profileText{display:grid;text-align:left}.profileText b{font-size:10px}.profileText small{font-size:8px;color:var(--muted)}
.content{padding:18px 20px 95px;max-width:1700px;margin:auto}.pageHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.pageHeader h1{font-size:26px;letter-spacing:-.035em;margin:0}.pageHeader p{font-size:11px;color:var(--muted);margin:5px 0 0;max-width:760px;line-height:1.5}.pageActions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.btn{border:0;border-radius:10px;padding:9px 12px;font-size:10px;font-weight:900;background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.btn:hover{filter:brightness(.98)}.btn.secondary{background:#eef1f7;color:#2d3850}.btn.outline{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.green{background:var(--green)}.btn.danger{background:var(--red)}.btn.sm{padding:7px 9px;font-size:9px}.btn:disabled{opacity:.45;cursor:not-allowed}.kebab{border:1px solid var(--line);background:#fff;width:34px;height:34px;border-radius:9px;font-weight:950;color:#69748a}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:14px}.card.flat{box-shadow:none}.cardHeader{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:11px}.cardHeader h3{margin:0;font-size:13px}.cardHeader .sub{font-size:9px;color:var(--muted)}.grid{display:grid;gap:11px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g5{grid-template-columns:repeat(5,minmax(0,1fr))}.metric{min-width:0}.metricLabel{font-size:9px;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.04em}.metricValue{font-size:26px;font-weight:950;letter-spacing:-.04em;margin-top:4px}.metricNote{font-size:9px;color:var(--muted);margin-top:3px}.metricIcon{width:38px;height:38px;border-radius:12px;background:var(--brandSoft);display:grid;place-items:center;color:var(--brand);font-size:18px}.metricRow{display:flex;align-items:center;gap:11px}.statStrip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.statStrip>div{background:#fff;padding:11px 12px}.statStrip b{display:block;font-size:18px}.statStrip small{font-size:8px;color:var(--muted)}
.toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;margin-bottom:10px;box-shadow:0 5px 18px rgba(30,45,80,.04)}.searchField{position:relative;min-width:240px;flex:1}.searchField input{width:100%;border:1px solid var(--line);border-radius:10px;padding:8px 10px 8px 31px;background:#fafbfd;font-size:10px;outline:none}.searchField span{position:absolute;left:10px;top:7px;color:#8b95a8}.filterSelect{border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 9px;font-size:10px;color:#354158;max-width:190px}.filterChip{display:inline-flex;align-items:center;gap:5px;background:var(--brandSoft);color:#4d4dbf;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:850}.recordCount{font-size:9px;color:var(--muted);margin-left:auto;white-space:nowrap}.viewToggle{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.viewToggle button{border:0;background:#fff;padding:7px 8px;font-size:10px;color:#6b7589}.viewToggle button.active{background:var(--ink);color:#fff}.clearBtn{border:0;background:transparent;color:var(--brand);font-size:9px;font-weight:900}
.tableWrap{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto;box-shadow:0 5px 18px rgba(30,45,80,.035)}table{width:100%;border-collapse:collapse;min-width:860px}th,td{padding:10px 11px;border-bottom:1px solid var(--line);text-align:left;font-size:10px;vertical-align:middle}th{font-size:8px;color:#768198;text-transform:uppercase;letter-spacing:.045em;background:#fafbfd;position:sticky;top:0;z-index:2;cursor:pointer}tbody tr:hover td{background:#fafcff}.clickRow{cursor:pointer}.cellTitle{font-weight:900;color:#1f2937}.cellSub{font-size:8px;color:var(--muted);margin-top:2px}.rowActions{display:flex;gap:5px;justify-content:flex-end}.rowBtn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 7px;font-size:8px;font-weight:800}.rowBtn:hover{background:#f5f7fb}.check{width:15px;height:15px}
.badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;background:#eef1f6;color:#516077;white-space:nowrap}.badge.green{background:var(--greenSoft);color:#087450}.badge.red{background:var(--redSoft);color:#a92b2b}.badge.amber{background:var(--amberSoft);color:#8d5700}.badge.orange{background:var(--orangeSoft);color:#a25111}.badge.blue{background:#eaf2ff;color:#2563b8}.badge.purple{background:var(--purpleSoft);color:#5d46bd}.badge.gray{background:#f0f2f5;color:#687387}.progress{height:7px;background:#edf0f5;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),#8b5cf6);border-radius:inherit}.ring{--p:65;--c:var(--brand);width:74px;height:74px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),#edf0f5 0);display:grid;place-items:center;position:relative}.ring:before{content:"";width:56px;height:56px;border-radius:50%;background:#fff;position:absolute}.ring b{z-index:1;font-size:15px}.spark{height:44px;display:flex;align-items:end;gap:4px}.spark i{display:block;width:6px;border-radius:4px;background:#cfd5e2}.spark i.hot{background:var(--brand)}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow:auto;padding:0 2px;margin-bottom:12px}.tab{border:0;background:transparent;padding:9px 10px 10px;color:#6b7589;font-size:10px;font-weight:850;white-space:nowrap;border-bottom:2px solid transparent}.tab.active{color:var(--brand);border-color:var(--brand)}.subnav{display:flex;gap:6px;flex-wrap:wrap}.subnav button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;font-size:9px;font-weight:850;color:#5b6578}.subnav button.active{background:var(--brandSoft);border-color:#d7d8ff;color:var(--brand)}
.list{display:grid;gap:7px}.listItem{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:11px;padding:10px;background:#fff}.listItem:hover{background:#fbfcff}.listTitle{font-size:10px;font-weight:900}.listSub{font-size:8px;color:var(--muted);margin-top:2px}.row{display:flex;align-items:center;gap:8px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.mt{margin-top:11px}.mb{margin-bottom:11px}.mini{font-size:8px;color:var(--muted)}.muted{color:var(--muted)}.textRight{text-align:right}
.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field{display:grid;gap:4px}.field.full{grid-column:1/-1}.field label{font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:#758097;font-weight:900}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px 10px;font-size:10px;color:var(--ink);outline:none}.field textarea{min-height:84px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#b9b9f5;box-shadow:0 0 0 3px #eeeeff}.helpText{font-size:8px;color:var(--muted);line-height:1.45}.switch{width:38px;height:22px;border-radius:999px;background:#d8dde7;position:relative;border:0;transition:.15s}.switch:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:white;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:.15s}.switch.on{background:var(--brand)}.switch.on:after{left:19px}.slider{width:100%;accent-color:var(--brand)}
.notice{border:1px solid #d8e1f7;background:#f7f9ff;border-radius:12px;padding:10px 11px;font-size:9px;color:#43516a;line-height:1.45}.notice.warn{background:var(--amberSoft);border-color:#f0d99d;color:#704700}.notice.danger{background:var(--redSoft);border-color:#efc5c5;color:#8c2828}.why{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;border:1px solid #ebd979;background:#fff8d4;color:#8a6a00;font-size:10px;font-weight:950;cursor:pointer}.empty{padding:28px 12px;text-align:center;color:var(--muted);font-size:10px}.empty .icon{font-size:30px;margin-bottom:7px}.divider{height:1px;background:var(--line);margin:12px 0}
.hero{background:linear-gradient(135deg,#161f38 0%,#2d3068 58%,#5b4bd8 100%);color:#fff;border:0;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-80px;top:-120px;background:rgba(255,255,255,.08)}.hero .muted,.hero .metricNote{color:#ccd4ef}.actionCenterItem{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px;display:flex;justify-content:space-between;gap:10px}.quickGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.quickAction{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;font-size:9px;font-weight:850;text-align:center}.quickAction b{display:block;font-size:19px;margin-bottom:4px;color:var(--brand)}
.dropdown{display:none;position:fixed;z-index:120;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 55px rgba(22,33,62,.18);padding:8px;min-width:240px}.dropdown.show{display:block}.dropItem{display:flex;justify-content:space-between;gap:9px;padding:9px;border-radius:9px;font-size:10px;font-weight:750}.dropItem:hover{background:#f5f7fb}.searchOverlay{display:none;position:fixed;inset:0;background:rgba(12,19,34,.45);z-index:140;padding:70px 16px 16px;align-items:flex-start;justify-content:center}.searchOverlay.show{display:flex}.searchPanel{width:min(780px,96vw);max-height:78vh;background:#fff;border-radius:17px;box-shadow:0 26px 80px rgba(0,0,0,.24);overflow:hidden}.searchPanelTop{padding:12px;border-bottom:1px solid var(--line)}.searchPanelTop input{width:100%;border:0;font-size:15px;outline:none;padding:7px}.searchResults{padding:8px;overflow:auto;max-height:65vh}.searchResult{display:flex;gap:10px;padding:10px;border-radius:10px;cursor:pointer}.searchResult:hover{background:#f6f8fc}.searchResultIcon{width:34px;height:34px;border-radius:10px;background:var(--brandSoft);color:var(--brand);display:grid;place-items:center;font-size:15px}.searchResult b{font-size:10px}.searchResult small{display:block;font-size:8px;color:var(--muted);margin-top:2px}
.modalBackdrop{display:none;position:fixed;inset:0;background:rgba(14,22,38,.44);z-index:160;align-items:center;justify-content:center;padding:16px}.modalBackdrop.show{display:flex}.modal{width:min(780px,97vw);max-height:92vh;background:#fff;border-radius:17px;box-shadow:0 26px 80px rgba(0,0,0,.25);overflow:hidden;display:flex;flex-direction:column}.modalHeader{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--line)}.modalHeader h2{font-size:15px;margin:0}.modalBody{padding:14px;overflow:auto}.modalFooter{display:flex;justify-content:flex-end;gap:7px;padding:11px 14px;border-top:1px solid var(--line);background:#fbfcfe}
.workspace{position:fixed;inset:0;background:var(--bg);z-index:150;transform:translateX(103%);transition:.22s;display:flex;flex-direction:column}.workspace.show{transform:none}.workspaceTop{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px;padding:0 15px}.workspaceBack{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:10px}.workspaceIdentity{min-width:0;flex:1}.workspaceIdentity h2{margin:0;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspaceIdentity small{font-size:8px;color:var(--muted)}.workspaceActions{display:flex;gap:6px;flex-wrap:wrap}.workspaceTabs{background:#fff;padding:0 15px}.workspaceBody{flex:1;overflow:auto;padding:14px 16px 90px;max-width:1500px;width:100%;margin:auto}.detailGrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:12px}.detailSection{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px}.detailRows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.detailRow{padding:8px 0;border-bottom:1px solid #f0f2f6}.detailRow span{display:block;font-size:8px;color:var(--muted);margin-bottom:2px}.detailRow b{font-size:10px;overflow-wrap:anywhere}.timeline{display:grid;gap:0}.timelineItem{position:relative;padding:0 0 15px 24px}.timelineItem:before{content:"";position:absolute;left:6px;top:4px;width:8px;height:8px;border-radius:50%;background:var(--brand)}.timelineItem:after{content:"";position:absolute;left:9.5px;top:15px;bottom:0;width:1px;background:#dfe4ed}.timelineItem:last-child:after{display:none}.timelineItem b{font-size:9px}.timelineItem div{font-size:8px;color:var(--muted);margin-top:2px;line-height:1.45}.timelineItem small{font-size:7px;color:#9aa3b3}
.chartCard{min-height:210px}.barChart{height:135px;display:flex;align-items:end;gap:10px;padding:10px 6px 22px;position:relative;border-bottom:1px solid var(--line)}.barCol{flex:1;display:flex;align-items:end;justify-content:center;gap:3px;height:100%;position:relative}.barCol i{width:10px;border-radius:5px 5px 2px 2px;background:#cfd5e4}.barCol i.a{background:var(--brand)}.barCol i.b{background:#20c997}.barCol label{position:absolute;bottom:-18px;font-size:7px;color:var(--muted)}.donut{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--brand) 0 60%,#20c997 60% 82%,#ffb84d 82% 100%);display:grid;place-items:center}.donut:after{content:"";width:78px;height:78px;border-radius:50%;background:#fff}.legend{display:flex;gap:10px;flex-wrap:wrap;font-size:8px;color:var(--muted)}.legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--brand);margin-right:4px}.legend span:nth-child(2):before{background:#20c997}.legend span:nth-child(3):before{background:#ffb84d}
.mobileBottom{display:none}.mobileSideOverlay{display:none}.printOnly{display:none}
@media(max-width:1100px){:root{--sidebar:210px}.g5{grid-template-columns:repeat(3,1fr)}.detailGrid{grid-template-columns:1fr}.statStrip{grid-template-columns:repeat(3,1fr)}.statStrip>div:nth-child(n+4){border-top:1px solid var(--line)}}
@media(max-width:820px){.sidebar{transform:translateX(-103%);transition:.2s;box-shadow:0 0 0 transparent}.sidebar.mobileOpen{transform:none;box-shadow:15px 0 50px rgba(0,0,0,.25)}.main{margin-left:0}.mobileMenuBtn{display:grid}.topbar{padding:0 9px;height:58px}.profileText{display:none}.quickCreate{display:none}.globalSearch{max-width:none}.content{padding:12px 10px 82px}.pageHeader h1{font-size:22px}.g5{grid-template-columns:repeat(2,1fr)}.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:stretch}.searchField{min-width:100%;order:-1}.recordCount{margin-left:0}.mobileBottom{position:fixed;bottom:0;left:0;right:0;z-index:70;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:5px 4px calc(5px + env(safe-area-inset-bottom))}.mobileBottom a{text-decoration:none;text-align:center;color:#718096;font-size:7px;padding:5px;border-radius:9px}.mobileBottom a b{display:block;font-size:15px;margin-bottom:2px}.mobileBottom a.active{background:var(--brandSoft);color:var(--brand)}.workspaceTop{height:auto;min-height:60px;padding:9px}.workspaceActions .btn:not(.primaryMobile){display:none}.workspaceBody{padding:10px 9px 80px}.workspaceTabs{padding:0 8px}.detailRows{grid-template-columns:1fr 1fr}.tableWrap{border-radius:12px}.tableWrap table{min-width:780px}.rowActions{min-width:120px}.mobileSideOverlay.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:55}}
@media(max-width:560px){.g2,.g3,.g4,.g5{grid-template-columns:1fr}.pageHeader{display:grid}.pageActions{justify-content:flex-start}.statStrip{grid-template-columns:repeat(2,1fr)}.statStrip>div{border-top:0}.statStrip>div:nth-child(n+3){border-top:1px solid var(--line)}.quickGrid{grid-template-columns:repeat(2,1fr)}.detailRows{grid-template-columns:1fr}.formGrid{grid-template-columns:1fr}.field.full{grid-column:auto}.toolbar .filterSelect{max-width:none;flex:1;min-width:120px}.metricValue{font-size:23px}.card{padding:12px}.workspaceIdentity h2{font-size:15px}.workspaceActions{margin-left:auto}.workspaceTabs .tabs{margin-bottom:0}.topActions .iconButton:nth-child(2){display:none}.globalSearch input{font-size:10px}.modalBackdrop{padding:6px}.modal{width:100%;max-height:96vh;border-radius:14px}.searchOverlay{padding:58px 7px 7px}.searchPanel{width:100%;max-height:88vh}.hero{padding:13px}.barChart{gap:5px}.donut{width:100px;height:100px}.donut:after{width:64px;height:64px}}
@media(max-width:360px){.content{padding-left:7px;padding-right:7px}.toolbar{padding:6px}.filterSelect{min-width:100%!important}.btn{padding:8px 9px}.statStrip{grid-template-columns:1fr 1fr}.pageHeader h1{font-size:20px}}
@media print{.sidebar,.topbar,.mobileBottom,.workspaceTop,.workspaceTabs,.noPrint{display:none!important}.main{margin:0}.content,.workspaceBody{padding:0}.workspace{position:static;transform:none}.printOnly{display:block}.card,.detailSection{box-shadow:none}}
@media(max-width:820px){
 .content>.grid[style*="grid-template-columns"]{grid-template-columns:1fr!important}
 .workspaceBody>.grid[style*="grid-template-columns"]{grid-template-columns:1fr!important}
 #settingsBody+.grid{grid-template-columns:1fr!important}
}
@media(max-width:700px){
 .content>.grid[style*="220px"]{grid-template-columns:1fr!important}
}
@media(max-width:820px){
 .sidebar:not(.mobileOpen){visibility:hidden;pointer-events:none}
 .sidebar.mobileOpen{visibility:visible;pointer-events:auto}
 .tableWrap th:last-child,.tableWrap td:last-child{position:sticky;right:0;background:#fff;z-index:3;box-shadow:-8px 0 14px rgba(25,35,60,.04)}
 .tableWrap th:last-child{background:#fafbfd;z-index:4}
}

/* === V2.1 readability + dashboard Action Center refinement === */
/* Global readability: raise the floor for secondary/supporting copy without enlarging primary metrics. */
.brandSub{font-size:11px}.sidebarSearch input{font-size:12px}.navLabel{font-size:10px}.navItem{font-size:13px}.navItem .count{font-size:9px}.userMini b{font-size:12px}.userMini small{font-size:10px}
.globalSearch input{font-size:13px}.quickCreate{font-size:12px}.profileText b{font-size:11px}.profileText small{font-size:10px}
.pageHeader p{font-size:13px}.btn{font-size:11px}.btn.sm{font-size:10px}.cardHeader h3{font-size:15px}.cardHeader .sub{font-size:11px}
.metricLabel{font-size:10px}.metricNote{font-size:11px}.statStrip small{font-size:10px}
.searchField input,.filterSelect{font-size:12px}.filterChip,.recordCount,.clearBtn{font-size:10px}.viewToggle button{font-size:11px}
th,td{font-size:12px}th{font-size:10px}.cellSub{font-size:10px}.rowBtn{font-size:10px}.badge{font-size:10px}
.tab{font-size:11px}.subnav button{font-size:10px}.listTitle{font-size:12px}.listSub,.mini{font-size:10px}
.field label{font-size:10px}.field input,.field select,.field textarea{font-size:12px}.helpText{font-size:10px}.notice{font-size:11px}.empty{font-size:11px}
.quickAction{font-size:11px}.dropItem{font-size:11px}.searchResult b{font-size:12px}.searchResult small{font-size:10px}
.workspaceIdentity small{font-size:10px}.detailRow span{font-size:10px}.detailRow b{font-size:12px}.timelineItem b{font-size:11px}.timelineItem div{font-size:10px}.timelineItem small{font-size:9px}
.barCol label{font-size:9px}.legend{font-size:10px}

/* Action Center: keep it prominent, but integrate it into the light application theme. */
.hero{
 background:linear-gradient(145deg,#ffffff 0%,#fbfbff 58%,#f4f2ff 100%);
 color:var(--ink);
 border:1px solid #e2e5f0;
 box-shadow:0 10px 32px rgba(31,45,78,.075);
 position:relative;
 overflow:hidden;
}
.hero:before{
 content:"";
 position:absolute;
 left:0;top:0;bottom:0;
 width:5px;
 background:linear-gradient(180deg,var(--brand),#8b5cf6);
}
.hero:after{
 content:"";
 position:absolute;
 width:190px;height:190px;
 border-radius:50%;
 right:-75px;top:-105px;
 background:radial-gradient(circle,rgba(91,92,226,.10),rgba(91,92,226,0) 70%);
 pointer-events:none;
}
.hero .cardHeader,.hero .list{position:relative;z-index:1}.hero .muted,.hero .metricNote,.hero .cardHeader .sub{color:var(--muted)}
.actionCenterItem{
 background:#fff;
 border:1px solid #e6e9f1;
 border-radius:12px;
 padding:11px 12px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 box-shadow:0 4px 12px rgba(31,45,78,.035);
 transition:.15s ease;
}
.actionCenterItem:hover{background:#fcfcff;border-color:#d8d9fa;transform:translateY(-1px)}

/* Product Builder small copy was intentionally compact in V2; raise it to the new readability baseline. */
.componentTile b,.libraryItem b{font-size:11px!important}.componentTile small,.libraryItem small{font-size:10px!important}

@media(max-width:820px){
 .mobileBottom a{font-size:9px}
 .pageHeader p{font-size:12px}
}
@media(max-width:560px){
 .globalSearch input{font-size:12px}
 .hero{padding-left:16px}
}


/* Searchable Production House dropdowns */
.phNativeSelect{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.phSelect{position:relative;min-width:150px}.phSelect.filterSelect{padding:0;border:0;background:transparent;min-width:155px;max-width:210px}.phSelectButton{width:100%;min-height:36px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink);font-size:11px;font-weight:800;text-align:left}.phSelectButton span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phSelectButton:hover{border-color:#b9c7e6}.phSelectMenu{display:none;position:absolute;z-index:260;top:calc(100% + 5px);left:0;width:max(100%,250px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px rgba(22,33,62,.18);padding:7px}.phSelectMenu.show{display:block}.phSelectSearch{width:100%;border:1px solid var(--line);border-radius:9px;padding:8px 9px;font-size:11px;outline:none;margin-bottom:6px}.phSelectOptions{max-height:220px;overflow:auto}.phSelectOption{width:100%;border:0;background:transparent;border-radius:8px;padding:8px 9px;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:11px;color:var(--ink)}.phSelectOption:hover,.phSelectOption.selected{background:#f1f5ff}.phSelectEmpty{padding:14px;text-align:center;color:var(--muted);font-size:11px}.field>.phSelect{width:100%}.toolbar>.phSelect{flex:0 1 auto}@media(max-width:700px){.phSelectMenu{width:min(92vw,320px)}}

/* V2.5 global Quick Actions mega menu */
#quickDrop.quickMega{right:120px;top:58px;width:min(760px,calc(100vw - 290px));padding:0;overflow:hidden;border-radius:16px}.quickMegaHead{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--line);background:#fbfbfe}.quickMegaHead b{display:block;font-size:12px}.quickMegaHead small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.quickMegaHead>span{font-size:17px}.quickMegaGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.quickMegaCol{padding:12px;border-right:1px solid var(--line)}.quickMegaCol:last-child{border-right:0}.quickMegaCol h4{margin:0 0 7px;font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#8a94a6}.quickMegaCol button{width:100%;border:0;background:transparent;border-radius:10px;display:grid;grid-template-columns:31px 1fr;gap:8px;text-align:left;padding:7px;cursor:pointer}.quickMegaCol button:hover{background:#f6f6fd}.quickMegaCol i{width:29px;height:29px;border-radius:9px;background:var(--brandSoft);display:grid;place-items:center;color:var(--brand);font-style:normal;font-size:13px}.quickMegaCol b{display:block;font-size:9px}.quickMegaCol small{display:block;font-size:7.5px;color:var(--muted);margin-top:1px}@media(max-width:900px){#quickDrop.quickMega{right:10px;width:min(720px,calc(100vw - 20px))}.quickMegaGrid{grid-template-columns:1fr 1fr}.quickMegaCol:nth-child(2){border-right:0}.quickMegaCol:nth-child(3){grid-column:1/-1;border-top:1px solid var(--line);border-right:0}}@media(max-width:620px){.quickMegaGrid{grid-template-columns:1fr}.quickMegaCol{border-right:0;border-bottom:1px solid var(--line)}.quickMegaCol:nth-child(3){grid-column:auto;border-top:0}.quickCreate{display:none!important}}