:root{color-scheme:dark;--bg:#08111f;--panel:#101d2f;--line:#243750;--text:#f6f8fc;--muted:#9aa9bd;--green:#35d39a;--amber:#ffb84d;--red:#ff6577;--blue:#4e9cff;--workspace-max:1280px;--sidebar-width:216px;--surface:#101e31;--surface-raised:#13243a;--radius-card:14px}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 8% 0,#142c49 0,transparent 36%),var(--bg);color:var(--text);font:15px/1.5 Inter,Segoe UI,sans-serif;min-width:0}
header,main{width:min(1180px,calc(100% - 40px));margin:auto}
header{display:flex;justify-content:space-between;align-items:flex-start;padding:42px 0 28px;gap:20px}
h1{font-size:clamp(30px,5vw,48px);line-height:1;margin:5px 0 12px;letter-spacing:-.04em}
h2{font-size:19px;margin:0}.eyebrow{color:var(--green);font-weight:700;margin:0}.subtitle,.panel-title p{color:var(--muted);margin:0}
.status{border:1px solid #2e6f5c;background:#102a27;padding:9px 14px;border-radius:999px;white-space:nowrap}.status i{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:8px}
.notice{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:linear-gradient(100deg,#163047,#183442);border:1px solid #315066;border-radius:16px;gap:20px}
.notice strong,.notice span{display:block}.notice span{color:#bdc9d7;margin-top:2px}
button{border:0;border-radius:10px;padding:11px 16px;background:var(--blue);color:white;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.1)}button:disabled{opacity:.55;cursor:wait}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.kpis article,.panel{background:linear-gradient(160deg,#122237,#0d1929);border:1px solid var(--line);border-radius:17px}
.kpis article{padding:20px;min-width:0}.kpis span,.kpis small{display:block;color:var(--muted)}.kpis b{display:block;font-size:32px;margin:7px 0}.kpis article:nth-child(2) b{color:var(--amber)}.kpis article:nth-child(3) b{color:var(--red)}.kpis article:nth-child(4) b{color:var(--green)}
.traffic-panel{margin-bottom:14px}.analytics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.analytics-head p{color:var(--muted);margin:4px 0 0}.period-controls{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;flex-wrap:wrap}.period-controls button{padding:9px 12px;background:#1a2c43;color:#c8d4e2}.period-controls button.active{background:var(--blue);color:#fff}.period-controls label{display:grid;gap:3px;color:var(--muted);font-size:12px}.period-controls input{width:142px;margin:0;padding:8px 10px;color-scheme:dark}
.chart-legend{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0 4px;color:var(--muted);font-size:13px}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i{width:9px;height:9px;border-radius:50%}.legend-paid{background:var(--blue)}.legend-suspicious{background:var(--amber)}.legend-invalid{background:var(--red)}
.chart-wrap{position:relative;min-height:280px}.chart-wrap svg{display:block;width:100%;height:auto;min-height:250px;overflow:visible}.chart-grid{stroke:#243750;stroke-width:1}.chart-axis-label{fill:#8293aa;font-size:11px}.chart-line{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.chart-dot{stroke:#0d1929;stroke-width:2}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);margin:0}.chart-empty[hidden]{display:none}
.chart-tooltip{position:absolute;z-index:2;width:165px;padding:10px 12px;background:#07101deF;border:1px solid #416487;border-radius:9px;font-size:12px;pointer-events:none;box-shadow:0 8px 24px #0008}.decision-controls{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}.decision-controls input,.decision-controls select{width:auto;margin:0;padding:8px 10px}.decision-controls input{min-width:220px}
.grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:14px;padding-bottom:40px}.panel{padding:20px;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.quiet{background:#1a2c43;color:#c8d4e2}
.candidates-panel,.google-ads-panel{margin-bottom:14px}.candidates-panel button{padding:7px 10px;font-size:12px}
.table-wrap{overflow-x:auto;margin-top:18px}table{width:100%;border-collapse:collapse;min-width:570px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:#8394ab;font-size:12px;text-transform:uppercase}.empty{text-align:center;color:var(--muted);padding:40px}
.score{display:inline-flex;min-width:42px;justify-content:center;padding:4px 8px;border-radius:8px;background:#3e2530;color:#ff8d99;font-weight:800}.protection .account,.protection p{display:flex;justify-content:space-between;gap:12px;padding:12px 0;margin:0}.protection span{color:var(--muted);text-align:right}.protection hr{border:0;border-top:1px solid var(--line)}
.modal{position:fixed;inset:0;display:grid;place-items:center;background:#030812d9;padding:20px}.modal[hidden]{display:none}.modal form{width:min(420px,100%);background:#132238;border:1px solid #344b68;border-radius:18px;padding:26px}.modal p{color:var(--muted)}input{width:100%;padding:13px;border:1px solid #3a506d;border-radius:10px;background:#0a1525;color:white;margin:5px 0 14px}
#toast{position:fixed;right:20px;bottom:20px;max-width:340px;background:#192c42;border:1px solid #355170;border-radius:12px;padding:12px 16px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}
@media(max-width:820px){header,main{width:min(100% - 24px,1180px)}header{padding-top:26px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:1fr}.notice{align-items:flex-start;flex-direction:column}.notice button{width:100%}.analytics-head{display:block}.period-controls{justify-content:flex-start;margin-top:16px}.chart-wrap{overflow-x:auto}.chart-wrap svg{min-width:680px}}
@media(max-width:480px){.kpis{grid-template-columns:1fr 1fr;gap:9px}.kpis article{padding:15px}.kpis b{font-size:25px}.status{font-size:12px;padding:7px 10px}.subtitle{font-size:14px}.panel{padding:15px}.period-controls button{flex:1}.period-controls label{width:calc(50% - 4px)}.period-controls input{width:100%}.chart-legend{gap:10px}}

.google-status{display:inline-block;padding:5px 10px;border-radius:999px;font-size:13px;font-weight:800}
.google-status.connected{color:#48e1ad;background:rgba(37,217,154,.14);border:1px solid rgba(37,217,154,.35)}
.google-status.disconnected{color:#ff7b8c;background:rgba(255,99,119,.13);border:1px solid rgba(255,99,119,.34)}
.google-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.danger{background:#a83e51!important;color:#fff!important;border-color:#d05b70!important}
.google-ads-panel .table-wrap{overflow:auto}
.google-ads-panel table{font-size:14px}
.google-ads-panel td,.google-ads-panel th{padding:9px 12px}
.google-ads-panel th{position:sticky;top:0;background:#11233a;z-index:1}
.account-disconnect{color:#ff9cab!important}
.interactive-card{cursor:pointer;position:relative;transition:transform .18s,border-color .18s,box-shadow .18s}
.interactive-card:hover,.interactive-card:focus-visible{transform:translateY(-2px);border-color:#526f94;box-shadow:0 14px 32px #0004;outline:none}
.kpi-action{display:flex!important;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:9px;color:#76b8ff!important;font-size:11px;font-weight:800}.kpi-action span{color:inherit!important}
.sort-button{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#8394ab;padding:0;border-radius:5px;text-transform:uppercase;font-size:12px}
.sort-button:hover,.sort-button.active{color:#fff;filter:none}.sort-button span{min-width:10px;color:var(--blue)}
.candidate-status{display:inline-flex;padding:4px 8px;border-radius:999px;background:#1a2c43;color:#c8d4e2;font-size:12px}.status-pending{color:#ffd18a;background:#3a2b19}.status-approved{color:#51dfaf;background:#163429}.status-rejected{color:#ff92a0;background:#3b2129}
.modal-card{width:min(820px,100%);max-height:min(760px,90vh);overflow:hidden;background:#132238;border:1px solid #344b68;border-radius:18px;padding:24px;box-shadow:0 26px 70px #0009}.modal-head{display:flex;justify-content:space-between;gap:20px}.modal-head p{margin:5px 0 0;color:var(--muted)}.icon-button{background:#1a2c43;font-size:24px;line-height:1;padding:8px 12px}.bot-ip-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 10px;color:var(--muted)}.bot-ip-list{max-height:55vh;overflow:auto;border-top:1px solid var(--line)}.bot-ip-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:15px 4px;border-bottom:1px solid var(--line)}.bot-ip-row div{display:grid;gap:3px;min-width:0}.bot-ip-row code{font-size:17px;color:#fff}.bot-ip-row span,.bot-ip-row small{color:var(--muted);overflow-wrap:anywhere}.bot-ip-row .score{color:#ff8d99}.sync-status{max-width:520px;padding:7px 11px;border-radius:10px;background:#1a2c43;color:var(--muted);font-size:12px;text-align:right}.sync-status.sync-ok{color:#48e1ad;background:#14342c}.sync-status.sync-error{color:#ff98a5;background:#3a222a}.roistat-panel .panel-title{align-items:center}
@media(max-width:650px){.bot-ip-row{grid-template-columns:minmax(0,1fr) auto}.bot-ip-row button{grid-column:1/-1}.sync-status{max-width:none;text-align:left}.roistat-panel .panel-title{display:grid}}
.table-tools{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin-top:16px;padding:10px;background:#0b1829;border:1px solid #213652;border-radius:12px}.table-tools label{display:grid;gap:4px;color:#8fa2bb;font-size:11px;font-weight:700;text-transform:uppercase}.table-tools input,.table-tools select{width:auto;min-width:110px;margin:0;padding:8px 10px;background:#0a1525;border:1px solid #344c68;border-radius:9px;color:#fff}.table-tools .search-control{flex:1;min-width:210px}.table-tools .search-control input{width:100%}.row-count{margin-left:auto;padding:8px 2px;color:#8fa2bb;font-size:12px;white-space:nowrap}.bounded-table{max-height:360px;overflow:auto}.bounded-table th{position:sticky;top:0;background:#11233a;z-index:1}.candidates-panel tbody tr:hover,.google-ads-panel tbody tr:hover,.decisions-panel tbody tr:hover{background:#152940}.panel{box-shadow:0 12px 34px rgba(0,0,0,.12)}
@media(max-width:650px){.table-tools{display:grid;grid-template-columns:1fr 1fr}.table-tools .search-control,.table-tools .row-count{grid-column:1/-1}.table-tools input,.table-tools select{width:100%}.row-count{margin-left:0}}
.health-panel{padding:20px 24px}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.health-item{min-width:0;min-height:132px;padding:13px;border:1px solid #28435f;border-radius:14px;background:rgba(11,30,50,.72);display:flex;flex-direction:column}.health-item div{display:flex;align-items:center;justify-content:space-between;gap:10px}.health-item p{margin:8px 0;color:#a8c4df;font-size:13px}.health-item small{color:#7898b8;margin-top:auto}.health-badge,.health-item span{padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.health-ok span,.health-badge.health-ok{color:#31e0ad;background:rgba(49,224,173,.12)}.health-warning span,.health-badge.health-warning,.health-never span{color:#ffba4b;background:rgba(255,186,75,.12)}.health-error span,.health-badge.health-error{color:#ff7184;background:rgba(255,113,132,.12)}.row-actions{display:flex;flex-wrap:wrap;gap:6px}.danger-outline{color:#ff7184!important;border-color:rgba(255,113,132,.45)!important}
@media(max-width:1100px){.health-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.health-grid{grid-template-columns:1fr}}
.google-report-panel{margin-bottom:14px}.report-summary{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;padding:12px 14px;border:1px solid #28435f;border-radius:12px;background:#0b1829;color:#a8c4df}.report-summary b{color:#fff}.report-error{color:#ff8d99}.google-report-panel td small{display:block;margin-top:3px;color:#7898b8}.google-report-panel td small b{color:var(--amber)}

.compact-table-scroll{max-height:420px;overflow:auto;scrollbar-gutter:stable;border:1px solid #243a56;border-radius:12px;background:rgba(8,20,35,.26)}
.compact-table-scroll table{margin:0}.compact-table-scroll th{position:sticky;top:0;z-index:3;background:#11253e;box-shadow:0 1px 0 var(--line)}
.compact-data-table td,.compact-data-table th{padding:9px 10px;line-height:1.35}.compact-data-table tbody tr{height:44px}.compact-data-table tbody tr:hover{background:#152940}
.candidates-scroll{max-height:360px}.accounts-scroll{max-height:350px}.decisions-scroll{max-height:360px}.report-scroll{max-height:360px;margin-top:0}
.compact-id{display:inline-block;max-width:150px;font-variant-numeric:tabular-nums;white-space:nowrap}.candidate-actions{align-items:center;flex-wrap:wrap}.candidate-actions button{white-space:nowrap}
.account-actions{align-items:center;flex-wrap:wrap}.account-actions button{padding:6px 8px;white-space:nowrap;font-size:11px}.accounts-table{min-width:960px}.accounts-table th:last-child,.accounts-table td:last-child{width:250px;min-width:250px}.accounts-table td:nth-child(2) small{display:block;color:#7898b8}.accounts-table td:nth-child(4),.accounts-table td:nth-child(5){white-space:nowrap}
.accounts-table tr.google-account-child td:first-child{padding-left:34px;position:relative}.accounts-table tr.google-account-child td:first-child:before{content:"↳";position:absolute;left:14px;color:#4da3ff}.manager-badge{display:inline-flex;margin-left:8px;padding:3px 7px;border-radius:999px;background:rgba(77,163,255,.13);border:1px solid rgba(77,163,255,.3);color:#78baff;font-size:10px;font-weight:800;vertical-align:middle}.title-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.google-manager-card{width:min(680px,100%)}.manager-selection-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px;color:#9fb2c8}.manager-selection-head button{padding:7px 10px}.google-manager-accounts{max-height:52vh;overflow:auto;border:1px solid #2a415e;border-radius:13px;background:#0a1727}.google-manager-account{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #223852;cursor:pointer}.google-manager-account:last-child{border-bottom:0}.google-manager-account:hover{background:#142943}.google-manager-account input{width:18px;height:18px;margin:0;accent-color:var(--blue)}.google-manager-account span{display:grid;min-width:0}.google-manager-account b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.google-manager-account small{color:#8199b3}.manager-selection-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.report-tabs{display:flex;gap:6px;margin-top:16px;padding:4px;width:max-content;max-width:100%;border:1px solid #28435f;border-radius:12px;background:#0b1829}.report-tab{padding:9px 16px;background:transparent;color:#9eb3ca}.report-tab.active{background:#24466d;color:#fff;box-shadow:0 5px 14px #0004}.report-tools{margin-top:12px}.report-tools .check-control{display:flex;align-items:center;gap:8px;align-self:center;padding-top:17px;white-space:nowrap}.report-tools .check-control input{width:16px;min-width:16px;height:16px;margin:0}.report-hint{margin:10px 2px;color:#8fa6bf;font-size:12px}.report-view[hidden]{display:none}.report-table{min-width:760px}.report-table td:first-child{width:42%}.report-table td:nth-child(n+3),.report-table th:nth-child(n+3){white-space:nowrap}.clamped-cell{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;max-width:520px}.anomaly-row{background:rgba(255,184,77,.045)}.anomaly-row:hover{background:rgba(255,184,77,.1)!important}
@media(max-width:700px){.account-actions{flex-wrap:wrap}.accounts-table th:last-child,.accounts-table td:last-child{min-width:150px}.report-tabs{width:100%}.report-tab{flex:1;padding-inline:8px}.compact-table-scroll{max-height:360px}}
.project-header-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.project-switcher{display:flex;align-items:center;gap:7px;padding:5px;border:1px solid #2c4765;border-radius:12px;background:rgba(9,25,43,.78)}.project-switcher label{display:flex;align-items:center;gap:8px;padding-left:7px;color:#8fa2bb;font-size:10px;font-weight:800;text-transform:uppercase}.project-switcher select{min-width:160px;padding:7px 9px;border:1px solid #35506e;border-radius:8px;background:#0b192a;color:#fff}.project-switcher button{padding:8px 11px;white-space:nowrap}.project-wizard-card{width:min(720px,100%);overflow:auto}.project-wizard-card form{width:100%;padding:0;background:transparent;border:0}.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:0;margin:20px 0;list-style:none}.wizard-steps li{padding:8px 10px;border:1px solid #2a405b;border-radius:9px;color:#778da7;background:#0c1929;font-size:12px;text-align:center}.wizard-steps li.active{color:#fff;border-color:#4e9cff;background:#173b61}.wizard-steps li.complete{color:#43d9a6;border-color:#286550}.wizard-step{min-height:245px;padding:18px;border:1px solid #293f5a;border-radius:14px;background:#0b1829}.wizard-step[hidden]{display:none}.wizard-step h3{margin:0 0 10px}.project-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.project-form-grid label,.wizard-step>label{display:grid;gap:5px;color:#aab9ca;font-size:12px}.project-form-grid input,.wizard-step select,.wizard-step textarea{width:100%;margin:0;padding:10px;border:1px solid #35506e;border-radius:9px;background:#081522;color:#fff}.wizard-step textarea{resize:vertical;font:12px/1.5 Consolas,monospace}.wizard-note{margin:14px 0 0;color:#8ea2ba;font-size:13px}.connection-checklist{display:grid;gap:8px}.connection-checklist span{padding:11px 13px;border:1px solid #29405b;border-radius:10px;color:#b8c7d7;background:#0d1c2e}.wizard-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.wizard-actions button:last-child{margin-left:auto}
@media(max-width:760px){.project-header-tools{width:100%;align-items:stretch}.project-switcher{width:100%}.project-switcher label{flex:1;display:grid;gap:2px}.project-switcher select{width:100%;min-width:0}.project-form-grid{grid-template-columns:1fr}.wizard-steps{grid-template-columns:1fr 1fr}.wizard-step{min-height:0}}
.journal-panel{margin-bottom:14px}.bulk-bar{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:10px 0;color:#93a8bf}.bulk-bar span{margin-right:auto}.bulk-bar button{padding:8px 11px;font-size:12px}.journal-scroll{max-height:390px;margin-top:0}.journal-table{min-width:920px}.journal-table th:first-child,.journal-table td:first-child{width:38px}.journal-table input[type=checkbox]{width:16px;height:16px;margin:0}.journal-table td small{display:block;color:#7898b8}.journal-status{display:inline-flex;padding:4px 8px;border-radius:999px;background:#1a2c43;color:#c8d4e2;font-size:12px}.journal-status.status-applied{color:#48e1ad;background:#14342c}.journal-status.status-failed,.journal-status.status-rejected{color:#ff98a5;background:#3a222a}.journal-status.status-proposed{color:#ffd18a;background:#3a2b19}
.pmax-confidence{display:inline-flex;padding:4px 7px;border-radius:8px;color:#ffd18a;background:#3a2b19;font-weight:800}.report-table td:last-child small{display:block;max-width:230px}
.integration-settings{display:flex;align-items:flex-end;gap:8px;margin-top:12px;padding:10px 12px;border:1px solid #263d58;border-radius:12px;background:#0b1829}.integration-settings label{display:grid;gap:3px;min-width:230px;color:#8fa2bb;font-size:11px;font-weight:700;text-transform:uppercase}.integration-settings input{margin:0;padding:8px 10px}.integration-settings button{padding:9px 12px}.integration-settings .row-count{margin-left:0}
@media(max-width:650px){.integration-settings{align-items:stretch;flex-direction:column}.integration-settings label{width:100%;min-width:0}.integration-settings button{width:100%}}

/* Application workspace navigation */
.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}
.app-sidebar{position:sticky;top:0;z-index:30;display:flex;flex-direction:column;height:100vh;padding:24px 14px;background:linear-gradient(180deg,#0b1c30,#081421);border-right:1px solid #233a55;box-shadow:18px 0 48px rgba(0,0,0,.13)}
.sidebar-brand{display:flex;align-items:center;gap:12px;padding:4px 8px}.sidebar-brand .brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#4e9cff,#2765ad);box-shadow:0 10px 24px rgba(50,124,210,.28);font-size:14px;font-weight:900;letter-spacing:.03em}.sidebar-brand div{display:grid}.sidebar-brand strong{font-size:18px;letter-spacing:-.02em}.sidebar-brand small{color:#7892ae;font-size:11px}
.app-sidebar nav{display:grid;gap:5px;margin-top:28px}.app-sidebar nav a{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;min-height:45px;padding:8px 11px;border:1px solid transparent;border-radius:11px;color:#9eb0c5;text-decoration:none;font-weight:700;transition:background .16s,color .16s,border-color .16s,transform .16s}.app-sidebar nav a:hover{color:#fff;background:#112941;border-color:#1d3c5c;transform:translateX(2px)}.app-sidebar nav a.active{color:#fff;background:linear-gradient(100deg,#173f68,#12304f);border-color:#285784;box-shadow:inset 3px 0 #55a7ff,0 8px 22px rgba(0,0,0,.16)}.nav-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#142a42;color:#78baff;font-size:13px;font-weight:900}.app-sidebar nav a.active .nav-icon{background:#2b5f94;color:#fff}.navigation-count{display:grid;place-items:center;min-width:24px;height:22px;padding:0 6px;border-radius:999px;background:#713543;color:#ffacb7;font-size:11px}.navigation-count[hidden]{display:none}
.sidebar-state{display:grid;gap:8px;margin-top:auto;padding:16px 8px 4px;border-top:1px solid #1e344e}.sidebar-state .status{width:max-content;padding:6px 10px;font-size:11px}.sidebar-state small{color:#6f87a1}
.app-workspace{min-width:0;padding:0 22px 30px}.workspace-toolbar{position:sticky;top:0;z-index:24;width:min(var(--workspace-max),100%);min-height:64px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;background:linear-gradient(180deg,#08111f 76%,rgba(8,17,31,.94) 90%,transparent);backdrop-filter:blur(12px)}.toolbar-title{display:flex;align-items:center;gap:10px;min-width:0}.toolbar-title>div{display:grid}.toolbar-title .eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.08em}.toolbar-title strong{font-size:16px}.mobile-nav-button{display:none;padding:8px 11px;font-size:18px}.workspace-content{width:min(var(--workspace-max),100%);margin:0 auto;padding:16px 0 0}.dashboard-view[hidden],.workspace-panel[hidden]{display:none!important}
.view-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:4px 0 16px;padding:2px}.view-heading h1{margin:3px 0 5px;font-size:clamp(28px,2.5vw,32px);letter-spacing:-.035em}.view-heading .subtitle{max-width:680px;font-size:14px}.dashboard-view{animation:view-enter .18s ease-out}@keyframes view-enter{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}
.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px}.overview-card{min-height:180px;max-height:210px;display:flex;flex-direction:column;padding:18px}.overview-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.overview-card-head a,.panel-link{color:#79b8ff;text-decoration:none;font-size:11px;font-weight:750}.overview-card-head a:hover,.panel-link:hover{color:#b9dcff}.overview-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;font-weight:900}.overview-icon.blue{color:#83c0ff;background:rgba(78,156,255,.15)}.overview-icon.green{color:#53dfae;background:rgba(53,211,154,.13)}.overview-icon.red{color:#ff8a9a;background:rgba(255,101,119,.13)}.overview-card h2{margin-bottom:5px;font-size:18px}.overview-card p{margin:6px 0 0;color:#91a5bd;font-size:13px}.overview-value{font-size:29px;line-height:1.05}.amber-text{color:var(--amber)}.red-text{color:var(--red)}.overview-health-status{display:inline-flex;width:max-content;margin-top:7px;padding:5px 9px;border-radius:999px}.overview-risk-list,.traffic-summary-list{display:grid;gap:5px;padding:0;margin:6px 0 0;list-style:none;min-height:0;overflow:hidden}.overview-risk-list li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:6px 0;border-top:1px solid rgba(49,70,96,.62);color:#c5d0dc;font-size:11px}.overview-risk-list li span:last-child{overflow:hidden;text-overflow:ellipsis}.overview-risk-list .score{min-width:34px;padding:3px 6px}.overview-empty{color:var(--muted)!important}
.traffic-decision-summary{margin:0 0 22px}.traffic-summary-list li{display:grid;grid-template-columns:145px 48px minmax(0,1fr);align-items:center;gap:12px;padding:9px 2px;border-top:1px solid var(--line);color:#c3cfdd}.traffic-summary-list time{color:#8499b2;font-variant-numeric:tabular-nums}
.workspace-tabs{display:flex;gap:5px;width:max-content;max-width:100%;margin:-3px 0 14px;padding:4px;border:1px solid #29425e;border-radius:13px;background:#0a1828}.workspace-tab{padding:9px 15px;background:transparent;color:#96aac0}.workspace-tab.active{background:#23527f;color:#fff;box-shadow:0 7px 18px rgba(0,0,0,.22)}.workspace-panel>.panel{margin-bottom:0}.google-workspace,.journal-workspace{padding-bottom:28px}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.settings-grid .protection{max-width:560px}.health-panel{margin-bottom:14px}
.navigation-backdrop{position:fixed;inset:0;z-index:28;background:rgba(1,7,14,.72);backdrop-filter:blur(2px)}.navigation-backdrop[hidden]{display:none}

@media(max-width:1179px){.app-shell{grid-template-columns:82px minmax(0,1fr)}.app-sidebar{padding-inline:10px}.sidebar-brand{justify-content:center;padding-inline:0}.sidebar-brand div,.sidebar-state small,.app-sidebar nav a>span:not(.nav-icon){display:none}.app-sidebar nav a{grid-template-columns:1fr;justify-items:center;padding-inline:6px}.navigation-count{position:absolute;margin:0 0 25px 27px}.app-sidebar nav a{position:relative}.sidebar-state{justify-items:center}.app-workspace{padding-inline:18px}.overview-grid{grid-template-columns:1fr 1fr}.overview-grid .overview-card:last-child{grid-column:1/-1}}
@media(max-width:768px){.app-shell{display:block}.app-sidebar{position:fixed;left:0;top:0;width:280px;transform:translateX(-105%);transition:transform .2s ease;box-shadow:24px 0 70px rgba(0,0,0,.5)}body.navigation-open{overflow:hidden}body.navigation-open .app-sidebar{transform:translateX(0)}.sidebar-brand{justify-content:flex-start;padding-inline:8px}.sidebar-brand div,.sidebar-state small,.app-sidebar nav a>span:not(.nav-icon){display:grid}.app-sidebar nav a{grid-template-columns:30px minmax(0,1fr) auto;justify-items:stretch;padding-inline:11px}.navigation-count{position:static;margin:0}.sidebar-state{justify-items:start}.app-workspace{padding-inline:12px}.mobile-nav-button{display:inline-flex}.workspace-toolbar{align-items:flex-start;flex-wrap:wrap;padding-top:10px}.workspace-toolbar .project-header-tools{width:100%;justify-content:stretch}.workspace-toolbar .project-switcher{flex:1}.workspace-toolbar #toolbarRefreshButton{align-self:stretch}.view-heading{margin-top:3px}.overview-grid{grid-template-columns:1fr}.overview-grid .overview-card:last-child{grid-column:auto}.traffic-summary-list li{grid-template-columns:1fr auto}.traffic-summary-list li>span:last-child{grid-column:1/-1}.workspace-tabs{width:100%}.workspace-tab{flex:1}.navigation-backdrop{display:block}}
@media(max-width:480px){.app-workspace{padding-inline:10px}.workspace-toolbar .project-header-tools{display:grid;grid-template-columns:1fr}.workspace-toolbar .project-switcher{width:100%}.workspace-toolbar #toolbarRefreshButton{width:100%}.view-heading h1{font-size:27px}.overview-card{min-height:0}.workspace-tab{padding-inline:8px;font-size:12px}.traffic-summary-list li{font-size:12px}}

/* Compact professional SaaS pass */
body{background:radial-gradient(circle at 15% -10%,rgba(35,73,116,.32),transparent 34%),#07111f;font-size:14px}
.panel,.kpis article{background:var(--surface);border-color:#203751;border-radius:var(--radius-card);box-shadow:0 8px 24px rgba(0,0,0,.1)}
.panel{padding:18px}
.app-sidebar{padding:20px 12px;background:#09192a;border-right-color:#1d334c;box-shadow:12px 0 32px rgba(0,0,0,.1)}
.sidebar-brand{gap:10px;padding:2px 6px}.sidebar-brand .brand-mark{width:38px;height:38px;border-radius:11px}.sidebar-brand strong{font-size:17px}.app-sidebar nav{gap:4px;margin-top:24px}.app-sidebar nav a{min-height:42px;padding:7px 9px;border-radius:10px;font-size:14px}.app-sidebar nav a.active{background:#15385c;border-color:#2b5e8f;box-shadow:inset 3px 0 #62adff}.nav-icon{width:24px;height:24px;border-radius:7px;font-size:12px}
.project-header-tools{flex-wrap:nowrap;gap:8px}.project-switcher{height:42px;gap:5px;padding:4px;border-color:#29435f;border-radius:11px}.project-switcher label{gap:6px;padding-left:6px}.project-switcher select{min-width:148px;height:32px;padding:5px 8px}.project-switcher button{height:32px;padding:6px 10px}.workspace-toolbar #toolbarRefreshButton{height:42px;padding:8px 13px}
.overview-heading{align-items:flex-end}.overview-period{display:flex;align-items:flex-end;justify-content:flex-end;gap:7px;flex-wrap:wrap}.overview-period label{display:grid;gap:3px;color:#8298b2;font-size:10px;font-weight:700;text-transform:uppercase}.overview-period input{width:126px;height:36px;margin:0;padding:6px 8px;border-radius:9px;background:#0a1828;font-size:12px}.period-presets{display:flex;gap:3px;padding:3px;border:1px solid #29435f;border-radius:10px;background:#0a1828}.overview-period-button{height:30px;padding:5px 9px;border-radius:7px;background:transparent;color:#91a7bf;font-size:11px}.overview-period-button.active{background:#2d67a0;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.notice{min-height:72px;padding:14px 16px;border-radius:var(--radius-card);background:#122c40;border-color:#294961}.notice span{font-size:13px}.notice button{padding:9px 13px}
.kpis{gap:12px;margin:16px 0}.kpis article{display:flex;flex-direction:column;min-height:138px;padding:17px 18px}.kpis article>span:first-child{font-size:13px}.kpis b{font-size:30px;line-height:1.05;margin:8px 0 5px}.kpis small{font-size:12px}.interactive-card{padding-bottom:13px!important}.interactive-card:hover,.interactive-card:focus-visible{transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,0,0,.2)}
.overview-grid{align-items:stretch}.overview-card{height:184px;min-height:184px;max-height:184px}.overview-card-head>a{white-space:nowrap}.overview-card .empty{padding:28px 12px}.overview-card .score{font-size:11px}

@media(max-width:1179px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.app-sidebar{padding-inline:9px}.app-workspace{padding-inline:18px}.overview-heading{align-items:flex-start;flex-direction:column}.overview-period{justify-content:flex-start;width:100%}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-grid .overview-card:last-child{grid-column:auto}}
@media(max-width:1020px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr 1fr}.overview-grid .overview-card:last-child{grid-column:1/-1}.overview-card{height:176px;min-height:176px;max-height:176px}}
@media(max-width:768px){.app-workspace{padding-inline:14px}.workspace-toolbar{min-height:58px;align-items:center}.workspace-toolbar .project-header-tools{margin-top:0}.overview-heading{gap:13px}.overview-period{display:grid;grid-template-columns:1fr 1fr}.period-presets{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.overview-period input{width:100%}.overview-grid{grid-template-columns:1fr}.overview-grid .overview-card:last-child{grid-column:auto}.overview-card{height:auto;min-height:164px;max-height:none}}
@media(max-width:620px){.workspace-toolbar .project-header-tools{display:none}.kpis{grid-template-columns:1fr 1fr;gap:9px}.kpis article{min-height:128px;padding:14px}.kpis b{font-size:27px}.notice{align-items:stretch}.notice button{width:100%}.view-heading h1{font-size:27px}.overview-period{width:100%}}
@media(max-width:420px){.kpis{grid-template-columns:1fr}.kpis article{min-height:120px}.overview-period{grid-template-columns:1fr}.period-presets,.overview-period label{grid-column:1/-1}}