:root{--base-000: #f7f7f4;--base-100: #ffffff;--base-300: #e3e3dc;--base-600: #5b615a;--base-900: #1a1c1a;--accent: #0b7a4b;--accent-strong: #096640;--accent-wash: #e7f2ec;--success: var(--accent);--success-wash: var(--accent-wash);--danger: #b3261e;--danger-wash: #fbeae9;--warning: #8a5a00;--warning-wash: #fbf1dd;--surface: var(--base-000);--surface-raised: var(--base-100);--surface-sunken: var(--base-000);--border-subtle: var(--base-300);--border-strong: #cfcfc6;--text-primary: var(--base-900);--text-muted: var(--base-600);--text-on-action: var(--base-100);--action: var(--accent);--action-hover: var(--accent-strong);--selection: var(--accent-wash);--focus-ring: var(--accent);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-numeric: var(--font-sans);--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5625rem;--text-2xl: 1.9375rem;--text-3xl: 2.4375rem;--text-4xl: 3.0625rem;--leading-body: 1.6;--leading-snug: 1.35;--leading-tight: 1.15;--measure: 75ch;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--radius-control: 8px;--radius-container: 12px;--radius-full: 999px;--shadow-popover: 0 4px 12px rgba(26, 28, 26, .12), 0 1px 3px rgba(26, 28, 26, .08);--shadow-modal: 0 16px 48px rgba(26, 28, 26, .22);--scrim: rgba(26, 28, 26, .28);--motion-fast: .12s;--motion-base: .18s;--easing-standard: cubic-bezier(.2, 0, 0, 1)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--base-000: #141614;--base-100: #1e211e;--base-300: #333733;--base-600: #a2a89f;--base-900: #eef0ec;--accent: #35b57e;--accent-strong: #4cc691;--accent-wash: #172b22;--danger: #f2564d;--danger-wash: #34191a;--warning: #e0a640;--warning-wash: #2d2410;--border-strong: #3f443f;--text-on-action: #0f120f;--shadow-popover: 0 4px 12px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .4);--shadow-modal: 0 16px 48px rgba(0, 0, 0, .6);--scrim: rgba(0, 0, 0, .5)}}:root[data-theme=dark]{--base-000: #141614;--base-100: #1e211e;--base-300: #333733;--base-600: #a2a89f;--base-900: #eef0ec;--accent: #35b57e;--accent-strong: #4cc691;--accent-wash: #172b22;--danger: #f2564d;--danger-wash: #34191a;--warning: #e0a640;--warning-wash: #2d2410;--border-strong: #3f443f;--text-on-action: #0f120f;--shadow-popover: 0 4px 12px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .4);--shadow-modal: 0 16px 48px rgba(0, 0, 0, .6);--scrim: rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--surface);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);font-weight:var(--weight-regular);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums}::selection{background:var(--selection)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-control)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app{min-height:100dvh;display:grid;grid-template-columns:240px 1fr}.app__nav{border-right:1px solid var(--border-subtle);background:var(--surface-raised);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-6)}.app__brand{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.nav-collapse{background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;padding:0 var(--space-2);line-height:1.6;font-size:var(--text-md)}.nav-collapse:hover{background:var(--surface);color:var(--text-primary)}.app--collapsed{grid-template-columns:1fr}.app--collapsed .app__nav{display:none}.nav-expand{position:fixed;top:var(--space-3);left:var(--space-3);z-index:40;width:36px;height:36px;background:var(--surface-raised, #fff);border:1px solid var(--border);border-radius:var(--radius-control);cursor:pointer;font-size:var(--text-md);box-shadow:0 2px 8px #0000001f}.app--collapsed .app__main{padding-top:calc(var(--space-8) + 8px)}.app__brand-mark{font-weight:var(--weight-semibold);font-size:var(--text-lg);color:var(--text-primary)}.app__brand-sub{font-size:var(--text-xs);color:var(--text-muted)}.app__navlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.app__navlink{display:flex;align-items:center;gap:var(--space-2);width:100%;text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);border:none;background:transparent;color:var(--text-muted);font:inherit;font-size:var(--text-sm);cursor:pointer}.app__navlink:hover{background:var(--surface);color:var(--text-primary)}.app__navlink--active{background:var(--accent-wash);color:var(--text-primary);font-weight:var(--weight-medium)}.app__main{min-width:0;padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}@media (max-width: 1200px){.app{grid-template-columns:200px 1fr}.app__main{padding:var(--space-6)}}@media (max-width: 860px){.app{grid-template-columns:1fr}.app__nav{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);position:sticky;top:0;z-index:20}.app__navlist{flex-direction:row;flex-wrap:wrap;gap:var(--space-1)}.app__nav .spacer{display:none}.app__main{padding:var(--space-4)}.notif__panel{top:calc(100% + 8px);bottom:auto;left:auto;right:0}}.app__account{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.app__account-info{display:flex;flex-direction:column;min-width:0}.app__account-name{font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.app__account-role{font-size:var(--text-xs);color:var(--text-muted)}.login{min-height:100dvh;display:grid;place-items:center;padding:var(--space-6);background:var(--surface)}.login__card{width:min(400px,100%);display:flex;flex-direction:column;gap:var(--space-4)}.login__brand{font-weight:var(--weight-semibold);color:var(--text-muted);font-size:var(--text-sm)}.login__title{margin:0;font-size:var(--text-2xl);line-height:var(--leading-tight);font-weight:var(--weight-semibold)}.login__sub{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.login__card .btn{margin-top:var(--space-2)}.fieldset-reset{border:0;margin:0;padding:0;min-width:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-head__title{margin:0;font-size:var(--text-2xl);line-height:var(--leading-tight);font-weight:var(--weight-semibold)}.page-head__sub{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--text-sm)}.surface{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-container)}.surface--pad{padding:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-control);border:1px solid transparent;font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1;cursor:pointer;transition:background var(--motion-fast) var(--easing-standard),border-color var(--motion-fast) var(--easing-standard)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--action);color:var(--text-on-action)}.btn--primary:hover:not(:disabled){background:var(--action-hover)}.btn--secondary{background:var(--surface-raised);color:var(--text-primary);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled){background:var(--surface)}.btn--ghost{background:transparent;color:var(--text-muted)}.btn--ghost:hover:not(:disabled){background:var(--surface);color:var(--text-primary)}.btn--danger{background:transparent;color:var(--danger);border-color:var(--border-strong)}.btn--danger:hover:not(:disabled){background:var(--danger-wash);border-color:var(--danger)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.field__hint{font-size:var(--text-xs);color:var(--text-muted)}.field__error{font-size:var(--text-xs);color:var(--danger)}.control{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text-primary);font:inherit;font-size:var(--text-sm)}.control::placeholder{color:var(--text-muted)}.control:hover{border-color:var(--text-muted)}.control[aria-invalid=true]{border-color:var(--danger)}textarea.control{min-height:calc(var(--space-16) + var(--space-8));resize:vertical;line-height:var(--leading-body)}select.control{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.combo{position:relative}.combo__row{display:flex;gap:var(--space-2)}.combo__toggle{flex:none}.combo__list{position:absolute;z-index:20;top:calc(100% + var(--space-1));left:0;right:0;margin:0;padding:var(--space-1);list-style:none;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-control);box-shadow:var(--shadow-popover);max-height:calc(var(--space-24) + var(--space-16));overflow-y:auto}.combo__option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);border:none;background:transparent;width:100%;text-align:left;font:inherit;font-size:var(--text-sm);color:var(--text-primary);cursor:pointer}.combo__option:hover,.combo__option--active{background:var(--accent-wash)}.combo__option-count{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.combo__empty{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-muted)}.filter-combo{width:auto;min-width:150px;max-width:220px}.filter-combo .control{width:100%;min-width:0;max-width:none}.combo__button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);text-align:left;cursor:pointer}.combo__button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo__caret{flex:none;color:var(--text-muted);font-size:var(--text-xs)}.toolbar{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.toolbar__search{flex:1 1 240px;min-width:0}.toolbar__count{font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.filters{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.filter-select{width:auto;min-width:150px;max-width:220px}.filter-select[data-active=true]{border-color:var(--action);background:var(--accent-wash)}.filter-check{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap}.filter-check input[type=checkbox]{width:var(--space-4);height:var(--space-4);accent-color:var(--action);cursor:pointer}.control--estado{width:auto;min-width:148px;max-width:190px}.table--qc td{vertical-align:top}.table--qc .cell-clamp{max-width:220px}.kv{margin:0}.kv__pair{padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.kv__pair:last-child{border-bottom:none}.kv dt{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-top:var(--space-2)}.kv dt:first-child{margin-top:0}.kv dd{margin:2px 0 0;color:var(--text-primary);overflow-wrap:anywhere}.stat-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.stat{flex:1 1 140px;border:1px solid var(--border);border-radius:var(--radius-md, 8px);padding:var(--space-3);background:var(--surface, #fff)}.stat__value{display:block;font-size:1.6rem;font-weight:700;color:var(--text-primary);line-height:1.1}.stat__label{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.stat--danger{border-color:var(--danger)}.stat--danger .stat__value{color:var(--danger)}.stat--accent{border-color:var(--accent, #15803d)}.stat--accent .stat__value{color:var(--accent, #15803d)}.meter{height:10px;background:var(--surface, #eee);border:1px solid var(--border);border-radius:999px;overflow:hidden;margin-bottom:var(--space-3)}.meter__fill{height:100%;background:var(--accent, #15803d);border-radius:999px;transition:width .3s ease}.notif{position:relative;margin-right:var(--space-2)}.notif__btn{position:relative;background:transparent;border:1px solid var(--border);border-radius:999px;width:36px;height:36px;cursor:pointer;font-size:16px;line-height:1}.notif__btn:hover{background:var(--surface, #f2f2f2)}.notif__badge{position:absolute;top:-4px;right:-4px;background:var(--danger, #c0392b);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:flex;align-items:center;justify-content:center}.notif__panel{position:absolute;left:0;right:auto;bottom:calc(100% + 8px);top:auto;z-index:50;width:min(320px,calc(100vw - 32px));max-height:60vh;overflow:auto;background:var(--surface-raised, #fff);border:1px solid var(--border);border-radius:var(--radius-md, 8px);box-shadow:0 8px 24px #0000002e}.notif__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg, #fff)}.notif__link{background:none;border:none;cursor:pointer;color:var(--accent, #15803d);font-size:var(--text-sm);font-weight:600}.notif__list{padding:var(--space-2)}.notif__empty{padding:var(--space-3);color:var(--muted, #777);font-size:var(--text-sm)}.notif__item{padding:var(--space-3);border-radius:var(--radius-sm, 6px);border-left:3px solid transparent}.notif__item+.notif__item{border-top:1px solid var(--border)}.notif__item--unread{border-left-color:var(--accent, #15803d);background:var(--surface, #f6f9f6)}.notif__item-title{font-weight:600;font-size:var(--text-sm)}.notif__item-body{font-size:var(--text-sm);color:var(--text, #333);margin-top:2px}.notif__item-date{font-size:11px;color:var(--muted, #888);margin-top:4px}.notif-modal__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0006;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.notif-modal{width:min(440px,100%);max-height:80vh;overflow:auto;background:var(--surface-raised, #fff);border:1px solid var(--border);border-radius:var(--radius-md, 10px);box-shadow:0 16px 48px #00000047}.notif-modal__head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--border);font-size:var(--text-lg)}.notif-modal__icon{font-size:20px}.notif-modal__body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.notif-modal__foot{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border)}.row-total td{border-top:2px solid var(--border);background:var(--surface, #f8f8f8)}.report-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.banner{border-radius:var(--radius-md, 8px);padding:var(--space-3);font-size:var(--text-sm);line-height:1.4;margin-bottom:var(--space-4)}.banner--danger{background:var(--danger-wash, rgba(220, 38, 38, .08));color:var(--danger, #b91c1c);border:1px solid var(--danger, #b91c1c)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);margin-bottom:var(--space-4)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text-primary)}.tab--active{color:var(--action);border-bottom-color:var(--action)}.row-danger>td{background:var(--danger-wash, rgba(220, 38, 38, .08))}.check-row{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;line-height:1.4}.check-row input[type=checkbox]{width:var(--space-4);height:var(--space-4);margin-top:2px;accent-color:var(--action);cursor:pointer;flex:none}.muni-row{display:flex;gap:var(--space-2);align-items:center}.muni-row--head{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium)}.muni-row__mun{flex:1 1 auto;min-width:0}.muni-row__qty{flex:0 0 90px;width:90px}.row-clickable{cursor:pointer}.row-clickable:hover{background:var(--accent-wash)}.table-wrap{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-container);background:var(--surface-raised)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th,.table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);vertical-align:top}.table thead th{position:sticky;top:0;background:var(--surface-raised);color:var(--text-muted);font-weight:var(--weight-medium);font-size:var(--text-xs);white-space:nowrap}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:var(--surface)}.table tbody tr:last-child td{border-bottom:none}.table__sort{background:none;border:none;font:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:var(--space-1)}.table__sort:hover{color:var(--text-primary)}.cell-strong{font-weight:var(--weight-medium);color:var(--text-primary)}.cell-muted{color:var(--text-muted)}.cell-nowrap{white-space:nowrap}.cell-select{width:var(--space-8);text-align:center}.cell-select input[type=checkbox]{width:var(--space-4);height:var(--space-4);accent-color:var(--action);cursor:pointer}.bulkbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);background:var(--accent-wash);border:1px solid var(--border-subtle);border-radius:var(--radius-container)}.bulkbar__count{font-weight:var(--weight-medium);font-size:var(--text-sm)}.bulkbar__control{min-width:220px}.cell-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:40ch}.pager{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.pager__status{font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--surface);color:var(--text-muted);border:1px solid var(--border-subtle);white-space:nowrap}.badge--accent{background:var(--accent-wash);color:var(--accent-strong);border-color:transparent}.badge--danger{background:var(--danger-wash);color:var(--danger);border-color:transparent}.badge--warning{background:var(--warning-wash);color:var(--warning);border-color:transparent}.badge__dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:currentColor}.avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);background:var(--accent-wash);color:var(--accent-strong);font-size:var(--text-xs);font-weight:var(--weight-semibold);flex:none}.avatar-row{display:inline-flex;align-items:center;gap:var(--space-2)}.skeleton{border-radius:var(--radius-control);background:var(--border-subtle);animation:skeleton-pulse 1.2s ease-in-out infinite}.skeleton--line{height:var(--space-4)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-16) var(--space-6);max-width:46ch;margin:0 auto}.state__title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold)}.state__body{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;justify-content:flex-end;z-index:40}.drawer{width:min(560px,100vw);height:100%;background:var(--surface-raised);border-left:1px solid var(--border-subtle);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;overflow:hidden}.drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-6);border-bottom:1px solid var(--border-subtle)}.drawer__title{margin:0;font-size:var(--text-xl);line-height:var(--leading-snug);font-weight:var(--weight-semibold)}.drawer__body{padding:var(--space-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-6)}.drawer__foot{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-3);justify-content:flex-end}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.form-grid__full{grid-column:1 / -1}.section-title{margin:0;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted)}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.timeline__item{display:flex;flex-direction:column;gap:var(--space-1);padding-left:var(--space-4);border-left:2px solid var(--border-subtle)}.timeline__meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-xs);color:var(--text-muted)}.timeline__note{margin:0;font-size:var(--text-sm);color:var(--text-primary);max-width:var(--measure)}.timeline__note--empty{color:var(--text-muted);font-style:italic}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;gap:var(--space-3);align-items:center}.row--between{justify-content:space-between}.spacer{flex:1}.dl{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-1) var(--space-4);margin:0;font-size:var(--text-sm)}.dl dt{color:var(--text-muted)}.dl dd{margin:0;color:var(--text-primary)}@media (max-width: 720px){.app{grid-template-columns:1fr}.app__nav{flex-direction:row;align-items:center;border-right:none;border-bottom:1px solid var(--border-subtle);overflow-x:auto}.app__navlist{flex-direction:row}.app__main{padding:var(--space-4)}.filter-select{flex:1 1 45%;max-width:none}.form-grid{grid-template-columns:1fr}}.rec-panel{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-container);padding:var(--space-6);margin-bottom:var(--space-6)}.rec-status{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.rec-timer{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.rec-dot{width:12px;height:12px;border-radius:var(--radius-full);background:var(--border-strong);flex:none}.rec-dot--live{background:var(--danger);animation:rec-pulse 1.2s infinite}.rec-dot--paused{background:var(--warning)}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.rec-dot--live{animation:none}}.rec-controls{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.rec-upload{cursor:pointer}.rec-preview{display:block;width:100%;margin-top:var(--space-4)}.rec-error{color:var(--danger);font-size:14px;margin:var(--space-3) 0 0}.rec-result{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.rec-section{margin-top:var(--space-8)}.rec-subtitle{font-size:18px;margin:0 0 var(--space-3)}.rec-row-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.cell-mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.cell-pct{font-variant-numeric:tabular-nums;font-weight:600}.survey-box{border:1.5px solid var(--danger);background:var(--danger-wash);border-radius:var(--radius-container);padding:var(--space-4);margin-bottom:var(--space-6)}.survey-box__title{margin:0 0 var(--space-3);font-size:16px;color:var(--danger)}.survey-box__followup{margin-top:var(--space-4)}.portal{--cr-night: #1b2232;--cr-night-2: #26304a;--cr-blue: #2b5a8a;--cr-blue-strong: #224a73;--cr-cyan: #4fc3dc;--cr-cyan-ink: #1b8299;--cr-cyan-wash: #e4f5f9;--cr-bg: #f4f7fb;--cr-surface: #ffffff;--cr-text: #1b2232;--cr-muted: #5b6578;--cr-border: #dbe2ec;--cr-danger: #e5736b;color-scheme:light;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;font-family:var(--font-sans);color:var(--cr-text);background:var(--cr-bg)}.portal--dark{color:#fff;background:radial-gradient(120% 80% at 50% 0%,var(--cr-night-2) 0%,var(--cr-night) 60%);align-items:center;justify-content:center}.portal__glow{position:absolute;inset:auto;top:18%;left:50%;width:520px;height:520px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,#4fc3dc38,#2b5a8a00 70%);filter:blur(20px);pointer-events:none}.portal__glow--soft{top:-60px;background:radial-gradient(circle,#4fc3dc29,#2b5a8a00 70%)}.portal-wordmark{display:inline-flex;gap:.35em;font-weight:400;letter-spacing:.06em;line-height:1;white-space:nowrap}.portal-wordmark--md{font-size:1.125rem}.portal-wordmark--lg{font-size:clamp(1.35rem,6vw,1.875rem);align-self:center}.portal-wordmark__a{color:var(--cr-text)}.portal-wordmark__b{color:var(--cr-cyan-ink)}.portal--dark .portal-wordmark__a{color:#fff}.portal--dark .portal-wordmark__b{color:var(--cr-cyan)}.portal-login{position:relative;width:min(420px,calc(100% - 32px));display:flex;flex-direction:column;gap:16px;padding:40px 32px 32px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 64px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}.portal-login__tag{margin:-4px 0 12px;font-size:.8125rem;color:#fff9}.portal-login__error{margin:0;font-size:.8125rem;color:var(--cr-danger);text-align:left}.portal-field{display:flex;flex-direction:column;gap:6px;text-align:left;font-size:.8125rem;color:#ffffffbf}.portal-field input{height:44px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#fff;font:inherit;font-size:.9375rem}.portal-field input:focus-visible{outline:2px solid var(--cr-cyan);outline-offset:1px;border-color:transparent}.portal-field input[aria-invalid=true]{border-color:var(--cr-danger)}.portal-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 24px;border-radius:10px;border:0;font:inherit;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background-color .12s ease,opacity .12s ease}.portal-btn:focus-visible{outline:2px solid var(--cr-cyan);outline-offset:2px}.portal-btn:disabled{opacity:.55;cursor:not-allowed}.portal-btn--primary{color:#fff;background:linear-gradient(135deg,var(--cr-blue) 0%,#2f7aa3 100%);box-shadow:0 6px 18px #2b5a8a4d}.portal-btn--primary:hover:not(:disabled){background:var(--cr-blue-strong)}.portal-login .portal-btn--primary{margin-top:8px;width:100%}.portal-btn--ghost{height:36px;padding:0 14px;background:transparent;color:var(--cr-muted)}.portal-btn--ghost:hover{background:var(--cr-cyan-wash);color:var(--cr-text)}.portal-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:0 40px;background:var(--cr-surface);border-bottom:1px solid var(--cr-border)}.portal-header__session{display:flex;align-items:center;gap:12px}.portal-header__who{display:flex;flex-direction:column;align-items:flex-end;font-size:.75rem;color:var(--cr-muted)}.portal-header__who strong{color:var(--cr-text);font-weight:600}.portal-select{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 16px;text-align:center}.portal-select__title{position:relative;margin:0;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;line-height:1.15;letter-spacing:-.01em}.portal-select__name{color:var(--cr-cyan-ink)}.portal-select__sub{position:relative;margin:12px 0 32px;font-size:1.0625rem;color:var(--cr-muted)}.portal-select__actions{position:relative;margin-top:36px}.portal-cards{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:32px}.portal-card{display:flex;flex-direction:column;align-items:center;gap:4px;aspect-ratio:1;padding:24px;border-radius:14px;border:2px solid var(--cr-border);background:var(--cr-surface);color:var(--cr-text);font:inherit;cursor:pointer;box-shadow:0 8px 24px #1b22320f;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.portal-card:hover:not(:disabled){border-color:var(--cr-cyan);transform:translateY(-2px)}.portal-card:focus-visible{outline:2px solid var(--cr-cyan);outline-offset:3px}.portal-card:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.portal-card--active{border-color:transparent;color:#fff;background:linear-gradient(150deg,var(--cr-night) 0%,var(--cr-blue) 100%);box-shadow:0 16px 36px #2b5a8a59}.portal-card__top{align-self:stretch;display:flex;align-items:center;justify-content:space-between}.portal-card__badge{padding:2px 8px;border-radius:999px;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:var(--cr-cyan-wash);color:var(--cr-cyan-ink)}.portal-card--active .portal-card__badge{background:#4fc3dc2e;color:var(--cr-cyan)}.portal-card__check{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;font-size:.875rem;background:var(--cr-bg)}.portal-card--active .portal-card__check{background:var(--cr-cyan);color:var(--cr-night)}.portal-card__mark{margin:auto 0;padding:10px 18px;border-radius:10px;font-size:.875rem;font-weight:700;color:var(--cr-blue);background:var(--cr-surface);box-shadow:0 2px 8px #1b22321a}.portal-card__name{font-size:1.25rem;font-weight:600}.portal-card__area{font-size:.8125rem;color:var(--cr-muted)}.portal-card--active .portal-card__area{color:#ffffffb8}.portal-footer{position:relative;display:flex;align-items:center;gap:8px;padding:24px 40px;font-size:.75rem;color:var(--cr-muted);background:var(--cr-surface);border-top:1px solid var(--cr-border)}.portal-footer__dot{width:8px;height:8px;border-radius:50%;background:var(--cr-cyan)}.portal-footer--dark{position:absolute;bottom:0;left:0;right:0;justify-content:center;color:#ffffff73;background:transparent;border:0}@media (max-width: 640px){.portal-header{padding:12px 16px}.portal-header__who{display:none}.portal-cards{grid-template-columns:minmax(0,260px);gap:16px}.portal-footer{padding:16px}}