*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f172a;--card: #1e293b;--primary: #6366f1;--primary-hover: #4f46e5;--danger: #ef4444;--text: #f1f5f9;--muted: #94a3b8;--border: #334155}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;padding:24px 16px}.container{max-width:720px;margin:0 auto}header h1{font-size:1.6rem;margin-bottom:4px}header p{color:var(--muted);font-size:.9rem;margin-bottom:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:20px}.form-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:160px}label{font-size:.85rem;color:var(--muted)}input{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--text);font-size:1rem;outline:none;transition:border-color .15s}input:focus{border-color:var(--primary)}button{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:12px 22px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s,transform .05s}button:hover:not(:disabled){background:var(--primary-hover)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.danger{background:transparent;border:1px solid var(--border);padding:8px 12px;font-size:.85rem;font-weight:500}button.danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger)}.status{margin-top:12px;font-size:.9rem;min-height:1.2em}.status.ok{color:#4ade80}.status.err{color:var(--danger)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);font-size:.95rem}th{color:var(--muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}td.actions{text-align:right;white-space:nowrap}.empty{text-align:center;color:var(--muted);padding:28px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.toolbar span{color:var(--muted);font-size:.85rem}@media (max-width: 520px){header h1{font-size:1.3rem}th,td{padding:10px 6px}}