:root[data-theme="dark"]{--bg:#07111d;--surface:#0d1927;--surface2:#101f30;--ink:#eaf4ff;--muted:#8fa4b9;--line:#1c3146;--line2:#29435d;--blueSoft:#102a47;--greenSoft:#0d2d27;--redSoft:#35171d;--amberSoft:#332810;--shadow:0 18px 48px rgba(0,0,0,.28)}
:root[data-theme="dark"] body{background:radial-gradient(circle at 70% 0,rgba(37,111,229,.11),transparent 34%),var(--bg);color:var(--ink)}
:root[data-theme="dark"] .app-main{background:transparent}
:root[data-theme="dark"] .topbar{background:rgba(8,18,30,.88);border-color:var(--line);box-shadow:0 10px 30px rgba(0,0,0,.14)}
:root[data-theme="dark"] .topbar small,:root[data-theme="dark"] .muted,:root[data-theme="dark"] p,:root[data-theme="dark"] .panel-head p,:root[data-theme="dark"] .page-head p,:root[data-theme="dark"] .console-head p{color:var(--muted)}
:root[data-theme="dark"] .panel,:root[data-theme="dark"] .kpi-card,:root[data-theme="dark"] .kpi-row article,:root[data-theme="dark"] .project-card,:root[data-theme="dark"] .price-card,:root[data-theme="dark"] .ops-card,:root[data-theme="dark"] .scan-live-tracker,:root[data-theme="dark"] .scan-live-row,:root[data-theme="dark"] .admin-create-box{background:linear-gradient(180deg,#0f1d2c,#0a1724);border-color:var(--line);box-shadow:0 14px 36px rgba(0,0,0,.16)}
:root[data-theme="dark"] .btn.ghost,:root[data-theme="dark"] .ghost,:root[data-theme="dark"] .icon-btn,:root[data-theme="dark"] .table-action{background:#102033;color:#cfe2f4;border-color:#28445e}
:root[data-theme="dark"] .avatar{background:#132a43;color:#8fcfff}
:root[data-theme="dark"] .table-wrap{border-color:var(--line)}
:root[data-theme="dark"] table{color:#c8d8e8}
:root[data-theme="dark"] th{background:#102033;color:#7690a8;border-color:#1b3044}
:root[data-theme="dark"] td{border-color:#182b3e}
:root[data-theme="dark"] tbody tr:hover{background:#102033}
:root[data-theme="dark"] td b,:root[data-theme="dark"] .quick-item b,:root[data-theme="dark"] .sev-line b,:root[data-theme="dark"] .activity-feed b,:root[data-theme="dark"] .empty-state h3{color:#e7f1fb}
:root[data-theme="dark"] .quick-item,:root[data-theme="dark"] .health-item,:root[data-theme="dark"] .activity-feed div{border-color:#1a3045;color:#91a6ba}
:root[data-theme="dark"] code{color:#8ecbff}
:root[data-theme="dark"] .control-form input,:root[data-theme="dark"] .control-form select,:root[data-theme="dark"] .inline-plan select,:root[data-theme="dark"] .confirm-input{background:#091522;color:#dceafa;border-color:#29435c}
:root[data-theme="dark"] .control-form input::placeholder{color:#60758a}
:root[data-theme="dark"] .control-form label{color:#93a9bd}
:root[data-theme="dark"] .control-note{color:#748ba0}
:root[data-theme="dark"] .engine-pills span{background:#10263e;border-color:#1d4162;color:#76b6ef}
:root[data-theme="dark"] .engine-pills span.active{background:#10332d;border-color:#1d5a4c;color:#73d6b6}
:root[data-theme="dark"] .scanner-health.online{background:#0d2d27;border-color:#205345;color:#71d4b3}
:root[data-theme="dark"] .scanner-health.offline{background:#332511;border-color:#634b24;color:#e7b565}
:root[data-theme="dark"] .scan-error,:root[data-theme="dark"] .alert.error{background:#35171d;border-color:#62303a;color:#ff9baa}
:root[data-theme="dark"] .scan-success,:root[data-theme="dark"] .alert.success{background:#0d2d27;border-color:#245847;color:#74d8b7}
:root[data-theme="dark"] .scan-live-head h3,:root[data-theme="dark"] .scan-live-title>b,:root[data-theme="dark"] .scan-live-main>strong,:root[data-theme="dark"] .scan-live-time b{color:#dceeff}
:root[data-theme="dark"] .scan-live-head p,:root[data-theme="dark"] .scan-live-main>small,:root[data-theme="dark"] .scan-live-meta,:root[data-theme="dark"] .scan-live-time small{color:#8097ad}
:root[data-theme="dark"] .scan-live-progress,:root[data-theme="dark"] .progress,:root[data-theme="dark"] .bar{background:#183047}
:root[data-theme="dark"] .score-ring:after{background:#0d1927}
:root[data-theme="dark"] .tag,:root[data-theme="dark"] .status,:root[data-theme="dark"] .sev,:root[data-theme="dark"] .plan-pill,:root[data-theme="dark"] .verified,:root[data-theme="dark"] .unverified{border-color:#294158}
:root[data-theme="dark"] .tag.ok,:root[data-theme="dark"] .verified,:root[data-theme="dark"] .status.completed,:root[data-theme="dark"] .sev.low,:root[data-theme="dark"] .sev.info{background:#0d2d27;color:#71d4b3;border-color:#205345}
:root[data-theme="dark"] .tag.warn,:root[data-theme="dark"] .unverified,:root[data-theme="dark"] .status.queued,:root[data-theme="dark"] .status.running,:root[data-theme="dark"] .sev.medium{background:#332810;color:#e5b45e;border-color:#5c4821}
:root[data-theme="dark"] .sev.critical,:root[data-theme="dark"] .sev.high,:root[data-theme="dark"] .status.failed{background:#35171d;color:#ff96a6;border-color:#62303a}
:root[data-theme="dark"] .plan-pill{background:#102a47;color:#83bdff;border-color:#1e4972}
:root[data-theme="dark"] .settings-icon{background:#102a47;color:#82bdff}
:root[data-theme="dark"] .auth-panel{background:#081522!important}
:root[data-theme="dark"] .auth-card{background:#0d1a28!important;border-color:#1e3347!important;box-shadow:0 28px 70px rgba(0,0,0,.32)!important}
:root[data-theme="dark"] .auth-card h2,:root[data-theme="dark"] .auth-card label{color:#e9f3fc!important}
:root[data-theme="dark"] .auth-card p,:root[data-theme="dark"] .auth-link,:root[data-theme="dark"] .auth-note,:root[data-theme="dark"] .auth-back{color:#879db2!important}
:root[data-theme="dark"] .auth-form input{background:#091522!important;color:#e8f4ff!important;border-color:#29445e!important}
:root[data-theme="dark"] .auth-tabs{border-color:#21384e!important}
:root[data-theme="dark"] .auth-tabs a{color:#7690a8!important}
:root[data-theme="dark"] .auth-tabs a.active{color:#9fd8ff!important;border-color:#49a9ea!important}
.theme-toggle,.theme-float{width:36px;height:36px;border-radius:10px;border:1px solid #d8e1ea;background:#fff;color:#41617e;display:grid;place-items:center;cursor:pointer;font-size:17px;line-height:1;transition:.2s ease}
.theme-toggle:hover,.theme-float:hover{transform:translateY(-1px)}
:root[data-theme="dark"] .theme-toggle,:root[data-theme="dark"] .theme-float{background:#102033;border-color:#29445e;color:#9dd8ff}
.theme-float{position:fixed;right:18px;top:18px;z-index:1000;box-shadow:0 12px 30px rgba(0,0,0,.14)}
@media(max-width:720px){.theme-toggle{width:34px;height:34px}.theme-float{right:12px;top:12px}}