:root{--color-page-bg:#f9fafb;--color-surface:#fff;--color-surface-muted:#f9fafb;--color-code-bg:#f3f4f6;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-text-on-accent:#fff;--color-accent:#4f46e5;--color-accent-strong:#6366f1;--color-accent-soft:#eef2ff;--color-accent-soft-text:#4338ca;--gradient-accent:linear-gradient(to right, #4f46e5, #7c3aed);--gradient-glow:linear-gradient(to bottom right, #818cf84d, #a78bfa33);--color-success:#059669;--color-success-dot:#10b981;--color-danger:#dc2626;--color-warning-border:#fcd34d;--color-warning-bg:#fffbeb;--color-warning-title:#92400e;--color-warning-text:#78350f;--color-warning-code-bg:#fff;--shadow-card:0 1px 2px 0 #0000000a;--shadow-elevated:0 10px 25px -5px #11182714, 0 8px 10px -6px #1118270d}.dark{--color-page-bg:#09090b;--color-surface:#18181b;--color-surface-muted:#ffffff0d;--color-code-bg:#ffffff1a;--color-border:#ffffff1a;--color-border-strong:#ffffff26;--color-text-primary:#fff;--color-text-secondary:#9ca3af;--color-text-muted:#6b7280;--color-text-on-accent:#fff;--color-accent:#6366f1;--color-accent-strong:#818cf8;--color-accent-soft:#6366f126;--color-accent-soft-text:#a5b4fc;--gradient-accent:linear-gradient(to right, #4f46e5, #7c3aed);--gradient-glow:linear-gradient(to bottom right, #6366f133, #8b5cf61a);--color-success:#34d399;--color-success-dot:#10b981;--color-danger:#f87171;--color-warning-border:#f59e0b4d;--color-warning-bg:#f59e0b1a;--color-warning-title:#fcd34d;--color-warning-text:#fde68a;--color-warning-code-bg:#0003;--shadow-card:none;--shadow-elevated:0 20px 25px -5px #0000004d, 0 8px 10px -6px #0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4}img,svg,video,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}body{-webkit-font-smoothing:antialiased;background-color:var(--color-page-bg);color:var(--color-text-primary);font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;line-height:1.5}code{background:var(--color-code-bg);border-radius:.25rem;padding:0 .25rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85em}@page{margin:15mm}@media print{.no-print{display:none!important}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:#000!important;background:#fff!important}.card,.table-card,.stat-tile,table,tr{break-inside:avoid}}.page-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.page-title{letter-spacing:-.01em;color:var(--color-text-primary);font-size:1.5rem;font-weight:600}.page-subtitle{color:var(--color-text-secondary);margin-top:.25rem}.btn{white-space:nowrap;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.btn:focus{outline:none}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--full{width:100%}.btn--pill{border-radius:9999px}.btn--primary{background:var(--gradient-accent);color:var(--color-text-on-accent);box-shadow:0 1px 2px #4f46e533}.btn--primary:hover:not(:disabled){opacity:.9}.btn--accent{background:var(--color-accent);color:var(--color-text-on-accent);border-radius:.5rem;padding:.5rem 1rem}.btn--accent:hover:not(:disabled){background:var(--color-accent-strong)}.btn--secondary{border:1px solid var(--color-border-strong);color:var(--color-text-primary);background:0 0}.dark .btn--secondary{border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-muted)}.btn--invert{color:#fff;background:#111827;border-radius:9999px}.btn--invert:hover:not(:disabled){background:#374151}.dark .btn--invert{color:#111827;background:#fff}.dark .btn--invert:hover:not(:disabled){background:#e5e7eb}.btn--dark{color:#fff;background:#111827;border-radius:.5rem}.btn--dark:hover:not(:disabled){background:#374151}.dark .btn--dark{color:#111827;background:#fff}.dark .btn--dark:hover:not(:disabled){background:#e5e7eb}.link{color:var(--color-accent-strong);font-weight:500;font-size:inherit}.link:hover{text-decoration:underline}.link--danger{color:var(--color-danger);font-weight:500}.link--danger:hover{text-decoration:underline}.link--muted{color:var(--color-text-secondary)}.link--muted:hover{color:var(--color-text-primary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;padding:1.25rem}.card__title{color:var(--color-text-primary);font-weight:500}.card__subtitle{color:var(--color-text-secondary);margin-top:.25rem;font-size:.875rem}.card--interactive{transition:transform .15s,border-color .15s,box-shadow .15s;display:block}.card--interactive:hover{border-color:var(--color-accent-strong);box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.field{flex-direction:column;display:flex}.field__label{color:var(--color-text-primary);margin-bottom:.25rem;font-size:.875rem;font-weight:500}.field__hint{color:var(--color-text-muted);margin-top:.25rem;font-size:.75rem;display:block}.field__error{color:var(--color-danger);margin-top:.25rem;font-size:.875rem}.field__input,.field__select{border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;color:var(--color-text-primary);border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}.dark .field__input,.dark .field__select{border-color:var(--color-border);background:var(--color-surface-muted)}.field__input::placeholder,.field__select::placeholder{color:var(--color-text-muted)}.field__input:focus,.field__select:focus{border-color:var(--color-accent-strong);outline:none;box-shadow:0 0 0 3px #6366f126}.field--sm .field__label{color:var(--color-text-secondary);font-size:.75rem}.field--sm .field__input,.field--sm .field__select{padding:.375rem .5rem}.field__checkbox-row{color:var(--color-text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.field__checkbox{width:1rem;height:1rem;accent-color:var(--color-accent);border-radius:.375rem}.table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;overflow-x:auto}.table{width:100%;font-size:.875rem}.table__head{background:var(--color-surface-muted)}.table__head-cell{text-align:left;color:var(--color-text-secondary);padding:.5rem 1rem;font-weight:500}.table__body tr{border-top:1px solid var(--color-border)}.table__body tr:hover{background:var(--color-surface-muted)}.table__body tr.table__row--edit:hover{background:0 0}.table__row--edit{background:var(--color-surface-muted)}.table__cell{color:var(--color-text-secondary);padding:.5rem 1rem}.table__cell--primary{color:var(--color-text-primary)}.table__cell--actions{text-align:right}.table__empty{color:var(--color-text-secondary);padding:1rem;font-size:.875rem}.badge{align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge__dot{background:currentColor;border-radius:9999px;width:.375rem;height:.375rem}.badge--active{color:var(--color-success)}.badge--inactive{color:var(--color-text-muted)}.badge--danger{color:var(--color-danger)}.banner{border-radius:1rem;margin-top:1.5rem;padding:1rem;font-size:.875rem}.banner--warning{border:1px solid var(--color-warning-border);background:var(--color-warning-bg)}.banner__title{color:var(--color-warning-title);font-weight:500}.banner__line{color:var(--color-warning-text);margin-top:.25rem}.banner__code{background:var(--color-warning-code-bg);border-radius:.375rem;padding:0 .25rem}.banner__close{color:var(--color-warning-title);margin-top:.5rem;font-size:.875rem;text-decoration:underline}.pill-select{border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-secondary);border-radius:9999px;padding:.375rem .75rem;font-size:.875rem;font-weight:500}.dark .pill-select{border-color:var(--color-border);background:var(--color-surface-muted);color:var(--color-text-secondary)}.chip{background:var(--color-accent-soft);color:var(--color-accent-soft-text);border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;display:inline-flex}.chip__remove{color:var(--color-accent-strong);opacity:.6}.chip__remove:hover{opacity:1}.stat-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;padding:1rem}.stat-tile__label{color:var(--color-text-secondary);font-size:.75rem}.stat-tile__value{color:var(--color-text-primary);margin-top:.25rem;font-size:1.5rem;font-weight:600}.stat-tile__hint{color:var(--color-text-muted);margin-top:.25rem;font-size:.75rem}.bar-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;padding:1.25rem}.bar-list__title{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.bar-list__empty{color:var(--color-text-muted);margin-top:.75rem;font-size:.875rem}.bar-list__items{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.bar-list__row-head{justify-content:space-between;align-items:center;margin-bottom:.25rem;font-size:.75rem;display:flex}.bar-list__label{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary);overflow:hidden}.bar-list__value{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:.5rem}.bar-list__track{background:var(--color-surface-muted);border-radius:9999px;width:100%;height:.875rem}.bar-list__fill{background:var(--series-1,var(--color-accent));border-radius:0 9999px 9999px 0;height:.875rem;transition:filter .1s}.bar-list__row:hover .bar-list__fill,.bar-list__row:focus-within .bar-list__fill{filter:brightness(1.1)}.auth-page{background:var(--color-page-bg);justify-content:center;align-items:center;min-height:100vh;padding:0 1rem;display:flex;position:relative;overflow:hidden}.auth-page__glow{pointer-events:none;background:var(--gradient-glow);filter:blur(64px);border-radius:9999px;width:36rem;height:20rem;position:absolute;top:-8rem;left:50%;transform:translate(-50%)}.auth-card{border:1px solid var(--color-border);background:var(--color-surface);width:100%;max-width:24rem;box-shadow:var(--shadow-elevated);border-radius:1.25rem;padding:2rem;position:relative}.auth-card--wide{max-width:28rem}.auth-card__logo{object-fit:contain;width:auto;height:2.25rem}.auth-card__title{letter-spacing:-.01em;color:var(--color-text-primary);margin-top:1rem;font-size:1.25rem;font-weight:600}.auth-card__subtitle{color:var(--color-text-secondary);margin-top:.25rem;font-size:.875rem}.auth-card__form{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.auth-card__footer{text-align:center;color:var(--color-text-secondary);margin-top:1.25rem;font-size:.875rem}.auth-card__banner{border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-secondary);border-radius:1rem;margin-top:1rem;padding:.75rem;font-size:.875rem}.auth-card__hint{text-align:center;color:var(--color-text-muted);margin-top:.5rem;font-size:.75rem}.auth-card__scopes{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:1rem;flex-direction:column;gap:.5rem;margin-top:1rem;padding:.75rem;display:flex}.auth-card__scope{color:var(--color-text-secondary);gap:.5rem;font-size:.875rem;display:flex}.auth-card__scope-check{color:var(--color-accent-strong)}.auth-card__actions{gap:.75rem;margin-top:1.5rem;display:flex}.auth-card__actions form{flex:1}.app-nav{z-index:20;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;position:sticky;top:0}.dark .app-nav{background:#09090bcc}.app-nav__inner{flex-direction:column;gap:.5rem;max-width:72rem;margin:0 auto;padding:.75rem 1.5rem;display:flex}.app-nav__top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.app-nav__brand{align-items:center;gap:.5rem;display:flex}.app-nav__logo{object-fit:contain;width:auto;height:1.75rem}.app-nav__brand-name{letter-spacing:-.01em;color:var(--color-text-primary);font-weight:600}.app-nav__links{flex-wrap:wrap;align-items:center;gap:.25rem;display:none}@media (width>=768px){.app-nav__links{display:flex}}.app-nav__link{color:var(--color-text-secondary);white-space:nowrap;border-radius:9999px;padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:all .15s}.app-nav__link:hover{background:var(--color-surface-muted);color:var(--color-text-primary)}.app-nav__link--active{background:var(--color-accent-soft);color:var(--color-accent-soft-text)}.app-nav__controls{align-items:center;gap:.5rem;display:flex}.app-nav__theme-toggle{border:1px solid var(--color-border-strong);width:2rem;height:2rem;color:var(--color-text-secondary);border-radius:9999px;place-items:center;transition:all .15s;display:grid}.dark .app-nav__theme-toggle{border-color:var(--color-border)}.app-nav__theme-toggle:hover{background:var(--color-surface-muted);color:var(--color-text-primary)}.app-nav__theme-toggle svg{width:1rem;height:1rem}.app-nav__user{color:var(--color-text-secondary);font-size:.875rem;display:none}@media (width>=640px){.app-nav__user{display:inline}}.page{max-width:72rem;margin:0 auto;padding:2.5rem 1.5rem}