:root{--bg: #0f1419;--surface: #1a2332;--text: #e7ecf3;--muted: #8b9cb3;--accent: #3d9cf5;--success: #2ecc71;--danger: #e74c3c}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--accent)}button{font-family:inherit;cursor:pointer;border:none;border-radius:10px;padding:.85rem 1.25rem;font-size:1rem;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-success{background:var(--success);color:#0a0f14}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid #2a3a52}input,textarea{font-family:inherit;font-size:1rem;padding:.65rem .85rem;border-radius:8px;border:1px solid #2a3a52;background:#121a26;color:var(--text);width:100%}.layout{max-width:960px;margin:0 auto;padding:1.25rem}.nav{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.grid-btns{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card{background:var(--surface);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem;border:1px solid #243044}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal{background:var(--surface);border-radius:14px;padding:1.25rem;max-width:420px;width:100%;border:1px solid #2a3f5c}.muted{color:var(--muted);font-size:.9rem}