:root{color-scheme:light;--bg: #0f1115;--card: #171a21;--card-2: #1f232c;--text: #e8eaf0;--muted: #9aa0ad;--accent: #6a8cff;--border: #2a2f3a;--danger: #ff6a6a}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px}.brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.brand img{width:32px;height:32px}.brand b{font-size:18px}.google-btn{width:100%;padding:12px 16px;border-radius:10px;border:1px solid var(--border);background:#fff;color:#222;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.google-btn:hover{background:#f3f3f3}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:20px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}form{display:flex;flex-direction:column;gap:12px}label{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:6px}input{padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--card-2);color:var(--text);font-size:14px}input:focus{outline:2px solid var(--accent)}.remember-row{flex-direction:row!important;align-items:center;gap:8px!important;color:var(--text)!important;font-size:13px!important;cursor:pointer}.remember-row input{width:auto;accent-color:var(--accent);cursor:pointer}button.primary{padding:11px 16px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-size:14px;font-weight:600;cursor:pointer}button.primary:disabled{opacity:.6;cursor:default}.error{color:var(--danger);font-size:13px;margin-top:4px}.dash{width:100%;max-width:720px}.dash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.dash-head .brand{margin-bottom:0}.signout{background:none;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:8px 14px;cursor:pointer;font-size:13px}.sections{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:560px){.sections{grid-template-columns:1fr}}.section-card{display:block;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px;text-decoration:none;color:var(--text);transition:border-color .15s,transform .15s}.section-card:hover{border-color:var(--accent);transform:translateY(-2px)}.section-card .icon{font-size:28px;margin-bottom:14px;display:block}.section-card h3{margin:0 0 8px;font-size:17px}.section-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.hint{color:var(--muted);font-size:13px;margin-top:14px}