@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--primary:#1b1f24;--secondary:#5f6368;--tertiary:#00875f;--tertiary-strong:#016b4b;--tertiary-weak:#d6f1e4;--on-tertiary-weak:#00513a;--peach:#4285f4;--neutral:#f4f6f8;--surface:#fff;--on-primary:#fff;--line:#e6e8ec;--line-strong:#d3d6db;--ok:#0f7b43;--ok-bg:#e3f4ea;--warn:#9a6700;--warn-bg:#fdf3d6;--danger:#c5221f;--danger-bg:#fce8e6;--muted-bg:#eef0f3;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--s-xs:6px;--s-sm:8px;--s-md:16px;--s-lg:24px;--s-xl:32px;--shadow-card:0 1px 2px #3c40430f, 0 1px 3px #3c40431a;--shadow-pop:0 6px 10px #3c40431f, 0 16px 36px #3c40432e}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--primary);background:var(--neutral);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Roboto,system-ui,-apple-system,sans-serif;font-size:.92rem;line-height:1.55}h1{letter-spacing:-.01em;margin:0;font-size:1.85rem;font-weight:700}h2{letter-spacing:0;margin:0 0 var(--s-md);font-size:1.05rem;font-weight:500}.label{letter-spacing:.06em;text-transform:uppercase;color:var(--secondary);font-size:.7rem;font-weight:500}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.85em}.muted{color:var(--secondary)}.layout{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--line);width:248px;padding:var(--s-lg) var(--s-md);flex-direction:column;flex:0 0 248px;height:100vh;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;padding:0 8px var(--s-lg);align-items:center;gap:10px;font-size:1.2rem;font-weight:700;display:flex}.spark{border-radius:var(--r-md);background:var(--tertiary);width:30px;height:30px;color:var(--on-primary);place-items:center;display:inline-grid}.nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav a{border-radius:var(--r-pill);color:var(--primary);align-items:center;gap:14px;padding:11px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .14s,color .14s;display:flex}.nav a:hover{background:var(--neutral)}.nav a.active{background:var(--tertiary-weak);color:var(--on-tertiary-weak);font-weight:700}.nav a .ico{opacity:.95;place-items:center;width:20px;height:20px;display:inline-grid}.sidebar .foot{border-top:1px solid var(--line);padding-top:var(--s-md)}.main{flex:1;min-width:0}.topbar{padding:var(--s-lg) var(--s-xl) 0;justify-content:space-between;align-items:center;display:flex}.content{padding:var(--s-lg) var(--s-xl) var(--s-xl);max-width:100%}.subtitle{color:var(--secondary);margin-top:4px;font-size:.9rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-lg);margin-bottom:var(--s-md);box-shadow:var(--shadow-card)}.card-head{margin-bottom:var(--s-md);justify-content:space-between;align-items:center;gap:var(--s-md);display:flex}.card-head h2{margin:0}.stats{gap:var(--s-md);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-lg);box-shadow:var(--shadow-card)}.stat .label{margin-bottom:10px;display:block}.stat .value{letter-spacing:-.02em;font-size:2.1rem;font-weight:700;line-height:1}.stat .sub{color:var(--secondary);margin-top:8px;font-size:.8rem}.stat.accent{background:var(--tertiary-weak);border-color:#0000}.stat.accent .value{color:var(--on-tertiary-weak)}.stat.accent .label,.stat.accent .sub{color:var(--on-tertiary-weak);opacity:.85}.btn{font:inherit;cursor:pointer;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--surface);color:var(--tertiary);align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:background .14s,border-color .14s,box-shadow .14s;display:inline-flex}.btn:hover{background:var(--tertiary-weak);border-color:var(--tertiary-weak)}.btn-primary{background:var(--tertiary);color:var(--on-primary);border-color:var(--tertiary)}.btn-primary:hover{background:var(--tertiary-strong);border-color:var(--tertiary-strong);box-shadow:var(--shadow-card)}.btn-primary:disabled{opacity:.45;cursor:default;box-shadow:none}.btn-sm{padding:7px 14px;font-size:.82rem}.btn-danger{color:var(--danger);border-color:var(--danger-bg);background:var(--surface)}.btn-danger:hover{background:var(--danger-bg);border-color:var(--danger-bg)}.btn[aria-disabled=true]{opacity:.4;pointer-events:none}.field{margin-bottom:var(--s-md)}.field .label{margin-bottom:6px;display:block}input,select,textarea{font:inherit;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);width:100%;color:var(--primary);padding:11px 14px;transition:border-color .14s,box-shadow .14s}input:focus,select:focus,textarea:focus{border-color:var(--tertiary);box-shadow:0 0 0 3px var(--tertiary-weak);outline:none}input::placeholder,textarea::placeholder{color:#9aa0a6}.form-row{gap:var(--s-md);align-items:flex-end;display:flex}.form-row>.field{flex:1;margin-bottom:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--secondary);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:10px 12px;font-size:.68rem;font-weight:500}td{border-bottom:1px solid var(--line);padding:12px}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .1s}tbody tr:hover{background:var(--neutral)}.num{text-align:right;font-variant-numeric:tabular-nums}.pill{border-radius:var(--r-pill);background:var(--muted-bg);color:var(--secondary);align-items:center;gap:4px;padding:4px 11px;font-size:.7rem;font-weight:500;display:inline-flex}.pill.on{background:var(--ok-bg);color:var(--ok)}.pill.off{background:var(--warn-bg);color:var(--warn)}.pill.iris{background:var(--tertiary-weak);color:var(--on-tertiary-weak)}.bar-track{border-radius:var(--r-pill);background:var(--muted-bg);height:8px;overflow:hidden}.bar-fill{background:var(--tertiary);border-radius:var(--r-pill);height:100%}.bar-fill.peach{background:var(--peach)}.code{color:#1f2328;border:1px solid var(--line-strong);border-radius:var(--r-md);white-space:pre-wrap;word-break:break-word;tab-size:2;background:#f6f8fa;max-height:340px;margin:0;padding:12px 14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;line-height:1.5;overflow:auto}.code .tok-key{color:#0a3069}.code .tok-str{color:#0a7c42}.code .tok-num{color:#b35900}.code .tok-bool{color:#8250df}.code .tok-null{color:#6e7781}.pager{margin-top:var(--s-md);padding-top:var(--s-md);border-top:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.pager .pages{align-items:center;gap:8px;display:flex}.empty{text-align:center;padding:var(--s-xl) var(--s-md);color:var(--secondary)}.empty .big{color:var(--secondary);opacity:.65;justify-content:center;margin-bottom:12px;display:flex}.reveal{border:1px solid var(--tertiary);background:var(--tertiary-weak)}.reveal .key-box{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);align-items:center;gap:8px;margin-top:8px;padding:10px 12px;display:flex}.reveal .key-box .mono{word-break:break-all;flex:1}.login-wrap{min-height:100vh;padding:var(--s-md);place-items:center;display:grid}.login-card{width:100%;max-width:380px}.login-brand{margin-bottom:var(--s-lg);letter-spacing:-.01em;justify-content:center;align-items:center;gap:10px;font-size:1.4rem;font-weight:700;display:flex}.error{color:var(--danger);margin-top:var(--s-sm);font-size:.85rem}