/* 平台运营后台独立视觉资源 */
:root{--bg:#070a0d;--sidebar:#090d11;--panel:#11161b;--panel-2:#151b21;--line:rgba(255,255,255,.09);--line-hot:rgba(255,115,0,.48);--text:#f5f7f9;--muted:#8d969f;--orange:#ff7200;--orange-2:#ff9b18;--green:#54c94b;--red:#ff5348;--blue:#3f83f8;--yellow:#ffbd19;--purple:#9368ef;--radius:12px;--sidebar-w:222px;--shadow:0 18px 55px rgba(0,0,0,.35)}
body .donut:after{display:block;content:"";background:#0d1115}body .donut>span{position:absolute;inset:31px;z-index:2;display:grid;align-content:center;justify-items:center;color:#fff;font-size:14px;font-weight:850;text-align:center}body .donut>span small{display:block;margin-top:4px;color:var(--muted);font-size:9px;font-weight:600}@media(max-width:560px){.top-actions{display:none}}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;text-rendering:optimizeLegibility}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.is-hidden{display:none!important}.button{min-height:40px;padding:0 18px;border:1px solid var(--line);border-radius:7px;background:#151a1f;font-weight:800;cursor:pointer}.button:hover{border-color:rgba(255,255,255,.2)}.button.primary{color:#111;background:linear-gradient(135deg,var(--orange),var(--orange-2));border-color:transparent}.button.secondary{background:transparent}.button.danger{color:#ff817a;border-color:rgba(255,83,72,.35)}.button.small{min-height:32px;padding:0 11px;font-size:12px}.link-button{padding:0;color:var(--orange);background:none;border:0;cursor:pointer}.eyebrow{color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.17em}.muted{color:var(--muted)}.positive{color:var(--green)}.negative{color:var(--red)}

.login-screen{display:grid;min-height:100vh;grid-template-columns:minmax(0,1.15fr) minmax(470px,.85fr);background:#050708}.login-art{position:relative;display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;padding:38px clamp(38px,5vw,84px) 76px;overflow:hidden;background:linear-gradient(90deg,rgba(4,6,8,.1),rgba(4,6,8,.48)),linear-gradient(0deg,rgba(4,6,8,.88),rgba(4,6,8,.08) 58%),url("login-basketball-bg.png") 58% 50%/cover no-repeat}.login-art:after{position:absolute;inset:0;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,115,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,115,0,.06) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 74%)}.login-logo{position:relative;z-index:1;width:clamp(260px,32vw,430px)}.login-message{position:relative;z-index:1;max-width:780px}.overline{display:inline-flex;padding:7px 10px;color:#ffad51;background:rgba(255,115,0,.12);border:1px solid rgba(255,115,0,.24);border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.18em}.login-message h1{margin:22px 0 0;font-size:clamp(48px,6vw,82px);line-height:1.06;letter-spacing:-.06em}.login-message>p{max-width:640px;margin:18px 0 0;color:rgba(255,255,255,.62);font-size:18px;line-height:1.8}.login-capabilities{display:grid;grid-template-columns:repeat(4,1fr);margin-top:46px;border-top:1px solid rgba(255,255,255,.16)}.login-capabilities span{padding:24px 20px 0 0;font-size:16px;font-weight:850}.login-capabilities span+span{padding-left:20px;border-left:1px solid rgba(255,255,255,.14)}.login-capabilities small{display:block;margin-top:8px;color:rgba(255,255,255,.42);font-size:11px;font-weight:500;line-height:1.6}.login-side{display:grid;place-items:center;padding:40px;background:radial-gradient(circle at 80% 10%,rgba(255,115,0,.1),transparent 30%),#080b0e}.login-card{width:min(520px,100%);padding:38px;background:linear-gradient(145deg,#181c20,#0d1013);border:1px solid rgba(255,255,255,.16);border-radius:18px;box-shadow:0 34px 100px rgba(0,0,0,.58)}.login-card-head{display:flex;align-items:center;gap:16px;margin-bottom:30px}.security-mark{display:grid;width:48px;height:48px;place-items:center;color:#111;background:var(--orange);clip-path:polygon(50% 0,92% 20%,84% 78%,50% 100%,16% 78%,8% 20%)}.login-card h2{margin:0;font-size:30px}.login-card-head p{margin:5px 0 0;color:var(--orange);font-size:12px;font-weight:800}.login-card>label{display:block;margin-top:16px;color:#aeb5bc;font-size:12px;font-weight:700}.login-card input{width:100%;height:52px;margin-top:8px;padding:0 16px;color:#fff;background:#171b20;border:1px solid rgba(255,255,255,.12);border-radius:8px;outline:0}.login-card input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,115,0,.12)}.password-wrap,.verify-wrap{position:relative;display:block}.password-wrap button{position:absolute;right:12px;bottom:13px;color:var(--muted);background:transparent;border:0;cursor:pointer}.verify-wrap{display:grid;grid-template-columns:1fr 120px;gap:8px}.verify-wrap button{align-self:end;height:52px;color:var(--orange);background:#171b20;border:1px solid rgba(255,115,0,.3);border-radius:8px;cursor:pointer}.login-options{display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:var(--muted);font-size:12px}.check{display:flex;align-items:center;gap:7px}.check input{width:auto;height:auto;margin:0;accent-color:var(--orange)}.login-submit{display:flex;width:100%;height:56px;align-items:center;justify-content:center;gap:12px;margin-top:24px;color:#111;background:linear-gradient(135deg,var(--orange),var(--orange-2));border:0;border-radius:8px;font-size:17px;font-weight:950;cursor:pointer;box-shadow:0 16px 36px rgba(255,115,0,.2)}.login-audit{display:flex;justify-content:space-between;margin-top:22px;padding-top:18px;color:#737c84;border-top:1px solid var(--line);font-size:11px}.demo-hint{margin:18px 0 0!important;padding:12px;color:#a7adb3!important;background:rgba(255,255,255,.04);border-radius:8px;font-size:11px!important;line-height:1.65!important}

.app-shell{display:grid;min-height:100vh;grid-template-columns:var(--sidebar-w) minmax(0,1fr);background:radial-gradient(circle at 65% 0,rgba(18,65,83,.16),transparent 32%),var(--bg)}.sidebar{position:sticky;top:0;z-index:30;display:flex;height:100vh;min-width:0;flex-direction:column;background:linear-gradient(180deg,#0a0e12,#071015);border-right:1px solid rgba(255,255,255,.1);transition:.2s}.sidebar-logo{display:flex;height:78px;align-items:center;padding:9px 18px;border-bottom:1px solid var(--line)}.sidebar-logo img{width:184px;height:58px;object-fit:contain;object-position:left}.side-nav{flex:1;padding:15px 7px;overflow-y:auto}.side-nav button,.sidebar-bottom a,.sidebar-bottom button{display:flex;width:100%;min-height:48px;align-items:center;gap:13px;padding:0 14px;color:#b1b8bf;background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer;text-align:left}.side-nav button i,.sidebar-bottom i{display:grid;width:22px;place-items:center;color:#dce1e5;font-size:18px;font-style:normal}.side-nav button span,.sidebar-bottom span{flex:1;white-space:nowrap}.side-nav button em{min-width:20px;padding:3px 5px;color:#111;background:var(--orange);border-radius:999px;font-size:9px;font-style:normal;text-align:center}.side-nav button:hover,.sidebar-bottom a:hover,.sidebar-bottom button:hover{color:#fff;background:rgba(255,255,255,.04)}.side-nav button.active{color:#fff;background:linear-gradient(90deg,rgba(255,115,0,.34),rgba(255,115,0,.1));border-color:rgba(255,115,0,.35);box-shadow:inset 3px 0 var(--orange)}.side-nav button.active i{color:var(--orange)}.nav-separator{margin:15px 10px 7px;color:#58616a;font-size:9px;font-weight:900;letter-spacing:.16em}.sidebar-bottom{padding:11px 7px 16px;border-top:1px solid var(--line)}.sidebar.collapsed{width:72px}.app-shell:has(.sidebar.collapsed){grid-template-columns:72px minmax(0,1fr)}.sidebar.collapsed .sidebar-logo{padding:10px}.sidebar.collapsed .sidebar-logo img{width:48px;object-fit:cover;object-position:left}.sidebar.collapsed span,.sidebar.collapsed em,.sidebar.collapsed .nav-separator{display:none}.sidebar.collapsed .side-nav button,.sidebar.collapsed .sidebar-bottom a,.sidebar.collapsed .sidebar-bottom button{justify-content:center;padding:0}.sidebar.collapsed .side-nav button i{font-size:20px}

.workspace{min-width:0}.app-topbar{position:sticky;top:0;z-index:20;display:flex;height:78px;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(7,10,13,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.title-area{display:flex;align-items:center;gap:14px}.title-area h1{margin:0;font-size:23px;letter-spacing:-.02em}.title-area p{margin:3px 0 0;color:var(--muted);font-size:11px}.menu-toggle{display:none;color:#fff;background:transparent;border:0;font-size:23px}.top-actions{display:flex;align-items:center;gap:11px}.demo-badge{padding:7px 9px;color:#ffbc74;background:rgba(255,115,0,.1);border:1px solid rgba(255,115,0,.22);border-radius:999px;font-size:10px;font-weight:850}.date-range{display:flex;height:39px;align-items:center;gap:7px;padding:0 10px;color:var(--muted);background:#0e1216;border:1px solid var(--line);border-radius:7px;font-size:10px}.date-range input{width:110px;color:#dfe3e7;background:transparent;border:0}.date-range b{font-weight:400}.icon-button,.notice-button{position:relative;display:grid;width:39px;height:39px;place-items:center;background:#0e1216;border:1px solid var(--line);border-radius:7px;cursor:pointer}.notice-button em{position:absolute;right:-4px;top:-5px;display:grid;width:18px;height:18px;place-items:center;color:#111;background:var(--orange);border-radius:50%;font-size:9px;font-style:normal}.user-menu{display:flex;align-items:center;gap:8px;padding:4px 8px;color:#fff;background:transparent;border:0;cursor:pointer}.avatar{display:grid;width:35px;height:35px;place-items:center;color:#111;background:linear-gradient(135deg,var(--orange),var(--orange-2));border-radius:50%;font-weight:950}.user-menu>span:nth-child(2){text-align:left;font-size:12px;font-weight:800}.user-menu small{display:block;margin-top:2px;color:var(--muted);font-size:9px;font-weight:500}.view-root{min-height:calc(100vh - 78px);padding:22px;outline:0}.view-section{animation:viewIn .22s ease}@keyframes viewIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.page-actions,.filter-bar,.section-title,.panel-head,.table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-actions{margin-bottom:14px}.page-actions .context h2{margin:0;font-size:21px}.page-actions .context p{margin:5px 0 0;color:var(--muted);font-size:11px}.action-row{display:flex;flex-wrap:wrap;gap:8px}.filter-bar{justify-content:flex-start;margin-bottom:14px;padding:11px;background:#0d1115;border:1px solid var(--line);border-radius:9px}.filter-bar input,.filter-bar select,.field input,.field select,.field textarea{height:38px;padding:0 12px;color:#e9edf0;background:#12171c;border:1px solid rgba(255,255,255,.11);border-radius:6px;outline:0}.filter-bar input{min-width:240px}.filter-bar input:focus,.filter-bar select:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.metric-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.metric-grid.seven{grid-template-columns:repeat(7,minmax(0,1fr))}.metric-card{position:relative;min-height:118px;padding:19px;overflow:hidden;background:linear-gradient(145deg,#151a1f,#0d1115);border:1px solid var(--line);border-radius:10px}.metric-card:after{position:absolute;right:-20px;bottom:-32px;width:92px;height:92px;content:"";border:18px solid rgba(255,115,0,.05);border-radius:50%}.metric-label{display:flex;align-items:center;gap:8px;color:#aab2b9;font-size:12px}.metric-icon{display:grid;width:39px;height:39px;place-items:center;color:var(--orange);background:rgba(255,115,0,.1);border:1px solid rgba(255,115,0,.15);border-radius:10px;font-size:20px}.metric-card strong{display:block;margin-top:11px;font-size:27px;letter-spacing:.02em}.metric-card small{display:block;margin-top:6px;color:var(--muted);font-size:10px}.metric-card small b{color:var(--green)}
.dashboard-grid{display:grid;grid-template-columns:1.2fr .9fr .72fr;gap:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-main-side{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px}.panel{min-width:0;background:linear-gradient(145deg,#12171c,#0b0f13);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.12)}.panel-head{padding:15px 16px;border-bottom:1px solid var(--line)}.panel-head h3,.section-title h3{margin:0;font-size:15px}.panel-head span,.section-title span{color:var(--muted);font-size:10px}.panel-body{padding:16px}.panel.compact .panel-body{padding:12px}.chart-wrap{height:220px}.chart-wrap canvas{width:100%;height:100%}.legend{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:10px}.legend span:before{display:inline-block;width:14px;height:3px;margin-right:6px;content:"";background:var(--orange);vertical-align:middle}.legend span:nth-child(2):before{background:var(--yellow)}.donut-layout{display:flex;height:220px;align-items:center;justify-content:center;gap:26px}.donut{position:relative;width:156px;height:156px;flex:none;background:conic-gradient(var(--orange) 0 39%,var(--yellow) 39% 72%,var(--blue) 72% 94%,var(--purple) 94%);border-radius:50%}.donut:after{position:absolute;inset:31px;display:grid;place-items:center;content:attr(data-center);white-space:pre;color:#fff;background:#0d1115;border-radius:50%;font-size:15px;font-weight:850;text-align:center}.donut-legend{display:grid;gap:12px}.donut-legend span{display:flex;align-items:center;justify-content:space-between;gap:22px;color:#b6bdc4;font-size:11px}.donut-legend i{width:8px;height:8px;background:var(--orange);border-radius:2px}.donut-legend span:nth-child(2) i{background:var(--yellow)}.donut-legend span:nth-child(3) i{background:var(--blue)}.donut-legend span:nth-child(4) i{background:var(--purple)}.gauge{position:relative;width:180px;height:96px;margin:22px auto 12px;overflow:hidden}.gauge:before{position:absolute;inset:0 0 -84px;content:"";background:conic-gradient(from 270deg,var(--orange) 0 70%,rgba(255,255,255,.1) 70% 100%);border-radius:50%}.gauge:after{position:absolute;inset:20px 20px -64px;content:"";background:#0d1115;border-radius:50%}.gauge-value{position:relative;z-index:1;margin-top:-54px;text-align:center}.gauge-value strong{font-size:31px}.gauge-value span{display:block;color:var(--muted);font-size:10px}.todo-list{display:grid;gap:8px}.todo-item{display:flex;align-items:center;gap:12px;padding:13px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:7px}.todo-item i{display:grid;width:34px;height:34px;place-items:center;color:var(--orange);background:rgba(255,115,0,.08);border-radius:8px;font-style:normal}.todo-item span{flex:1;font-size:12px}.todo-item strong{color:var(--orange);font-size:21px}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.health{padding:13px;background:rgba(255,255,255,.025);border-radius:8px;text-align:center}.health i{display:grid;width:35px;height:35px;place-items:center;margin:auto;color:var(--green);background:rgba(84,201,75,.1);border-radius:50%;font-style:normal}.health:nth-child(2) i{color:var(--yellow);background:rgba(255,189,25,.1)}.health:nth-child(3) i{color:var(--red);background:rgba(255,83,72,.1)}.health strong{display:block;margin-top:8px;font-size:21px}.health span{color:var(--muted);font-size:9px}.progress{display:inline-block;width:52px;height:5px;margin-left:6px;overflow:hidden;background:#30363c;border-radius:9px;vertical-align:middle}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--yellow))}
table{width:100%;border-collapse:collapse}th,td{padding:10px 11px;border-bottom:1px solid rgba(255,255,255,.07);font-size:11px;text-align:left;white-space:nowrap}th{color:#929ba3;background:rgba(255,255,255,.025);font-weight:700}tbody tr{transition:.15s}tbody tr:hover,tbody tr.selected{background:rgba(255,115,0,.055)}tbody tr.selected{outline:1px solid rgba(255,115,0,.45)}.table-wrap{overflow:auto}.status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:4px;font-size:9px;font-weight:800}.status:before{width:5px;height:5px;content:"";background:currentColor;border-radius:50%}.status.ok{color:#62d15b;background:rgba(84,201,75,.1)}.status.warn{color:var(--yellow);background:rgba(255,189,25,.1)}.status.bad{color:var(--red);background:rgba(255,83,72,.1)}.status.info{color:#6d9fff;background:rgba(63,131,248,.1)}.action-link{padding:4px;color:var(--orange);background:none;border:0;cursor:pointer;font-size:10px}.table-footer{padding:13px 15px;color:var(--muted);font-size:10px}.pagination{display:flex;gap:5px}.pagination button{width:28px;height:28px;background:#11161b;border:1px solid var(--line);border-radius:5px}.pagination button.active{color:#111;background:var(--orange)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:7px;color:#9fa7ae;font-size:10px}.field textarea{height:86px;padding-top:10px;resize:vertical}.form-section{padding:16px;background:rgba(255,255,255,.022);border:1px solid var(--line);border-radius:9px}.form-section h3{margin:0 0 14px;font-size:15px}.form-section+.form-section{margin-top:12px}.switch-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.switch-row:last-child{border:0}.switch-row span{flex:1}.switch{position:relative;width:40px;height:22px;flex:none;background:#343a40;border:0;border-radius:999px;cursor:pointer}.switch:after{position:absolute;left:3px;top:3px;width:16px;height:16px;content:"";background:#fff;border-radius:50%;transition:.15s}.switch.on{background:var(--orange)}.switch.on:after{left:21px}.plan-card{padding:18px;background:#11161b;border:1px solid var(--line);border-radius:10px;cursor:pointer}.plan-card.selected{border-color:var(--orange);box-shadow:0 0 0 2px rgba(255,115,0,.08)}.plan-card h3{margin:0}.plan-card strong{display:block;margin-top:17px;font-size:28px}.plan-card ul{padding-left:18px;color:var(--muted);font-size:11px;line-height:1.9}.funnel{display:flex;height:220px;align-items:flex-end;justify-content:center;gap:8px}.funnel-step{display:grid;align-content:center;justify-items:center;color:#fff;background:linear-gradient(180deg,rgba(255,115,0,.48),rgba(255,115,0,.1));border:1px solid rgba(255,115,0,.35);clip-path:polygon(8% 0,92% 0,80% 100%,20% 100%)}.funnel-step:nth-child(1){width:130px;height:190px}.funnel-step:nth-child(2){width:112px;height:155px}.funnel-step:nth-child(3){width:94px;height:120px}.funnel-step:nth-child(4){width:78px;height:90px}.funnel-step strong{font-size:21px}.funnel-step span{font-size:9px}.tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tier{padding:17px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:10px}.tier.red{border-color:rgba(255,83,72,.45);background:rgba(255,83,72,.055)}.tier.orange{border-color:rgba(255,115,0,.45);background:rgba(255,115,0,.055)}.tier.yellow{border-color:rgba(255,189,25,.4);background:rgba(255,189,25,.05)}.tier.green{border-color:rgba(84,201,75,.4);background:rgba(84,201,75,.05)}.tier strong{display:block;font-size:28px}.tier h3{margin:7px 0}.tier p{margin:0;color:var(--muted);font-size:10px;line-height:1.7}.benchmark-row{display:grid;grid-template-columns:180px 1fr 50px;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.range-bar{position:relative;height:11px;background:#33393f;border-radius:2px}.range-bar:before{position:absolute;left:24%;right:18%;height:100%;content:"";background:#646b72}.range-bar:after{position:absolute;left:var(--position,65%);top:-4px;width:18px;height:18px;content:"";background:var(--orange);border:3px solid #24170c;border-radius:50%}.strategy-list{display:grid;gap:7px}.strategy-item{display:grid;grid-template-columns:1fr 90px 80px 90px;gap:10px;align-items:center;padding:13px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:7px;cursor:pointer}.strategy-item.active{border-color:var(--orange);background:rgba(255,115,0,.05)}.timeline{position:relative;display:grid;gap:15px;padding-left:18px}.timeline:before{position:absolute;left:4px;top:7px;bottom:7px;width:1px;content:"";background:var(--orange)}.timeline div{position:relative}.timeline div:before{position:absolute;left:-19px;top:4px;width:10px;height:10px;content:"";background:var(--orange);border-radius:50%}.timeline b{display:block;color:var(--orange);font-size:11px}.timeline span{color:var(--muted);font-size:10px}.value-path{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.value-step{position:relative;text-align:center}.value-step:not(:last-child):after{position:absolute;right:-18px;top:30px;content:"→";color:#a9b0b7}.value-step i{display:grid;width:58px;height:58px;place-items:center;margin:auto;color:var(--orange);background:rgba(255,115,0,.1);border:1px solid rgba(255,115,0,.35);border-radius:50%;font-size:22px;font-style:normal}.value-step b{display:block;margin-top:9px}.value-step strong{display:block;margin-top:5px;font-size:25px}.compare-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.compare{padding:14px;border-left:1px solid var(--line)}.compare:first-child{border-left:0}.compare h4{margin:0;color:var(--muted);font-size:10px}.compare strong{display:block;margin-top:8px;color:var(--orange);font-size:23px}.bars{display:flex;height:110px;align-items:flex-end;justify-content:center;gap:12px;margin-top:12px}.bar{width:25px;background:var(--orange)}.bar.before{background:#6e747a}.bar-labels{display:flex;justify-content:center;gap:15px;color:var(--muted);font-size:8px}.bigscreen{min-height:calc(100vh - 122px);padding:12px;background:radial-gradient(circle at 50% 0,rgba(255,115,0,.08),transparent 34%),#040607;border:1px solid rgba(255,115,0,.28)}.big-title{display:flex;align-items:center;justify-content:center;height:60px;color:#fff;font-size:31px;font-weight:950;letter-spacing:.08em;text-shadow:0 0 20px rgba(255,115,0,.5)}.bigscreen .panel{border-color:rgba(255,115,0,.28)}

.drawer{position:fixed;right:0;top:0;z-index:70;display:flex;width:min(470px,100%);height:100vh;flex-direction:column;background:#0d1216;border-left:1px solid rgba(255,115,0,.32);box-shadow:-24px 0 70px rgba(0,0,0,.45);transform:translateX(102%);transition:.22s}.drawer.open{transform:none}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;padding:23px;border-bottom:1px solid var(--line)}.drawer-head h2{margin:6px 0 0}.drawer-head button,.modal-head button{color:var(--muted);background:transparent;border:0;font-size:26px;cursor:pointer}.drawer-body{flex:1;padding:20px;overflow-y:auto}.drawer-actions{display:flex;justify-content:flex-end;gap:8px;padding:17px 20px;border-top:1px solid var(--line)}.detail-hero{padding:17px;background:linear-gradient(135deg,rgba(255,115,0,.12),rgba(255,255,255,.02));border:1px solid rgba(255,115,0,.2);border-radius:10px}.detail-hero h3{margin:0;font-size:21px}.detail-hero p{margin:7px 0 0;color:var(--muted);font-size:11px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.detail-cell{padding:13px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:7px}.detail-cell span{display:block;color:var(--muted);font-size:9px}.detail-cell strong{display:block;margin-top:7px;font-size:12px}.modal-backdrop{position:fixed;inset:0;z-index:80;display:none;place-items:center;padding:20px;background:rgba(0,0,0,.7);backdrop-filter:blur(5px)}.modal-backdrop.open{display:grid}.modal{width:min(520px,100%);background:#11161b;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:19px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:18px}.modal>div:nth-child(2){padding:20px;color:#b5bcc2;font-size:12px;line-height:1.8}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--line)}.toast{position:fixed;right:22px;bottom:22px;z-index:100;max-width:360px;padding:13px 17px;color:#121212;background:linear-gradient(135deg,var(--orange),var(--orange-2));border-radius:8px;box-shadow:var(--shadow);font-size:12px;font-weight:850;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.user-popover{position:fixed;right:18px;top:69px;z-index:60;display:none;width:220px;padding:13px;background:#151a1f;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.user-popover.open{display:block}.user-popover strong,.user-popover span{display:block;padding:4px}.user-popover span{color:var(--muted);font-size:10px}.user-popover button{width:100%;padding:10px;margin-top:5px;background:transparent;border:0;border-radius:5px;text-align:left}.user-popover button:hover{background:rgba(255,255,255,.05)}
@media(max-width:1280px){.metric-grid.five,.metric-grid.seven{grid-template-columns:repeat(4,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid>.panel:last-child{grid-column:1/-1}.date-range{display:none}.grid-main-side{grid-template-columns:1fr}.metric-card{min-height:108px}.sidebar{width:76px}.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar-logo{padding:10px}.sidebar-logo img{width:52px;object-fit:cover;object-position:left}.sidebar span,.sidebar em,.sidebar .nav-separator{display:none}.side-nav button,.sidebar-bottom a,.sidebar-bottom button{justify-content:center;padding:0}}
@media(max-width:880px){.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-side{min-height:100vh;padding:20px}.app-shell{display:block}.sidebar{position:fixed;left:0;transform:translateX(-102%);width:230px!important}.sidebar.mobile-open{transform:none}.sidebar span,.sidebar em,.sidebar .nav-separator{display:block}.side-nav button,.sidebar-bottom a,.sidebar-bottom button{justify-content:flex-start;padding:0 14px}.sidebar-logo img{width:184px;object-fit:contain}.menu-toggle{display:block}.app-topbar{padding:0 14px}.title-area h1{font-size:18px}.title-area p,.demo-badge,.user-menu>span:nth-child(2),.user-menu>b{display:none}.view-root{padding:14px}.metric-grid,.metric-grid.five,.metric-grid.seven{grid-template-columns:1fr 1fr}.dashboard-grid,.grid-2,.grid-3{grid-template-columns:1fr}.dashboard-grid>.panel:last-child{grid-column:auto}.tier-grid,.compare-grid{grid-template-columns:1fr 1fr}.grid-main-side{grid-template-columns:1fr}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar input{min-width:0;width:100%}}
@media(max-width:560px){.login-card{padding:25px 20px}.login-audit{gap:8px;flex-direction:column}.metric-grid,.metric-grid.five,.metric-grid.seven,.tier-grid,.compare-grid,.form-grid{grid-template-columns:1fr}.metric-card{min-height:96px}.top-actions{gap:6px}.notice-button{display:none}.page-actions,.panel-head,.section-title{align-items:flex-start;flex-direction:column}.dashboard-grid{display:block}.dashboard-grid>.panel,.grid-2>.panel,.grid-3>.panel{margin-bottom:12px}.donut-layout{height:auto;flex-direction:column}.value-path{grid-template-columns:1fr}.value-step:not(:last-child):after{right:auto;left:50%;top:auto;bottom:-20px;content:"↓"}.strategy-item{grid-template-columns:1fr 1fr}.big-title{font-size:22px}.view-root{overflow:hidden}}