:root{--slate-50:#F8FAFC;--slate-100:#F1F5F9;--slate-200:#E2E8F0;--slate-300:#CBD5E1;--slate-400:#94A3B8;--slate-500:#64748B;--slate-600:#475569;--slate-700:#334155;--slate-800:#1E293B;--slate-900:#0F172A;--slate-950:#080C14;--blue-500:#3B82F6;--blue-600:#2563EB;--green-600:#059669;--amber-600:#D97706;--red-600:#DC2626;--bg: var(--slate-50);--surface: #FFFFFF;--surface-raised: #FFFFFF;--surface-sunken: var(--slate-100);--surface-hover: rgba(15,23,42,.04);--surface-active: rgba(15,23,42,.07);--surface-selected:rgba(59,130,246,.09);--overlay: rgba(15,23,42,.45);--text: var(--slate-900);--text-secondary: var(--slate-600);--text-muted: var(--slate-500);--text-on-accent: #FFFFFF;--border: rgba(15,23,42,.1);--border-strong: rgba(15,23,42,.18);--border-focus: var(--blue-500);--accent: var(--blue-600);--accent-hover: var(--blue-500);--success: var(--green-600);--warning: var(--amber-600);--danger: var(--red-600);--success-bg: rgba(5,150,105,.1);--warning-bg: rgba(217,119,6,.1);--danger-bg: rgba(220,38,38,.1);--chart-1:#3B82F6;--chart-2:#059669;--chart-3:#D97706;--chart-4:#8B5CF6;--chart-5:#0891B2;--chart-6:#DC2626;--chart-grid: var(--border);--chart-axis: var(--text-muted);--chart-plan: var(--slate-400);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-kpi:26px;--w-normal:400;--w-medium:500;--w-semibold:600;--w-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:4px;--radius:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px rgba(15,23,42,.06);--shadow-md:0 4px 12px rgba(15,23,42,.08);--shadow-lg:0 12px 32px rgba(15,23,42,.14);--z-sticky:10;--z-dropdown:100;--z-modal:210;--ease: cubic-bezier(.2,0,0,1);--dur-fast:.12s;--dur:.16s;--dur-slow:.24s;--topbar-h:52px;--row-h:36px}:root[data-theme=dark]{--bg: var(--slate-950);--surface: #0F1620;--surface-raised: #161F2C;--surface-sunken: #0A0F17;--surface-hover: rgba(255,255,255,.04);--surface-active: rgba(255,255,255,.07);--surface-selected:rgba(59,130,246,.15);--overlay: rgba(0,0,0,.6);--text: #E8EDF4;--text-secondary: #A7B4C6;--text-muted: #8896A9;--border: rgba(255,255,255,.09);--border-strong: rgba(255,255,255,.16);--accent: var(--blue-500);--accent-hover: #60A5FA;--success:#10B981;--warning:#F59E0B;--danger:#EF4444;--success-bg: rgba(16,185,129,.14);--warning-bg: rgba(245,158,11,.14);--danger-bg: rgba(239,68,68,.14);--chart-1:#60A5FA;--chart-2:#34D399;--chart-3:#FBBF24;--chart-4:#A78BFA;--chart-5:#22D3EE;--chart-6:#F87171;--chart-plan: var(--slate-500);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 12px rgba(0,0,0,.5);--shadow-lg:0 12px 32px rgba(0,0,0,.6)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--text-base);line-height:var(--leading-normal, 1.45);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.mono{font-variant-numeric:tabular-nums;font-family:var(--font-mono, ui-monospace, monospace)}.nums{text-align:right;font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;gap:var(--space-3);height:var(--topbar-h);padding:0 var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:var(--z-sticky)}.brand{font-weight:var(--w-semibold);letter-spacing:.01em}.topbar__where{color:var(--text-secondary);font-size:var(--text-sm)}.topbar__spacer{flex:1}.topbar__me{color:var(--text-secondary);font-size:var(--text-sm)}.layout{display:flex;flex:1;min-height:0;align-items:stretch}.sidebar{width:212px;flex:0 0 212px;padding:var(--space-3) var(--space-2);border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:2px}.nav{text-align:left;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius);background:transparent;cursor:pointer;font-size:var(--text-base);color:var(--text-secondary);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.nav:hover{background:var(--surface-hover);color:var(--text)}.nav--on{background:var(--surface-selected);color:var(--text);font-weight:var(--w-medium)}.burger{display:none;border:0;background:transparent;cursor:pointer;font-size:var(--text-lg)}.content{flex:1;min-width:0;padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.screen-head{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.screen-title{font-size:var(--text-xl);font-weight:var(--w-semibold)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{position:sticky;top:0;z-index:1;background:var(--surface);text-align:left;font-weight:var(--w-medium);color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);height:var(--row-h);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table--rows tbody tr{cursor:pointer;transition:background var(--dur-fast) var(--ease)}.table--rows tbody tr:hover{background:var(--surface-hover)}.cell-person{display:inline-flex;align-items:center;gap:var(--space-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}a.btn{text-decoration:none}.btn:hover:not(:disabled){background:var(--surface-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{height:28px;padding:0 var(--space-2);font-size:var(--text-xs)}.btn--lg{height:40px;padding:0 var(--space-4);font-size:var(--text-base)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--ghost{background:transparent;border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--surface-hover)}.btn--danger{background:var(--danger);border-color:var(--danger);color:var(--text-on-accent)}.icon-btn{border:0;background:transparent;cursor:pointer;width:28px;height:28px;border-radius:var(--radius);font-size:var(--text-lg);line-height:1;color:var(--text-secondary)}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.link{border:0;background:none;padding:0;color:var(--accent);cursor:pointer;font-size:var(--text-sm);text-align:left}.link:hover{text-decoration:underline}.toolbar{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.toolbar__search{min-width:220px}.input{height:32px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);font-size:var(--text-sm);min-width:0}.select{padding-right:var(--space-2)}.input:focus-visible{border-color:var(--border-focus)}.field{display:flex;flex-direction:column;gap:var(--space-1);min-width:160px}.field__label{font-size:var(--text-xs);color:var(--text-secondary)}.field__hint{font-size:var(--text-xs);color:var(--text-muted)}.field__error{font-size:var(--text-xs);color:var(--danger)}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer}.pill{display:inline-flex;align-items:center;padding:1px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap}.pill--neutral{background:var(--surface-sunken);color:var(--text-secondary)}.pill--success{background:var(--success-bg);color:var(--success)}.pill--warning{background:var(--warning-bg);color:var(--warning)}.pill--danger{background:var(--danger-bg);color:var(--danger)}.pill--accent{background:var(--surface-selected);color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chips--inline{gap:var(--space-1)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:1px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-sunken);font-size:var(--text-xs);white-space:nowrap}.chip__x{border:0;background:none;cursor:pointer;color:var(--text-muted);line-height:1;padding:0 2px}.chip__x:hover{color:var(--danger)}.filter-chips{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.avatar{width:24px;height:24px;flex:0 0 24px;border-radius:var(--radius-full, 999px);object-fit:cover}.avatar--initials{display:inline-flex;align-items:center;justify-content:center;background:var(--surface-sunken);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--w-medium)}.state{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-8) var(--space-4)}.state__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.state__title{font-size:var(--text-md);font-weight:var(--w-medium)}.state__hint{color:var(--text-secondary);font-size:var(--text-sm)}.state__partial{color:var(--warning);font-size:var(--text-sm)}.skeleton{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton__row{display:flex;gap:var(--space-3)}.skeleton__cell{flex:1;height:16px;border-radius:var(--radius-sm);background:var(--surface-sunken);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--overlay);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-8) var(--space-4);overflow-y:auto}.modal{width:100%;max-width:480px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:rise var(--dur-slow) var(--ease)}.modal--wide{max-width:640px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.modal__head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.modal__title{font-size:var(--text-md);font-weight:var(--w-semibold);flex:1}.modal__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}.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)}.block{display:flex;flex-direction:column;gap:var(--space-3)}.block+.block{border-top:1px solid var(--border);padding-top:var(--space-4)}.block__head{display:flex;align-items:center;gap:var(--space-2)}.block__title{font-size:var(--text-base);font-weight:var(--w-semibold)}.block__empty{color:var(--text-secondary);font-size:var(--text-sm)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border)}.tab{border:0;background:none;cursor:pointer;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:2px solid transparent}.tab--on{color:var(--text);border-bottom-color:var(--accent)}.person-head{display:flex;align-items:center;gap:var(--space-3)}.person-name{font-weight:var(--w-medium)}.person-sub{font-size:var(--text-sm);color:var(--text-secondary)}.person-actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.person-last{font-size:var(--text-sm);color:var(--text-secondary)}.grant{display:flex;gap:var(--space-3);align-items:flex-end;flex-wrap:wrap}.issued{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-sunken);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.issued__title{font-size:var(--text-sm);font-weight:var(--w-medium)}.issued__value{display:flex;gap:var(--space-3);align-items:baseline}.issued__pass{font-size:var(--text-md);font-weight:var(--w-semibold)}.issued__hint{font-size:var(--text-xs);color:var(--text-secondary)}.bulk{display:flex;flex-direction:column;gap:var(--space-3)}.bulk__list{max-height:260px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2);display:flex;flex-direction:column}.bulk__row{display:grid;grid-template-columns:auto 48px 1fr;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer}.bulk__row:hover{background:var(--surface-hover)}.bulk__code{color:var(--text-secondary);font-variant-numeric:tabular-nums}.bulk__foot{display:flex;gap:var(--space-2);flex-wrap:wrap}.colhead__title{display:block}.colhead__filter{display:block;margin-top:3px;font-weight:var(--w-normal)}.nums .colhead__filter{display:flex;justify-content:flex-end}.colfilter{max-width:100%;height:24px;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.colfilter:hover{background:var(--surface-hover)}.colfilter--on{border-color:var(--accent);color:var(--accent);background:var(--surface-selected)}.popover{position:fixed;z-index:var(--z-dropdown, 100);width:260px;max-height:340px;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--text-sm);font-weight:var(--w-normal)}.popover--narrow{width:220px}.popover__search{height:28px}.popover__list{overflow-y:auto;display:flex;flex-direction:column;gap:1px}.popover__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.popover__item:hover{background:var(--surface-hover)}.popover__item span{overflow:hidden;text-overflow:ellipsis}.popover__empty{color:var(--text-muted);font-size:var(--text-xs);padding:var(--space-2)}.popover__range{display:flex;align-items:center;gap:var(--space-2)}.popover__range .input{height:28px;width:84px}.popover__note{font-size:var(--text-xs);color:var(--text-muted)}.popover__foot{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:var(--space-2)}.filterbar{display:flex;margin-bottom:var(--space-2)}.filterpanel{margin-bottom:var(--space-3);padding:var(--space-3);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3)}.filterpanel__head{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm)}.filterpanel__acts{display:flex;gap:var(--space-3)}.filterpanel__body{display:flex;flex-direction:column;gap:var(--space-2)}.filterpanel__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.filterpanel__label{font-size:var(--text-sm);color:var(--text-secondary)}.filterpanel__row .colfilter{height:32px;max-width:60%}.table--drag tbody tr{background:var(--surface)}.table--drag tbody tr.is-dragging{position:relative;z-index:var(--z-sticky);box-shadow:var(--shadow-md);opacity:.9}.col-drag{width:34px}.drag-handle{display:block;width:26px;height:26px;padding:0;border:0;border-radius:var(--radius-sm);background:none;color:var(--text-muted);font-size:15px;line-height:26px;cursor:grab;touch-action:none}.drag-handle:hover{background:var(--surface-hover);color:var(--text-secondary)}.drag-handle:active{cursor:grabbing}@media(prefers-reduced-motion:reduce){.table--drag tbody tr{transition:none!important}}.kpis{display:grid;gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.kpi{display:flex;flex-direction:column;gap:2px;justify-content:center;min-height:88px;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.kpi__title{font-size:var(--text-xs);color:var(--text-secondary)}.kpi__value{font-size:var(--text-kpi);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;line-height:var(--leading-tight)}.kpi__note{font-size:var(--text-xs);color:var(--text-secondary)}.kpi__note.is-down,td.is-down{color:var(--danger)}.bar{display:inline-block;vertical-align:middle;width:84px;height:8px;margin-right:var(--space-2);border-radius:var(--radius-full);background:var(--surface-sunken);overflow:hidden}.bar__fill{display:block;width:100%;height:100%;transform-origin:0 50%;border-radius:var(--radius-full);background:var(--accent);transition:transform var(--duration-slow) var(--ease)}.bar__fill--hi{background:var(--success)}.bar__fill--md{background:var(--warning)}.bar__fill--lo{background:var(--danger)}.spark{display:block;overflow:visible}.spark--up{stroke:var(--success)}.spark--down{stroke:var(--danger)}.spark--empty{color:var(--text-muted)}.col-pick{width:34px}.col-pick .checkbox{margin:0}.th-sort{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;white-space:nowrap}.th-sort--on{color:var(--accent)}.attention{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.attention li{font-size:var(--text-sm)}.chart-box{height:280px}.chart-box--tall{height:420px}@media(prefers-reduced-motion:reduce){.bar__fill{transition:none}}.changes{list-style:none;margin:0;padding:0;display:grid;gap:2px}.changes__row{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.changes__field{color:var(--text-secondary);font-size:var(--text-xs);min-width:5em}.changes__from{color:var(--text-muted);text-decoration:line-through;font-variant-numeric:tabular-nums}.changes__arrow{color:var(--text-muted)}.changes__to{font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.history{max-height:60vh;overflow:auto}.pagination{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-sm);color:var(--text-secondary)}.pagination__size{display:inline-flex;align-items:center;gap:var(--space-2)}.pagination__pages{margin-left:auto;display:inline-flex;align-items:center;gap:var(--space-2)}.pagination__at{font-variant-numeric:tabular-nums}.toasts{position:fixed;left:50%;bottom:var(--space-6);transform:translate(-50%);z-index:var(--z-toast, 300);display:flex;flex-direction:column;gap:var(--space-2)}.toast{padding:var(--space-2) var(--space-4);border-radius:var(--radius);background:var(--surface-raised);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);font-size:var(--text-sm);animation:rise var(--dur) var(--ease)}.toast--error{border-color:var(--danger);color:var(--danger)}@media(max-width:1023px){.burger{display:inline-flex}.sidebar{position:fixed;top:var(--topbar-h);bottom:0;left:0;z-index:var(--z-dropdown);transform:translate(-100%);transition:transform var(--dur-slow) var(--ease)}.sidebar--open{transform:none}}@media(max-width:767px){.content{padding:var(--space-4) var(--space-3)}.table{font-size:var(--text-xs)}}@media(max-width:480px){.input{height:40px;font-size:var(--text-md)}.btn{height:40px}.toolbar__search{width:100%}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.branch-logo{height:40px;max-width:160px;object-fit:contain;border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1);background:var(--surface-sunken)}.bulkbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-2) var(--space-3);background:var(--surface-selected);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-sm)}.btn--off{opacity:.5;cursor:not-allowed}.cell{position:relative;display:inline-flex;align-items:center;gap:var(--space-1)}.cell__field{width:120px;height:28px;text-align:right;font-variant-numeric:tabular-nums}.cell--saving .cell__field{opacity:.6}.cell--error .cell__field{border-color:var(--danger)}.cell__mark{color:var(--success);animation:fade .8s var(--ease) forwards}@keyframes fade{0%{opacity:1}to{opacity:0}}.totals{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding-top:var(--space-2);border-top:1px solid var(--border);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.bar{display:block;width:96px;height:6px;border-radius:3px;background:var(--surface-sunken);overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent)}.debt-bar{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.debt-bar__main{display:flex;align-items:baseline;gap:var(--space-3)}.debt-bar__label{color:var(--text-secondary);font-size:var(--text-sm)}.debt-bar__sum{font-size:var(--text-kpi);font-weight:var(--w-semibold);font-variant-numeric:tabular-nums}.debt-bar__side{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:var(--text-sm)}.debt-bar__overdue{color:var(--danger);font-variant-numeric:tabular-nums}.table tfoot td{border-top:1px solid var(--border-strong);font-weight:var(--w-medium);font-variant-numeric:tabular-nums}.hints{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow-md);overflow:hidden}.hints__item{text-align:left;border:0;background:none;cursor:pointer;padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.hints__item:hover{background:var(--surface-hover)}.screen-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);cursor:pointer;font-size:var(--text-sm)}.screen-row:last-child{border-bottom:0}.screen-row:hover{background:var(--surface-hover)}.screen-row__name{font-weight:var(--w-medium)}.dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.dot--on{background:var(--success)}.dot--off{background:var(--text-muted)}.reminder{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);background:var(--warning-bg);color:var(--warning);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-sm)}.howto{font-size:var(--text-sm);color:var(--text-secondary)}.howto ol{margin:var(--space-2) 0 0;padding-left:var(--space-5);display:grid;gap:4px}.preview{width:100%;max-width:480px;aspect-ratio:16 / 9;background:var(--surface-sunken);border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden}.preview__inner{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);height:100%}.preview__head{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-secondary)}.preview__branch{font-weight:var(--w-semibold);color:var(--text)}.preview__dept{display:flex;justify-content:space-between;font-size:var(--text-xs);padding-bottom:2px;border-bottom:1px solid var(--border)}.preview__rows{list-style:none;margin:0;padding:0;display:grid;gap:2px;overflow:hidden}.preview__row{display:grid;grid-template-columns:16px 1fr auto 44px;gap:var(--space-2);font-size:var(--text-xs)}.preview__row--vac{opacity:.6}.preview__place{color:var(--text-muted)}.preview__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview__pct{color:var(--text-secondary)}.preview__empty{font-size:var(--text-xs);color:var(--text-secondary)}