/* Liquid Glass inspired web material. Data surfaces stay opaque for legibility. */
:root{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;color:#1d2738;background:#e8eef6;--green:#007aff;--muted:#65738b;--border:rgba(73,93,126,.10);font-size:14px;color-scheme:light}
body{background:radial-gradient(ellipse at 6% 15%,#a4cbf090 0,transparent 38%),radial-gradient(ellipse at 95% 2%,#cedbff80 0,transparent 40%),radial-gradient(ellipse at 30% 100%,#f0d6c685 0,transparent 55%),linear-gradient(135deg,#e5eef6,#f3f5fa 60%,#dee9f7);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}button{transition:background .18s,box-shadow .18s,transform .18s}button:active{transform:scale(.98)}button:focus-visible,a:focus-visible{outline:3px solid #007aff80;outline-offset:4px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #007aff30;border-color:#007aff90}
.shell{grid-template-columns:228px minmax(0,1fr);padding:14px;gap:12px;align-items:start}.sidebar{height:calc(100vh - 28px);top:14px;border:1px solid #ffffffbd;border-radius:26px;background:linear-gradient(150deg,#ffffff8c,#ffffff45);backdrop-filter:blur(35px) saturate(1.7);-webkit-backdrop-filter:blur(35px) saturate(1.7);box-shadow:inset 0 1px 1px #fff,0 8px 30px #273e6810;overflow:hidden;padding:28px 14px 20px}.logo{font-size:27px;letter-spacing:-1.4px;margin:0 13px 28px;color:#26344c}.logo>span:last-child{color:#007aff!important}.logo-mark{background:linear-gradient(140deg,#43acff,#0064f1);box-shadow:inset 0 1px 1px #ffffff70,0 3px 9px #147ce52b;border-radius:11px;color:#fff;width:35px;height:35px}.agency{background:#ffffff60;border-color:#fff9;border-radius:15px;box-shadow:0 2px 5px #3a517405;padding:12px 10px;margin-bottom:27px}.agency .initial{background:#dfeafa;color:#51749e;border-radius:9px}.agency b{font-weight:600}.small{color:#68768a}.nav-label{color:#718098;font-size:9px;letter-spacing:1.1px;margin-left:13px}nav button{color:#556277;padding:13px 14px;border-radius:13px;font-weight:500;position:relative;gap:11px}nav button svg{color:#6b7b92}nav button:hover{background:#ffffff65;filter:none}nav button.active{color:#0061d7;background:linear-gradient(135deg,#ffffffdb,#ffffff83);box-shadow:inset 0 1px 1px #fff,0 3px 12px #2c559b0c}nav button.active svg{color:#007aff}nav button em{background:#deecff;color:#2874ce;border-radius:7px;font-size:10px}.demo-card{background:#ffffff3b;border:1px solid #ffffff80;border-radius:17px;padding:16px}.demo-card b{color:#465b77;font-weight:550}.demo-card p{color:#697a91}.user{border-color:#7186a21a;gap:10px;padding:17px 5px 0}.avatar{background:linear-gradient(145deg,#eaf1fb,#dce8f8);color:#476589;border:1px solid #ffffffb0;width:34px;height:34px}.main{border-radius:26px;overflow:hidden;border:1px solid #ffffffa6;background:#f9fbff80;box-shadow:0 10px 50px #3656810a;min-height:calc(100vh - 28px)}.topbar{height:64px;background:#ffffff3d;border-bottom:1px solid #ffffffb0;padding:0 32px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.breadcrumb{color:#7d8ba1;font-size:11px;gap:10px}.breadcrumb>span{color:#4e617d!important}.top-right{color:#6d7c91;font-size:10px;gap:15px}.demo-dot{background:#007aff;box-shadow:0 0 0 3px #007aff0d;width:5px;height:5px}.content{padding:31px 32px 28px;max-width:1600px}.page-head{margin-bottom:27px;gap:15px}h1{color:#202d44;font-weight:650;letter-spacing:-1.15px;font-size:29px;line-height:1.15;margin-bottom:10px}h2{color:#2b3a52;font-weight:600;font-size:15px;letter-spacing:-.3px}h3{color:#2b3a52}p.subtitle{color:#748198;font-size:12px;line-height:1.6}.btn{border-radius:999px;padding:11px 17px;border:1px solid #ffffffdd;background:linear-gradient(150deg,#ffffffdc,#ffffff7d);box-shadow:inset 0 1px 1px #fff,0 3px 10px #36598109;color:#45607f;font-weight:500;font-size:12px}.btn:hover{background:#fff;filter:none;box-shadow:0 4px 14px #2b5b9b14}.btn.primary{background:linear-gradient(155deg,#2795ff,#0075f3);color:#fff;border:1px solid #ffffff4d;box-shadow:inset 0 1px 1px #ffffff50,0 4px 12px #007aff2b}.btn.primary:hover{background:linear-gradient(155deg,#45a5ff,#087af5)}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none;color:#0071e7}.btn.danger{color:#d25c5b}.field{border:1px solid #d7e0ee;background:#ffffffc9;border-radius:11px;padding:11px 13px;color:#334a68;box-shadow:inset 0 1px 3px #344d7205}select.field{background-color:#ffffffb0}.actions #period{border-radius:999px;font-size:11px;padding:11px 14px;border-color:#ffffffce;box-shadow:inset 0 1px 1px #fff,0 2px 8px #36598106;width:146px}.card{background:linear-gradient(150deg,#fffffff2,#ffffffd9);border:1px solid #ffffffed;border-radius:21px;box-shadow:inset 0 1px 1px #fff,0 4px 18px #36598106}.kpis{gap:15px;margin-bottom:20px}.kpi{padding:20px;position:relative;overflow:hidden}.kpi-top{color:#6c7b91;font-size:11px}.kpi-top svg{color:#6687ad;width:16px;height:16px}.kpi strong{font-size:32px;font-weight:600;color:#26354e;letter-spacing:-1.3px;margin:16px 0 10px;font-variant-numeric:tabular-nums}.kpi-foot{color:#7e8b9f;font-size:10px;line-height:1.5}.kpi-foot b{color:#1c83bf}.chart-grid{gap:20px;margin-bottom:20px;grid-template-columns:1.55fr 1fr}.panel{padding:23px}.panel-head{margin-bottom:26px}.pill{background:#eff4fb;color:#788ba5;border-color:#e4ecf7;padding:5px 11px}.chart{height:186px}.bars{background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#dce4f04d 40px,#dce4f04d 41px);border-color:#e7edf5}.y-axis{color:#99a6b8}.bar{width:27px;border-radius:6px 6px 2px 2px}.bar.first{background:linear-gradient(180deg,#64b5ff,#2387ed);box-shadow:inset 0 1px 0 #ffffff70}.bar.second{background:linear-gradient(180deg,#badbff,#9cc9fa)}.month-label{color:#8b99ac}.legend{color:#75859b;margin-top:17px}.legend span:first-child i{background:#3e99f5!important}.legend span:last-child i{background:#a8d1fb!important}.status-layout{min-height:190px;gap:22px}.donut{width:150px;height:150px;box-shadow:0 4px 14px #427bc00b}.donut:after{inset:17px;background:#fbfdff;box-shadow:0 0 0 1px #ffffffc0}.donut-center strong{font-size:32px;font-weight:600;color:#344761}.donut-center span{font-size:10px;color:#8a9bb0}.status-legend p{color:#657891;font-size:11px;margin:15px 0}.status-legend b{color:#334960;font-weight:600}.insight{background:linear-gradient(120deg,#e5f0ffb0,#f2f7ffb0);border:1px solid #ffffffcb;color:#597ba7;border-radius:15px;padding:14px 18px;font-size:11px;margin-bottom:22px;box-shadow:inset 0 1px 0 #fff}.insight b{color:#3d699e;font-weight:600}.insight svg{color:#4c91e0}.insight button{color:#007aff}.table-top{padding:22px}.table-top h2 span{color:#96a5b8;font-size:10px}.table-top .btn{font-size:11px;padding:5px 0 5px 12px}table{color:#465974}th{background:#f3f7fcaa;color:#8b9ab0;border-color:#eaf0f8;font-size:10px;padding:13px 20px;font-weight:400}td{padding:16px 20px;border-color:#edf2f8;font-size:11px}td strong{color:#3c4f6b;font-size:12px;font-weight:550}td small{color:#8e9db1;font-size:10px;margin-top:5px}tbody tr:hover{background:#eaf4ff70}.score{font-size:11px;color:#2b85c8!important;font-variant-numeric:tabular-nums}.score-bar{height:4px;width:38px;background:#e9eff8}.score-bar i{background:#5ca2ee!important}.badge{border-radius:999px;padding:5px 10px;font-size:10px;background:#e8f5f0;color:#398a76}.badge.amber{background:#fff4dc;color:#aa8540}.badge.gray{background:#eef1f6;color:#8b96a7}.badge.red{background:#ffedec;color:#cb827d}.muted{color:#8c9cb2}.table-foot{color:#93a2b6;padding:15px 22px}.footer-note{color:#9aaac0;font-size:9px;letter-spacing:.4px;margin-top:23px}.detail-hero{background:radial-gradient(ellipse at 100% 0,#8fceff77,transparent 70%),linear-gradient(130deg,#277be2,#2767c8);border:1px solid #ffffff80;border-radius:22px;box-shadow:inset 0 1px 1px #fff6,0 8px 25px #276ac820;padding:29px}.detail-hero h2{color:#fff;font-weight:550}.detail-hero p,.detail-hero small{color:#d5eaff}.detail-hero .eyebrow{color:#bfe0ff!important}.big-score{font-weight:500;letter-spacing:-2px}.block-stat{padding:22px}.block-stat strong{color:#3e709f;font-weight:500}.progress{background:#edf3fa;border-radius:99px}.progress i{background:linear-gradient(90deg,#6bb8ff,#3d97f0)}.meta-list li span{color:#8698af}.meta-list li b{color:#49617f;font-weight:500}.risk{background:#fff5e6;color:#a3824a;border-radius:13px}.notice{background:#edf4fd;color:#748ba9;border-radius:13px}.builder-note{color:#8193aa}.block-nav{padding:10px}.block-nav button{padding:14px 12px;border-radius:11px;color:#6f839f}.block-nav button.active{background:#eaf3ff;color:#0878ee}.block-nav small{color:#85a0bf}.block-nav #add-block{color:#007aff!important}.version{background:#eaf3ff;color:#4a8ed2;border-radius:999px;padding:6px 11px}.q-label{color:#8ea0b8}.question{padding:22px;border-radius:19px}.question-header .field{background:#f8fbff;box-shadow:none;border-color:#ebf1f8;color:#466080}.option-row input{background:#fbfdff;border-color:#e1eaf6}.back{color:#438cda}.overlay{background:#445e7e40;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.dialog{background:linear-gradient(140deg,#ffffffed,#f5f9ffec);border:1px solid #fff;border-radius:28px;padding:30px;box-shadow:inset 0 1px 1px white,0 30px 100px #204a7e30}.dialog-head>button{width:30px;height:30px;border-radius:50%;background:#dce5ef70;color:#7b8da4}.dialog h2{font-weight:600;letter-spacing:-.7px}.dialog-footer{border-color:#dce6f1}.radio-option{background:#ffffffaf;border:1px solid #e0e9f5;border-radius:13px;color:#5d7593;padding:13px}.radio-option:has(input:checked){background:#e6f2ff;border-color:#80baff;color:#2472c1}.radio-option input{accent-color:#007aff}.step-line{gap:6px}.step-line i{background:#dce7f6;border-radius:9px;height:4px}.step-line i.active{background:#5aabff}#toast{background:#edf5ffed;color:#2d609b;border:1px solid white;box-shadow:0 10px 30px #355c8d20;backdrop-filter:blur(25px);border-radius:99px;font-size:12px}.team-row{border-color:#e6eef7}.team-row .pill{border-radius:99px}.eyebrow{color:#8398b4}
@media(min-width:1550px){.content{padding:38px}.kpi{padding:26px}.chart{height:225px}.status-layout{min-height:225px}}
@media(max-width:1100px){.shell{grid-template-columns:200px minmax(0,1fr);gap:10px;padding:10px}.sidebar{top:10px;height:calc(100vh - 20px);padding:25px 10px}.content{padding:25px 22px}.topbar{padding:0 22px}.page-head{align-items:flex-start}.page-head .actions{flex-wrap:wrap;justify-content:flex-end}.kpi{padding:17px}.kpi strong{font-size:27px}.chart-grid{grid-template-columns:1.4fr 1fr}.status-layout{gap:15px}.donut{width:115px;height:115px}.donut:after{inset:13px}.panel{padding:20px}.kpi-top{font-size:10px}}
@media(max-width:800px){.shell{display:block;padding:10px}.sidebar{height:auto;position:sticky;top:10px;z-index:5;flex-direction:row;padding:10px 13px;border-radius:22px;overflow:visible;backdrop-filter:blur(30px) saturate(1.8);-webkit-backdrop-filter:blur(30px) saturate(1.8)}.logo{margin:0;font-size:21px;gap:7px}.logo-mark{width:28px;height:28px;border-radius:9px}.main{margin-top:10px;min-height:calc(100vh - 90px);border-radius:22px;overflow:hidden}.content{padding:24px 18px}.topbar{height:51px;padding:0 18px}.breadcrumb{font-size:10px}.top-right{font-size:9px}.top-right .avatar{width:27px;height:27px;font-size:9px}nav{gap:2px}nav button{font-size:10px;padding:10px 9px;border-radius:12px;white-space:nowrap}.page-head{gap:17px}.page-head .actions{justify-content:flex-start}.page-head h1{font-size:26px;letter-spacing:-1px;max-width:400px}.kpis{gap:12px}.kpi{padding:18px}.kpi-top{font-size:11px}.kpi strong{font-size:28px}.chart-grid{grid-template-columns:1fr}.status-layout{gap:30px;min-height:185px}.donut{width:145px;height:145px}.donut:after{inset:17px}.insight{font-size:11px}.panel{padding:22px}.btn{font-size:11px}.toolbar .field{max-width:100%}.builder-layout .block-nav{display:flex;border-radius:16px}.block-nav button{min-width:125px}.question{padding:17px}.detail-hero{padding:22px}.detail-hero h2{font-size:21px!important}.big-score{font-size:46px}.blocks{gap:12px}.block-stat{padding:18px}.table-foot{font-size:9px;gap:20px;line-height:1.5}.footer-note{font-size:8px}.dialog{border-radius:23px;padding:22px}.form-row{gap:14px}}
@media(max-width:460px){.logo{font-size:0;gap:0}.logo>span:last-child{display:none}.logo-mark{font-size:16px;width:31px;height:31px}.sidebar{gap:5px;padding:8px 10px}nav{margin-left:auto;justify-content:space-between;flex:1}nav button{padding:10px 8px;font-size:10px}.content{padding:22px 15px}.page-head h1{font-size:25px}.kpi{padding:16px}.kpi-foot{font-size:9px}.kpi strong{font-size:27px}.status-layout{gap:22px}.panel{padding:20px}.topbar{padding:0 15px}.top-right{gap:9px}.breadcrumb{gap:5px}.insight{padding:13px}.detail-hero{gap:12px}.detail-hero h2{font-size:18px!important}.big-score{font-size:41px}.detail-hero p{font-size:10px}.block-stat{padding:16px}.dialog{padding:20px}.dialog h2{font-size:20px}.btn{padding:10px 13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce){.sidebar,.topbar,.main,.dialog{background:#f2f6fc;backdrop-filter:none;-webkit-backdrop-filter:none}.card{background:#fff}.overlay{backdrop-filter:none;background:#30496680}}
@supports not (backdrop-filter:blur(10px)){.sidebar{background:#e7eff8}.topbar{background:#edf3fa}.dialog{background:#f8fbff}}
@media(min-width:801px) and (max-width:1150px){.chart-grid{grid-template-columns:1fr}.status-layout{justify-content:flex-start;gap:30px}.status-legend{max-width:330px}.donut{width:145px;height:145px}.donut:after{inset:17px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi strong{white-space:nowrap}.detail-grid{grid-template-columns:minmax(0,1fr)}.builder-layout{grid-template-columns:165px minmax(0,1fr)}.question{padding:17px}.question-header{gap:8px}.q-label{display:none}}