:root{color:#edf2f7;font-synthesis:none;text-rendering:optimizelegibility;background:#070b12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 20%,#2f5bb124,#0000 32%),radial-gradient(circle at 85% 10%,#46b79a14,#0000 26%),#070b12;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:#0a0f18;cursor:pointer;background:#edf3ff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 17px;font-weight:750;transition:all .16s;display:inline-flex}button:hover{background:#fff;transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.65}.secondary{color:#cbd5e5;background:#ffffff0e;border:1px solid #ffffff14}.page{place-items:center;min-height:100vh;padding:32px;display:grid}.shell{grid-template-columns:.95fr 1.05fr;gap:22px;width:min(1080px,100%);display:grid}.brand-panel,.setup-card,.metric,.opportunity-panel,.modal{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d131ee6;border:1px solid #ffffff12;border-radius:24px}.brand-panel{flex-direction:column;justify-content:space-between;min-height:610px;padding:42px;display:flex}.brand-mark,.card-icon,.metric-icon,.logo>span{background:#658fff1a;border:1px solid #7ea2ff2e;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.eyebrow{letter-spacing:.16em;color:#8494b1;margin:0 0 10px;font-size:11px;font-weight:700}h1{letter-spacing:-.05em;margin:0;font-size:clamp(42px,7vw,72px);line-height:.95}.subheading{color:#96a2b6;max-width:420px;margin-top:24px;font-size:17px;line-height:1.7}.security-note{color:#9eabc0;align-items:flex-start;gap:14px;display:flex}.security-note strong,.security-note span{display:block}.security-note strong{color:#dfe7f3;margin-bottom:5px}.security-note span{font-size:13px;line-height:1.6}.setup-card{padding:42px}.card-heading{margin:28px 0}.card-heading h2{letter-spacing:-.03em;margin:0;font-size:30px}.card-heading p{color:#8f9bb0;line-height:1.65}form{gap:18px;display:grid}label{color:#bec8d8;gap:8px;font-size:13px;font-weight:650;display:grid}input,select,textarea{color:#fff;resize:vertical;background:#0a101a;border:1px solid #ffffff17;border-radius:12px;outline:none;width:100%;padding:13px 14px}input:focus,select:focus,textarea:focus{border-color:#7097ffb3;box-shadow:0 0 0 3px #7097ff17}.message{color:#a9b5c6;background:#ffffff0a;border-radius:12px;margin-top:18px;padding:13px 14px;font-size:13px}.loading-card{color:#9ba8ba;background:#0d131e;border:1px solid #ffffff12;border-radius:16px;padding:20px 24px}.dashboard-page{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#070b12d1;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,50vw - 660px);display:flex;position:sticky;top:0}.logo{align-items:center;gap:12px;display:flex}.logo>span{border-radius:11px;width:38px;height:38px}.logo strong,.logo small{display:block}.logo small{color:#748198;margin-top:2px;font-size:11px}.top-actions{gap:9px;display:flex}.dashboard-wrap{width:min(1320px,100% - 48px);margin:0 auto;padding:44px 0 70px}.dashboard-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.dashboard-heading h2{letter-spacing:-.04em;margin:0;font-size:38px}.dashboard-heading>div>p:last-child{color:#8795aa;margin:10px 0 0}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.metric{padding:22px}.metric-icon{border-radius:11px;width:36px;height:36px;margin-bottom:22px}.metric-icon svg{width:18px}.metric span{color:#7f8da3;margin-bottom:7px;font-size:12px;display:block}.metric strong{letter-spacing:-.03em;font-size:28px}.opportunity-panel{overflow:hidden}.panel-head{border-bottom:1px solid #ffffff0f;padding:23px 25px}.panel-head h3{margin:0;font-size:18px}.panel-head p{color:#718097;margin:5px 0 0;font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:900px}th{text-align:left;color:#6f7e94;text-transform:uppercase;letter-spacing:.12em;background:#ffffff05;padding:13px 20px;font-size:10px}td{color:#b8c3d4;border-top:1px solid #ffffff0e;padding:17px 20px;font-size:13px}td:first-child strong,td:first-child a{display:block}td:first-child strong{color:#e6edf7;margin-bottom:5px}td:first-child a{color:#7288ad;text-overflow:ellipsis;max-width:310px;font-size:11px;text-decoration:none;overflow:hidden}.score{color:#a9bfff;background:#608bff1c;border-radius:50%;place-items:center;width:35px;height:35px;font-weight:800;display:grid}.badge{letter-spacing:.04em;background:#ffffff0d;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:800;display:inline-flex}.badge-hot,.badge-critical{color:#ff9a8f;background:#ff574a1a}.badge-warm,.badge-high{color:#ffc46b;background:#ffad331a}.badge-paid,.badge-completed{color:#75d7b0;background:#42c6911a}.empty-state{text-align:center;padding:70px 20px}.empty-state svg{color:#6e87b4}.empty-state h3{margin:14px 0 6px}.empty-state p{color:#78879d;max-width:480px;margin:0 auto 20px}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;background:#010409c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{width:min(820px,100%);max-height:90vh;padding:28px;overflow:auto}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.modal-head h3{margin:0;font-size:27px}.icon-button{color:#aab6c8;background:#ffffff0d;width:38px;height:38px;padding:0}.opportunity-form{gap:16px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}@media (width<=900px){.metric-grid{grid-template-columns:1fr 1fr}.dashboard-heading{flex-direction:column;align-items:flex-start}.shell{grid-template-columns:1fr}.brand-panel{gap:52px;min-height:auto}.brand-panel,.setup-card{padding:28px}}@media (width<=600px){.page{padding:18px}.dashboard-wrap{width:min(100% - 28px,1320px);padding-top:28px}.topbar{padding:0 14px}.logo small{display:none}.top-actions button{padding:10px}.metric-grid,.form-grid{grid-template-columns:1fr}.dashboard-heading h2{font-size:31px}}
