@font-face{font-family:Stardos Stencil;font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/stardos-stencil-700.woff2) format("woff2")}:root{--color-brand-accent: #7c3aed}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.5;background-color:var(--color-bg-body);color:var(--color-text-body);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a.link,.link{color:var(--color-primary-text);text-decoration:none}a.link:hover,.link:hover{text-decoration:underline}code{font-family:var(--font-mono);font-size:.9em;background-color:var(--color-surface-sunken);border:1px solid var(--color-divider);padding:.0625rem .375rem;border-radius:var(--radius-sm);color:var(--color-text-body)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--color-text-muted)}.num{font-variant-numeric:tabular-nums}.app-header{position:sticky;top:0;z-index:10;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:.75rem 0;transition:transform .22s ease}.app-header--hidden{transform:translateY(-100%)}.app-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.app-header__actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.app-header__context{display:flex;align-items:center;gap:.875rem;min-width:0}.app-header__divider{width:1px;height:1.5rem;background-color:var(--color-border-strong);flex-shrink:0}.app-header__customer{font-size:var(--text-base);font-weight:500;color:var(--color-text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker{position:relative;flex-shrink:0}.picker__btn{display:inline-flex;align-items:center;gap:.375rem;margin:-.25rem -.375rem;padding:.25rem .375rem;background:none;border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background-color .15s,border-color .15s}.picker__btn>.app-header__customer{white-space:nowrap;overflow:visible;text-overflow:clip}.picker__btn:hover{background-color:var(--color-surface-hover);border-color:var(--color-border)}.picker__btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.picker__caret{flex-shrink:0;width:1rem;height:1rem;color:var(--color-text-muted);transition:transform .15s ease-out}.picker__btn[aria-expanded=true] .picker__caret{transform:rotate(180deg)}.picker__panel{position:absolute;top:calc(100% + .5rem);left:0;z-index:20;width:max-content;min-width:max(100%,15rem);max-width:min(28rem,calc(100vw - 2rem));max-height:17rem;overflow:auto;padding:.25rem;display:flex;flex-direction:column;gap:.125rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.picker__option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.4375rem .5rem;background:none;border:0;border-radius:var(--radius-sm);font:inherit;text-align:left;cursor:pointer}.picker__option:hover{background-color:var(--color-surface-hover)}.picker__option:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-focus-ring)}.picker__option--active{background-color:var(--color-primary-soft-bg)}.picker__names{display:flex;flex-direction:column;flex:1;min-width:0}.picker__name{font-size:var(--text-sm);font-weight:500;color:var(--color-text-strong);white-space:nowrap}.picker__id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.picker__check{flex-shrink:0;width:1rem;height:1rem;color:var(--color-primary-text);visibility:hidden}.picker__option--active .picker__check{visibility:visible}.app-brand{display:inline-flex;align-items:baseline;color:var(--color-text-strong);text-decoration:none;font-size:1.5rem;font-weight:600;letter-spacing:-.01em;line-height:1;white-space:nowrap}.app-brand__d{font-family:Stardos Stencil,Georgia,Times New Roman,serif;font-weight:700;font-size:1.4em;line-height:1;color:var(--color-brand-accent)}.page{width:100%;max-width:60rem;margin:0 auto;padding:0 1.5rem}.page--main{padding-top:1.5rem;padding-bottom:5rem;display:grid;gap:1.25rem}.page--narrow{max-width:26rem;padding-top:10vh;padding-bottom:4rem;display:grid;gap:1.5rem}.page--narrow .app-brand{justify-content:center}.stack{display:grid;gap:1rem}.stack--sm{gap:.5rem}.form-row{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.form-row>.field{flex:1 1 14rem}.form-row>.field--fixed{flex:0 0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-weight:500;font-size:var(--text-sm);line-height:1.25;padding:.5rem 1rem;border-radius:var(--radius-md);border:1px solid transparent;background-color:transparent;color:var(--color-text-body);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.btn--sm{font-size:var(--text-xs);padding:.375rem .625rem}.btn--block{width:100%}.btn--primary{background-color:var(--color-primary);color:var(--color-primary-fg)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn--ghost{border-color:var(--color-border);background-color:var(--color-surface);color:var(--color-text-body)}.btn--ghost:hover:not(:disabled){border-color:var(--color-border-strong);background-color:var(--color-surface-hover);color:var(--color-text)}.btn--danger{border-color:var(--color-danger-soft-border);background-color:var(--color-surface);color:var(--color-danger-fg)}.btn--danger:hover:not(:disabled){background-color:var(--color-danger-soft-bg)}.btn-link{background:none;border:none;padding:0;font:inherit;font-weight:500;color:var(--color-primary-text);cursor:pointer}.btn-link:hover{text-decoration:underline}.btn-link:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring);border-radius:var(--radius-sm)}.btn-link--xs{font-size:var(--text-xs)}.btn-link--muted{color:var(--color-text-muted)}.btn-link--muted:hover{color:var(--color-text-body)}.btn-link--danger{color:var(--color-danger-fg)}.btn-link:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:.375rem;color:var(--color-text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:color .15s,border-color .15s}.icon-btn:hover{color:var(--color-text-body);border-color:var(--color-border)}.icon-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.icon-btn svg{width:1.125rem;height:1.125rem}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.card__header{padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid var(--color-border)}.card__header--sunken{background-color:var(--color-surface-sunken);border-bottom-color:var(--color-divider)}.card__body{padding:1.25rem}.card__body--flush{padding:0}.card__section{padding:1.25rem}.card__section+.card__section{border-top:1px solid var(--color-divider)}.card__footer{padding:.75rem 1.25rem;border-top:1px solid var(--color-border);background-color:var(--color-surface-sunken)}.card__title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-strong)}.card__subtitle{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:.125rem}.core-meta{display:inline-flex;align-items:center;gap:.75rem;font-size:var(--text-xs);white-space:nowrap}.card__toggle{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;margin:-.25rem -.5rem;padding:.25rem .5rem;background:none;border:0;border-radius:var(--radius-sm);font:inherit;color:inherit;text-align:left;cursor:pointer}.card__toggle:hover .card__title{color:var(--color-primary-text)}.card__toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.card__caret{flex-shrink:0;width:1rem;height:1rem;color:var(--color-text-muted);transition:transform .15s ease-out}.card__toggle[aria-expanded=true] .card__caret{transform:rotate(90deg)}.card__summary{display:inline-flex;align-items:baseline;gap:.375rem;font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.card__summary strong{font-weight:600;color:var(--color-text-strong)}.field{display:block}.field__label{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:.25rem}.field__help{display:block;margin-top:.25rem;font-size:var(--text-xs);color:var(--color-text-muted)}.field__error{display:block;margin-top:.375rem;font-size:var(--text-xs);color:var(--color-danger-fg)}.input,.select{width:100%;display:block;border:1px solid var(--color-border-strong);background-color:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);padding:.5rem .75rem;font-size:var(--text-sm);font-family:inherit;line-height:1.4;outline:none;transition:border-color .15s,box-shadow .15s}html.dark .input,html.dark .select{background-color:var(--color-bg-body)}.input:focus,.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.input--invalid,.select--invalid{border-color:var(--color-danger-fg)}.input::placeholder{color:var(--color-text-muted)}.input--sm,.select--sm{padding:.375rem .625rem;font-size:var(--text-sm)}.input--auto,.select--auto{width:auto}.input--mono{font-family:var(--font-mono)}.input--code{font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:.35em;text-align:center;padding:.625rem .75rem}.badge{display:inline-flex;align-items:center;gap:.375rem;font-size:var(--text-xs);font-weight:500;padding:.25rem .625rem;border-radius:var(--radius-full);border:1px solid transparent;white-space:nowrap}.badge--success{background-color:var(--color-success-soft-bg);color:var(--color-success-soft-fg);border-color:var(--color-success-soft-border)}.badge--neutral{background-color:var(--color-surface-nested);color:var(--color-text-body);border-color:var(--color-border)}.badge--warn{background-color:var(--color-warn-soft-bg);color:var(--color-warn-soft-fg);border-color:var(--color-warn-soft-border)}.badge--danger{background-color:var(--color-danger-soft-bg);color:var(--color-danger-soft-fg);border-color:var(--color-danger-soft-border)}.badge--primary{background-color:var(--color-primary-soft-bg);color:var(--color-primary-soft-fg);border-color:var(--color-primary-soft-border)}.dot{flex-shrink:0;width:.5rem;height:.5rem;border-radius:var(--radius-full);background-color:var(--color-text-muted)}.dot--warn{background-color:var(--color-warn-dot)}.dot--danger{background-color:var(--color-danger-dot)}.dot--success{background-color:var(--color-success-dot)}.state{display:inline-flex;align-items:center;gap:.375rem;font-size:var(--text-xs);font-weight:500;white-space:nowrap;color:var(--color-text-muted)}.state--warn{color:var(--color-warn-fg)}.state--danger{color:var(--color-danger-fg)}.banner{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border:1px solid;border-radius:var(--radius-lg)}.banner__icon{margin-top:.125rem;flex-shrink:0}.banner__icon svg{width:1.125rem;height:1.125rem}.banner__title{font-size:var(--text-sm);font-weight:600}.banner__sub{font-size:var(--text-xs);margin-top:.125rem;color:var(--color-text-muted)}.banner--info{background-color:var(--color-primary-soft-bg);border-color:var(--color-primary-soft-border);color:var(--color-primary-soft-fg)}.banner--warn{background-color:var(--color-warn-soft-bg);border-color:var(--color-warn-soft-border);color:var(--color-warn-soft-fg)}.banner--danger{background-color:var(--color-danger-soft-bg);border-color:var(--color-danger-soft-border);color:var(--color-danger-soft-fg)}.banner--success{background-color:var(--color-success-soft-bg);border-color:var(--color-success-soft-border);color:var(--color-success-soft-fg)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);background-color:var(--color-surface-sunken);padding:.5rem 1.25rem;border-bottom:1px solid var(--color-divider);white-space:nowrap}.table td{padding:.75rem 1.25rem;border-bottom:1px solid var(--color-divider);color:var(--color-text-body);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table .num,.table th.num{text-align:right}.table__actions{text-align:right;white-space:nowrap}.table__actions .btn-link+.btn-link{margin-left:.75rem}.table__primary{color:var(--color-text);font-weight:500}.overage{color:var(--color-warn-fg);font-weight:600}.stat__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.stat__value{font-size:var(--text-xl);font-weight:600;color:var(--color-text-strong);font-variant-numeric:tabular-nums;line-height:1.2;margin-top:.125rem}.stat--hero .stat__value{font-size:1.75rem;letter-spacing:-.02em}.stat__value small{font-size:var(--text-sm);font-weight:400;color:var(--color-text-muted);margin-left:.25rem}.meter-block{margin-top:1rem}.meter{height:.5rem;border-radius:var(--radius-full);background-color:var(--color-border-strong);overflow:hidden}.meter__fill{height:100%;border-radius:inherit;background-color:var(--color-primary);transition:width .3s ease}.meter--warn .meter__fill{background-color:var(--color-warn-dot)}.meter--over .meter__fill{background-color:var(--color-danger-dot)}.meter__caption{display:flex;justify-content:space-between;gap:1rem;margin-top:.375rem;font-size:var(--text-xs);color:var(--color-text-muted)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:1px;background-color:var(--color-divider);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.metric{min-width:0;padding:.8125rem 1.125rem .9375rem;background-color:var(--color-surface)}.metric__value{margin-top:.1875rem;font-size:1.625rem;font-weight:600;line-height:1.15;letter-spacing:-.02em;color:var(--color-text-strong)}.metric__value small{margin-left:.25rem;font-size:var(--text-sm);font-weight:400;letter-spacing:0;color:var(--color-text-muted)}.metric--warn .metric__value{color:var(--color-warn-fg)}.metric--danger .metric__value{color:var(--color-danger-fg)}.metric__note{margin-top:.1875rem;font-size:var(--text-xs);color:var(--color-text-muted)}.toolbar{display:flex;align-items:center;gap:.5rem}.toolbar__search{position:relative;flex:1 1 auto;min-width:0}.toolbar__search .input{padding-left:2.125rem}.toolbar__icon{position:absolute;left:.6875rem;top:50%;width:.875rem;height:.875rem;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.toolbar__search .input::-webkit-search-decoration{-webkit-appearance:none}.list-note{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem;margin:-.25rem 0;font-size:var(--text-xs);color:var(--color-text-muted)}.filter{position:relative;flex:none;display:inline-flex}.filter__trigger{position:relative;display:flex;align-items:center;justify-content:center;width:1.875rem;height:1.875rem;padding:0;color:var(--color-text-muted);background-color:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:color .15s,background-color .15s,border-color .15s}.filter__trigger:hover{color:var(--color-text-body);background-color:var(--color-surface-hover);border-color:var(--color-border)}.filter__trigger:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.filter__trigger svg{width:1.0625rem;height:1.0625rem}.filter--armed .filter__trigger{color:var(--color-primary-text)}.filter__badge{position:absolute;top:-.1875rem;right:-.1875rem;display:flex;align-items:center;justify-content:center;min-width:.9375rem;height:.9375rem;padding:0 .25rem;font-size:.625rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-primary-fg);background-color:var(--color-primary);border-radius:var(--radius-full)}.filter__panel{position:absolute;top:calc(100% + .5rem);left:0;z-index:20;width:15rem;max-height:24rem;overflow-y:auto;padding:.375rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.filter__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.25rem .5rem .5rem;border-bottom:1px solid var(--color-border)}.filter__title{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.filter__group{padding:.5rem 0}.filter__group+.filter__group{border-top:1px solid var(--color-border)}.filter__label{padding:0 .5rem;margin-bottom:.25rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted)}.filter__option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.3125rem .5rem;font-family:inherit;font-size:var(--text-sm);color:var(--color-text-body);text-align:left;background:none;border:0;border-radius:var(--radius-sm);cursor:pointer}.filter__option:hover{background-color:var(--color-surface-hover)}.filter__option:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.filter__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter__count{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.filter__option--off{opacity:.5;cursor:not-allowed}.filter__option--off:hover{background-color:transparent}.filter__radio{flex:none;display:flex;align-items:center;justify-content:center;width:.9375rem;height:.9375rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-full)}.filter__option[aria-checked=true] .filter__radio{border-color:var(--color-primary)}.filter__radio:after{content:"";width:.4375rem;height:.4375rem;border-radius:var(--radius-full);background-color:var(--color-primary);visibility:hidden}.filter__option[aria-checked=true] .filter__radio:after{visibility:visible}.checkbox{flex:none;width:.9375rem;height:.9375rem;margin:0;accent-color:var(--color-primary);cursor:pointer}.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal__overlay{position:absolute;inset:0;background-color:var(--color-overlay)}.modal__panel{position:relative;z-index:1;width:100%;max-width:56rem;max-height:calc(100vh - 3rem);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden}.modal__panel--md{max-width:44rem}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--color-border)}.modal__title{font-size:var(--text-base);font-weight:600;color:var(--color-text-strong)}.modal__subtitle{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:.125rem}.modal__close{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;flex-shrink:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:color .15s,background-color .15s,border-color .15s}.modal__close svg{width:1rem;height:1rem}.modal__close:hover{color:var(--color-text-body);background-color:var(--color-surface-hover);border-color:var(--color-border)}.modal__close:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.modal__panes{overflow-y:auto;flex:1;min-height:0}.modal__pane{padding:1.25rem}.modal__footer{padding:.875rem 1.25rem;border-top:1px solid var(--color-border);background-color:var(--color-surface-sunken)}body.has-modal{overflow:hidden}.empty{color:var(--color-text-muted);font-size:var(--text-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
