:root{--bg:#0d101b;--panel:#15171ea6;--border:#9dabdd1f;--border-strong:#9dabdd38;--text:#fcfcfc;--muted:#fcfcfc99;--muted-strong:#fcfcfcd9;--accent:#6c8cff;--accent-bg:#6c8cff26;--danger:#ff6b6b;--warn:#f6c177;--good:#5cd6a1;--radius:10px;--radius-lg:14px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{color:var(--text);border:1px solid var(--border);background:#00000040;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.4;transition:border-color .12s,box-shadow .12s}input::placeholder,textarea::placeholder{color:var(--muted)}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fcfcfc' stroke-opacity='0.55' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}select option{color:var(--text);background:#15171e}textarea{resize:vertical;min-height:90px}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#0b0d16d9;flex-direction:column;gap:8px;padding:24px 16px;display:flex}.sidebar .brand{color:var(--text);margin-bottom:16px;font-size:15px;font-weight:600}.sidebar nav a{color:var(--muted-strong);border-radius:8px;padding:8px 12px;font-size:13px;display:block}.sidebar nav a:hover{background:var(--accent-bg);text-decoration:none}.sidebar nav a.active{background:var(--accent-bg);color:var(--text)}.sidebar .footer{color:var(--muted);margin-top:auto;font-size:12px}.sidebar .footer .signout{color:var(--muted)}.sidebar .footer .signout:hover{color:var(--text)}.main{width:100%;max-width:1400px;padding:32px}.page-header{justify-content:space-between;align-items:baseline;margin-bottom:24px;display:flex}.page-header h1{margin:0;font-size:1.4rem;font-weight:500}.page-header .actions{gap:8px;display:flex}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card .label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:11px}.card .value{margin-top:4px;font-size:1.6rem;font-weight:500}.card .sub{color:var(--muted);margin-top:4px;font-size:12px}.table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}table.list{border-collapse:collapse;width:100%;font-size:13px}table.list th,table.list td{text-align:left;border-bottom:1px solid var(--border);padding:10px 14px}table.list th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#ffffff08;font-size:11px;font-weight:500}table.list tr:last-child td{border-bottom:0}table.list tr:hover td{background:#ffffff05}table.list code{color:var(--muted-strong);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.pill{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border-strong);color:var(--muted-strong);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.pill.good{color:var(--good);border-color:#5cd6a166}.pill.warn{color:var(--warn);border-color:#f6c17766}.pill.danger{color:var(--danger);border-color:#ff6b6b66}.tags{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tag{white-space:nowrap;border:1px solid var(--border);color:var(--muted-strong);background:var(--accent-bg);border-radius:6px;padding:2px 8px;font-size:11px;line-height:1.5;display:inline-block}.tag.more{color:var(--muted);background:0 0}.btn{color:var(--text);background:var(--accent-bg);border:1px solid var(--border-strong);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{background:#6c8cff40}.btn.primary{background:var(--accent);color:#0d101b;border-color:var(--accent)}.btn.primary:hover{background:#8ba6ff}.btn.danger{color:var(--danger);background:#ff6b6b14;border-color:#ff6b6b66}.btn.danger:hover{background:#ff6b6b2e}.btn.ghost{background:0 0}.btn:disabled{opacity:.5;cursor:not-allowed}.section{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px;padding:20px}.section h2{color:var(--muted-strong);margin:0 0 12px;font-size:1rem;font-weight:500}.section h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:16px 0 8px;font-size:.85rem;font-weight:500}.kv{grid-template-columns:180px 1fr;gap:8px 16px;font-size:13px;display:grid}.kv dt{color:var(--muted)}.kv dd{color:var(--text);margin:0}.diff{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.diff>div{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff05;padding:14px}.diff>div h3{margin-top:0}.form{flex-direction:column;gap:12px;display:flex}.form label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.form input,.form select,.form textarea{width:100%}.form .row{align-items:center;gap:8px;display:flex}.empty{text-align:center;color:var(--muted);padding:32px;font-size:13px}.error{color:var(--danger);background:#ff6b6b14;border:1px solid #ff6b6b66;border-radius:8px;padding:12px 14px;font-size:13px}.muted{color:var(--muted)}.signed-in-as{color:var(--muted);font-size:12px}pre.json{border:1px solid var(--border);max-height:280px;color:var(--muted-strong);background:#00000059;border-radius:8px;padding:12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;overflow:auto}.flex{align-items:center;gap:12px;display:flex}.flex.between{justify-content:space-between}form.flex{flex-wrap:wrap;align-items:flex-end}form.flex label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}