:root{color-scheme:light dark;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg: #f4f6f9;--surface: #ffffff;--surface-2: #f0f3f7;--text: #16202c;--text-muted: #566072;--border: #d7dee7;--brand: #14508c;--brand-strong: #0e3d6e;--brand-contrast: #ffffff;--focus: #1d6fd0;--danger: #b3261e;--ok: #1f7a45;--warn: #8a5a00;--neutral: #55606f;--series-a: #14508c;--series-b: #2e9e7a;--shadow: 0 1px 2px rgba(16, 32, 48, .08), 0 4px 16px rgba(16, 32, 48, .06);--radius: 12px;--radius-sm: 8px;--sidebar-w: 244px;--sidebar-w-collapsed: 68px;--topbar-h: 60px}@media(prefers-color-scheme:dark){:root{--bg: #0e141b;--surface: #16202b;--surface-2: #1d2a38;--text: #e7edf4;--text-muted: #9fb0c2;--border: #2a3948;--brand: #4d9be0;--brand-strong: #6cb0ec;--brand-contrast: #06131f;--focus: #6cb0ec;--danger: #ff6b61;--ok: #5fce90;--warn: #e6b04a;--neutral: #9fb0c2;--series-a: #6cb0ec;--series-b: #5fce90;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 20px rgba(0, 0, 0, .35)}}*{box-sizing:border-box}html,body{margin:0;min-height:100vh}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}main{width:auto;padding:0}h1,h2{line-height:1.25}a{color:var(--brand)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--surface);color:var(--text);padding:10px 14px;border-radius:var(--radius-sm);z-index:60}.skip-link:focus{left:12px;top:12px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn{font:inherit;font-weight:600;cursor:pointer;padding:9px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);width:100%}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast)}.btn--primary:hover{background:var(--brand-strong);border-color:var(--brand-strong)}.btn--ghost{background:transparent}.btn--ghost:hover{background:var(--surface-2)}.btn--sm{padding:5px 10px;font-size:.9em}.btn--danger{background:var(--danger, #dc2626);border-color:var(--danger, #dc2626);color:#fff}.btn--danger:hover{background:var(--danger-strong, #b91c1c);border-color:var(--danger-strong, #b91c1c)}.cell-actions{white-space:nowrap;text-align:right}.w-auto{width:auto}.iconbtn{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer}.iconbtn:hover{background:var(--surface-2)}.auth{width:min(420px,92vw);margin:8vh auto;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.auth h1{font-size:1.3rem;margin-top:0}.auth label{display:block;margin-top:12px;font-weight:600;font-size:.9rem}.auth input{width:100%;padding:10px;margin:6px 0;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text)}.auth .btn{margin-top:12px}.muted{color:var(--text-muted);font-size:.9rem}.err{color:var(--danger);font-weight:600}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.app.is-collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:8px;padding:14px 10px;position:sticky;top:0;height:100vh}.sidebar__brand{padding:6px 8px 14px;border-bottom:1px solid var(--border);margin-bottom:8px}.brand{display:inline-flex;align-items:center;gap:10px}.brand__mark{flex:none;border-radius:8px}.brand__mark-bg{fill:var(--brand)}.brand__mark-fg{fill:var(--brand-contrast)}.brand__text{display:flex;flex-direction:column;line-height:1.1}.brand__name{font-weight:700;font-size:1.02rem}.brand__sub{font-size:.72rem;color:var(--text-muted);letter-spacing:.02em}.nav{flex:1}.nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.nav__link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);text-decoration:none;color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden}.nav__link:hover{background:var(--surface-2)}.nav__link.is-active{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand-strong);box-shadow:inset 3px 0 0 var(--brand)}.nav__icon{display:inline-grid;place-items:center;flex:none}.sidebar__collapse{display:flex;align-items:center;gap:12px;color:var(--text-muted)}.app.is-collapsed .nav__label,.app.is-collapsed .brand__text,.app.is-collapsed .sidebar__collapse .nav__label{display:none}.app.is-collapsed .nav__link,.app.is-collapsed .sidebar__collapse{justify-content:center}.main{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar-h);display:flex;align-items:center;gap:10px;padding:0 16px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:saturate(1.1) blur(6px);backdrop-filter:saturate(1.1) blur(6px);border-bottom:1px solid var(--border)}.topbar__title{font-weight:700;font-size:1.05rem}.topbar__spacer{flex:1}#drawerBtn{display:none}.usermenu{position:relative}.usermenu__btn{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border);border-radius:999px;padding:5px 10px 5px 6px;cursor:pointer;color:var(--text);font:inherit;max-width:42vw}.usermenu__btn:hover{background:var(--surface-2)}.usermenu__avatar{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--surface-2);color:var(--brand)}.usermenu__email{font-weight:600;font-size:.9rem;max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usermenu__pop{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px;z-index:40}.usermenu__who{margin:6px 8px 8px;font-size:.85rem;color:var(--text-muted)}.usermenu__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;background:transparent;color:var(--text);font:inherit;font-weight:600;border-radius:var(--radius-sm);cursor:pointer}.usermenu__item:hover{background:var(--surface-2)}.view{padding:22px clamp(16px,3vw,32px) 48px;max-width:1200px;width:100%}.view__h1{font-size:1.45rem;margin:0 0 4px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 12px;flex-wrap:wrap}.section-head h2{font-size:1.15rem;margin:0}.range{display:inline-flex;gap:4px;background:var(--surface-2);padding:4px;border-radius:999px}.range__btn{border:0;background:transparent;color:var(--text-muted);font:inherit;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer}.range__btn.is-active{background:var(--surface);color:var(--brand-strong);box-shadow:var(--shadow)}.toolbar{display:flex;gap:10px;margin:12px 0;flex-wrap:wrap}.toolbar--split{justify-content:space-between;align-items:center}.toolbar__filters{display:flex;gap:10px;flex-wrap:wrap}.search,.select{padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;min-width:220px}.kpis{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px}.kpi__label{color:var(--text-muted);font-size:.82rem;font-weight:600}.kpi__value{font-size:1.6rem;font-weight:700;letter-spacing:-.01em}.charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.chart{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.chart__title{font-weight:700;margin-bottom:8px}.chart__canvas{width:100%}.chart__svg{width:100%;height:auto;display:block}.chart__summary{margin:10px 0 0;font-size:.85rem;color:var(--text-muted)}.chart__data{margin-top:8px;font-size:.85rem}.chart__data summary{cursor:pointer;color:var(--brand);font-weight:600}.note{margin:0 0 12px}.grid{stroke:var(--border);stroke-width:1}.axis-label{fill:var(--text-muted);font-size:10px}.axis-label--y{text-anchor:end}.axis-label--x{text-anchor:middle}.line{stroke-width:2}.series--a{stroke:var(--series-a)}.series--b{stroke:var(--series-b)}.dot.series--a{fill:var(--series-a)}.dot.series--b{fill:var(--series-b)}.bar.series--a{fill:var(--series-a)}.legend{display:flex;gap:16px;margin:8px 0;flex-wrap:wrap;font-size:.85rem}.legend__item{display:inline-flex;align-items:center;gap:6px}.legend__swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.legend__swatch.series--a{background:var(--series-a)}.legend__swatch.series--b{background:var(--series-b)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table caption{text-align:left}.data-table th,.data-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table thead th{background:var(--surface-2);font-size:.8rem;color:var(--text-muted);position:sticky;top:0}.data-table tbody tr:hover{background:var(--surface-2)}.th-sort{background:transparent;border:0;font:inherit;font-weight:700;color:var(--text-muted);cursor:pointer;padding:0}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.78rem;font-weight:700;border:1px solid transparent}.badge--pending{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.badge--joined{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.badge--expired{background:color-mix(in srgb,var(--neutral) 16%,transparent);color:var(--neutral);border-color:color-mix(in srgb,var(--neutral) 40%,transparent)}.badge--revoked{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.pager{display:flex;align-items:center;gap:12px;margin-top:12px;justify-content:flex-end;flex-wrap:wrap}.pager__info{color:var(--text-muted);font-size:.85rem}.panel{padding:24px;text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius)}.panel--error,.panel--offline{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.panel .btn{margin-top:12px;display:inline-block}.modal-root{display:none}.modal-root.is-open{display:block}.modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08101880;z-index:80}.modal{position:fixed;z-index:81;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,92vw);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.modal__title{margin:0 0 6px;font-size:1.2rem}.modal__desc{margin:0 0 14px;color:var(--text-muted);font-size:.9rem}.modal label{display:block;font-weight:600;font-size:.9rem;margin-bottom:6px}.modal input{width:100%;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit}.modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.toast-region{position:fixed;right:16px;bottom:16px;z-index:90;display:flex;flex-direction:column;gap:8px}.toast{background:var(--brand);color:var(--brand-contrast);padding:12px 16px;border-radius:var(--radius-sm);box-shadow:var(--shadow);max-width:360px;font-weight:600}.scrim{display:none}@media(max-width:900px){.app,.app.is-collapsed{grid-template-columns:1fr}.sidebar{position:fixed;z-index:70;left:0;top:0;width:var(--sidebar-w);transform:translate(-102%);transition:transform .2s ease}.app.is-collapsed .nav__label,.app.is-collapsed .brand__text{display:inline}.app.drawer-open .sidebar{transform:translate(0)}.app.drawer-open .scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#08101873;z-index:60}#drawerBtn{display:inline-grid}.sidebar__collapse{display:none}}@media(max-width:640px){.usermenu__email{display:none}.charts{grid-template-columns:1fr}.toolbar--split{align-items:stretch}.search,.select{min-width:0;flex:1}.data-table--responsive thead{display:none}.data-table--responsive,.data-table--responsive tbody,.data-table--responsive tr,.data-table--responsive td{display:block;width:100%}.data-table--responsive tr{border-bottom:1px solid var(--border);padding:6px 0}.data-table--responsive td{border:0;display:flex;justify-content:space-between;gap:12px;padding:6px 12px}.data-table--responsive td:before{content:attr(data-label);font-weight:700;color:var(--text-muted)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}