:root{--bg: #0b0f17;--panel: rgba(255,255,255,.06);--panel2: rgba(255,255,255,.08);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.65);--muted2: rgba(255,255,255,.5);--border: rgba(255,255,255,.12);--shadow: 0 10px 30px rgba(0,0,0,.45);--radius: 18px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 900px at 20% 10%,rgba(124,92,255,.22),transparent 55%),radial-gradient(1000px 700px at 80% 20%,rgba(0,184,255,.16),transparent 55%),radial-gradient(900px 700px at 40% 90%,rgba(255,255,255,.06),transparent 60%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}.app-container,.app,.page{min-height:100vh;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.topbar{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0f1799;border-bottom:1px solid var(--border);padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:800;letter-spacing:.5px;background:linear-gradient(135deg,#7c5cffd9,#00b8ffbf);box-shadow:var(--shadow)}.brand-text .name{font-weight:800;font-size:16px;line-height:1.1}.brand-text .tagline{font-size:12px;color:var(--muted);margin-top:2px}.topbar-right,.user{display:flex;align-items:center;gap:12px}.avatar{width:34px;height:34px;border-radius:999px;border:1px solid var(--border)}.user-meta{display:none}@media(min-width:720px){.user-meta{display:block}}.user-name{font-size:13px;font-weight:700}.user-email{font-size:12px;color:var(--muted2)}.main{flex:1;padding:22px 18px 40px;max-width:1100px;width:100%;margin:0 auto}.btn{border:1px solid var(--border);background:#ffffff14;color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:700;transition:transform .08s ease,background .2s ease,border-color .2s ease}.btn:hover{background:#ffffff1f;border-color:#ffffff2e}.btn:active{transform:translateY(1px)}.btn.ghost{background:transparent}