:root{--bg: #0f172a;--card: #111827;--muted: #94a3b8;--text: #e5e7eb;--primary: #22c55e;--primary-600: #16a34a;--danger: #ef4444;--border: #1f2937}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;background:radial-gradient(1200px 800px at 100% 0%,#0a1024,var(--bg));color:var(--text)}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:24px}.card{background:linear-gradient(180deg,#ffffff08,#ffffff05);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 10px 40px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.input{width:100%;background:#0b1227;border:1px solid var(--border);color:var(--text);padding:12px 14px;border-radius:12px;outline:none;transition:border .15s ease}.input:focus{border-color:var(--primary)}.label{display:block;color:var(--muted);margin-bottom:8px;font-size:14px}.btn{display:inline-flex;gap:8px;align-items:center;background:var(--primary);color:#052e16;border:none;padding:12px 16px;font-weight:600;border-radius:12px;cursor:pointer;transition:transform .05s ease,background .2s ease}.btn:hover{background:var(--primary-600)}.btn:active{transform:translateY(1px)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.4px}.brand-badge{width:36px;height:36px;border-radius:10px;background:#052e16;display:grid;place-items:center;color:var(--primary);border:1px solid #14532d}.navbar{display:flex;gap:8px;align-items:center}.tabs{display:flex;gap:8px;background:#0b1227;padding:8px;border-radius:12px;border:1px solid var(--border)}.tab{padding:10px 14px;border-radius:10px;cursor:pointer;color:var(--muted)}.tab.active{background:#0e172f;color:var(--text);border:1px solid var(--border)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 820px){.grid{grid-template-columns:1fr}}.table{width:100%;border-collapse:collapse;border-spacing:0;font-size:14px}.table th,.table td{border-bottom:1px solid var(--border);padding:10px 8px;text-align:left}.status{padding:4px 10px;border-radius:999px;font-weight:600;font-size:12px;border:1px solid var(--border)}.status.todo{background:#111827;color:#e5e7eb}.status.inprogress{background:#0b3b1f;color:#bbf7d0}.status.done{background:#052e16;color:#86efac}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;border:1px solid var(--border);padding:2px 6px;border-radius:6px;color:var(--muted)}.small{color:var(--muted);font-size:12px}.footer{margin-top:32px;color:var(--muted);font-size:13px;display:flex;gap:8px;align-items:center}.spinner{width:20px;height:20px;border:2px solid #1f2937;border-top:2px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}