:root{color-scheme:light;font-family:Space Grotesk,system-ui,sans-serif;--bg: #f6f2ec;--panel: #ffffff;--ink: #1b1b1f;--muted: #5a5a64;--accent: #f04f2c;--accent-dark: #c43a1c;--accent-soft: #fde8e1;--border: #e6ded4;--shadow: 0 28px 60px rgba(27, 27, 31, .12)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);min-height:100vh}.bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(240,79,44,.18),transparent 45%),radial-gradient(circle at 80% 20%,rgba(16,168,132,.18),transparent 40%),linear-gradient(120deg,#f6f2ec,#f8f4f0 55%,#f2ebe3);z-index:-1}.app{max-width:1040px;margin:0 auto;padding:56px 24px 80px;display:flex;flex-direction:column;gap:32px}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;animation:fadeUp .6s ease forwards}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:var(--muted);margin:0 0 10px}h1{font-size:clamp(2.4rem,4vw,3.6rem);margin:0 0 12px}.subhead{margin:0;color:var(--muted);font-size:1.05rem}.pill{align-self:flex-start;padding:10px 18px;background:var(--panel);border-radius:999px;border:1px solid var(--border);font-weight:600;box-shadow:var(--shadow)}.panel{background:var(--panel);border-radius:20px;padding:28px;border:1px solid var(--border);box-shadow:var(--shadow);animation:fadeUp .65s ease forwards}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.panel-header h2{margin:0 0 6px}.panel-header p{margin:0;color:var(--muted)}.auth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:12px}.auth-card{border:1px solid var(--border);border-radius:16px;padding:18px;background:#faf7f2}.auth-card h3{margin-top:0}label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:.9rem;color:var(--muted)}input{padding:10px 12px;border-radius:10px;border:1px solid var(--border);font-family:Space Grotesk,sans-serif}button{cursor:pointer;border:none;border-radius:999px;padding:10px 18px;background:var(--accent);color:#fff;font-weight:600;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button:hover{transform:translateY(-1px);background:var(--accent-dark)}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--border)}button.ghost:hover{background:var(--accent-soft)}.actions{display:flex;align-items:center;gap:12px}.search{display:flex;flex-direction:column;gap:6px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.search input{min-width:200px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--border)}th{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.row-meta{display:flex;flex-direction:column;gap:4px}.row-meta .id{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--muted)}.env-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#f2f7f1;color:#1e6c4c;font-weight:600;font-size:.85rem}.env-tag.preview{background:#fff4dd;color:#8a5a00}.toggle-group{display:flex;gap:8px}.toggle-group button{background:#111}.toggle-group button.preview{background:#c8892c}.toggle-group button.production{background:#0f8a62}.error{color:#b3261e;font-weight:600}.mono{font-family:JetBrains Mono,monospace;font-size:.85rem}.muted{color:var(--muted)}.empty{text-align:center;padding:32px 12px;color:var(--muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.hero{flex-direction:column}.panel-header{flex-direction:column;align-items:flex-start}.actions{width:100%;justify-content:space-between;flex-wrap:wrap}}