:root{--ink:#0d1522;--surface:#121c2b;--surface-2:#202c3d;--line:rgba(226,235,248,.12);--white:#f7f8fb;--muted:#96a2b5;--lime:#bafb28;--red:#ff8077;--amber:#f4b24d;--green:#63d6a5;font-family:"SF Pro Display","Helvetica Neue",Arial,sans-serif;color:var(--white);background:#d7d9dd}*{box-sizing:border-box}body{margin:0;padding:26px 32px;background:#d7d9dd}.app-shell{width:min(1536px,100%);min-height:948px;margin:auto;padding:0 41px 42px;border:20px solid #080d15;border-radius:49px;background:radial-gradient(1200px 480px at 52% -120px,#24334a 0%,#101926 48%,#0a111d 100%);box-shadow:0 28px 38px rgba(9,13,20,.42),inset 0 1px rgba(255,255,255,.14);overflow:hidden}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{color:#f7f8fb;text-decoration:none;font-size:22px;font-weight:600;letter-spacing:-.7px}.brand span{font-size:20px;margin-left:3px}.nav-pills{display:flex;gap:4px;padding:4px;background:#eef0f3;border-radius:22px;box-shadow:0 7px 12px rgba(0,0,0,.2)}.nav-pills a{padding:9px 23px;border-radius:17px;text-decoration:none;color:#1d2634;font-size:13px;font-weight:500}.nav-pills .active{background:var(--lime);font-weight:650}.top-actions{display:flex;align-items:center;gap:13px}.icon-button,.avatar,.circle-button{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:#1e2a3a;color:#dce3ee;font-size:18px}.avatar{background:#eef0f4;color:#192334;font-size:13px;font-weight:700}.page-heading{display:flex;align-items:end;justify-content:space-between;padding:26px 1px 34px}.eyebrow{margin:0 0 9px;color:var(--muted);font-size:11px;font-weight:650;letter-spacing:1.2px}.page-heading h1{margin:0;font-size:39px;font-weight:500;line-height:1;letter-spacing:-1.4px}.page-copy{margin:13px 0 0;color:var(--muted);font-size:15px}.period-button{padding:13px 20px;border:1px solid var(--line);border-radius:17px;background:#1e2a3a;color:#f6f8fb;font:500 14px inherit;box-shadow:inset 0 1px rgba(255,255,255,.05)}.period-button span{color:var(--muted);margin-left:15px}.overview-grid{display:grid;grid-template-columns:1.14fr 1fr 1.04fr;gap:18px}.overview-card{min-height:198px;padding:29px;border:1px solid #334155;border-radius:28px;background:linear-gradient(145deg,#263348,#172130 70%);box-shadow:0 15px 22px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.08)}.metric-label{margin:0;color:var(--muted);font-size:11px;letter-spacing:1.2px;font-weight:650}.metric{display:block;margin:40px 0 17px;font-size:66px;font-weight:500;line-height:.8;letter-spacing:-3px}.money{font-size:58px}.score-content{display:flex;align-items:center;justify-content:space-between}.score-content strong{display:block;margin:37px 0 16px;font-size:67px;font-weight:500;line-height:.8;letter-spacing:-3px}.positive,.negative,.accent-copy{margin:0;font-size:14px;font-weight:550}.positive{color:var(--green)}.positive span{color:var(--muted);font-weight:400}.negative{color:var(--red)}.accent-copy{color:var(--lime)}.ring{width:105px;height:105px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--lime) 0 72%,#354257 72% 100%);position:relative}.ring:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#1b2636}.ring span{z-index:1;color:var(--white);font-size:14px;font-weight:600}.card-footer{display:flex;align-items:center;justify-content:space-between}.quiet-button{padding:11px 16px;border:0;border-radius:14px;background:var(--red);color:#172130;font:600 13px inherit;box-shadow:0 6px 12px rgba(0,0,0,.2)}.insight{display:flex;align-items:center;gap:21px;margin:29px 0;padding:24px 28px;border:1px solid #3b4960;border-radius:28px;background:linear-gradient(145deg,#293649,#202c3c);box-shadow:0 15px 22px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.09)}.spark,.tip-star{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:var(--lime);color:#142031;font-size:18px}.insight-copy{flex:1}.insight h2{margin:0;color:#f9fafc;font-size:18px;font-weight:500;letter-spacing:-.15px}.insight-copy>p:last-child{margin:7px 0 0;color:var(--muted);font-size:13px}.lime-button,.analysis-button{border:0;border-radius:16px;background:var(--lime);color:#142031;padding:15px 21px;font:600 14px inherit;box-shadow:0 9px 14px rgba(0,0,0,.23)}.lime-button span,.analysis-button span{margin-left:10px}.workspace{display:grid;grid-template-columns:1.23fr .77fr;border-radius:30px;overflow:hidden;background:#f6f7f9;box-shadow:0 18px 30px rgba(0,0,0,.3),inset 0 1px #fff}.dialog-list{padding:29px 26px;background:#f7f8fa;color:#182130}.list-heading{display:flex;justify-content:space-between;align-items:start}.list-heading h2,.dialog-details h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-.35px}.list-heading p{margin:7px 0 0;color:#7a8797;font-size:13px}.circle-button{background:#fff;color:#344052;border-color:#e8ebef;box-shadow:0 5px 10px rgba(20,30,45,.08)}.filter-tabs{display:flex;gap:7px;margin:21px 0 13px}.filter-tabs button{border:0;border-radius:14px;background:#e9ecf0;padding:9px 13px;color:#5b6879;font:500 12px inherit}.filter-tabs b{margin-left:5px;color:#8b95a3;font-weight:600}.filter-tabs .selected{background:#182231;color:#fff}.dialog-row{display:grid;grid-template-columns:57px 37px 1fr auto 24px;align-items:center;gap:13px;margin-top:8px;padding:10px 12px;border-radius:17px;color:#172130}.dialog-row.critical{background:#172130;color:#f7f8fb;box-shadow:0 8px 13px rgba(24,33,48,.2)}.dialog-row.selected-row{background:#eef0f4}.score-badge{padding:9px 0;border-radius:11px;text-align:center;font-size:13px;font-weight:650}.red{background:#fff0ed;color:#d95650}.amber{background:#fff5df;color:#bc7912}.green{background:#e8faf2;color:#239166}.person{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;font-size:11px;font-weight:700;color:#493b2a;background:#ead9c2}.portrait{background:#d8b195;color:#fff}.beige{background:#e3d3c5}.blue{background:#bdd4e9;color:#315772}.row-copy h3{margin:0;font-size:14px;font-weight:600}.row-copy p{margin:4px 0 0;color:#8793a3;font-size:11px}.critical .row-copy p{color:#aeb8c7}.reason{font-size:12px;font-weight:600}.red-text{color:#e3635c}.amber-text{color:#bd7b16}.green-text{color:#36a77b}.row-more{border:0;background:transparent;color:#8d98a5;font-size:26px;line-height:1}.dialog-details{padding:30px;background:linear-gradient(145deg,#253246,#172130);border-left:1px solid #334155}.details-heading{display:flex;justify-content:space-between;align-items:start}.details-heading>div>p:last-child{margin:6px 0 0;color:var(--muted);font-size:13px}.detail-score{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--amber);color:#172130;font-size:22px;font-weight:650;box-shadow:0 9px 15px rgba(0,0,0,.23)}.detail-score span{font-size:12px}.stages{margin:29px 0 22px}.stage{display:grid;grid-template-columns:80px 1fr 31px;align-items:center;gap:9px;margin:16px 0;font-size:12px}.stage>span{color:#f0f2f6}.stage>div{height:7px;border-radius:8px;background:#38465b;overflow:hidden}.stage i{display:block;height:100%;border-radius:8px}.green-bar{background:var(--green)}.red-bar{background:var(--red)}.amber-bar{background:var(--amber)}.stage b{font-size:12px;text-align:right}.ai-tip{display:flex;gap:12px;padding:14px;border-radius:17px;background:#2d3a4d;box-shadow:inset 0 1px rgba(255,255,255,.06)}.tip-star{width:28px;height:28px;flex-basis:28px;font-size:13px}.ai-tip p{margin:1px 0 6px;color:var(--lime);font-size:10px;font-weight:650;letter-spacing:.8px}.ai-tip strong{font-size:12px;font-weight:500;line-height:1.35}.analysis-button{width:100%;margin-top:14px;padding:13px;font-size:13px}@media (max-width:900px){body{padding:0}.app-shell{border:0;border-radius:0;padding:0 20px 30px}.nav-pills{display:none}.overview-grid,.workspace{grid-template-columns:1fr}.dialog-details{border-left:0;border-top:1px solid #334155}.page-heading{align-items:start;gap:18px}.period-button{white-space:nowrap}.insight{align-items:start;flex-wrap:wrap}.lime-button{margin-left:63px}.reason{display:none}}@media (max-width:560px){.app-shell{min-height:100vh}.page-heading h1{font-size:31px}.page-copy{line-height:1.4}.overview-grid{gap:12px}.overview-card{min-height:160px}.insight{padding:19px}.lime-button{margin-left:0;width:100%}.dialog-list,.dialog-details{padding:20px 16px}.dialog-row{grid-template-columns:53px 34px 1fr 20px;gap:9px}.dialog-row .reason{display:none}.topbar{height:76px}}
