*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0b1326;--bg2: #131b2e;--bg3: #171f33;--bg4: #2d3449;--border: #444651;--text: #dae2fd;--text2: #c5c5d3;--accent: #adc6ff;--accent-h: #d8e2ff;--accent-strong: #005ac2;--accent-soft: rgba(173, 198, 255, .1);--accent-soft-2: rgba(173, 198, 255, .22);--green: #4edea3;--red: #ffb4ab;--yellow: #ffd166;--purple: #9d8cff;--surface: linear-gradient(180deg, rgba(19, 27, 46, .98), rgba(11, 19, 38, .96));--surface-soft: rgba(23, 31, 51, .96);--surface-elevated: rgba(34, 42, 61, .98);--panel-soft: rgba(15, 23, 42, .34);--panel-soft-strong: rgba(15, 23, 42, .45);--field-bg: rgba(15, 23, 42, .5);--info-bg: rgba(30, 64, 175, .18);--info-border: rgba(96, 165, 250, .24);--info-text: #bfdbfe;--success-text: #86efac;--error-text: #fca5a5;--radius: 18px;--shadow: 0 24px 40px -4px rgba(218, 226, 253, .08)}html[data-theme=light]{--bg: #f4f7fc;--bg2: #ffffff;--bg3: #eef3fb;--bg4: #d9e4f7;--border: #cad2df;--text: #1e2b3f;--text2: #566176;--accent: #3168c6;--accent-h: #18489d;--accent-strong: #0e56d7;--accent-soft: rgba(49, 104, 198, .08);--accent-soft-2: rgba(49, 104, 198, .18);--green: #159f72;--red: #d65d55;--yellow: #c48716;--purple: #6e60df;--surface: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(245, 248, 253, .96));--surface-soft: rgba(255, 255, 255, .98);--surface-elevated: rgba(243, 247, 252, .98);--panel-soft: rgba(255, 255, 255, .88);--panel-soft-strong: rgba(234, 241, 251, .95);--field-bg: #ffffff;--info-bg: rgba(49, 104, 198, .08);--info-border: rgba(49, 104, 198, .18);--info-text: #1d4ed8;--success-text: #15803d;--error-text: #b91c1c;--shadow: 0 24px 40px -10px rgba(26, 43, 74, .1)}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top right,var(--accent-soft-2),transparent 22%),radial-gradient(circle at top left,rgba(78,222,163,.06),transparent 24%),linear-gradient(180deg,var(--bg) 0%,var(--bg) 100%);color:var(--text);min-height:100vh;line-height:1.6;transition:background .25s ease,color .25s ease}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:980px;margin:0 auto;padding:0 1.5rem}nav{background:#0b1326c7;border-bottom:1px solid rgba(68,70,81,.32);backdrop-filter:blur(18px);padding:.95rem 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}html[data-theme=light] nav{background:#f4f7fcd6}nav .inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-brand{font-family:Manrope,sans-serif;font-weight:800;font-size:1.18rem;color:var(--text);display:flex;align-items:center;gap:.5rem;flex-shrink:0;white-space:nowrap}.nav-brand span{color:var(--accent);display:inline;white-space:nowrap}.nav-links{display:flex;gap:.25rem;list-style:none;align-items:center;flex-wrap:wrap}.nav-tools{display:flex;align-items:center;gap:.45rem;min-width:0}.nav-links a{padding:.45rem .8rem;border-radius:6px;font-size:.9rem;color:color-mix(in srgb,var(--text) 62%,transparent);font-family:Manrope,sans-serif;font-weight:700;letter-spacing:-.02em;transition:background .2s,color .2s}.nav-links a:hover,.nav-links a.active{background:#adc6ff14;color:var(--text);text-decoration:none}.nav-panel-link{color:var(--accent)!important;border:1px solid rgba(173,198,255,.2);border-radius:8px}.nav-panel-link:hover,.nav-panel-link.active{background:#adc6ff1f!important;border-color:#adc6ff61!important}.nav-user-zone{position:relative}.nav-user-btn{display:flex;align-items:center;gap:.45rem;background:#adc6ff12;border:1px solid rgba(173,198,255,.16);border-radius:999px;padding:.32rem .65rem .32rem .32rem;cursor:pointer;color:var(--text);font:inherit;font-size:.88rem;transition:background .18s,border-color .18s;white-space:nowrap}.nav-user-btn:hover{background:#adc6ff21;border-color:#adc6ff4d}.nav-avatar{width:1.6rem;height:1.6rem;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--purple));color:#0b1326;font-family:Manrope,sans-serif;font-weight:800;font-size:.78rem;display:grid;place-items:center;flex-shrink:0}.nav-username{font-family:Manrope,sans-serif;font-weight:700;max-width:90px;overflow:hidden;text-overflow:ellipsis}.nav-chevron{opacity:.6;transition:transform .2s;flex-shrink:0}.nav-user-btn[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:180px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:14px;padding:.4rem;box-shadow:0 16px 40px #00000059;display:none;flex-direction:column;gap:.1rem;z-index:200}.nav-dropdown.open{display:flex}.nav-dropdown-item{display:flex;align-items:center;gap:.55rem;padding:.58rem .75rem;border-radius:10px;color:var(--text2);font-size:.88rem;cursor:pointer;text-decoration:none;background:transparent;border:none;font:inherit;width:100%;text-align:left;transition:background .15s,color .15s}.nav-dropdown-item:hover{background:var(--accent-soft);color:var(--text);text-decoration:none}.nav-dropdown-sep{height:1px;background:var(--border);margin:.25rem .4rem}.nav-dropdown-logout{color:color-mix(in srgb,var(--red) 80%,var(--text2))}.nav-dropdown-logout:hover{background:#ffb4ab1a;color:var(--red)}.nav-login-btn{padding:.42rem 1rem;font-size:.88rem;border-radius:999px}.theme-toggle{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .6rem;border-radius:999px;border:1px solid var(--border);background:#adc6ff0d;color:var(--text);cursor:pointer;font:inherit;font-size:.85rem;min-width:0}.theme-toggle:hover{border-color:var(--accent);background:var(--accent-soft)}.theme-dot{width:1.2rem;height:1.2rem;border-radius:999px;display:inline-grid;place-items:center;background:linear-gradient(135deg,#facc15,#f97316);color:#172554;font-size:.8rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem;box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:14px;border:1px solid transparent;appearance:none;-webkit-appearance:none;font-size:.95rem;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.01em;cursor:pointer;transition:transform .14s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,opacity .2s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.985)}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#081224;box-shadow:0 14px 28px #005ac238}html[data-theme=light] .btn-primary{color:#fff}.btn-success{background:linear-gradient(135deg,var(--green),color-mix(in srgb,var(--green) 60%,#001a12));color:#052217}.btn-danger{background:linear-gradient(135deg,#ffb4ab,#ff8d80);color:#3f0d08}.btn-ghost{background:#adc6ff0d;color:var(--text);border-color:#adc6ff24}.badge{display:inline-block;padding:.26rem .75rem;border-radius:999px;font-size:.72rem;font-family:Inter,sans-serif;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.badge-blue{background:#adc6ff24;color:var(--accent)}.badge-green{background:#4edea324;color:var(--green)}.badge-red{background:#ffb4ab24;color:var(--red)}.badge-purple{background:#9d8cff24;color:var(--purple)}.badge-yellow{background:#ffd16629;color:var(--yellow)}.progress-wrap{background:#adc6ff14;border-radius:99px;height:10px;overflow:hidden}.progress-bar{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),#7ea6ff 45%,var(--purple));transition:width .4s ease}footer{margin-top:4rem;border-top:1px solid var(--border);padding:1.5rem 0;color:var(--text2);font-size:.8rem}.footer-meta{margin-top:.75rem}.footer-support{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(173,198,255,.12);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.footer-support-card{padding:.95rem 1rem;border:1px solid var(--border);border-radius:16px;background:var(--panel-soft)}.footer-support-card strong{display:block;color:var(--text);font-family:Manrope,sans-serif;margin-bottom:.25rem}.footer-support-card p{margin:0}footer a{color:var(--text2)}footer a:hover{color:var(--text)}@media(max-width:680px){.nav-username{display:none}}@media(max-width:580px){nav .inner{gap:.6rem}.nav-links a{padding:.4rem .6rem;font-size:.83rem}.container{padding:0 1rem}.footer-support{grid-template-columns:1fr}.card{padding:1.15rem}}