button,.primary-button,.secondary-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.section-panel{margin-top:18px}.status-badge{border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.status-badge.positive{color:#34d399;background:#10b9811c}.status-badge.warning{color:#fbbf24;background:#f59e0b1c}.state-message{text-align:center;margin-top:20px;padding:28px}.state-message p,.form-message{color:var(--muted);font-size:13px}.form-panel,.settings-form{gap:18px;padding:24px;display:grid}.field,.login-form label{color:var(--muted);gap:7px;font-size:12px;font-weight:700;display:grid}.field input,.field select,.login-form input{border:1px solid var(--border);width:100%;color:var(--text);background:#080b1838;border-radius:9px;padding:12px}.upload-box{border:1px dashed var(--secondary);color:var(--secondary);background:#22d3ee08;border-radius:14px;place-items:center;gap:10px;padding:30px;display:grid}.upload-box label{color:var(--text);font-weight:800}.upload-box input{max-width:260px}.preview-grid,.result-cards{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.preview-grid span,.result-cards div{border:1px solid var(--border);color:var(--muted);border-radius:10px;padding:14px;font-size:12px}.preview-grid b{color:#34d399;margin-top:7px;display:block}.result-cards{grid-template-columns:repeat(3,1fr)}.result-cards strong,.result-cards small{display:block}.result-cards strong{font:800 24px var(--display);color:var(--text)}.result-cards small{color:var(--muted);margin-top:5px}.recommendation{gap:9px;display:grid}.recommendation p{margin:0}.recommendation .secondary-button{justify-self:start}.login-page{background:radial-gradient(circle at 50% 0,#211446 0,transparent 45%),var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:min(460px,100%);padding:36px;box-shadow:0 20px 80px #0008}.login-card h1{font:800 32px var(--display);margin:24px 0 8px}.login-card>p{color:var(--muted);font-size:13px;line-height:1.6}.login-form{gap:16px;margin-top:26px;display:grid}.login-form a{color:var(--secondary);text-align:center;font-size:12px}.error-message{color:#fca5a5;background:#ef44441a;border-radius:8px;padding:10px;font-size:12px}.security-note{border-top:1px solid var(--border);color:var(--secondary);align-items:center;gap:10px;margin-top:28px;padding-top:20px;display:flex}.security-note b,.security-note small{display:block}.security-note b{color:var(--text);font-size:12px}.security-note small{color:var(--muted);margin-top:4px;font-size:11px}.mobile-menu{display:none}@media (max-width:900px){.app-shell{display:block}.sidebar{transition:left .2s;position:fixed;left:-260px}.sidebar-open{left:0}.mobile-menu{display:inline-flex}.topbar{padding:0 18px}.page-content{padding:24px 18px}.metrics-grid,.three{grid-template-columns:repeat(2,1fr)}.section-grid{grid-template-columns:1fr}.preview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.metrics-grid,.three,.result-cards,.preview-grid{grid-template-columns:1fr}.page-hero{display:block}.page-hero .primary-button,.page-hero .secondary-button{margin-top:18px}.status-dot{display:none}}