:root{--bg: #071026;--panel: rgba(10, 22, 47, .9);--stroke: #1e293b;--text: #e2e8f0;--muted: #94a3b8;--accent: #14b8a6;--accent-soft: #22d3ee}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Sora,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 15%,#123164,transparent 45%),radial-gradient(circle at 90% 10%,#0e7c86,transparent 38%),var(--bg)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:16px}.auth-card{width:min(480px,100%);border:1px solid var(--stroke);border-radius:24px;padding:28px;background:linear-gradient(140deg,#09142bf2,#0f2948eb);box-shadow:0 26px 60px #02061773}.auth-card h1{margin:0;font-size:2rem}.auth-card p{margin-top:10px;color:var(--muted)}.auth-form{margin-top:18px;display:grid;gap:14px}label{display:grid;gap:6px;color:#cbd5e1;font-size:.95rem}input{border:1px solid #334155;border-radius:12px;background:#050a1499;color:var(--text);padding:12px;outline:none}input:focus{border-color:var(--accent-soft)}.password-wrap{display:grid;grid-template-columns:1fr auto;gap:8px}.eye-btn{border:1px solid #334155;background:#0f172acc;color:#cbd5e1;padding:0 10px;border-radius:10px;font-size:.82rem}button{border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-soft));color:#05222a;padding:12px 16px;font-weight:700;cursor:pointer}button.ghost{background:transparent;border:1px solid #334155;color:#cbd5e1}button:disabled{opacity:.55;cursor:not-allowed}.remember{display:flex;align-items:center;gap:8px}.remember input{width:16px;height:16px}.error-box{border:1px solid #7f1d1d;background:#7f1d1d4d;color:#fecaca;border-radius:10px;padding:10px 12px}.page{max-width:1280px;margin:0 auto;padding:16px}.hero{display:flex;justify-content:space-between;gap:16px;border:1px solid var(--stroke);border-radius:24px;background:linear-gradient(140deg,#081227f2,#0a1e3de6);padding:22px;box-shadow:0 20px 48px #00000059}.badge{display:inline-block;padding:6px 12px;border-radius:999px;font-size:.8rem;border:1px solid #1f2937;color:#d1fae5;background:#064e3b59}.hero h1{margin:8px 0 4px;font-size:clamp(1.5rem,3vw,2.5rem)}.hero p{margin:0;color:var(--muted)}.hero-actions{display:flex;gap:8px;align-items:flex-start}.account-menu-wrap{position:relative}.account-menu{position:absolute;right:0;top:48px;min-width:180px;border:1px solid #334155;background:#09172f;border-radius:12px;padding:6px;z-index:20}.menu-item{width:100%;text-align:left;background:transparent;border:0;color:#cbd5e1;border-radius:8px;padding:10px}.menu-item:hover{background:#1e293bb3}.menu-item.danger{color:#fecaca}.meta-row{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;color:#bfdbfe}.sync-box{margin-top:10px;border:1px solid #164e63;background:#082f4973;color:#cffafe;border-radius:12px;padding:10px 12px}.grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.kpi-grid{margin-top:16px}.card{border:1px solid var(--stroke);border-radius:18px;background:var(--panel);box-shadow:0 10px 30px #00000040}.kpi{padding:16px;background:linear-gradient(145deg,#0f1b37f5,#061226f5)}.kpi p{margin:0;color:#9fb0c7}.kpi h2{margin:8px 0 2px;font-size:clamp(1.8rem,3vw,2.4rem);color:#f8fafc}.charts{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:12px}.chart{padding:14px}.big-chart{min-height:390px}.chart h3{margin:2px 0 12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617ad;display:grid;place-items:center;z-index:50;padding:14px}.modal-card{width:min(520px,100%);border:1px solid #334155;border-radius:18px;background:#0a1934;padding:16px}.modal-card h3{margin-top:0}.password-form{display:grid;gap:10px}.modal-actions{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 760px){.hero{flex-direction:column}.hero-actions{width:100%;justify-content:flex-start}}@media (max-width: 560px){.page{padding:10px}.auth-card{padding:18px}.charts{grid-template-columns:1fr}.big-chart{min-height:330px}}