:root{--primary:#6366f1;--primary-hover:#4f46e5;--bg:#0f172a;--surface:#1e293b;--text:#f8fafc;--text-muted:#94a3b8;--glass:#1e293bb3;--border:#ffffff1a;--success:#10b981;--error:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);background-image:radial-gradient(circle at 0 0,#6366f126 0%,#0000 50%),radial-gradient(circle at 100% 100%,#10b9811a 0%,#0000 50%);justify-content:center;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex}button{cursor:pointer;border:none;border-radius:8px;transition:all .2s}input{background:var(--surface);border:1px solid var(--border);color:#fff;border-radius:8px;outline:none;width:100%;padding:12px 16px}input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}.login-container{width:100%;max-width:400px;padding:20px}.glass{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:24px;box-shadow:0 25px 50px -12px #00000080}.login-card{text-align:center;padding:40px}.login-header{margin-bottom:40px}.logo-box{background:#6366f11a;border:1px solid #6366f133;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.login-header h1{margin-bottom:8px;font-size:1.5rem;font-weight:700}.login-header p{color:var(--text-muted);font-size:.9rem}.input-group{text-align:left;margin-bottom:24px}.input-group label{color:var(--text-muted);margin-bottom:8px;font-size:.85rem;font-weight:500;display:block}.input-wrapper{position:relative}.input-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-wrapper input{padding-left:40px}.btn-primary{background:var(--primary);color:#fff;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:14px;font-weight:600;display:flex}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-text{color:var(--text-muted);background:0 0;width:100%;margin-top:16px;font-size:.85rem}.btn-text:hover{color:var(--text)}.error-msg{color:var(--error);margin-bottom:16px;font-size:.85rem}.simulated-otp{color:var(--success);border:1px dashed var(--success);background:#10b9811a;border-radius:8px;margin-bottom:20px;padding:10px;font-size:.85rem}select{background:var(--surface);border:1px solid var(--border);color:#fff;border-radius:8px;outline:none;width:100%;padding:12px 16px}.dashboard{flex-direction:column;width:100vw;height:100vh;display:flex}header{justify-content:space-between;align-items:center;margin:20px;padding:16px 40px;display:flex}.user-profile{align-items:center;gap:16px;display:flex}.avatar{background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex}.user-info h3{margin:0;font-size:1rem}.user-info p{color:var(--text-muted);font-size:.8rem}.btn-logout{color:var(--error);background:#ef44441a;padding:8px 16px;font-size:.9rem}.btn-logout:hover{background:var(--error);color:#fff}main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 40px 40px}.welcome-card{margin-top:20px;padding:40px}.welcome-card h1{margin-bottom:12px;font-size:2rem}.welcome-card p{color:var(--text-muted);margin-bottom:32px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;display:grid}.stat-item{text-align:center;background:#ffffff0d;border-radius:16px;padding:20px}.stat-item .label{color:var(--text-muted);margin-bottom:8px;font-size:.8rem;display:block}.stat-item .value{color:var(--primary);font-size:1.5rem;font-weight:700}.loading{color:var(--text-muted);font-size:1.2rem}