@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap";:root{--bg: #0d1226;--bg-soft: #131a35;--bg-card: #1a2348;--accent: #ffb25b;--accent-2: #7bdcff;--text: #f4f6ff;--muted: #a6b2d6;--danger: #ff6b6b;--success: #6adf8f;--border: rgba(255, 255, 255, .08)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;background:radial-gradient(120% 120% at 10% 10%,#1a2b5f,#0d1226 45%,#0a0f22);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:24px 20px 16px;background:linear-gradient(120deg,#ffb25b2e,#7bdcff1a);border-bottom:1px solid var(--border)}.app-title{font-family:"Source Serif 4",serif;font-size:24px;margin:0}.app-subtitle{margin:8px 0 0;color:var(--muted);font-size:13px}.app-content{flex:1;padding:20px;display:grid;gap:16px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 12px 24px #03081866}.card-title{font-size:16px;margin:0 0 12px}.muted{color:var(--muted)}.stat-row{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:14px}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#ffffff14;font-size:12px;color:var(--muted)}.form{display:grid;gap:12px}.input{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:12px 14px;color:var(--text);font-size:14px}.button{border:none;background:linear-gradient(120deg,#ffb25b,#ff8c5b);color:#1b1424;padding:12px 14px;border-radius:12px;font-weight:600;cursor:pointer}.button.secondary{background:#ffffff14;color:var(--text)}.list{display:grid;gap:10px}.list-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:#0f152d99;border-radius:14px;border:1px solid var(--border)}.list-item strong{display:block}.nav{display:flex;justify-content:space-around;padding:12px 8px;border-top:1px solid var(--border);background:#0a0e1ed9;position:sticky;bottom:0}.nav a{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:4px;align-items:center}.nav a.active{color:var(--accent)}.badge{font-size:11px;padding:2px 8px;border-radius:999px;background:#7bdcff26;color:var(--accent-2)}.alert{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.alert.error{background:#ff6b6b1a;color:#ffc5c5}.alert.success{background:#6adf8f1f;color:#c9f6d8}@media (min-width: 720px){.app-content{max-width:680px;margin:0 auto}.nav{max-width:680px;margin:0 auto;border-radius:16px 16px 0 0}}