:root{--bg: #0f172a;--surface: #111827;--muted: #94a3b8;--text: #e5e7eb;--primary: #6366f1;--primary-600: #5457f0;--danger: #ef4444;--card: #0b1220;--border: #1f2937}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 600px at 10% 0%,rgba(99,102,241,.15),transparent 60%),radial-gradient(1200px 600px at 90% 20%,rgba(14,165,233,.12),transparent 60%),var(--bg);color:var(--text)}.container{max-width:1000px;margin:0 auto;padding:24px}.nav{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#ffffff05,#fff0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav h2{margin:0;font-size:20px;letter-spacing:.3px}.spacer{flex:1}.btn{background:var(--primary);color:#fff;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;transition:transform .05s ease,background .15s ease,opacity .2s ease}.btn:hover{background:var(--primary-600)}.btn:active{transform:translateY(1px)}.btn.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.btn.danger{background:var(--danger)}.card{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid var(--border);border-radius:14px;padding:18px}.grid{display:grid;gap:12px}.input,.select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.list{list-style:none;padding:0;margin:0}.list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.list li:last-child{border-bottom:none}.title-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.title-row h3{margin:0;font-size:18px}.muted{color:var(--muted);font-size:13px}a{color:var(--text);text-decoration:none}a:hover{text-decoration:underline}