@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;line-height:1.45;color-scheme:light;--primary: #f36458;--primary-hover: #0052ef;--primary-active: #003cb0;--primary-soft: rgba(243, 100, 88, .1);--secondary: #0052ef;--border: #ededed;--border-strong: #212121;--muted: #797979;--card: #ffffff;--bg: #f7f7f7;--text: #0b0b0b;--danger: #dd0000;--danger-soft: rgba(221, 0, 0, .1);--ok: #19d600;--ok-soft: rgba(25, 214, 0, .1);--warn: #f59e0b;--warn-soft: rgba(245, 158, 11, .1);--badge-bg: rgba(11, 11, 11, .08);--badge-text: #0b0b0b;--badge-ok-bg: var(--ok-soft);--badge-ok-text: #129f00;--badge-warn-bg: var(--warn-soft);--badge-warn-text: #b45309;--code-bg: #f0f0f0;--input-bg: #ffffff;--shadow: 0 0 0 1px #ededed;--shadow-md: 0 0 0 2px rgba(0, 82, 239, .2);--shadow-lg: 0 0 0 2px rgba(0, 82, 239, .25);--radius-sm: 3px;--radius-md: 5px;--radius-lg: 6px;--radius-xl: 12px;--radius-pill: 9999px;--font-sans: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-heading: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--ease: cubic-bezier(.4, 0, .2, 1)}html.dark{color-scheme:dark;--primary: #f36458;--primary-hover: #0052ef;--primary-active: #003cb0;--primary-soft: rgba(243, 100, 88, .15);--secondary: #55beff;--border: #212121;--border-strong: #797979;--muted: #797979;--card: #212121;--bg: #0b0b0b;--text: #ffffff;--danger: #ff2222;--danger-soft: rgba(221, 0, 0, .15);--ok: #37cd84;--ok-soft: rgba(25, 214, 0, .15);--warn: #fbb52b;--warn-soft: rgba(245, 158, 11, .15);--badge-bg: rgba(255, 255, 255, .1);--badge-text: #b9b9b9;--badge-ok-bg: var(--ok-soft);--badge-ok-text: #37cd84;--badge-warn-bg: var(--warn-soft);--badge-warn-text: #fbb52b;--code-bg: #161616;--input-bg: #0b0b0b;--shadow: 0 0 0 1px #212121;--shadow-md: 0 0 0 2px rgba(0, 82, 239, .3);--shadow-lg: 0 0 0 2px rgba(0, 82, 239, .35)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.01em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .7rem;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--secondary);box-shadow:0 0 0 2px #0052ef33}input::placeholder,textarea::placeholder{color:var(--muted)}code{background:var(--code-bg);border-radius:var(--radius-sm);padding:.1rem .3rem;font-size:.85em;font-family:var(--font-mono)}.layout{min-height:100vh}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:.6rem;padding:.55rem .9rem;background:#212121;color:#fff;box-shadow:0 1px 3px #00000040}.hamburger{background:transparent;border:0;cursor:pointer;display:inline-flex;flex-direction:column;justify-content:center;gap:4px;padding:8px 6px;border-radius:6px}.hamburger:hover{background:#353535}.hamburger span{display:block;width:20px;height:2px;background:#fff;border-radius:2px}.topbar .brand-logo{width:28px;height:28px;border-radius:50%;background:#fff;object-fit:cover}.topbar-title{font-weight:600;font-size:.95rem;flex:1}.theme-toggle{background:transparent;border:0;cursor:pointer;font-size:1.1rem;line-height:1;padding:6px 8px;border-radius:6px}.theme-toggle:hover{background:#353535}.theme-toggle-side{justify-content:flex-start;width:100%;margin:.25rem 0 .5rem;color:#b9b9b9;border-color:#353535}.theme-toggle-side:hover{background:#353535;color:#fff}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:45}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(280px,82vw);z-index:50;background:#212121;color:#b9b9b9;padding:1.25rem 1rem;overflow-y:auto;transform:translate(-100%);transition:transform .25s ease;box-shadow:0 0 30px #00000059}.sidebar.open{transform:translate(0)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sidebar-head .brand-head{margin-bottom:0}.sidebar-close{background:transparent;border:0;color:#cbd5e1;font-size:1.4rem;line-height:1;cursor:pointer;padding:2px 8px;border-radius:6px}.sidebar-close:hover{background:#353535;color:#fff}@media (min-width: 801px){.layout{display:grid;grid-template-columns:220px 1fr}.topbar,.backdrop,.sidebar-close{display:none}.sidebar{position:sticky;top:0;height:100vh;width:auto;z-index:auto;transform:none;transition:none;box-shadow:none;border-right:1px solid #353535}}.brand-head{display:flex;align-items:center;gap:10px;margin-bottom:.5rem}.brand-head .brand-logo{width:38px;height:38px;border-radius:50%;background:#fff;object-fit:cover;flex-shrink:0}.sidebar h1{font-size:1rem;margin:0 0 .25rem;color:#fff}.sidebar .sub{font-size:.75rem;color:#797979;margin-bottom:1.25rem}.sidebar nav a{display:block;padding:.55rem .75rem;border-radius:var(--radius-md);font-size:.9rem;color:#b9b9b9;margin-bottom:.25rem;transition:background-color .15s var(--ease),color .15s var(--ease)}.sidebar nav a:hover{background:#353535;color:#fff}.sidebar nav a.active{background:var(--primary);color:#fff}.main{padding:1rem 1rem 2.25rem}@media (min-width: 801px){.main{padding:1.25rem 1.5rem 2.5rem}}.main>*{max-width:1280px;margin-left:auto;margin-right:auto}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.1rem;box-shadow:var(--shadow-md);transition:box-shadow .2s var(--ease)}a.card:hover,.card.clickable:hover{box-shadow:var(--shadow-lg)}.card code{overflow-wrap:anywhere}.grid{display:grid;gap:.75rem}.grid-4{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.kpi{border-top:none;border-radius:12px;padding:20px;min-height:100px}.kpi .label{font-size:.875rem;font-weight:400;letter-spacing:normal;color:var(--muted)}.kpi .value{font-family:var(--font-heading);font-size:1.875rem;font-weight:700;margin-top:4px}.card.panel{padding:0;border-radius:16px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:24px;border-bottom:1px solid var(--border)}.panel-title{font-size:1.125rem;font-weight:600}.panel-body{padding:8px 24px 16px}.panel-body table th,.panel-body table td{padding:14px 16px}.tab-btn{display:inline-flex;align-items:center;min-height:36px;padding:6px 16px;border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--muted);font-size:.875rem;font-weight:500;transition:background-color .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}.tab-btn:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}table{width:100%;border-collapse:collapse;font-size:.875rem}th,td{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:.75rem;color:var(--muted);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:none;border-radius:var(--radius-pill);min-height:44px;padding:8px 16px;background:var(--primary);color:#fff;font-weight:600;cursor:pointer;transition:background-color .15s var(--ease),box-shadow .15s var(--ease),border-color .15s var(--ease)}.btn:hover{background:var(--primary-hover)}.btn:active{background:var(--primary-active)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px}.btn.ghost:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.btn.danger{background:var(--danger)}.btn.danger:hover{background:#b80000}.input{width:100%;border:1px solid var(--border);border-radius:.5rem;padding:.55rem .7rem;background:var(--input-bg);color:var(--text)}.muted{color:var(--muted);font-size:.85rem}.badge{display:inline-block;font-size:.75rem;font-weight:500;padding:.4rem .75rem;border-radius:var(--radius-pill);background:var(--badge-bg);color:var(--badge-text)}.badge.ok{background:var(--badge-ok-bg);color:var(--badge-ok-text)}.badge.warn{background:var(--badge-warn-bg);color:var(--badge-warn-text)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-theme-toggle{position:fixed;top:1rem;right:1rem;color:var(--text)}.login-card{width:min(400px,100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:28px 24px}.login-brand{text-align:center}.login-brand .brand-logo{width:56px;height:56px;border-radius:50%;background:#fff;object-fit:cover;display:block;margin:0 auto 12px}.login-brand h1{font-size:1.5rem;margin:0}.login-sub{margin:4px 0 0}.login-google{display:flex;justify-content:center;padding-top:4px}.login-foot{text-align:center;font-size:.75rem;margin:0}.stack{display:flex;flex-direction:column;gap:.75rem}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.ok{color:var(--ok);font-size:.9rem}.err{color:var(--danger);font-size:.85rem}.event-item{border-left:3px solid var(--primary);padding:.5rem .75rem;margin-bottom:.5rem;background:var(--card);border-radius:0 .5rem .5rem 0;border:1px solid var(--border);border-left-width:3px}.event-item .type{font-weight:600;font-size:.85rem}.event-item .meta{font-size:.75rem;color:var(--muted)}@media (max-width: 800px){.main{padding:.75rem .75rem 2rem}table,thead,tbody,tr,th,td{display:block}thead{display:none}tr{background:var(--card);border:1px solid var(--border);border-radius:.6rem;box-shadow:var(--shadow);padding:.6rem .7rem;margin-bottom:.6rem}td{display:flex;justify-content:space-between;align-items:center;gap:.75rem;border:none;padding:.32rem 0}td>*{min-width:0}td:before{content:attr(data-label);font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}td:not([data-label]){justify-content:flex-end}td:not([data-label]):before{content:none}tr:has(td[colspan]){background:transparent;border:none;box-shadow:none;padding:.25rem}tr:has(td[colspan]) td{justify-content:flex-start}td.actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.row>*{flex:1 1 100%!important;min-width:0!important}.row>input,.row>select,.row>textarea,.row>.input{width:100%!important;max-width:none!important}.row>.btn{flex:0 1 auto!important;width:auto!important}.row>img{flex:0 0 auto!important;width:auto!important}.row>input[type=checkbox],.row>input[type=radio]{flex:0 0 auto!important;width:auto!important;min-height:1.25rem;min-width:1.25rem}.btn{min-height:2.75rem}.sidebar nav a{padding:.75rem;font-size:.95rem}}@media (max-width: 400px){.card{padding:.8rem .85rem}.grid-4{grid-template-columns:repeat(2,1fr)}.card table td{word-break:break-word}}