:root{color-scheme:light;--ink: #1c1914;--muted: #5e584e;--line: #e2d9c8;--paper: #f3efe6;--card: #fffdf8;--accent: #0f5c45;--accent-ink: #f4faf7;--danger: #8d2b2b;--warn: #8a5a12;--ok: #1d6b45;--shadow: 0 18px 40px rgba(48, 36, 16, .08);font-family:Segoe UI,Helvetica Neue,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(15,92,69,.08),transparent 32rem),var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.shell{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 3rem}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;margin-bottom:1.5rem}.eyebrow{margin:0 0 .2rem;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;color:var(--accent)}h1,h2{font-weight:620;letter-spacing:-.03em;margin:0}h1{font-size:2rem}h2{font-size:1.25rem}.muted{color:var(--muted);margin:.35rem 0 0}.actions,.row-actions,.form-actions{display:flex;flex-wrap:wrap;gap:.5rem}.button,.ghost,.danger{border:1px solid transparent;border-radius:4px;padding:.55rem .85rem;background:var(--accent);color:var(--accent-ink)}.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.danger{background:transparent;color:var(--danger);border-color:#e3c4c4}button:disabled{opacity:.55;cursor:progress}.banner,.notice{padding:.75rem .9rem;border-radius:4px;margin-bottom:1rem}.banner{background:#f8e8e4;color:var(--danger)}.notice{background:#e7f3ec;color:var(--ok)}.card,.gate{background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.gate{width:min(440px,100%);margin:12vh auto 0;padding:1.5rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:8px}th,td{text-align:left;padding:.75rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:#faf7f1}tr:last-child td{border-bottom:0}.domain{font-weight:650}.pill{display:inline-block;padding:.1rem .45rem;border-radius:999px;background:#efeae1;font-size:.85rem}.pill.on{background:#e5f4ec;color:var(--ok)}.pill.off{background:#f6e8e4;color:var(--danger)}form{display:grid;gap:.85rem}label{display:grid;gap:.3rem;font-size:.92rem}input,select{width:100%;border:1px solid var(--line);background:#fff;border-radius:4px;padding:.6rem .7rem}.check{grid-template-columns:auto 1fr;align-items:center}.check input{width:auto}.drawer{margin-top:0;padding:1rem}.credentials{display:grid;gap:.25rem;padding:.75rem;background:#faf7f1;border-radius:4px}.credentials p{margin:0}.secret{font-family:ui-monospace,monospace;word-break:break-all}.empty{padding:2rem 1rem;text-align:center;color:var(--muted)}.login-error{min-height:1.2rem}@media(max-width:760px){.topbar,.form-actions,.row-actions{align-items:stretch}.topbar,.actions,.row-actions{flex-direction:column}table,thead,tbody,tr,th,td{display:block}thead{display:none}tr{border-bottom:1px solid var(--line);padding:.4rem 0}td{border:0;display:flex;justify-content:space-between;gap:1rem}td:before{content:attr(data-label);color:var(--muted);font-size:.78rem;text-transform:uppercase}}
