html,body,#root{min-width:320px;min-height:100%;margin:0}html{scroll-behavior:smooth}body{margin:0}:root{--ink:#10213f;--muted:#65738b;--line:#dfe6f2;--surface:#fff;--bg:#f4f7fc;--blue:#315bea;--blue-dark:#2247c8;--cyan:#22b8cf;--purple:#7656f6;--green:#18a66a;--orange:#f59e0b;--red:#e5484d;--shadow:0 24px 70px #182d551c}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.auth-page{background:radial-gradient(circle at 15% 15%,#315bea1f,#0000 30%),radial-gradient(circle at 90% 85%,#7656f61f,#0000 32%),#f4f7fc;place-items:center;min-height:100vh;padding:34px 24px;display:grid}.auth-shell{width:min(1080px,100%);min-height:660px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #fffc;border-radius:30px;grid-template-columns:1.08fr .92fr;display:grid;overflow:hidden}.auth-hero{color:#fff;background:linear-gradient(145deg,#183fbb 0%,#315bea 47%,#6b4df5 100%);padding:64px 62px;position:relative;overflow:hidden}.auth-hero:before,.auth-hero:after{content:"";pointer-events:none;background:#ffffff1a;border-radius:999px;position:absolute}.auth-hero:before{width:360px;height:360px;top:-120px;right:-160px}.auth-hero:after{width:260px;height:260px;bottom:-120px;left:-140px}.brand-mark{z-index:1;background:#ffffff29;border:1px solid #ffffff3d;border-radius:17px;place-items:center;width:56px;height:56px;margin-bottom:48px;font-size:30px;display:grid;position:relative}.brand-mark.small{width:38px;height:38px;color:var(--blue);background:#edf2ff;border:0;border-radius:11px;margin:0;font-size:21px}.eyebrow{letter-spacing:.14em;opacity:.88;align-items:center;gap:9px;font-size:11px;font-weight:800;display:flex}.eyebrow span,.status-dot{background:#54e5a5;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #54e5a51f}.auth-hero h1{z-index:1;letter-spacing:-.055em;margin:18px 0 16px;font-size:clamp(46px,5vw,72px);line-height:.96;position:relative}.auth-hero h1 em,.dashboard-hero h1 em{color:#a8d9ff;font-style:normal}.auth-lead{z-index:1;color:#ffffffc7;max-width:500px;font-size:17px;line-height:1.7;position:relative}.hero-points{z-index:1;gap:18px;margin-top:40px;display:grid;position:relative}.hero-point{align-items:flex-start;gap:13px;display:flex}.hero-point-icon{color:#fff;background:#ffffff21;border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.hero-point strong,.hero-point span{display:block}.hero-point strong{font-size:14px}.hero-point span{color:#ffffffa8;margin-top:3px;font-size:12px}.tech-strip{z-index:1;flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:38px;left:62px;right:62px}.tech-strip span{color:#ffffffc2;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;padding:7px 10px;font-size:11px}.auth-card{background:#fff;flex-direction:column;justify-content:center;align-self:stretch;padding:62px 54px;display:flex}.mobile-brand{display:none}.status-pill{color:#536987;background:#f1f7ff;border-radius:999px;align-self:flex-start;align-items:center;gap:9px;padding:7px 10px;font-size:11px;font-weight:700;display:inline-flex}.auth-card h2{letter-spacing:-.035em;margin:22px 0 6px;font-size:30px}.auth-subtitle{color:var(--muted);margin:0 0 25px;font-size:13px;line-height:1.6}.tabs{background:#f0f3f8;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:20px;padding:4px;display:grid}.tabs button{color:#738096;background:0 0;border:0;border-radius:9px;padding:11px;font-weight:700}.tabs button.active{color:var(--ink);background:#fff;box-shadow:0 2px 10px #182d5514}label{color:#3f4e67;margin:15px 0 7px;font-size:12px;font-weight:800;display:block}input,select{width:100%;color:var(--ink);background:#fff;border:1px solid #d7dfeb;border-radius:10px;outline:none;padding:12px 13px;transition:all .18s}input:focus,select:focus{border-color:#6a86f4;box-shadow:0 0 0 4px #315bea17}.primary-button{background:linear-gradient(100deg, var(--blue), var(--purple));color:#fff;border:0;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:21px;padding:13px 16px;font-weight:800;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 12px 24px #315bea2e}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 15px 28px #315bea3d}.primary-button:disabled{opacity:.65;cursor:wait}.success,.error{border-radius:9px;margin-top:14px;padding:11px 12px;font-size:12px;line-height:1.5}.success{color:#15764d;background:#eafaf2}.error{color:#a82d32;background:#fff1f1}.demo-note{text-align:center;color:#8994a7;margin:20px 0 0;font-size:11px}.dashboard-page{background:radial-gradient(circle at 100% 0,#7656f614,#0000 28%),#f5f8fd;min-height:100vh}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#ffffffe6;border-bottom:1px solid #e4e9f2;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;width:min(1220px,92%);min-height:72px;margin:0 auto;display:flex}.brand.compact{align-items:center;gap:11px;display:flex}.brand.compact>div:last-child span,.brand.compact>div:last-child strong{display:block}.brand.compact strong{font-size:14px}.brand.compact span{color:#8a95a8;margin-top:2px;font-size:10px}.user-area{color:#66748b;align-items:center;gap:10px;font-size:12px;display:flex}.user-avatar{width:31px;height:31px;color:var(--blue);background:#e9eeff;border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid}.logout-button{color:#526079;background:#fff;border:1px solid #dbe2ed;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:700}.dashboard{width:min(1220px,92%);margin:0 auto;padding:46px 0 30px}.dashboard-hero{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.dashboard-hero h1{letter-spacing:-.045em;margin:10px 0 7px;font-size:clamp(30px,4vw,44px)}.dashboard-hero p{max-width:680px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.api-badge{color:#287553;white-space:nowrap;background:#f4fbf7;border:1px solid #dce8e2;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;font-weight:800;display:inline-flex}.dashboard-grid{grid-template-columns:minmax(310px,.78fr) minmax(480px,1.22fr);align-items:stretch;gap:22px;display:grid}.panel{background:#fffffff0;border:1px solid #e4e9f2;border-radius:20px;padding:26px;box-shadow:0 14px 40px #1c2f540f}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.section-kicker{color:#7e8ca4;letter-spacing:.16em;margin-bottom:4px;font-size:9px;font-weight:900;display:block}.panel h2{letter-spacing:-.025em;margin:0;font-size:20px}.step-badge{width:30px;height:30px;color:var(--blue);background:#eef2ff;border-radius:9px;place-items:center;font-size:10px;font-weight:900;display:grid}.field{margin-bottom:17px}.field label{justify-content:space-between;gap:10px;margin-top:0;display:flex}.label-help{color:#9aa4b5;font-weight:600}.input-row,.currency-input{align-items:center;gap:9px;display:flex}.input-row input,.currency-input input{flex:1}.input-row>span,.currency-input>span{color:#7c8799;font-size:12px;font-weight:700}.range-line{grid-template-columns:1fr 54px;align-items:center;gap:12px;display:grid}.range-line input{box-shadow:none;accent-color:var(--blue);border:0;padding:0}.range-line strong{text-align:center;background:#f4f6fa;border-radius:8px;padding:9px 8px;font-size:12px}.predict-button{margin-top:4px}.risk-chip{border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:900;display:inline-flex}.risk-chip.low{color:#178253;background:#eaf9f2}.risk-chip.medium{color:#a66b00;background:#fff5dd}.risk-chip.high{color:#b73338;background:#fff0f0}.empty-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:390px;padding:25px;display:flex}.empty-visual{width:88px;height:88px;color:var(--blue);background:linear-gradient(135deg,#edf2ff,#f2edff);border-radius:26px;place-items:center;margin-bottom:18px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #e0e7ff}.empty-visual div{font-size:34px}.empty-visual span{letter-spacing:.08em;font-size:9px;font-weight:900;position:absolute;bottom:14px;right:13px}.empty-result h3{margin:0 0 7px;font-size:18px}.empty-result p{color:#8994a7;max-width:340px;margin:0;font-size:12px;line-height:1.6}.risk-score{background:linear-gradient(145deg,#f5f8ff,#f8f9fc);border:1px solid #e6ebf4;border-radius:16px;padding:21px}.risk-score-top{color:#68758b;justify-content:space-between;gap:10px;font-size:11px;font-weight:700;display:flex}.risk-score-top small{font-weight:900}.risk-score strong{letter-spacing:-.05em;margin:6px 0 13px;font-size:46px;display:block}.risk-score strong sup{margin-left:2px;font-size:20px}.risk-score.low strong{color:var(--green)}.risk-score.medium strong{color:#c07a00}.risk-score.high strong{color:var(--red)}.risk-bar{background:#e2e8f2;border-radius:999px;height:9px;overflow:hidden}.risk-bar div{border-radius:inherit;background:linear-gradient(90deg,#24b47e,#315bea,#7656f6);height:100%}.result-grid{grid-template-columns:1fr 1fr;gap:11px;margin-top:15px;display:grid}.result-box{background:#fff;border:1px solid #e5eaf2;border-radius:13px;min-height:96px;padding:14px}.result-box.accent-blue{background:linear-gradient(145deg,#f4f7ff,#fff);border-color:#dce5ff}.result-box span,.result-box small{display:block}.result-box span{color:#7c8799;font-size:10px;font-weight:700}.result-box strong{letter-spacing:-.02em;margin:6px 0 4px;font-size:17px;display:block}.result-box small{color:#a0a9b8;font-size:9px}.importance{border-top:1px solid #e9edf4;margin-top:23px;padding-top:20px}.importance-heading{justify-content:space-between;align-items:flex-end;margin-bottom:17px;display:flex}.importance-heading h3{margin:0;font-size:15px}.importance-heading>span{color:#a0a9b8;font-size:10px}.importance-row{margin-bottom:13px}.importance-label{text-transform:capitalize;color:#5e6b81;justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.importance-label strong{color:#3b4a63;font-size:10px}.importance-bar{background:#edf0f5;border-radius:999px;height:7px;overflow:hidden}.importance-bar div{border-radius:inherit;background:linear-gradient(90deg,#315bea,#7656f6);height:100%}.dashboard-footnote{color:#8c97a8;justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:10px;display:flex}.dashboard-footnote span{color:#22a16b;font-size:8px}@media (width<=900px){.auth-shell{grid-template-columns:1fr;max-width:560px}.auth-hero{display:none}.auth-card{padding:44px 38px}.mobile-brand{align-items:center;gap:10px;margin-bottom:25px;font-size:13px;font-weight:900;display:flex}.dashboard-grid{grid-template-columns:1fr}.dashboard-hero{align-items:flex-start}.api-badge{margin-top:4px}}@media (width<=560px){.auth-page{padding:14px}.auth-card{border-radius:22px;padding:30px 22px}.auth-shell{border-radius:22px;min-height:auto}.dashboard{width:94%;padding-top:28px}.topbar-inner{width:94%}.user-area>span{display:none}.dashboard-hero{display:block}.api-badge{margin-top:15px}.panel{border-radius:16px;padding:20px}.result-grid{grid-template-columns:1fr}.risk-score strong{font-size:40px}}