:root{--bg-page: #eef1f6;--surface-1: #f4f6fa;--surface-2: #fafbfd;--surface-3: #f8fafd;--surface-card: #ffffff;--border: #e4e8f0;--border-2: #ebedf3;--border-strong: #d6dae5;--border-cool: #eaeff4;--sidebar-bg: #010027;--text: #010027;--text-muted: #5a5e73;--text-faint: #6b6e7d;--text-tertiary: #3a3e52;--border-faint: #9499ad;--brand-primary: #03e7ef;--brand-primary-ink: #01717a;--brand-primary-soft: rgba(3, 231, 239, .12);--brand-secondary: #fb23ba;--state-success-text: #157a4f;--state-success-accent: #1fb574;--state-warning-text: #8f5b06;--state-warning-accent: #f5a623;--state-danger-text: #b33136;--state-danger-accent: #e5484d;--font-title: "Jura", "Segoe UI", system-ui, sans-serif;--font-body: "Calibri", "Carlito", "Segoe UI", sans-serif;--font-mono: "SF Mono", ui-monospace, "Cascadia Code", monospace;--radius-default: 10px;--radius-card: 14px;--radius-chip: 8px;--radius-pill: 999px;--icon-size: 20px;--shadow-card: 0 1px 2px rgba(1, 0, 39, .04);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--leading-tight: 1.25;--leading-normal: 1.5;--sidebar-w: 264px;--content-max: 1360px;--page-pad-x: var(--space-5);--control-h: 38px;--row-h: 56px;--touch-min: 44px;--focus-ring: 0 0 0 2px var(--surface-card), 0 0 0 4px var(--brand-primary-ink);--shadow-raised: 0 2px 8px rgba(1, 0, 39, .08);--shadow-overlay: 0 12px 32px rgba(1, 0, 39, .16);--dur-fast: .12s;--dur-base: .2s;--ease-out: cubic-bezier(.2, .8, .3, 1);--z-sticky: 100;--z-dropdown: 200;--z-overlay: 900;--z-modal: 1000;--z-toast: 1100;--badge-pad-y: 7px;--badge-pad-x: 14px;--avatar-size: 36px;--veil: rgba(1, 0, 39, .4);--sidebar-ink: #ffffff;--sidebar-ink-hover: #c7cbdb;--sidebar-ink-faint: #9499ad;--sidebar-ink-active: #0397a0;--topbar-h: 56px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg-page);color:var(--text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-title);color:var(--text);margin:0}:focus-visible{outline:2px solid var(--brand-primary-ink);outline-offset:2px}body:has(dialog:modal){overflow:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-4);border:1.5px solid transparent;border-radius:var(--radius-default);background:var(--surface-card);color:var(--text);font-family:var(--font-title);font-weight:700;font-size:var(--text-base);line-height:var(--leading-tight);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.btn:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--focus-ring)}.btn:active:not(:disabled){filter:brightness(.95)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--brand-primary);color:var(--text)}.btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--brand-primary) 88%,var(--text))}.btn--ghost{background:var(--surface-card);color:var(--text-muted);border-color:var(--border)}.btn--ghost:hover:not(:disabled){background:var(--surface-1)}.btn--outline{background:var(--surface-card);color:var(--brand-primary-ink);border-color:var(--brand-primary-ink)}.btn--outline:hover:not(:disabled){background:var(--brand-primary-soft)}.btn--danger{background:var(--surface-card);color:var(--state-danger-text);border-color:var(--state-danger-accent)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--state-danger-accent) 10%,var(--surface-card))}.btn--icon{width:var(--control-h);padding:0;background:transparent;border-color:transparent;color:var(--text-muted);font-size:var(--text-lg)}.btn--icon:hover:not(:disabled){background:var(--surface-1);color:var(--text)}@media(max-width:899px){.btn{min-height:var(--touch-min);min-width:var(--touch-min)}.btn--icon{width:var(--touch-min);height:var(--touch-min)}}.field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.field__label{font-family:var(--font-title);font-size:var(--text-sm);color:var(--text)}.input,.select{width:100%;height:var(--control-h);padding:0 var(--space-3);border:1.5px solid var(--border);border-radius:var(--radius-default);background:var(--surface-card);color:var(--text);font-family:var(--font-body);font-size:var(--text-lg)}.select{cursor:pointer}textarea.input{height:auto;min-height:calc(var(--control-h) * 2);padding:var(--space-2) var(--space-3);resize:vertical}.input::placeholder{color:var(--text-faint)}.input:focus-visible,.select:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--focus-ring);border-color:var(--brand-primary-ink)}.input[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--state-danger-accent)}.input:disabled,.select:disabled{background:var(--surface-1);color:var(--text-faint);cursor:not-allowed}.field__hint{margin:0;font-size:var(--text-xs);color:var(--text-muted)}.field__error{margin:0;font-size:var(--text-xs);color:var(--state-danger-text)}@media(max-width:899px){.input,.select{min-height:var(--touch-min)}}@media(min-width:900px){.input,.select{font-size:var(--text-sm)}}.card{display:block;background:var(--surface-card);border:1.5px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-4)}dialog.card:not([open]){display:none}.list-card--flush{display:contents}.card__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.card__body{display:block}.card__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4)}@media(min-width:900px){.card{padding:var(--space-5)}.list-card--flush{display:block}}.badge{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:var(--badge-pad-y) var(--badge-pad-x);font-family:var(--font-body);font-weight:700;font-size:var(--text-xs);line-height:1;white-space:nowrap}.badge--ok,.badge--success{color:var(--state-success-text);background:color-mix(in srgb,var(--state-success-accent) 16%,var(--surface-card));--dot-color: var(--state-success-accent)}.badge--warn,.badge--warning{color:var(--state-warning-text);background:color-mix(in srgb,var(--state-warning-accent) 18%,var(--surface-card));--dot-color: var(--state-warning-accent)}.badge--danger{color:var(--state-danger-text);background:color-mix(in srgb,var(--state-danger-accent) 16%,var(--surface-card));--dot-color: var(--state-danger-accent)}.badge--neutral{color:var(--text-muted);background:var(--surface-1);--dot-color: var(--border-faint)}.badge--dot{gap:var(--space-1);padding:0;background:none;color:var(--text);font-weight:400}.badge--dot:before{content:"";flex:none;width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--dot-color, var(--border-faint))}.data-table-wrap{display:none}.record-cards{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.data-table{width:100%;border-collapse:collapse;background:var(--surface-card);font-family:var(--font-body)}.data-table th{background:var(--surface-1);color:var(--text-faint);text-align:left;text-transform:uppercase;font-size:var(--text-xs);font-weight:700;letter-spacing:.03em;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{height:var(--row-h);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);color:var(--text);font-size:var(--text-base);vertical-align:middle}.data-table__empty{text-align:center;color:var(--text-muted);padding:var(--space-6) var(--space-4)}.data-table thead th{position:sticky;top:0;z-index:var(--z-sticky)}.col--name{min-width:200px}.col--state{width:1%;white-space:nowrap}.col--secondary{display:table-cell}.col--actions{width:1%;white-space:nowrap}.data-table__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:700}.record-card{background:var(--surface-card);border:1.5px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-4)}.record-card__head{display:flex;align-items:center;gap:var(--space-3);min-width:0}.record-card__avatar,.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-pill);background:var(--brand-primary-soft);color:var(--brand-primary-ink);font-family:var(--font-title);font-size:var(--text-sm);font-weight:700}.record-card__who{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;line-height:var(--leading-tight)}.record-card__name{font-weight:700}.record-card__owner{font-size:var(--text-sm);color:var(--text-muted)}.record-card__states{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.record-card__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3)}.record-card__label{display:block;font-size:var(--text-xs);color:var(--text-faint)}.record-card__value{display:block;font-size:var(--text-base);color:var(--text)}.record-card__foot{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4)}.record-card__foot>.row-actions{flex:1 1 auto}@media(min-width:900px){.data-table-wrap{display:block}.record-cards{display:none}}@media(min-width:900px)and (max-width:1199px){.data-table-wrap{overflow-x:auto}.data-table--compact .col--secondary{display:none}.data-table--compact th:first-child,.data-table--compact td:first-child{position:sticky;left:0;box-shadow:var(--shadow-raised)}.data-table--compact td:first-child{background:var(--surface-card)}.data-table--compact th:first-child{background:var(--surface-1);z-index:var(--z-sticky)}}.alert{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-default);font-family:var(--font-body);font-size:var(--text-sm)}.alert--ok{background:color-mix(in srgb,var(--state-success-accent) 14%,var(--surface-card));color:var(--state-success-text)}.alert--error{background:color-mix(in srgb,var(--state-danger-accent) 12%,var(--surface-card));color:var(--state-danger-text)}.empty-state{margin:0;padding:var(--space-5) var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--text-base)}.empty-state--error{color:var(--state-danger-text)}.value-empty{color:var(--text-faint)}.skeleton{background:var(--surface-1);border-radius:var(--radius-chip);animation:ecf-skeleton-pulse 1.2s var(--ease-out) infinite}@keyframes ecf-skeleton-pulse{50%{opacity:.55}}.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}.page__head{margin-bottom:var(--space-4)}.page__title{margin:0;font-family:var(--font-title);font-size:var(--text-2xl);color:var(--text)}.page__subtitle{margin:var(--space-1) 0 0;max-width:70ch;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-muted)}.page__head--split{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.page__help{margin:0;max-width:70ch;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted)}.page__alert{margin-bottom:var(--space-4)}.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-4)}.pager__info{order:-1;flex:1 0 100%;text-align:center;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted)}@media(min-width:900px){.pager{gap:var(--space-4)}.pager__info{order:0;flex:0 1 auto}}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.filters__bar{display:flex;align-items:center;gap:var(--space-3);width:100%}.filters__search{flex:1 1 260px;min-width:0}.filters__toggle{flex:none}.filters__panel{display:none;flex-wrap:wrap;gap:var(--space-3);width:100%}.filters__panel--open{display:flex}.filters__panel .select{flex:1 1 180px;min-width:180px}.chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);width:100%;margin:0;padding:0;list-style:none}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);border:1.5px solid var(--border);border-radius:var(--radius-chip);background:var(--surface-1);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text)}.chip__remove{display:inline-flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);padding:0;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-lg);line-height:1;cursor:pointer}.chip__remove:hover{background:var(--border);color:var(--text)}.chip__remove:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--focus-ring)}@media(max-width:899px){.chip__remove{min-width:var(--touch-min);min-height:var(--touch-min)}}@media(min-width:900px){.filters__bar{flex:1 1 260px;width:auto}.filters__toggle{display:none}.filters__panel,.filters__panel--open{display:flex;flex:3 1 auto;width:auto}}.row-actions{position:relative;display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.row-actions--block{width:100%;justify-content:flex-end}.row-actions--block>:first-child:not(.btn--icon){flex:1 1 auto;justify-content:center}.menu{display:none;position:absolute;top:calc(100% + var(--space-1));right:0;z-index:var(--z-dropdown);min-width:180px;flex-direction:column;padding:var(--space-1);border:1.5px solid var(--border);border-radius:var(--radius-default);background:var(--surface-card);box-shadow:var(--shadow-raised)}.menu[data-visible=true]{display:flex}.menu__item{display:flex;align-items:center;width:100%;min-height:var(--control-h);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-chip);background:transparent;color:var(--text);font-family:var(--font-title);font-weight:700;font-size:var(--text-base);text-align:left;white-space:nowrap;cursor:pointer}.menu__item:hover,.menu__item:focus{background:var(--surface-1);outline:none}.menu__item:focus-visible{box-shadow:var(--focus-ring)}.menu__item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.menu__item--danger{color:var(--state-danger-text)}.menu__item--danger:hover,.menu__item--danger:focus{background:color-mix(in srgb,var(--state-danger-accent) 10%,var(--surface-card))}@media(max-width:899px){.menu{min-width:calc(var(--touch-min) * 4)}.menu__item{min-height:var(--touch-min)}}.meter{display:flex;flex-direction:column;gap:var(--space-1);min-width:110px}.meter__bar{display:block;height:6px;border-radius:var(--radius-pill);background:linear-gradient(to right,var(--brand-primary-ink) 0,var(--brand-primary-ink) var(--pct, 0%),var(--surface-1) var(--pct, 0%),var(--surface-1) 100%)}.meter__label{font-size:var(--text-xs);color:var(--text-muted)}.dialog{box-sizing:border-box;width:calc(100% - var(--space-6));max-width:480px;padding:var(--space-5);border:1.5px solid var(--border);border-radius:var(--radius-card);background:var(--surface-card);color:var(--text);box-shadow:var(--shadow-overlay);max-height:calc(100dvh - var(--space-6));overflow-y:auto;overscroll-behavior:contain}.dialog::backdrop{background:var(--veil)}.dialog__title{margin:0 0 var(--space-4);font-family:var(--font-title);font-size:18px}.dialog__title--tight{margin-bottom:var(--space-1)}.dialog__subtitle{margin:0 0 var(--space-4);font-family:var(--font-title);font-size:var(--text-lg);color:var(--brand-primary-ink)}.dialog__message{margin:0;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-muted)}.dialog__audit{margin:var(--space-3) 0 0;font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-faint)}.dialog__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5)}.form{display:flex;flex-direction:column;gap:var(--space-4)}@media(max-width:899px){.dialog{width:calc(100% - var(--space-4));padding:var(--space-4);max-height:calc(100dvh - var(--space-4))}.dialog__actions{position:sticky;bottom:calc(var(--space-4) * -1);z-index:var(--z-sticky);margin-inline:calc(var(--space-4) * -1);margin-bottom:calc(var(--space-4) * -1);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--surface-card)}}