@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Roboto+Mono:wght@400;500&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Geist,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Geist Mono,ui-monospace,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.\!inline{display:inline!important}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--bg: #faf9fd;--bg-2: #f3f4f9;--surface: #fdfcff;--surface-2: #f3f4f9;--surface-hover: #eef0f6;--border: #e2e2e9;--border-strong: #c4c6d0;--border-soft: #ebebf1;--fg: #1a1c1e;--fg-2: #2f3038;--fg-muted: #44474e;--fg-subtle: #74777f;--fg-faint: #8e9099;--accent: #1976d2;--accent-hover: #1565c0;--accent-soft: #d6e3ff;--accent-soft-2: #b3ccff;--accent-border: #74abff;--success: #2e7d32;--success-soft: #c8e6c9;--success-border: #a5d6a7;--warning: #e65100;--warning-soft: #fff3e0;--warning-border: #ffcc80;--danger: #c62828;--danger-soft: #ffebee;--danger-border: #ef9a9a;--critical: #b71c1c;--critical-soft: #ffcdd2;--info: #0288d1;--info-soft: #e1f5fe;--pad-page-x: 32px;--pad-page-y: 28px;--pad-card: 24px;--pad-row-y: 16px;--pad-row-x: 20px;--gap: 16px;--gap-lg: 24px;--gap-xl: 32px;--radius: 8px;--radius-sm: 6px;--radius-lg: 12px;--row-h: 56px;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 32px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.09), 0 1px 3px rgba(0,0,0,.05);--shadow-lg: 0 12px 32px rgba(0,0,0,.13), 0 2px 8px rgba(0,0,0,.06);--sidebar-w: 248px;--topbar-h: 64px}:root[data-density=dense]{--pad-page-x: 24px;--pad-page-y: 18px;--pad-card: 18px;--pad-row-y: 10px;--pad-row-x: 14px;--gap: 12px;--gap-lg: 18px;--gap-xl: 24px;--row-h: 44px;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 13px;--fs-md: 14px;--fs-lg: 15px;--fs-xl: 18px;--fs-2xl: 22px;--fs-3xl: 28px;--sidebar-w: 230px;--topbar-h: 56px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Roboto,sans-serif;font-size:var(--fs-base);line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}.mono{font-family:Roboto Mono,monospace;font-feature-settings:"tnum"}.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--fg-muted)}.dot{width:5px;height:5px;border-radius:50%;background:var(--fg-faint);display:inline-block}.divider{height:1px;background:var(--border-soft);margin:8px 0}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;overflow:hidden}.app--collapsed{grid-template-columns:64px 1fr}.sidebar{width:var(--sidebar-w);transition:width .18s ease;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar__brand{display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--border);height:var(--topbar-h);flex-shrink:0}.sidebar__logo{width:36px;height:36px;border-radius:4px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:18px;flex-shrink:0}.sidebar__name{font-weight:600;font-size:16px;color:var(--fg)}.sidebar__nav{flex:1;padding:8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar__section-label{padding:16px 12px 6px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);font-weight:600}.sidebar__item{display:flex;align-items:center;gap:12px;height:36px;padding:0 12px;border-radius:4px;color:var(--fg-muted);font-size:13px;font-weight:500;text-decoration:none;background:none;border:0;width:100%;text-align:left;cursor:pointer;transition:background .08s}.sidebar__item:hover{background:var(--surface-hover);color:var(--fg)}.sidebar__item--active{background:var(--accent-soft);color:var(--accent)}.sidebar__item--active .sidebar__icon{color:var(--accent)}.sidebar__icon{width:18px;height:18px;flex-shrink:0;color:var(--fg-muted)}.sidebar__badge{margin-left:auto;background:var(--bg-2);color:var(--fg-muted);font-size:11px;padding:1px 7px;border-radius:4px;font-weight:600}.sidebar__item--active .sidebar__badge{background:var(--accent);color:#fff}.sidebar__user-wrap{position:relative;border-top:1px solid var(--border)}.sidebar__user{width:100%;padding:12px;display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;transition:background .08s}.sidebar__user:hover,.sidebar__user--active{background:var(--surface-hover)}.sidebar__avatar{width:36px;height:36px;border-radius:4px;background:#535f70;color:#fff;display:grid;place-items:center;font-size:14px;font-weight:600;flex-shrink:0}.sidebar__user-info{line-height:1.2;flex:1;min-width:0}.sidebar__user-name{font-size:13px;font-weight:500;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:12px;color:var(--fg-muted)}.sidebar__user-dropdown{position:absolute;bottom:calc(100% + 4px);left:8px;right:8px;background:var(--surface);border:1px solid var(--border);border-radius:4px;box-shadow:0 4px 16px #0000001f,0 1px 4px #00000014;overflow:hidden;animation:sidebar-menu-in .12s ease}@keyframes sidebar-menu-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sidebar__user-dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;background:none;border:none;cursor:pointer;font-size:var(--fs-sm);font-family:inherit;color:var(--fg-muted);transition:background .08s,color .08s;text-align:left}.sidebar__user-dropdown-item:hover{background:var(--surface-hover);color:var(--fg)}.sidebar__user-dropdown-item--danger:hover{color:var(--danger);background:var(--danger-soft)}.sidebar__collapse-btn{margin-left:auto;width:28px;height:28px;border-radius:4px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--fg-muted);flex-shrink:0;transition:background .08s,color .08s}.sidebar__collapse-btn:hover{background:var(--surface-hover);color:var(--fg)}.sidebar--collapsed{width:64px;overflow:hidden}.sidebar--collapsed .sidebar__brand{justify-content:center;padding:0 12px}.sidebar--collapsed .sidebar__collapse-btn{margin-left:0}.sidebar--collapsed .sidebar__nav{padding:8px}.sidebar--collapsed .sidebar__item{justify-content:center;padding:0;gap:0}.sidebar--collapsed .sidebar__user{justify-content:center;padding:16px 0}.sidebar--collapsed .sidebar__avatar{margin:0}.sidebar--collapsed .sidebar__user-dropdown{left:4px;right:4px}.topbar__icon-btn{width:36px;height:36px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--fg-muted);flex-shrink:0;transition:background .1s,color .1s}.topbar__icon-btn:hover{background:var(--surface-hover);color:var(--fg)}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);background:var(--surface);display:flex;align-items:center;padding:0 var(--pad-page-x);gap:16px;position:sticky;top:0;z-index:10}.topbar__title{font-size:var(--fs-lg);font-weight:600;letter-spacing:-.015em;color:var(--fg)}.topbar__sub{font-size:var(--fs-sm);color:var(--fg-muted);margin-left:6px}.topbar__spacer{flex:1}.topbar__search{display:flex;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--border);padding:6px 12px;border-radius:var(--radius-sm);width:280px;color:var(--fg-muted);font-size:var(--fs-sm)}.topbar__search input{background:none;border:0;outline:none;color:var(--fg);width:100%;font-size:var(--fs-sm)}.topbar__kbd{font-family:Roboto Mono,monospace;font-size:10px;padding:1px 5px;border:1px solid var(--border-strong);border-radius:4px;color:var(--fg-muted)}.main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.page{padding:var(--pad-page-y) var(--pad-page-x);display:flex;flex-direction:column;gap:var(--gap-lg);flex:1;min-height:0;overflow-y:auto}.page--flush{padding:0;gap:0;flex:1;min-height:0}.page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page__title{font-size:var(--fs-3xl);font-weight:600;letter-spacing:-.025em;margin:0;color:var(--fg)}.page__desc{font-size:var(--fs-md);color:var(--fg-muted);margin-top:4px}.page__actions{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:4px;border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.btn:hover{background:var(--surface-hover)}.btn--primary{background:#1976d2;border-color:#1976d2;color:#fff}.btn--primary:hover{background:#1565c0;border-color:#1565c0;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.btn--accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn--accent:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--ghost{border-color:transparent;background:transparent;color:var(--fg-2)}.btn--ghost:hover{background:var(--surface-hover);color:var(--fg)}.btn--danger{color:var(--danger);border-color:var(--danger-border);background:var(--surface)}.btn--danger:hover{background:var(--danger-soft)}.btn--icon{padding:6px;border-radius:4px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}.btn--sm{padding:4px 10px;font-size:var(--fs-xs)}.card{background:var(--surface);border:1px solid var(--border);border-radius:4px;overflow:hidden}.card__header{padding:16px var(--pad-card);border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;gap:12px}.card__title{font-size:var(--fs-md);font-weight:600;color:var(--fg);margin:0;letter-spacing:-.01em}.card__sub{font-size:var(--fs-sm);color:var(--fg-muted)}.card__body{padding:var(--pad-card)}.card__body--flush{padding:0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap)}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:18px 20px}.kpi__label{font-size:var(--fs-xs);color:var(--fg-muted);font-weight:500;letter-spacing:.02em;text-transform:uppercase}.kpi__value{font-size:var(--fs-3xl);font-weight:600;letter-spacing:-.03em;color:var(--fg);margin-top:6px;font-variant-numeric:tabular-nums}.kpi__delta{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);margin-top:6px;color:var(--fg-muted)}.kpi__delta--up{color:var(--success)}.kpi__delta--down{color:var(--danger)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:4px;font-size:var(--fs-xs);font-weight:500;border:1px solid transparent;white-space:nowrap}.badge__dot{width:6px;height:6px;border-radius:50%}.badge--neutral{background:var(--bg-2);color:var(--fg-2);border-color:var(--border)}.badge--success{background:var(--success-soft);color:var(--success);border-color:var(--success-border)}.badge--warning{background:var(--warning-soft);color:#825100;color:oklch(.48 .13 70);border-color:var(--warning-border)}.badge--danger{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-border)}.badge--critical{background:var(--critical-soft);color:var(--critical);border-color:#ff9495;border-color:oklch(.78 .13 20)}.badge--info{background:var(--info-soft);color:var(--info);border-color:#b2d4e0}.badge--accent{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.badge--ghost{color:var(--fg-muted);background:transparent;border-color:var(--border)}.badge--solid-success{background:var(--success);color:#fff;border-color:var(--success)}.badge--lg{padding:4px 10px;font-size:var(--fs-sm)}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl thead th{text-align:left;font-weight:600;font-size:11px;color:var(--fg-muted);padding:0 16px;height:40px;border-bottom:1px solid var(--border);background:var(--bg-2);white-space:nowrap;text-transform:uppercase;letter-spacing:.02em}.tbl tbody td{padding:0 16px;height:48px;border-bottom:1px solid var(--border-soft);color:var(--fg);vertical-align:middle}.tbl tbody tr:last-child td{border-bottom:0}.tbl tbody tr{transition:background .08s}.tbl tbody tr:hover{background:var(--surface-hover)}.tbl tbody tr.is-selected{background:#d6e3ff}.tbl-chip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:4px;font-size:13px;font-weight:500;white-space:nowrap}.tbl-chip--role{background:#e8eaf6;color:#1a237e}.tbl-chip--area{background:#d6e3ff;color:#001b3f}.tbl-chip--active{background:#c8e6c9;color:#1b5e20}.tbl-chip--inactive{border:1px solid #c4c6d0;color:#44474e}.tbl-chip__dot{width:6px;height:6px;border-radius:50%;background:#2e7d32;flex-shrink:0}.tbl-muted{color:#74777f}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.avatar--lg{width:40px;height:40px;font-size:13px}.avatar--xl{width:56px;height:56px;font-size:16px}.av-0{background:#1976d2}.av-1{background:#f57c00}.av-2{background:#388e3c}.av-3{background:#c62828}.av-4{background:#7b1fa2}.av-5{background:#00838f}.name-cell{display:flex;align-items:center;gap:10px;min-width:0}.name-cell__text{line-height:1.2;min-width:0}.name-cell__name{font-weight:500;color:var(--fg);font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-cell__sub{font-size:var(--fs-xs);color:var(--fg-muted);margin-top:2px}.input,.select{width:100%;height:36px;background:var(--surface);border:1px solid var(--border-strong);border-radius:4px;padding:0 12px;font-size:14px;font-family:inherit;color:var(--fg);outline:none;transition:border-color .14s,box-shadow .14s}.textarea{width:100%;background:var(--surface);border:1px solid var(--border-strong);border-radius:4px;padding:10px 12px;font-size:14px;font-family:inherit;color:var(--fg);outline:none;resize:vertical;min-height:80px;transition:border-color .14s,box-shadow .14s}.input:focus,.select:focus,.textarea:focus{border-color:#1976d2;box-shadow:inset 0 0 0 1px #1976d2}.input:disabled,.select:disabled{background:#f3f4f9;border-color:#c4c6d0;color:#74777f;cursor:default}.field{display:flex;flex-direction:column;gap:8px}.field__label{font-size:12px;font-weight:500;color:#1a1c1e;letter-spacing:.04em;text-transform:uppercase}.field__hint{font-size:12px;color:#44474e}.filter-bar{display:flex;align-items:center;gap:12px;padding:14px var(--pad-card);border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.filter-bar__search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border-strong);border-radius:4px;padding:0 12px;height:36px;min-width:260px;flex:1;max-width:380px;transition:border-color .15s,box-shadow .15s}.filter-bar__search:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.filter-bar__search input{background:none;border:0;outline:none;width:100%;font-size:14px;color:var(--fg)}.filter-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border:1px solid var(--border-strong);border-radius:4px;background:transparent;font-size:13px;font-weight:500;color:var(--fg-muted);cursor:pointer;font-family:inherit;transition:background .08s}.filter-chip:hover{background:#0000000a}.filter-chip--active{background:#d6e3ff;color:#001b3f;border-color:#74abff}.filter-select{height:32px;padding:0 32px 0 12px;border:1px solid var(--border-strong);border-radius:4px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2344474e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:13px;font-weight:500;color:var(--fg-muted);cursor:pointer;min-width:140px}.filter-select:focus{outline:none;border-color:var(--accent)}.mff{position:relative;height:48px;background:var(--surface);border-radius:4px;border:1px solid var(--border-strong);display:flex;align-items:flex-end;gap:10px;padding:0 12px 6px;transition:border-color .15s,box-shadow .15s;cursor:text}.mff:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.mff input,.mff select{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:14px;color:var(--fg);padding:0;line-height:1.4}.mff select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.mff input:disabled{color:var(--fg-faint);cursor:not-allowed}.mff .lbl{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;font-family:inherit;color:var(--fg-muted);pointer-events:none;transition:top .15s cubic-bezier(.4,0,.2,1),font-size .15s cubic-bezier(.4,0,.2,1),color .15s;line-height:1;white-space:nowrap}.mff input:not(:-moz-placeholder)~.lbl{top:6px;transform:none;font-size:11px}.mff input:not(:placeholder-shown)~.lbl,.mff input:focus~.lbl,.mff input[data-v]~.lbl,.mff select:focus~.lbl,.mff select[data-v]~.lbl,.mff.mff--float .lbl{top:6px;transform:none;font-size:11px}.mff:focus-within .lbl{color:var(--accent)}.mff--multi{height:auto;min-height:48px;flex-wrap:wrap;align-items:center;gap:4px;padding-top:6px;padding-bottom:6px;cursor:pointer}.mff--multi.mff--float{padding-top:20px;align-items:flex-start}.mff--multi .trail{top:50%;transform:translateY(-50%);align-self:unset}.mff--multi .msel-chip{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px 0 10px;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer}.mff--multi .msel-chip:hover{background:var(--accent-soft-2)}.mff--multi .msel-chip svg{opacity:.6}.mff--area{height:auto;flex-direction:column;align-items:stretch;padding:8px 14px;gap:4px;cursor:auto}.mff--area .lbl{position:static;transform:none;font-size:12px;top:auto;transition:color .15s}.mff--area textarea{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:var(--fg);padding:0;line-height:1.5;resize:vertical;font-family:inherit;min-height:72px}.mff .trail{color:var(--fg-muted);display:flex;align-items:center;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.mff select{padding-right:32px}.segmented{display:inline-flex;background:var(--bg-2);border:1px solid var(--border);border-radius:4px;padding:3px;gap:2px}.segmented__item{padding:5px 14px;font-size:13px;font-weight:500;color:var(--fg-muted);border:0;background:none;cursor:pointer;border-radius:3px;font-family:inherit;transition:background .08s,color .08s}.segmented__item--active{background:var(--accent-soft);color:var(--accent)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000052;z-index:50;animation:fadeIn .15s ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:100vw;background:#fdfcff;border-left:1px solid #e2e2e9;z-index:51;display:flex;flex-direction:column;animation:slideIn .22s cubic-bezier(.22,1,.36,1);box-shadow:-8px 0 24px #0000001a}.drawer--wide{width:720px}.drawer__header{padding:18px 24px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;gap:12px}.drawer__body{flex:1;overflow-y:auto;padding:24px}.drawer__footer{padding:16px 24px;border-top:1px solid var(--border-soft);display:flex;justify-content:flex-end;gap:8px;background:var(--surface-2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:50;display:grid;place-items:center;animation:fadeIn .15s ease}.modal{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 32px #0000002e,0 2px 8px #00000014;width:520px;max-width:calc(100vw - 48px);max-height:calc(100vh - 80px);display:flex;flex-direction:column;animation:popIn .2s ease-out}.modal--lg{width:680px}.modal__header{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.modal__title{font-size:16px;font-weight:600;color:var(--fg)}.modal__body{flex:1;overflow-y:auto;padding:24px}.modal__footer{padding:14px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;background:var(--bg-2)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border)}.tab{padding:10px 4px;margin:0 12px -1px 0;font-size:var(--fs-sm);color:var(--fg-muted);background:none;border:0;border-bottom:2px solid transparent;cursor:pointer;font-weight:500}.tab:hover{color:var(--fg-2)}.tab--active{color:var(--fg);border-bottom-color:var(--fg)}.sites{display:grid;grid-template-columns:400px 1fr;flex:1;min-height:0}.sites__list{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.sites__list-header{padding:18px 20px;border-bottom:1px solid var(--border-soft)}.sites__counts{display:flex;gap:14px;margin-top:12px;align-items:center;font-size:var(--fs-xs);color:var(--fg-muted)}.sites__count-num{font-weight:600;color:var(--fg);font-size:var(--fs-md);margin-right:4px;font-variant-numeric:tabular-nums}.sites__search{margin-top:14px;display:flex;gap:8px;align-items:center;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 12px}.sites__search input{border:0;background:none;outline:none;width:100%;font-size:var(--fs-sm);color:var(--fg)}.sites__items{flex:1;overflow-y:auto}.site-item{padding:14px 20px;border-bottom:1px solid var(--border-soft);cursor:pointer;display:flex;gap:12px;align-items:flex-start;transition:background .1s}.site-item:hover{background:var(--surface-2)}.site-item--active{background:var(--accent-soft);border-left:3px solid var(--accent);padding-left:17px}.site-item__icon{width:36px;height:36px;border-radius:8px;background:var(--bg-2);display:grid;place-items:center;color:var(--fg-2);flex-shrink:0}.site-item--active .site-item__icon{background:var(--surface);color:var(--accent)}.site-item__body{flex:1;min-width:0}.site-item__name{font-weight:500;font-size:var(--fs-sm);color:var(--fg);display:flex;align-items:center;gap:8px}.site-item__addr{font-size:var(--fs-xs);color:var(--fg-muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.site-item__meta{font-size:11px;color:var(--fg-faint);margin-top:6px;display:flex;gap:10px;font-family:Roboto Mono,monospace}.map-wrap{position:relative;background:var(--bg-2);overflow:hidden;flex:1}.map-canvas{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#eef3f4;background-image:linear-gradient(oklch(.93 .008 220) 1px,transparent 1px),linear-gradient(90deg,oklch(.93 .008 220) 1px,transparent 1px);background-size:48px 48px}.map-roads{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5}.map-controls{position:absolute;top:18px;right:18px;display:flex;flex-direction:column;gap:6px}.map-ctrl-btn{width:32px;height:32px;background:var(--surface);border:1px solid var(--border);border-radius:6px;display:grid;place-items:center;cursor:pointer;color:var(--fg-2);box-shadow:var(--shadow-sm)}.map-ctrl-btn:hover{background:var(--surface-hover)}.map-legend{position:absolute;bottom:18px;left:18px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 14px;box-shadow:var(--shadow-md);font-size:var(--fs-xs)}.map-legend__item{display:flex;align-items:center;gap:8px;padding:2px 0}.pin{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:2}.pin__radius{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--accent);background:#0465af1a;pointer-events:none;transition:width .2s,height .2s}.pin--active .pin__radius{border-color:var(--accent);background:#0465af2e;border-width:2.5px}.pin--inactive .pin__radius{border-color:var(--fg-faint);background:#80808014;border-style:dashed}.pin__dot{position:relative;width:14px;height:14px;border-radius:50%;background:var(--accent);border:3px solid var(--surface);box-shadow:0 2px 6px #13161a4d;z-index:3}.pin--active .pin__dot{background:var(--accent);width:18px;height:18px}.pin--inactive .pin__dot{background:var(--fg-faint)}.pin__label{position:absolute;top:-38px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:var(--fs-xs);font-weight:500;white-space:nowrap;box-shadow:var(--shadow-md);z-index:4}.empty{padding:60px 20px;text-align:center;color:var(--fg-muted)}.sev-bar{width:3px;align-self:stretch;border-radius:2px}.sev-bar--low{background:var(--info)}.sev-bar--med{background:var(--warning)}.sev-bar--high{background:var(--danger)}.sev-bar--crit{background:var(--critical)}.split{display:grid;grid-template-columns:1fr 360px;gap:var(--gap-lg);align-items:flex-start}@media(max-width:1200px){.split{grid-template-columns:1fr}}.timeline{padding:4px 0}.timeline__item{display:grid;grid-template-columns:36px 1fr;gap:12px;padding-bottom:18px;position:relative}.timeline__item:not(:last-child):before{content:"";position:absolute;top:30px;left:17px;bottom:0;width:1px;background:var(--border)}.timeline__dot{width:32px;height:32px;border-radius:50%;background:var(--surface);border:1px solid var(--border-strong);display:grid;place-items:center;color:var(--fg-2);z-index:1}.timeline__dot--accent{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.timeline__dot--success{background:var(--success-soft);border-color:var(--success-border);color:var(--success)}.timeline__body{padding-top:4px}.timeline__head{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;font-size:var(--fs-sm)}.timeline__actor{font-weight:500;color:var(--fg)}.timeline__action{color:var(--fg-muted)}.timeline__time{color:var(--fg-faint);font-size:var(--fs-xs);margin-left:auto}.timeline__note{margin-top:6px;padding:10px 12px;background:var(--bg-2);border:1px solid var(--border-soft);border-radius:6px;font-size:var(--fs-sm);color:var(--fg-2)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.photo{aspect-ratio:1;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;position:relative;overflow:hidden;cursor:pointer}.photo__label{position:absolute;bottom:6px;left:6px;background:#13161ab3;color:#fff;font-family:Roboto Mono,monospace;font-size:10px;padding:2px 6px;border-radius:4px}.props{display:flex;flex-direction:column;gap:12px}.props__row{display:grid;grid-template-columns:130px 1fr;gap:8px;font-size:var(--fs-sm);align-items:baseline}.props__label{color:var(--fg-muted);font-size:var(--fs-xs)}.props__val{color:var(--fg)}.att-legend{display:flex;gap:18px;padding:10px var(--pad-card);border-bottom:1px solid var(--border-soft);background:var(--surface-2);flex-wrap:wrap}.att-legend__item{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--fg-2)}.att-legend__swatch{width:14px;height:14px;border-radius:4px}.att-scroll{overflow:auto;max-height:calc(100vh - 380px);position:relative}.att-cal{border-collapse:separate;border-spacing:0;table-layout:fixed;width:-moz-max-content;width:max-content;min-width:100%;font-size:var(--fs-sm)}.att-cal th,.att-cal td{padding:0;border:0}.att-cal__sticky{position:sticky;left:0;z-index:2;background:var(--surface);border-right:1px solid var(--border)}.att-cal__head{background:var(--surface-2);text-align:left;padding:10px var(--pad-row-x);font-size:var(--fs-xs);font-weight:500;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);z-index:3}.att-cal thead th{position:sticky;top:0;z-index:1;background:var(--surface-2)}.att-cal__day-h{width:38px;min-width:32px;text-align:center;padding:8px 0 6px;border-bottom:1px solid var(--border);border-right:1px solid var(--border-soft)}.att-cal__day-h--wk{background:#f3f5f8}.att-cal__day-h--today{background:var(--accent-soft);color:var(--accent)}.att-cal__dow{font-size:10px;color:var(--fg-faint);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.att-cal__day-h--today .att-cal__dow{color:var(--accent)}.att-cal__dnum{font-size:var(--fs-sm);font-weight:600;color:var(--fg-2);font-variant-numeric:tabular-nums;margin-top:2px}.att-cal__day-h--today .att-cal__dnum{color:var(--accent)}.att-cal__total-h{position:sticky;right:0;z-index:1;background:var(--surface-2);border-bottom:1px solid var(--border);border-left:1px solid var(--border);text-align:right;padding:10px 14px;font-size:var(--fs-xs);font-weight:500;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;width:80px}.att-cal__name{padding:8px var(--pad-row-x);border-bottom:1px solid var(--border-soft);border-right:1px solid var(--border)}.att-cal tbody tr:hover .att-cal__name{background:var(--surface-hover)}.att-cal__cell-td{border-bottom:1px solid var(--border-soft);border-right:1px solid var(--border-soft);text-align:center;vertical-align:middle;padding:0}.att-cal__total{position:sticky;right:0;background:var(--surface);border-bottom:1px solid var(--border-soft);border-left:1px solid var(--border);text-align:right;padding:8px 14px;font-weight:500;color:var(--fg);width:80px}.att-cal tbody tr:hover .att-cal__total{background:var(--surface-hover)}.att-cell{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin:3px;border-radius:5px;border:0;background:transparent;cursor:pointer;color:#fff;transition:transform .08s ease,box-shadow .12s ease;position:relative}.att-cell:hover{transform:scale(1.12);box-shadow:0 2px 8px #13161a2e;z-index:2}.att-cell--sel{transform:scale(1.18);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent);z-index:3}.att-cell--today{outline:1.5px dashed var(--accent);outline-offset:1px}.att-cell:disabled{cursor:default;opacity:.5}.att-cell:disabled:hover{transform:none;box-shadow:none}.att-cell--valida{background:#4ab074}.att-cell--tarde{background:#de9c31;color:#3b2300;color:oklch(.28 .1 70)}.att-cell--invalida{background:#e3645e}.att-cell--en-curso{background:#29a1c1}.att-cell--remoto{background:#9d94d9}.att-cell--ausente{background:#d5d8db;color:var(--fg-muted)}.att-cell--festivo{background:#ebedff;background:oklch(.95 .04 280);color:#4b4d8b;border:1px dashed oklch(.78 .08 280)}.att-cell--finde{background:repeating-linear-gradient(45deg,transparent 0 4px,oklch(.93 .005 250) 4px 5px);cursor:default;pointer-events:none}.att-cell--futuro{background:transparent;border:1px dashed var(--border);pointer-events:none}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.att-pop{position:fixed;width:340px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:60;animation:popIn .14s cubic-bezier(.22,1,.36,1)}.att-pop__arrow{position:absolute;top:-7px;width:12px;height:12px;background:var(--surface);border-top:1px solid var(--border);border-left:1px solid var(--border);transform:rotate(45deg);margin-left:-6px}.att-pop__header{display:flex;align-items:center;gap:10px;padding:14px 16px 12px;border-bottom:1px solid var(--border-soft)}.att-pop__body{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.att-pop__footer{padding:10px 14px;border-top:1px solid var(--border-soft);display:flex;justify-content:flex-end;gap:6px;background:var(--surface-2);border-radius:0 0 12px 12px}.att-pop__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:12px;background:var(--bg-2);border-radius:8px;border:1px solid var(--border-soft)}.att-pop__label{font-size:10px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.att-pop__val{font-size:var(--fs-md);font-weight:600;color:var(--fg);margin-top:3px;font-variant-numeric:tabular-nums}.att-pop__row{display:flex;align-items:center;gap:10px;font-size:var(--fs-sm);color:var(--fg-2)}.minimap{height:200px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;position:relative;overflow:hidden;background-image:linear-gradient(oklch(.93 .008 220) 1px,transparent 1px),linear-gradient(90deg,oklch(.93 .008 220) 1px,transparent 1px);background-size:28px 28px;background-color:#eef3f4}.hours-bar{position:relative;height:8px;background:var(--bg-2);border-radius:4px;overflow:hidden;width:100px}.hours-bar__fill{position:absolute;top:0;bottom:0;left:0;background:var(--accent);border-radius:4px}.hours-bar__fill--full{background:var(--success)}.hours-bar__fill--short{background:var(--warning)}.range-shortcuts{display:flex;gap:6px;margin-top:8px}.range-shortcut{padding:4px 10px;border:1px solid var(--border);border-radius:4px;background:var(--surface);font-size:var(--fs-xs);cursor:pointer;color:var(--fg-2);font-family:Roboto Mono,monospace}.range-shortcut:hover{background:var(--surface-hover)}.range-shortcut--active{background:var(--fg);color:var(--surface);border-color:var(--fg)}.radius-chip{display:inline-flex;align-items:center;gap:6px;font-family:Roboto Mono,monospace;font-size:var(--fs-xs);color:var(--fg-2);background:var(--bg-2);padding:3px 8px;border-radius:4px;border:1px solid var(--border-soft)}.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.perm-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;transition:background .1s,border-color .1s;font-size:var(--fs-sm);color:var(--fg-2)}.perm-item:hover{background:var(--surface-hover)}.perm-item--active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.perm-check{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border-strong);display:grid;place-items:center;flex-shrink:0;transition:background .1s,border-color .1s}.perm-item--active .perm-check{background:var(--accent);border-color:var(--accent)}@keyframes dotBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-10px);opacity:1}}.loading-dots{display:flex;gap:12px;align-items:center}.loading-dots span{display:block;width:14px;height:14px;border-radius:50%;background:var(--fg);animation:dotBounce 1.2s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes popIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.97)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--fg-faint)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99;animation:fadeIn .15s ease}.topbar__menu-btn{display:none}@media(max-width:768px){:root{--pad-page-x: 16px;--pad-page-y: 16px;--pad-card: 16px}.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);transform:translate(-100%);transition:transform .22s cubic-bezier(.22,1,.36,1);z-index:100}.sidebar--open{transform:translate(0)}.topbar{padding:0 16px;gap:8px}.topbar__menu-btn{display:inline-flex}.topbar__search{display:none}.topbar__title{font-size:var(--fs-md)}.sites{grid-template-columns:1fr}.sites__list{border-right:none;border-bottom:1px solid var(--border);max-height:45vh}.att-scroll{max-height:calc(100vh - 220px)}.filter-bar__search{min-width:0;flex:1}.props__row{grid-template-columns:1fr;gap:2px}.page__header{flex-direction:column;align-items:flex-start}.page__actions{flex-wrap:wrap}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr 1fr}.modal{max-width:calc(100vw - 24px)}.drawer{width:100vw}.perm-grid{grid-template-columns:1fr}.filter-chip span{display:none}}[data-theme=dark]{--bg: #131416;--bg-2: #1e2025;--surface: #1c1e22;--surface-2: #22252a;--surface-hover: #2a2d32;--fg: #e3e2e6;--fg-2: #c6c5ca;--fg-muted: #8e9094;--fg-subtle: #6f7074;--fg-faint: #57575b;--border: #36383d;--border-strong: #4a4c52;--border-soft: #2c2e33;--accent: #90bfff;--accent-hover: #a8cfff;--accent-soft: #003163;--accent-soft-2: #001b3f;--accent-border: #1e4a8a;--success: #81c784;--success-soft: #1b3d1e;--success-border: #2d5c31;--danger: #ef9a9a;--danger-soft: #3d1b1b;--danger-border: #5c2d2d;--warning: #ffb74d;--warning-soft: #3d2a1a;--warning-border: #6b3a1a;--critical: #ef5350;--critical-soft: #3d1b1b;--info: #80d8ff;--info-soft: #1a3040;color-scheme:dark}.sidebar__brand-img--dark,[data-theme=dark] .sidebar__brand-img--light{display:none}[data-theme=dark] .sidebar__brand-img--dark{display:block}[data-theme=dark] .sidebar{background:#1c1e22;border-right-color:#36383d}[data-theme=dark] .sidebar__brand,[data-theme=dark] .sidebar__user-wrap{border-color:#36383d}[data-theme=dark] .sidebar__name{color:#e3e2e6}[data-theme=dark] .sidebar__section-label{color:#8e9094}[data-theme=dark] .sidebar__item{color:#c6c5ca}[data-theme=dark] .sidebar__item:hover{background:#ffffff12}[data-theme=dark] .sidebar__item--active{background:#003163;color:#d6e3ff}[data-theme=dark] .sidebar__item--active .sidebar__icon{color:#d6e3ff}[data-theme=dark] .sidebar__icon{color:#8e9094}[data-theme=dark] .sidebar__badge{background:#ffffff1a;color:#c6c5ca}[data-theme=dark] .sidebar__user-name{color:#e3e2e6}[data-theme=dark] .sidebar__user-role{color:#8e9094}[data-theme=dark] .sidebar__user:hover,[data-theme=dark] .sidebar__user--active{background:#ffffff12}[data-theme=dark] .sidebar__collapse-btn{color:#6f7074}[data-theme=dark] .sidebar__collapse-btn:hover{background:#ffffff12;color:#e3e2e6}[data-theme=dark] .sidebar__user-dropdown{background:#2a2d32;border-color:#36383d;box-shadow:0 4px 16px #0006}[data-theme=dark] .sidebar__user-dropdown-item{color:#c6c5ca}[data-theme=dark] .sidebar__user-dropdown-item:hover{background:#ffffff12;color:#e3e2e6}[data-theme=dark] .sidebar__user-dropdown-item--danger:hover{color:#ef9a9a;background:#3d1b1b}[data-theme=dark] .topbar{background:#1c1e22;border-bottom-color:#36383d}[data-theme=dark] .card{background:#1c1e22;border-color:#36383d}[data-theme=dark] .tbl-chip--role{background:#1e1f3d;color:#b3b8ff}[data-theme=dark] .tbl-chip--area{background:#003163;color:#d6e3ff}[data-theme=dark] .tbl-chip--active{background:#1b3d1e;color:#a5d6a7}[data-theme=dark] .tbl-chip--inactive{border-color:#4a4c52;color:#8e9094}[data-theme=dark] .tbl-muted{color:#57575b}[data-theme=dark] .tbl tbody td{border-bottom-color:#36383d;color:#e3e2e6}[data-theme=dark] .tbl tbody tr:hover{background:#22252a}[data-theme=dark] .tbl tbody tr.is-selected{background:#003163}[data-theme=dark] .name-cell__name{color:#e3e2e6}[data-theme=dark] .name-cell__sub{color:#8e9094}[data-theme=dark] .mff{background:#2a2c32;border-bottom-color:#6f7074}[data-theme=dark] .mff input,[data-theme=dark] .mff select,[data-theme=dark] .mff--area textarea{color:#e3e2e6}[data-theme=dark] .mff .lbl{color:#8e9094}[data-theme=dark] .mff:focus-within{border-bottom-color:#90bfff;box-shadow:0 1px #90bfff}[data-theme=dark] .mff:focus-within .lbl{color:#90bfff}[data-theme=dark] .mff--multi .msel-chip{background:#003163;color:#d6e3ff}[data-theme=dark] .mff--multi .msel-chip:hover{background:#001b3f}[data-theme=dark] .filter-bar__search{background:#2a2c32;border-bottom-color:#6f7074}[data-theme=dark] .filter-bar__search input{color:#e3e2e6}[data-theme=dark] .filter-bar__search input::-moz-placeholder{color:#6f7074}[data-theme=dark] .filter-bar__search input::placeholder{color:#6f7074}[data-theme=dark] .segmented{background:#22252a;border-color:#36383d}[data-theme=dark] .segmented__item{color:#8e9094}[data-theme=dark] .segmented__item--active{background:#2c3a4d;color:#90bfff}[data-theme=dark] .filter-chip{border-color:#4a4c52;color:#8e9094}[data-theme=dark] .filter-chip--active{background:#003163;color:#d6e3ff;border-color:#1e4a8a}[data-theme=dark] .filter-select{background:#22252a;border-color:#4a4c52;color:#c6c5ca}[data-theme=dark] .modal-overlay{background:#000000a6}[data-theme=dark] .modal{background:#1c1e22;border:1px solid #36383d}[data-theme=dark] .modal__header{border-bottom-color:#36383d}[data-theme=dark] .modal__footer{background:#22252a;border-top-color:#36383d}[data-theme=dark] .modal__title{color:#e3e2e6}[data-theme=dark] .usr-sel__box{background:#2a2c32;border-bottom-color:#6f7074}[data-theme=dark] .usr-sel__box--focus{border-bottom-color:#90bfff;box-shadow:0 1px #90bfff}[data-theme=dark] .usr-sel__input{color:#e3e2e6}[data-theme=dark] .usr-sel__input::-moz-placeholder{color:#6f7074}[data-theme=dark] .usr-sel__input::placeholder{color:#6f7074}[data-theme=dark] .usr-sel__placeholder{color:#6f7074}[data-theme=dark] .usr-sel__dropdown{background:#22252a;border-color:#36383d;box-shadow:0 4px 16px #0006}[data-theme=dark] .usr-opt__name{color:#e3e2e6}[data-theme=dark] .usr-opt__pos{color:#8e9094}[data-theme=dark] .usr-sel__opt:hover{background:#2a2d32}[data-theme=dark] .usr-sel__empty{color:#8e9094}[data-theme=dark] .usr-chip{background:#003163;color:#d6e3ff}[data-theme=dark] .kpi{background:#1c1e22;border-color:#36383d}[data-theme=dark] .kpi__label{color:#8e9094}[data-theme=dark] .kpi__delta{color:#6f7074}[data-theme=dark] .util-card{background:#1c1e22;border-color:#36383d}[data-theme=dark] .util-th{border-bottom-color:#4a4c52;color:#e3e2e6}[data-theme=dark] .util-td{border-bottom-color:#36383d;color:#e3e2e6}[data-theme=dark] .util-tr:hover{background:#22252a}[data-theme=dark] .util-paginator{border-top-color:#36383d}[data-theme=dark] .util-paginator__range{color:#8e9094}[data-theme=dark] .util-modal-backdrop{background:#000000a6}[data-theme=dark] .util-modal{background:#1c1e22;border-color:#36383d;box-shadow:0 12px 40px #00000080}[data-theme=dark] .util-modal__header{border-bottom-color:#36383d}[data-theme=dark] .util-modal__footer{border-top-color:#36383d;background:#22252a}[data-theme=dark] .util-modal__title{color:#e3e2e6}[data-theme=dark] .util-modal__subtitle,[data-theme=dark] .util-modal__close{color:#8e9094}[data-theme=dark] .util-modal__close:hover{background:#ffffff12;color:#e3e2e6}[data-theme=dark] .util-modal__icon{background:#003163;color:#90bfff}[data-theme=dark] .util-divider{background:#36383d}[data-theme=dark] .util-btn-create{color:#003163}[data-theme=dark] .util-label{color:#8e9094}[data-theme=dark] .util-input{background:#2a2c32;border-bottom-color:#6f7074;color:#e3e2e6}[data-theme=dark] .util-input:disabled{background:#ffffff0f;color:#57575b;border-bottom-color:#4a4c52}[data-theme=dark] .util-access-empty{border-color:#4a4c52;color:#8e9094}[data-theme=dark] .util-avatar{border-color:#1c1e22}[data-theme=dark] .util-avatar--overflow{background:#2a2c32;color:#8e9094}[data-theme=dark] .util-page-header__desc,[data-theme=dark] .util-total-count{color:#8e9094}[data-theme=dark] .util-filter-bar{background:transparent}[data-theme=dark] .util-search-outlined{background:#2a2c32;border-bottom-color:#6f7074}[data-theme=dark] .util-search-outlined input{color:#e3e2e6}.util-user-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 7px;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:600}[data-theme=dark] .util-user-count{background:#003163;color:#90bfff}[data-theme=dark] .util-action-ibtn{color:#8e9094}[data-theme=dark] .util-action-ibtn:hover{background:#ffffff12;color:#e3e2e6}[data-theme=dark] .util-action-ibtn--copied{color:#81c995}[data-theme=dark] .mff select option,[data-theme=dark] select option{background:#2a2c32;color:#e3e2e6}.util-module{display:flex;flex-direction:column;height:100%;background:var(--bg)}.util-content{flex:1;overflow:hidden;min-height:0;padding:var(--pad-page-y) var(--pad-page-x);display:flex;justify-content:center}.util-content--wide{justify-content:flex-start;flex-direction:column}.util-form-wrap{width:100%;max-width:640px;display:flex;flex-direction:column;gap:16px}.util-table-wrap{width:100%;display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow:hidden;padding-bottom:16px}.util-filter-bar{display:flex;align-items:center;gap:0;padding:0 4px;height:40px;flex-shrink:0;width:-moz-fit-content;width:fit-content;max-width:100%}.util-filter-bar__group{display:flex;align-items:center;gap:7px;padding:0 10px}.util-filter-bar__icon{color:var(--fg-muted);flex-shrink:0}.util-filter-bar__label{font-size:var(--fs-xs);font-weight:600;color:var(--fg-muted);white-space:nowrap}.util-filter-bar__sep{width:1px;height:20px;background:var(--border);flex-shrink:0}.util-search-field{position:relative;display:flex;align-items:center}.util-search-field__input{width:340px;height:28px;padding:0 28px 0 8px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--fg);font-size:13px;font-family:inherit;transition:border-color .15s}.util-search-field__input::-moz-placeholder{color:var(--fg-faint)}.util-search-field__input::placeholder{color:var(--fg-faint)}.util-search-field__input:focus{outline:none;border-color:var(--accent)}.util-search-field__clear{position:absolute;right:6px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;border-radius:2px;background:var(--border);color:var(--fg-muted);cursor:pointer;padding:0;transition:background .12s,color .12s}.util-search-field__clear:hover{background:var(--fg-faint);color:var(--fg)}.util-search-field--unified{flex:1;gap:8px;padding:0 10px}.util-search-field--unified .util-search-field__input{width:360px;height:30px;padding:0 28px 0 4px}.util-filter-bar__reset{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;margin:0 4px;border-radius:4px;border:none;background:none;color:var(--fg-muted);font-size:var(--fs-xs);font-family:inherit;cursor:pointer;white-space:nowrap;transition:color .12s,background .12s}.util-filter-bar__reset:hover{color:var(--danger);background:var(--danger-soft, oklch(.97 .02 15))}.util-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.util-page-header__left{display:flex;align-items:center;gap:14px}.util-form-header{display:flex;align-items:flex-start;gap:14px}.util-form-header__icon{width:40px;height:40px;border-radius:4px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.util-form-header__title{font-size:var(--fs-lg);font-weight:600;color:var(--fg);margin:0 0 2px}.util-form-header__desc{font-size:var(--fs-sm);color:var(--fg-muted);margin:0;line-height:1.5}.util-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:var(--pad-card);box-shadow:0 1px 2px #0000000a;display:flex;flex-direction:column;gap:0}.util-divider{height:1px;background:var(--border);margin:20px 0}.util-field{display:flex;flex-direction:column;gap:8px}.util-label{font-size:12px;font-weight:600;color:var(--fg-2);letter-spacing:.02em}.util-label__required{color:var(--danger);margin-left:3px}.util-hint{font-size:var(--fs-xs);color:var(--fg-muted);margin:0;line-height:1.4}.util-input-wrap{position:relative;display:flex;align-items:center}.util-input-prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--fg-muted);display:flex;align-items:center;pointer-events:none}.util-input{width:100%;height:36px;padding:0 12px;font-size:14px;font-family:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--border-strong);border-radius:4px;outline:none;transition:border-color .15s}.util-input--prefixed{padding-left:38px;font-family:Geist Mono,monospace;letter-spacing:.02em}.util-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.util-input::-moz-placeholder{color:var(--fg-faint);font-family:inherit;letter-spacing:0}.util-input::placeholder{color:var(--fg-faint);font-family:inherit;letter-spacing:0}.util-input:disabled{background:var(--bg-2);border-color:var(--border);color:var(--fg-faint);cursor:default}.usr-sel{position:relative}.usr-sel__box{min-height:36px;max-height:120px;padding:6px 10px 6px 12px;background:var(--surface);border:1px solid var(--border-strong);border-radius:4px;cursor:text;display:flex;align-items:flex-start;gap:8px;overflow-y:auto;transition:border-color .15s,box-shadow .15s}.usr-sel__box--focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.usr-sel__chips{flex:1;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.usr-sel__input{flex:1;min-width:120px;height:24px;border:none;outline:none;background:transparent;font-size:var(--fs-sm);color:var(--fg);font-family:inherit}.usr-sel__input::-moz-placeholder{color:var(--fg-faint)}.usr-sel__input::placeholder{color:var(--fg-faint)}.usr-sel__placeholder{font-size:var(--fs-sm);color:var(--fg-faint)}.usr-sel__count{display:flex;align-items:center;gap:6px;flex-shrink:0;position:sticky;top:6px}.usr-sel__badge{min-width:20px;height:20px;padding:0 6px;border-radius:4px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;display:grid;place-items:center}.usr-chip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 8px 0 5px;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:4px;font-size:var(--fs-xs);font-weight:500;color:var(--accent);white-space:nowrap}.usr-chip__avatar{width:18px;height:18px;border-radius:2px;background:var(--accent);color:#fff;font-size:9px;font-weight:700;display:grid;place-items:center;flex-shrink:0}.usr-chip__remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:2px;background:none;border:none;cursor:pointer;color:var(--accent);opacity:.7;padding:0;transition:opacity .12s,background .12s}.usr-chip__remove:hover{opacity:1;background:var(--accent-soft-2)}.usr-sel__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:4px;box-shadow:0 4px 16px #0000001f,0 1px 4px #00000014;z-index:300;overflow:hidden;max-height:280px;overflow-y:auto}.usr-sel__empty{padding:14px 16px;font-size:var(--fs-sm);color:var(--fg-muted);text-align:center}.usr-sel__opt{width:100%;display:flex;align-items:center;gap:12px;padding:8px 14px;background:none;border:none;cursor:pointer;text-align:left;transition:background .08s}.usr-sel__opt:hover{background:var(--surface-hover)}.usr-opt__avatar{width:32px;height:32px;border-radius:4px;background:var(--accent-soft-2);color:var(--accent);font-size:11px;font-weight:700;display:grid;place-items:center;flex-shrink:0}.usr-opt__info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.usr-opt__name{font-size:var(--fs-sm);font-weight:500;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usr-opt__pos{font-size:var(--fs-xs);color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usr-inline{display:flex;flex-direction:column;gap:6px}.usr-inline__search{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border:1px solid var(--border-strong);border-radius:4px;background:var(--surface);transition:border-color .15s,box-shadow .15s}.usr-inline__search:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.usr-inline__input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:13px;color:var(--fg);font-family:inherit}.usr-inline__input::-moz-placeholder{color:var(--fg-faint)}.usr-inline__input::placeholder{color:var(--fg-faint)}.usr-inline__chips{display:flex;flex-wrap:wrap;gap:4px;max-height:68px;overflow-y:auto}.usr-chip--sm{height:22px;font-size:11px;padding:0 6px 0 3px;gap:3px}.usr-chip--sm .usr-chip__avatar{width:16px;height:16px;font-size:8px}.usr-inline__results{max-height:160px;overflow-y:auto;border:1px solid var(--border);border-radius:4px;background:var(--surface)}.usr-inline__results .usr-sel__opt{padding:6px 10px;gap:8px}.usr-inline__results .usr-opt__avatar{width:26px;height:26px;font-size:10px}.util-access-summary{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--accent);padding:4px 10px;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:4px;margin-top:4px;align-self:flex-start}.util-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.util-success-msg{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--success);animation:util-fade-in .2s ease}@keyframes util-fade-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.util-filter-bar--m3{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.util-search-outlined{position:relative;width:380px;height:36px;background:var(--surface);border:1px solid var(--border-strong);border-radius:4px;display:flex;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.util-search-outlined:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.util-search-outlined input{flex:1;min-width:0;border:none;outline:none;background:transparent;font:14px inherit;color:var(--fg)}.util-search-outlined input::-moz-placeholder{color:var(--fg-faint)}.util-search-outlined input::placeholder{color:var(--fg-faint)}.util-search-outlined__clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:2px;border:none;background:var(--border);color:var(--fg-muted);cursor:pointer;padding:0;flex-shrink:0;transition:background .1s}.util-search-outlined__clear:hover{background:var(--fg-faint);color:var(--surface)}.util-total-count{font-size:13px;color:var(--fg-muted);white-space:nowrap}.util-btn-create{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 20px;border-radius:4px;background:var(--accent);color:#fff;font-size:var(--fs-sm);font-weight:600;font-family:inherit;border:none;cursor:pointer;transition:background .1s,opacity .1s}.util-btn-create:hover:not(:disabled){background:var(--accent-hover)}.util-btn-create:disabled{opacity:.45;cursor:not-allowed}.util-btn-create--loading{cursor:wait;opacity:.8}.util-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:util-spin .65s linear infinite;flex-shrink:0}@keyframes util-spin{to{transform:rotate(360deg)}}.util-card__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.util-card--table{padding:0;overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0}.util-table-scroll{flex:1;overflow-y:auto;overflow-x:auto;min-height:0}.util-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.util-th{padding:10px 16px;text-align:left;font-size:var(--fs-xs);font-weight:600;color:var(--fg-muted);letter-spacing:.02em;background:var(--bg-2);border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:1}.util-th--center{text-align:center}.util-th--right{text-align:right}.util-tr{border-bottom:1px solid var(--border-soft);transition:background .08s}.util-tr:last-child{border-bottom:none}.util-tr:hover{background:var(--surface-hover)}.util-tr--clickable{cursor:pointer}.util-td{padding:10px 16px;color:var(--fg);vertical-align:middle}.util-td--center{text-align:center}.util-td--right{text-align:right}.util-td--muted{color:var(--fg-muted);font-size:var(--fs-xs)}.util-table__correlativo{display:flex;align-items:center;gap:8px;font-family:Geist Mono,monospace;font-size:var(--fs-xs);font-weight:500;letter-spacing:.03em;color:var(--fg)}.util-table__empty{text-align:center;padding:48px 16px;color:var(--fg-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:var(--fs-sm);width:100%}.util-table__no-users{font-size:var(--fs-xs);color:var(--fg-faint);font-style:italic}.util-access-empty{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:4px;border:1px solid var(--border);color:var(--fg-muted);font-size:13px;font-weight:500;white-space:nowrap}.util-avatar-stack{display:flex;align-items:center}.util-avatar{width:28px;height:28px;border-radius:4px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface);margin-left:-4px;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.util-avatar:first-child{margin-left:0}.util-avatar--overflow{background:var(--bg-2);color:var(--fg-muted);font-size:10px;font-weight:600}.util-user-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:600}.util-access-cell{display:flex;align-items:center;gap:10px}.util-paginator{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:0 16px;height:48px;border-top:1px solid var(--border);font-size:13px;color:var(--fg-muted);flex-shrink:0}.util-paginator__size{display:flex;align-items:center;gap:8px;white-space:nowrap}.util-paginator__select{height:28px;padding:0 24px 0 8px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--fg);font-size:13px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M3 4.5L6 8l3-3.5H3z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.util-paginator__select:hover{border-color:var(--fg-muted)}.util-paginator__select:focus{outline:2px solid var(--primary);outline-offset:-1px}.util-paginator__range{white-space:nowrap}.util-paginator__actions{display:flex;align-items:center;gap:2px}.util-paginator__ibtn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:transparent;color:var(--fg-muted);cursor:pointer;transition:background .08s;flex-shrink:0}.util-paginator__ibtn:hover:not(:disabled){background:var(--surface-hover)}.util-paginator__ibtn:disabled{color:var(--border);cursor:default}.util-pagination{display:flex;align-items:center;justify-content:flex-end;padding:10px 16px;border-top:1px solid var(--border-soft);background:var(--bg-2);flex-shrink:0;gap:12px}.util-pagination__info{font-size:var(--fs-xs);color:var(--fg-muted);white-space:nowrap}.util-pagination__controls{display:flex;align-items:center;gap:2px}.util-pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 6px;border-radius:4px;border:none;background:none;color:var(--fg-muted);font-size:var(--fs-xs);font-family:inherit;font-weight:500;cursor:pointer;transition:background .12s,color .12s}.util-pagination__btn:hover:not(:disabled){background:var(--surface-hover);color:var(--fg)}.util-pagination__btn:disabled{opacity:.35;cursor:not-allowed}.util-pagination__btn--active{background:var(--accent);color:#fff}.util-pagination__btn--active:hover{background:var(--accent-hover);color:#fff}.util-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;font-size:var(--fs-xs);color:var(--fg-faint);-webkit-user-select:none;-moz-user-select:none;user-select:none}.util-sp-link{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);font-weight:500;color:var(--accent);text-decoration:none;padding:4px 10px;border-radius:4px;background:var(--accent-soft);border:1px solid var(--accent-border);white-space:nowrap;transition:background .12s}.util-sp-link:hover{background:var(--accent-soft-2)}.util-sp-tbtn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:4px;border:none;background:transparent;color:var(--accent);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .08s}.util-sp-tbtn:hover{background:var(--accent-soft)}.util-sp-link--pending{font-size:var(--fs-xs);color:var(--fg-faint);font-style:italic}.util-sp-actions{display:inline-flex;align-items:center;gap:6px}.util-action-ibtn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:transparent;color:var(--fg-muted);cursor:pointer;transition:background .08s,color .08s}.util-action-ibtn:hover{background:var(--surface-hover);color:var(--fg)}.util-action-ibtn--copied{color:var(--success)}.util-btn-copy{display:inline-flex;align-items:center;justify-content:center;padding:4px 7px;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--fg-muted);cursor:pointer;transition:background .12s,color .12s}.util-btn-copy:hover{background:var(--surface-hover);color:var(--fg)}.util-btn-copy--copied{color:var(--success, #16a34a);border-color:var(--success, #16a34a);background:var(--success-soft, #dcfce7)}.util-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:600}.util-avatar-stack__item{width:28px;height:28px;border-radius:4px;background:var(--accent-soft-2);color:var(--accent);font-size:10px;font-weight:700;display:grid;place-items:center;border:2px solid var(--surface);margin-right:-4px;flex-shrink:0}.util-avatar-stack__extra{background:var(--bg-2);color:var(--fg-muted);font-size:10px;font-weight:600}.util-btn-edit{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:4px;background:none;border:1px solid var(--border);color:var(--fg-muted);font-size:var(--fs-xs);font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.util-btn-edit:hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.util-btn-ghost{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 20px;border-radius:4px;background:none;border:1px solid var(--border-strong);color:var(--fg-2);font-size:var(--fs-sm);font-weight:500;font-family:inherit;cursor:pointer;transition:background .08s,color .08s}.util-btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--fg)}.util-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.util-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;animation:util-backdrop-in .15s ease}@keyframes util-backdrop-in{0%{opacity:0}to{opacity:1}}.util-modal{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 32px #0000002e,0 2px 8px #00000014;display:flex;flex-direction:column;animation:util-modal-in .15s ease-out;max-height:calc(100vh - 48px)}@keyframes util-modal-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.util-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.util-modal__header-left{display:flex;align-items:center;gap:14px}.util-modal__icon{width:40px;height:40px;border-radius:4px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.util-modal__title{font-size:16px;font-weight:600;color:var(--fg);margin:0 0 2px}.util-modal__subtitle{font-size:12px;color:var(--fg-muted);margin:0;line-height:1.4}.util-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;background:none;border:none;cursor:pointer;color:var(--fg-muted);flex-shrink:0;transition:background .08s,color .08s}.util-modal__close:hover{background:var(--surface-hover);color:var(--fg)}.util-modal__body{padding:24px;overflow:visible;flex:1;display:flex;flex-direction:column;gap:0}.util-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--border);flex-shrink:0;background:var(--bg-2)}.util-alert-msg{display:flex;align-items:flex-start;gap:8px;font-size:var(--fs-xs);padding:10px 14px;border-radius:4px;line-height:1.5;margin-top:12px}.util-alert-msg--error{color:var(--danger);background:var(--danger-soft);border:1px solid var(--danger-border)}.util-alert-msg--info{color:var(--fg-2);background:var(--bg-2);border:1px solid var(--border-soft)}.util-alert-msg svg{flex-shrink:0;margin-top:1px}.util-spinner--sm{width:12px;height:12px;border-width:1.5px;display:inline-block;vertical-align:middle;flex-shrink:0}.util-spinner--dark{border-color:#00000026;border-top-color:var(--fg-2)}@media(max-width:768px){.util-search-outlined{width:100%;flex:1}.util-card__header{flex-wrap:wrap;height:auto;gap:8px;padding:10px 12px}.util-paginator{flex-wrap:wrap;height:auto;padding:8px 12px;gap:6px 12px;justify-content:flex-start}.util-paginator__actions{margin-left:auto}.util-table-scroll{overflow-x:auto}}@media(max-width:640px){.util-page-header{flex-direction:column;align-items:flex-start;gap:12px}.util-page-header>div:last-child{width:100%;flex-wrap:wrap}.util-paginator__size span{display:none}.util-modal{max-height:calc(100vh - 32px)}.util-modal__header{padding:16px 16px 12px}.util-modal__body{padding:16px}.util-modal__footer{padding:12px 16px;flex-wrap:wrap}.util-modal-backdrop{padding:16px;align-items:flex-end}.util-modal__header-left{gap:10px}.util-modal__icon{width:36px;height:36px;flex-shrink:0}}.util-filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:32px;height:32px;border-radius:4px;border:none;background:transparent;color:var(--fg-muted);cursor:pointer;padding:0;position:relative;transition:background .08s,color .08s}.util-filter-toggle:hover{background:var(--surface-hover);color:var(--fg)}.util-filter-toggle--active{color:var(--accent)}.util-filter-toggle__badge{position:absolute;top:-2px;right:-2px;min-width:14px;height:14px;padding:0 3px;border-radius:7px;background:var(--accent);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.util-filter-anchor{position:relative}.util-filter-popover{position:absolute;top:calc(100% + 6px);right:0;width:340px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 24px #00000024,0 1px 4px #00000014;z-index:100;padding:14px;display:flex;flex-direction:column;gap:12px;animation:util-popover-in .12s ease-out}@keyframes util-popover-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.util-filter-popover__field{display:flex;flex-direction:column;gap:5px}.util-filter-popover__dates{display:flex;gap:8px}.util-filter-popover__dates .util-input{width:100%;min-width:0}.util-filter-popover__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:4px;border-top:1px solid var(--border-soft)}.util-filter-popover__apply{height:30px;padding:0 16px;border-radius:4px;border:none;background:var(--accent);color:#fff;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .08s,opacity .08s}.util-filter-popover__apply:hover:not(:disabled){background:var(--accent-hover)}.util-filter-popover__apply:disabled{opacity:.4;cursor:default}.util-filter-popover__clear{height:30px;padding:0 12px;border-radius:4px;border:none;background:transparent;color:var(--fg-muted);font-size:12px;font-family:inherit;cursor:pointer;transition:color .08s}.util-filter-popover__clear:hover{color:var(--danger)}.util-info-strip{display:flex;align-items:flex-start;gap:8px;font-size:var(--fs-xs);color:var(--fg-muted);padding:10px 14px;background:var(--bg-2);border:1px solid var(--border-soft);border-radius:4px;line-height:1.5;flex-shrink:0}.util-info-strip svg{flex-shrink:0;margin-top:1px}