:root{--bg: #f4f7f5;--panel: #ffffff;--ink: #173126;--muted: #5d6d63;--line: #dce6e0;--green: #1f6f4a;--amber: #8a5a12;--red: #b42318;--blue: #2b6cb0;--violet: #6b46c1;--surface: var(--panel);--surface-sunken: var(--bg);--surface-raised: #ffffff;--border: var(--line);--border-strong: #709681;--text: var(--ink);--text-muted: var(--muted);--text-inverse: #ffffff;--primary: var(--green);--primary-hover: #185639;--primary-subtle: #e6f0ea;--focus-ring: #2b6cb0;--ok: var(--green);--ok-subtle: #e6f0ea;--warning: var(--amber);--warning-subtle: #fdf3e2;--danger: var(--red);--danger-subtle: #fdeceb;--info: var(--blue);--info-subtle: #e8f0f9;--neutral: var(--muted);--neutral-subtle: #eef2f0;--accent: var(--violet);--accent-subtle: #f0ebfb;--criticality-a: #b42318;--criticality-a-subtle: #fdeceb;--criticality-b: #8a5a12;--criticality-b-subtle: #fdf3e2;--criticality-c: #1f6f4a;--criticality-c-subtle: #e6f0ea;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--leading-tight: 1.25;--leading-normal: 1.5;--radius-sm: 4px;--radius: 6px;--radius-lg: 10px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgb(23 49 38 / 6%);--shadow: 0 2px 8px rgb(23 49 38 / 8%);--shadow-lg: 0 8px 24px rgb(23 49 38 / 12%);--sidebar-width: 15rem;--header-height: 3.5rem;--drawer-width: min(40rem, 100vw);--transition-fast: .12s ease;--transition: .18s ease;--z-drawer: 40;--z-modal: 50;--z-toast: 60}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #101713;--panel: #17211b;--ink: #eef7f1;--muted: #a7b5ac;--line: #2c3a31;--green: #55b889;--amber: #f0b85a;--red: #ff7b72;--blue: #74a9e8;--violet: #b69df6;--surface: var(--panel);--surface-sunken: var(--bg);--surface-raised: #1d2922;--border: var(--line);--border-strong: #587061;--text: var(--ink);--text-muted: var(--muted);--text-inverse: #101713;--primary: var(--green);--primary-hover: #6cc79a;--primary-subtle: #1b2d24;--ok-subtle: #1b2d24;--warning-subtle: #2e2517;--danger-subtle: #2e1a19;--info-subtle: #1a2431;--neutral-subtle: #212c26;--accent-subtle: #241d33;--criticality-a: #ff7b72;--criticality-a-subtle: #2e1a19;--criticality-b: #f0b85a;--criticality-b-subtle: #2e2517;--criticality-c: #55b889;--criticality-c-subtle: #1b2d24;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow: 0 2px 8px rgb(0 0 0 / 45%);--shadow-lg: 0 8px 24px rgb(0 0 0 / 55%)}}:root[data-theme=dark]{--bg: #101713;--panel: #17211b;--ink: #eef7f1;--muted: #a7b5ac;--line: #2c3a31;--green: #55b889;--amber: #f0b85a;--red: #ff7b72;--blue: #74a9e8;--violet: #b69df6;--surface: var(--panel);--surface-sunken: var(--bg);--surface-raised: #1d2922;--border: var(--line);--border-strong: #587061;--text: var(--ink);--text-muted: var(--muted);--text-inverse: #101713;--primary: var(--green);--primary-hover: #6cc79a;--primary-subtle: #1b2d24;--ok-subtle: #1b2d24;--warning-subtle: #2e2517;--danger-subtle: #2e1a19;--info-subtle: #1a2431;--neutral-subtle: #212c26;--accent-subtle: #241d33;--criticality-a: #ff7b72;--criticality-a-subtle: #2e1a19;--criticality-b: #f0b85a;--criticality-b-subtle: #2e2517;--criticality-c: #55b889;--criticality-c-subtle: #1b2d24;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow: 0 2px 8px rgb(0 0 0 / 45%);--shadow-lg: 0 8px 24px rgb(0 0 0 / 55%)}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms;--transition: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:more){:root:not([data-contrast=normal]):not([data-theme=dark]){--text: #0b1f16;--text-muted: #33463c;--border: #6f8478;--border-strong: #41544a;--focus-ring: #123a63}}:root[data-contrast=more]:not([data-theme=dark]){--text: #0b1f16;--text-muted: #33463c;--border: #6f8478;--border-strong: #41544a;--focus-ring: #123a63}@media(prefers-contrast:more){:root:not([data-contrast=normal])[data-theme=dark]{--text: #f4fcf8;--text-muted: #c8dbd0;--border: #7b9387;--border-strong: #a4baad;--focus-ring: #9ccbf5}}:root[data-contrast=more][data-theme=dark]{--text: #f4fcf8;--text-muted: #c8dbd0;--border: #7b9387;--border-strong: #a4baad;--focus-ring: #9ccbf5}@media(prefers-color-scheme:dark)and (prefers-contrast:more){:root:not([data-contrast=normal]):not([data-theme=light]){--text: #f4fcf8;--text-muted: #c8dbd0;--border: #7b9387;--border-strong: #a4baad;--focus-ring: #9ccbf5}}@media(prefers-color-scheme:dark){:root[data-contrast=more]:not([data-theme=light]){--text: #f4fcf8;--text-muted: #c8dbd0;--border: #7b9387;--border-strong: #a4baad;--focus-ring: #9ccbf5}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--surface-sunken);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;line-height:var(--leading-tight);font-weight:600}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}button{font:inherit;cursor:pointer}.num{font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:.95em}.app{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar header" "sidebar main";min-height:100vh}.app--collapsed{grid-template-columns:0 1fr}.app__header{grid-area:header;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-5);background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.app__sidebar{grid-area:sidebar;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}.app__main{grid-area:main;padding:var(--space-5);overflow-x:hidden;max-width:100%}@media(max-width:900px){.app{grid-template-columns:1fr;grid-template-areas:"header" "main"}.app__sidebar{position:fixed;inset:var(--header-height) auto 0 0;width:var(--sidebar-width);transform:translate(-100%);transition:transform var(--transition);z-index:var(--z-drawer)}.app__sidebar--open{transform:translate(0);box-shadow:var(--shadow-lg)}.app__main{padding:var(--space-4)}}.nav{padding:var(--space-3);display:flex;flex-direction:column;gap:2px}.nav__brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3);font-weight:700;font-size:var(--text-base);color:var(--primary);border-bottom:1px solid var(--border)}.nav__group{margin-top:var(--space-4);padding:0 var(--space-3);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.nav__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--text);font-size:var(--text-sm);transition:background var(--transition-fast)}.nav__item:hover{background:var(--neutral-subtle);text-decoration:none}.nav__item--active{background:var(--primary-subtle);color:var(--primary);font-weight:600}.nav__icon{width:1.25rem;text-align:center;flex-shrink:0}.nav__badge{margin-left:auto;background:var(--danger);color:var(--text-inverse);border-radius:var(--radius-full);padding:0 var(--space-2);font-size:var(--text-xs);font-weight:600;min-width:1.25rem;text-align:center}.page{display:flex;flex-direction:column;gap:var(--space-5)}.page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page__title{display:flex;flex-direction:column;gap:var(--space-1)}.page__subtitle{color:var(--text-muted);font-size:var(--text-sm)}.page__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-bar{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.filter-bar__field{display:flex;flex-direction:column;gap:var(--space-1);min-width:10rem}.filter-bar__label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.filter-bar__spacer{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border)}.card__title{font-size:var(--text-base);font-weight:600}.card__body{padding:var(--space-4)}.card__footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--surface-sunken)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table.data{width:100%;border-collapse:collapse;font-size:var(--text-sm)}table.data th{text-align:left;padding:var(--space-3) var(--space-4);background:var(--surface-sunken);border-bottom:1px solid var(--border);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap;position:sticky;top:0}table.data td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:top}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr.clickable{cursor:pointer}table.data tbody tr.clickable:hover{background:var(--neutral-subtle)}table.data td.right,table.data th.right{text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:var(--text-sm);font-weight:500;min-height:2.5rem;transition:background var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.btn:hover:not(:disabled){background:var(--neutral-subtle)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--text-inverse)}.btn--primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn--danger{background:var(--danger);border-color:var(--danger);color:var(--text-inverse)}.btn--ghost{border-color:transparent;background:transparent}.btn--sm{min-height:2rem;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn--icon{padding:var(--space-2);min-width:2.5rem}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font-size:var(--text-sm);font-weight:500}.field__required:after{content:" *";color:var(--danger)}.field__hint{font-size:var(--text-xs);color:var(--text-muted)}.field__error{font-size:var(--text-xs);color:var(--danger);font-weight:500}.input,.select,.textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:var(--text-sm);min-height:2.5rem;width:100%}.textarea{min-height:5rem;resize:vertical}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-sunken);color:var(--text-muted)}.input--error,.select--error,.textarea--error{border-color:var(--danger)}.checkbox-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.checkbox-row input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--primary)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-4)}.form-grid--full{grid-column:1 / -1}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;white-space:nowrap;background:var(--neutral-subtle);color:var(--text)}.badge--ok{background:var(--ok-subtle);color:var(--ok)}.badge--warning{background:var(--warning-subtle);color:var(--warning)}.badge--danger{background:var(--danger-subtle);color:var(--danger)}.badge--info{background:var(--info-subtle);color:var(--info)}.badge--accent{background:var(--accent-subtle);color:var(--accent)}.badge--a{background:var(--criticality-a-subtle);color:var(--criticality-a)}.badge--b{background:var(--criticality-b-subtle);color:var(--criticality-b)}.badge--c{background:var(--criticality-c-subtle);color:var(--criticality-c)}.alert{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid;font-size:var(--text-sm)}.alert--info{background:var(--info-subtle);border-color:var(--info);color:var(--text)}.alert--warning{background:var(--warning-subtle);border-color:var(--warning);color:var(--text)}.alert--danger{background:var(--danger-subtle);border-color:var(--danger);color:var(--text)}.alert--ok{background:var(--ok-subtle);border-color:var(--ok);color:var(--text)}.alert__title{font-weight:600}.alert__body{display:flex;flex-direction:column;gap:var(--space-1)}.alert__code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17312652;z-index:var(--z-drawer)}.drawer{position:fixed;inset:0 0 0 auto;width:var(--drawer-width);background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:var(--z-drawer);display:flex;flex-direction:column}.drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.drawer__body{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.drawer__body>*{flex-shrink:0}.drawer__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);display:flex;gap:var(--space-2);flex-wrap:wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17312666;display:grid;place-items:center;padding:var(--space-4);z-index:var(--z-modal)}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:min(44rem,100%);max-height:min(90vh,50rem);display:flex;flex-direction:column}.modal--sm{width:min(28rem,100%)}.modal__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.modal__body{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.modal__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--space-2)}.details{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--space-4);margin:0}.details__item{display:flex;flex-direction:column;gap:2px;min-width:0}.details__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.details__value{font-size:var(--text-sm);overflow-wrap:anywhere}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--space-4)}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.stat__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.stat__value{font-size:var(--text-2xl);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.stat__meta{font-size:var(--text-xs);color:var(--text-muted)}.stat--danger .stat__value{color:var(--danger)}.stat--warning .stat__value{color:var(--warning)}.stat--ok .stat__value{color:var(--ok)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;font-size:var(--text-sm);color:var(--text-muted)}.pagination__controls{display:flex;gap:var(--space-2);align-items:center}.empty{padding:var(--space-7) var(--space-5);text-align:center;color:var(--text-muted);display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.empty__title{font-weight:600;color:var(--text)}.skeleton{background:linear-gradient(90deg,var(--neutral-subtle) 25%,var(--surface) 50%,var(--neutral-subtle) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius);height:1rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sync-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;border:1px solid transparent}.sync-pill--online{background:var(--ok-subtle);color:var(--ok)}.sync-pill--offline{background:var(--warning-subtle);color:var(--warning);border-color:var(--warning)}.sync-pill--conflict{background:var(--danger-subtle);color:var(--danger);border-color:var(--danger)}.sync-pill--syncing{background:var(--info-subtle);color:var(--info)}.toast-region{position:fixed;bottom:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-toast);max-width:min(26rem,calc(100vw - 2rem))}.toast{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--info);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);display:flex;gap:var(--space-3);align-items:flex-start}.toast--ok{border-left-color:var(--ok)}.toast--warning{border-left-color:var(--warning)}.toast--danger{border-left-color:var(--danger)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:var(--space-3)}.grow{flex:1}.muted{color:var(--text-muted)}.small{font-size:var(--text-xs)}.mono{font-family:var(--font-mono);font-size:.95em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;left:var(--space-3);top:var(--space-3);z-index:1000;transform:translateY(-200%);background:var(--surface);color:var(--text);padding:var(--space-3) var(--space-4);border:2px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow-lg);text-decoration:none;font-weight:600}.skip-link:focus-visible{transform:none}.app__main:focus{outline:none}.header-search{display:flex;align-items:center;gap:var(--space-1);min-width:0;flex:0 1 22rem}.header-search__field{display:flex;min-width:0;flex:1 1 auto}.header-search .input{min-width:0;width:100%}.search-form{display:flex;gap:var(--space-2);align-items:center}.search-form .input{flex:1 1 auto;min-width:0}@media(max-width:700px){.header-user,.header-search__field{display:none}.header-search{flex:0 0 auto}.app__header{gap:var(--space-2);padding:0 var(--space-3)}}.search-hits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.search-hit+.search-hit{border-top:1px solid var(--border)}.search-hit__link{display:grid;gap:2px;padding:var(--space-3);margin:calc(-1 * var(--space-1)) 0;border-radius:var(--radius);color:inherit;text-decoration:none}.search-hit__link:hover{background:var(--surface-sunken)}.search-hit__link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.search-hit__head{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.search-hit__number{font-size:var(--text-sm);color:var(--text-muted)}.search-hit__label{font-weight:600;overflow-wrap:anywhere}.search-hit__meta{overflow-wrap:anywhere}