@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg:#f5f2eb;--bg-deep:#ede8df;--surface:#fff;--surface-hover:#faf8f5;--surface-muted:#fbf9f6;--border:#e6e0d6;--border-subtle:#ede8e0;--border-focus:#18181b;--text:#18181b;--text-secondary:#52525b;--text-muted:#8c8c94;--muted:#8c8c94;--accent:#18181b;--accent-hover:#27272a;--accent-cta:#e08a3c;--accent-cta-hover:#cf792e;--accent-cta-text:#fff;--accent-subtle:#f4efe6;--ok:#166534;--ok-bg:#eaf5ec;--ok-border:#d4ebd8;--ok-text:#14532d;--warn:#9a3412;--warn-bg:#fff4ea;--warn-border:#fed7aa;--warn-text:#9a3412;--fail:#991b1b;--fail-bg:#fef2f2;--fail-border:#fecaca;--fail-text:#991b1b;--info:#1e40af;--info-bg:#eff6ff;--info-border:#bfdbfe;--info-text:#1e40af;--radius-xl:20px;--radius-lg:16px;--radius:14px;--radius-sm:10px;--radius-xs:6px;--radius-pill:9999px;--shadow-xs:0 1px 2px #18181b08;--shadow-sm:0 2px 6px #18181b0a, 0 1px 2px #18181b05;--shadow:0 4px 14px #18181b0d, 0 1px 3px #18181b05;--shadow-lg:0 12px 32px #18181b14, 0 2px 6px #18181b08;--font:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--transition:.16s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.55}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0}a{color:inherit;transition:color var(--transition), opacity var(--transition);text-decoration:none}a:hover{text-decoration:none}header.topbar{background:var(--surface);border-bottom:1px solid var(--border-subtle);z-index:100;box-shadow:var(--shadow-xs);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}header.topbar .inner{flex-wrap:wrap;align-items:center;gap:1rem;max-width:1240px;min-height:64px;margin:0 auto;padding:.65rem 2rem;display:flex}header.topbar .brand{letter-spacing:-.03em;color:var(--text);align-items:center;gap:.6rem;margin-right:1.5rem;font-size:1.05rem;font-weight:700;display:inline-flex}header.topbar .brand-icon{background:var(--text);color:#fff;width:32px;height:32px;box-shadow:var(--shadow-xs);border-radius:9px;justify-content:center;align-items:center;display:inline-flex}header.topbar nav{flex-wrap:wrap;flex:1;align-items:center;gap:.35rem;display:flex}header.topbar nav a{color:var(--text-secondary);border-radius:var(--radius-pill);transition:all var(--transition);align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.85rem;font-weight:500;display:inline-flex}header.topbar nav a:hover{color:var(--text);background:var(--bg-deep)}header.topbar nav a.active{box-shadow:var(--shadow-sm);font-weight:600;color:#fff!important;background:var(--text)!important}header.topbar nav a.active:hover{background:var(--accent-hover)!important}header.topbar .user-pill{background:var(--bg);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--text-secondary);align-items:center;gap:.75rem;margin-left:auto;padding:.35rem .75rem .35rem .5rem;font-size:.8rem;display:inline-flex}header.topbar .user-avatar{border-radius:var(--radius-pill);background:var(--border);width:26px;height:26px;color:var(--text);text-transform:uppercase;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}header.topbar .who{color:var(--text-secondary);font-size:.82rem;font-weight:500}.user-menu-container{align-items:center;margin-left:auto;display:inline-flex;position:relative}.user-avatar-btn{background:var(--bg-deep);border:1.5px solid var(--border);width:36px;height:36px;color:var(--text);font-size:.88rem;font-weight:700;font-family:var(--font);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-xs);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.user-avatar-btn:hover{background:var(--text);color:#fff;border-color:var(--text);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.user-avatar-btn.active{background:var(--text);color:#fff;border-color:var(--text);box-shadow:0 0 0 3px #18181b1f}.user-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:260px;max-width:320px;box-shadow:var(--shadow-lg);z-index:200;animation:.15s cubic-bezier(.16,1,.3,1) dropdownSlideFade;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes dropdownSlideFade{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-header{background:var(--surface-muted);border-bottom:1px solid var(--border-subtle);padding:.9rem 1rem}.dropdown-user-info{align-items:center;gap:.75rem;display:flex}.dropdown-avatar{background:var(--text);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;font-weight:700;display:flex}.dropdown-meta{flex-direction:column;min-width:0;display:flex;overflow:hidden}.dropdown-email{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.dropdown-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.35rem;margin-top:2px;font-size:.75rem;display:flex;overflow:hidden}.role-tag{text-transform:capitalize;background:var(--bg-deep);color:var(--text-secondary);border-radius:var(--radius-pill);padding:1px 6px;font-size:.7rem;font-weight:600}.dropdown-divider{background:var(--border-subtle);height:1px;margin:.35rem 0}.dropdown-section{padding:.35rem .5rem}.dropdown-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.35rem .65rem .25rem;font-size:.7rem;font-weight:600}.dropdown-item{border-radius:var(--radius-sm);color:var(--text);transition:all var(--transition);cursor:pointer;text-align:left;align-items:center;gap:.65rem;width:100%;padding:.55rem .65rem;font-size:.82rem;font-weight:500;text-decoration:none;display:flex}.dropdown-item:hover{background:var(--bg);color:var(--text)}.dropdown-item svg{color:var(--text-muted);transition:color var(--transition);flex-shrink:0}.dropdown-item:hover svg{color:var(--text)}.dropdown-footer{padding:.35rem .5rem .5rem}.dropdown-signout-btn{border-radius:var(--radius-sm);width:100%;color:var(--fail);cursor:pointer;font-size:.82rem;font-weight:500;font-family:var(--font);transition:all var(--transition);background:0 0;border:none;align-items:center;gap:.65rem;padding:.55rem .65rem;display:flex}.dropdown-signout-btn:hover{background:var(--fail-bg);color:var(--fail-text)}.dropdown-signout-btn svg{color:var(--fail);flex-shrink:0}.layout{max-width:1240px;margin:0 auto;padding:2.25rem 2rem 5rem}h1{letter-spacing:-.035em;color:var(--text);margin:0 0 .35rem;font-size:1.65rem;font-weight:800;line-height:1.25}h2{letter-spacing:-.02em;color:var(--text);align-items:center;gap:.5rem;margin:2.5rem 0 .85rem;font-size:1.15rem;font-weight:700;display:flex}h3{letter-spacing:-.01em;color:var(--text);margin:1.25rem 0 .5rem;font-size:.98rem;font-weight:600}p.lede{color:var(--text-secondary);max-width:52rem;margin:0 0 1.75rem;font-size:.92rem;font-weight:400;line-height:1.6}.panel{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition);margin-bottom:1.5rem;padding:1.5rem 1.75rem}.panel:hover{box-shadow:var(--shadow)}.stats,.panel.stats{box-shadow:none;background:0 0;border:none;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.25rem;margin-bottom:1.75rem;padding:0;display:grid}.stats .stat,.panel.stats .stat{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;justify-content:space-between;gap:.6rem;padding:1.35rem 1.45rem;display:flex;position:relative;overflow:hidden}.stats .stat:hover,.panel.stats .stat:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat .label{color:var(--text-secondary);text-transform:capitalize;letter-spacing:-.01em;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;display:flex}.stat .value{font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--text);font-size:1.85rem;font-weight:800;line-height:1.1}.stat-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:.5rem;display:inline-flex}.stat-icon.blue{color:#2563eb;background:#e8f2ff}.stat-icon.green{color:#059669;background:#ecfdf5}.stat-icon.amber{color:#d97706;background:#fffbeb}.stat-icon.purple{color:#7c3aed;background:#f5f3ff}a.stat{color:inherit}a.stat:hover{text-decoration:none}a.stat:hover .label{color:var(--text)}table{border-collapse:separate;border-spacing:0;width:100%}thead th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background:var(--surface-muted);padding:.85rem 1.1rem;font-size:.74rem;font-weight:600}thead th:first-child{border-top-left-radius:var(--radius-sm)}thead th:last-child{border-top-right-radius:var(--radius-sm)}tbody td{text-align:left;border-bottom:1px solid var(--border-subtle);vertical-align:middle;color:var(--text);padding:.95rem 1.1rem;font-size:.88rem}tbody tr{transition:background var(--transition)}tbody tr:hover{background:var(--surface-hover)}tbody tr:last-child td{border-bottom:none}td.num{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}td a{color:var(--text);font-weight:600}td a:hover{color:var(--accent-cta);text-decoration:underline}.badge{border-radius:var(--radius-pill);letter-spacing:.01em;white-space:nowrap;background:var(--bg);color:var(--text-secondary);border:1px solid #0000;align-items:center;gap:.35rem;padding:.22rem .65rem;font-size:.73rem;font-weight:600;line-height:1.2;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.badge.ok{background:var(--ok-bg);color:var(--ok-text);border-color:var(--ok-border)}.badge.warn{background:var(--warn-bg);color:var(--warn-text);border-color:var(--warn-border)}.badge.fail{background:var(--fail-bg);color:var(--fail-text);border-color:var(--fail-border)}button,.btn{font:inherit;border-radius:var(--radius-sm);cursor:pointer;background:var(--accent);color:#fff;transition:all var(--transition);letter-spacing:-.01em;box-shadow:var(--shadow-xs);border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;padding:.58rem 1.15rem;font-size:.86rem;font-weight:600;display:inline-flex}button:hover,.btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}button:active,.btn:active{transform:translateY(0)}button.secondary,.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border);font-weight:500}button.secondary:hover,.btn-secondary:hover{background:var(--surface-hover);border-color:#d1c9bd}button.cta,.btn-cta{background:var(--accent-cta);color:#fff}button.cta:hover,.btn-cta:hover{background:var(--accent-cta-hover)}button.danger{color:var(--fail-text);border-color:var(--fail-border);background:#fff;font-weight:600}button.danger:hover{background:var(--fail-bg);border-color:var(--fail)}form.stack{gap:1.1rem;max-width:36rem;display:grid}label{color:var(--text-secondary);letter-spacing:-.01em;margin-bottom:.4rem;font-size:.82rem;font-weight:600;display:block}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font:inherit;transition:all var(--transition);box-shadow:var(--shadow-xs);padding:.65rem .95rem;font-size:.88rem}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #18181b14}input::placeholder,textarea::placeholder{color:var(--text-muted)}.tabs{border-bottom:1px solid var(--border-subtle);gap:.4rem;margin:0 0 1.75rem;padding-bottom:.65rem;display:flex;overflow-x:auto}.tabs a{color:var(--text-secondary);border-radius:var(--radius-pill);white-space:nowrap;transition:all var(--transition);border:1px solid #0000;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.tabs a:hover{color:var(--text);background:var(--surface)}.tabs a.active{color:#fff;background:var(--text);box-shadow:var(--shadow-xs)}.filters{flex-wrap:wrap;gap:.45rem;margin-bottom:1.25rem;display:flex}.filters a{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);background:var(--surface);transition:all var(--transition);box-shadow:var(--shadow-xs);padding:.4rem .95rem;font-size:.82rem;font-weight:600}.filters a:hover{color:var(--text);border-color:var(--border-focus)}.filters a.active{color:#fff;background:var(--text);border-color:var(--text)}.notice{border-radius:var(--radius-sm);background:var(--info-bg);color:var(--info-text);border:1px solid var(--info-border);align-items:center;gap:.65rem;margin-bottom:1.4rem;padding:.85rem 1.15rem;font-size:.86rem;font-weight:500;display:flex}.notice.error{background:var(--fail-bg);color:var(--fail-text);border-color:var(--fail-border)}.notice.success{background:var(--ok-bg);color:var(--ok-text);border-color:var(--ok-border)}.code-block{font-family:var(--mono);letter-spacing:.08em;background:var(--surface-muted);border:2px dashed var(--border);border-radius:var(--radius-sm);text-align:center;word-break:break-all;color:var(--text);padding:1.15rem 1.4rem;font-size:1.25rem;font-weight:600}code,.mono{font-family:var(--mono);background:var(--bg);border:1px solid var(--border-subtle);border-radius:4px;padding:.15rem .35rem;font-size:.85em}.row{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;margin-bottom:.5rem;display:flex}.muted{color:var(--text-muted)}.small{font-size:.8rem}.scroll-x{border-radius:var(--radius-lg);overflow-x:auto}.login-wrap{background:var(--bg);place-items:center;min-height:85vh;padding:2rem 1rem;display:grid}.login-card{width:min(28rem,100%)}.login-card .brand-wrap{text-align:center;margin-bottom:1.75rem}.login-card h1{letter-spacing:-.04em;font-size:1.75rem}.login-card .lede{margin:0 auto}.login-card .panel{box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);padding:2rem}details{border-radius:var(--radius-sm);transition:all var(--transition)}details summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600}details.check-edit{margin-top:.5rem}details.check-edit summary{color:var(--text-secondary);font-size:.82rem}details.check-edit summary:hover{color:var(--text)}@media (max-width:768px){.layout{padding:1.5rem 1.25rem 4rem}header.topbar .inner{height:auto;padding:.75rem 1.25rem}.stats,.panel.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.stats .stat,.panel.stats .stat{padding:1rem 1.15rem}.stat .value{font-size:1.5rem}}@media (max-width:480px){.stats,.panel.stats{grid-template-columns:1fr}}