@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#050810;--card:#0a0f1e;--elevated:#0f1528;--primary:#1b3a82;--primary-dim:#2a4a9e;--secondary:#2040a0;--error:#7a2020;--error-text:#c08080;--on-surface:#c8d8f0;--on-surface2:#8090b8;--outline:#1a2440;--separator:#0a1020;--green-btn:#0f3a2a;--green-hover:#0a2a1e;--blue-btn:#1b3a82;--blue-hover:#2a4a9e;--header-height:64px;--sidebar-width:220px;--header-bg:#050810eb;--accent:#3d7fff;--accent-glow:#3d7fff2e;--accent-faint:#3d7fff14;--credits-gold:#ffd166;--credits-glow:#ffd16626}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--on-surface);min-height:100vh;font-family:Inter,sans-serif}a{color:var(--primary-dim);text-decoration:none}a:hover{color:var(--on-surface)}.card{background:var(--card);border:1px solid var(--outline);border-radius:8px;padding:20px;transition:box-shadow .2s,border-color .2s}.card:hover{box-shadow:0 0 20px var(--accent-glow);border-color:#3d7fff4d}.btn-primary{background:var(--primary);color:var(--on-surface);cursor:pointer;border:none;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:600;transition:background .15s}.btn-primary:hover{background:var(--primary-dim)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--on-surface2);border:2px solid var(--primary-dim);cursor:pointer;background:0 0;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:500;transition:all .15s}.btn-secondary:hover{border-color:var(--on-surface);color:var(--on-surface)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{color:var(--error-text);border:2px solid var(--error);cursor:pointer;background:0 0;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:500;transition:all .15s}.btn-danger:hover{background:var(--error);color:var(--on-surface)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-green{background:var(--green-btn);color:var(--on-surface);cursor:pointer;border:none;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:600;transition:background .15s}.btn-green:hover{background:var(--green-hover)}.btn-green:disabled{opacity:.5;cursor:not-allowed}.ad-slot{background:var(--elevated);border-bottom:1px solid var(--outline);width:100%;height:90px;color:var(--on-surface2);letter-spacing:1px;justify-content:center;align-items:center;font-size:12px;display:flex}.ad-slot-footer{background:var(--elevated);border-top:1px solid var(--outline);width:100%;height:90px;color:var(--on-surface2);letter-spacing:1px;justify-content:center;align-items:center;font-size:12px;display:flex}.text-muted{color:var(--on-surface2);font-size:14px}.text-error{color:var(--error-text)}.separator{background:var(--separator);height:1px;margin:16px 0}.page-content{max-width:900px;margin:0 auto;padding:24px 16px}.nav-item{color:var(--on-surface2);white-space:nowrap;border-left:3px solid #0000;align-items:center;gap:12px;padding:11px 20px;font-size:14px;font-weight:400;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:flex}.nav-item:hover{background:var(--accent-faint);color:var(--on-surface)}.nav-item--active{color:var(--on-surface);border-left-color:var(--accent);background:#3d7fff1f;font-weight:600}.nav-icon{text-align:center;flex-shrink:0;width:18px;font-size:15px}.header-btn{border:1px solid var(--outline);color:var(--on-surface2);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,color .15s}.header-btn:hover{border-color:var(--on-surface2);color:var(--on-surface)}.header-btn--logout:hover{border-color:var(--error);color:var(--error-text)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--outline);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--on-surface2)}.gradient-text{background:linear-gradient(135deg, #c8d8f0 0%, var(--accent) 55%, #b060ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes pulse-glow{0%,to{box-shadow:0 0 14px #3d7fff73}50%{box-shadow:0 0 28px #3d7fffd9,0 0 56px #3d7fff40}}.btn-pulse{animation:2.4s ease-in-out infinite pulse-glow}.credits-badge{color:var(--credits-gold);background:var(--credits-glow);letter-spacing:.2px;border:1px solid #ffd16638;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:600;display:flex}