@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-vietnamese-wght-normal-CtlIRbEm.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-ext-wght-normal-MQgHevqp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-wght-normal-DdeTHZLK.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ground:#f4f5f2;--surface:#fff;--surface-2:#eceee9;--ink:#1b2430;--ink-2:#4a5563;--ink-3:#5c6570;--rule:#d9ddd6;--rule-strong:#b9bfb5;--rail:#1f4b4a;--rail-ink:#e4efed;--rail-ink-2:#a8c4c0;--rail-hover:#285b59;--rail-active:#f4f5f2;--teal:#2e6f6a;--teal-ink:#fff;--teal-soft:#dcebe8;--teal-tint:#e9f2f0;--amber:#966000;--amber-bar:#e7a020;--amber-soft:#fbefd5;--amber-ink:#3d2700;--red:#b3261e;--red-soft:#f8e1df;--red-ink:#fff;--night:#1b243018;--weekend:#1f4b4a1c;--leave:#1b24301f;--hatch-red:repeating-linear-gradient(135deg, var(--red) 0 6px, #8f1d17 6px 9px);--hatch-soft:repeating-linear-gradient(135deg, #b3261e24 0 5px, transparent 5px 9px);--hatch-leave:repeating-linear-gradient(135deg, var(--leave) 0 4px, transparent 4px 8px);--radius:4px;--radius-bar:3px;--shadow-panel:-8px 0 24px -12px #1b24302e;--shadow-pop:0 8px 24px -6px #1b243038, 0 2px 6px -2px #1b24301f;--ease-out:cubic-bezier(.16, 1, .3, 1);color:var(--ink);background:var(--ground);font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Public Sans Variable,system-ui,sans-serif;font-size:14px;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}::selection{background:var(--teal-soft);color:var(--ink)}h1,h2,h3,h4,p{margin:0}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--rule-strong) transparent}.btn{border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;height:32px;padding:0 12px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn svg{flex:none;width:16px;height:16px}.btn-primary{background:var(--teal);border-color:var(--teal);color:var(--teal-ink)}.btn-primary:hover{background:#275f5b}.btn-quiet{background:0 0;border-color:#0000}.btn-quiet:hover{background:var(--surface-2)}.btn-danger{color:var(--red)}.btn-danger-solid{background:var(--red);border-color:var(--red);color:var(--red-ink)}.btn-danger-solid:hover{background:#9a2019}.confirm{border-radius:var(--radius);background:var(--red-soft);animation:pop-in .18s var(--ease-out);align-items:center;gap:6px;padding:2px 2px 2px 10px;display:inline-flex}.confirm-q{color:#7d1a14;white-space:nowrap;font-size:13px;font-weight:600}@keyframes pop-in{0%{opacity:0;transform:translateY(-3px)}}.btn-sm{height:26px;padding:0 8px;font-size:13px}.icon-btn{border-radius:var(--radius);width:28px;height:28px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.icon-btn svg{width:16px;height:16px}.icon-btn.danger:hover{color:var(--red);background:var(--red-soft)}.input,.select{border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface);min-width:0;height:30px;padding:0 8px}.input:hover,.select:hover{border-color:var(--ink-3)}.input:focus,.select:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft);outline:none}.input::placeholder{color:var(--ink-3)}.input-time{text-align:center;width:62px;padding:0 6px}.input.invalid{border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.input-num{width:64px}.segmented{background:var(--surface-2);border-radius:6px;padding:2px;display:inline-flex}.segmented button{white-space:nowrap;border-radius:var(--radius);height:28px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:0 12px;font-weight:500}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #1b24301f}.field{gap:4px;display:grid}.field>span{color:var(--ink-2);font-size:12px;font-weight:600}.field-inline{color:var(--ink-2);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.field-inline .select{color:var(--ink);font-weight:400}.th-sort{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.th-sort:hover{color:var(--ink)}.sort-icon{width:13px;height:13px;color:var(--teal)}.check{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.check input{accent-color:var(--teal);width:16px;height:16px}.tag{white-space:nowrap;border-radius:10px;align-items:center;gap:4px;height:20px;padding:0 7px;font-size:12px;font-weight:600;display:inline-flex}.tag-ok{background:var(--teal-soft);color:var(--teal)}.tag-warn{background:var(--amber-soft);color:var(--amber-ink)}.tag-bad{background:var(--red-soft);color:var(--red)}.tag-muted{background:var(--surface-2);color:var(--ink-2)}.muted{color:var(--ink-3)}.num{font-variant-numeric:tabular-nums}.shell{grid-template-rows:minmax(0,1fr);grid-template-columns:208px minmax(0,1fr);height:100%;display:grid}.rail{background:var(--rail);color:var(--rail-ink);flex-direction:column;gap:4px;padding:18px 12px 14px;display:flex}.brand{letter-spacing:-.01em;align-items:baseline;gap:6px;padding:0 8px 18px;font-size:17px;font-weight:750;display:flex}.brand small{color:var(--rail-ink-2);font-size:12px;font-weight:500}.rail nav{gap:2px;display:grid}.rail-link{border-radius:var(--radius);height:36px;color:var(--rail-ink);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;font-weight:500;display:flex}.rail-link svg{opacity:.85;width:18px;height:18px}.rail-link:hover{background:var(--rail-hover)}.rail-link[aria-current=page]{background:var(--rail-active);color:var(--rail);font-weight:650}.rail-link .count{color:var(--rail-ink-2);margin-left:auto;font-size:12px}.rail-link[aria-current=page] .count{color:var(--teal)}.rail-foot{border-top:1px solid #e4efed29;gap:2px;margin-top:auto;padding-top:12px;display:grid}.rail-foot .rail-link{height:32px;color:var(--rail-ink-2);font-size:13px}.rail-foot .rail-link:hover{color:var(--rail-ink)}.rail-confirm{border-radius:var(--radius);background:var(--rail-active);color:var(--ink);gap:8px;margin:6px 2px;padding:10px;font-size:12.5px;display:grid}.rail-confirm div{gap:4px;display:flex}.rail-error{color:#ffd2cc;margin:6px 10px 0;font-size:12px}.rail-note{color:var(--rail-ink-2);padding:8px 10px 0;font-size:11.5px;line-height:1.4}.rail-note.sync-offline{color:#ffd2cc}.main{flex-direction:column;min-width:0;min-height:0;display:flex}.topbar{border-bottom:1px solid var(--rule);background:var(--surface);align-items:center;gap:16px;min-height:60px;padding:12px 24px;display:flex}.topbar h1{letter-spacing:-.01em;font-size:18px;font-weight:700}.topbar .spacer{flex:1}.weeknav{align-items:center;gap:2px;display:inline-flex}.weeknav-label{text-align:center;min-width:168px;padding:0 8px;line-height:1.2;display:grid}.weeknav-label strong{font-size:14px}.weeknav-label span{color:var(--ink-3);font-size:12px}.content{flex:1;min-height:0;display:flex}.content-scroll{flex:1;min-width:0;overflow:auto}.empty{justify-items:start;gap:10px;max-width:520px;padding:48px 32px;display:grid}.empty h2{font-size:17px}.empty p{color:var(--ink-2)}.panel{border-left:1px solid var(--rule);background:var(--surface);width:360px;box-shadow:var(--shadow-panel);animation:panel-in .28s var(--ease-out);flex-direction:column;flex:none;min-height:0;display:flex}@keyframes panel-in{0%{opacity:.4;transform:translate(16px)}}.panel-head{border-bottom:1px solid var(--rule);align-items:flex-start;gap:8px;padding:16px 16px 12px 20px;display:flex}.panel-head h2{font-size:16px;line-height:1.3}.panel-head p{color:var(--ink-2);margin-top:2px;font-size:13px}.panel-body{flex:1;padding:4px 0 24px;overflow:hidden auto}.panel-section{padding:14px 20px 6px}.panel-section>h3{letter-spacing:.02em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.person{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding:7px 0;display:grid}.person:first-of-type{border-top:0}.person-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.person-meta{color:var(--ink-3);font-size:12px}.person-actions{align-items:center;gap:2px;display:flex}.violations{border-radius:var(--radius);background:var(--hatch-soft), var(--red-soft);color:#7d1a14;grid-column:1/-1;gap:2px;margin:0;padding:6px 8px 6px 10px;font-size:12.5px;list-style:none;display:grid}.person .confirm{grid-column:1/-1;justify-self:start}.reasons{color:var(--ink-3);grid-column:1/-1;font-size:12.5px}.gapbar{background:var(--amber-soft);color:var(--amber-ink);border-bottom:1px solid #edd9a8;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 24px;font-size:13px;display:flex}.gapbar.ok{border-color:var(--teal-soft);background:var(--teal-tint);color:var(--teal)}.gapbar svg{flex:none;width:16px;height:16px}.gapchip{height:24px;color:inherit;cursor:pointer;background:#fff9;border:1px solid #3d27002e;border-radius:12px;align-items:center;gap:6px;padding:0 8px;font-size:12.5px;font-weight:600;display:inline-flex}.gapchip:hover{background:#fff}.gapchip-info{cursor:help;color:var(--amber-ink);border-color:#3d27002e}.gapbar.ok .gapchip-info{color:inherit}.gapchip.zero{color:var(--red);border-color:#b3261e59}@media print{.rail,.topbar .no-print,.panel,.gapbar,.no-print{display:none!important}.shell{display:block}.content-scroll{overflow:visible}body{background:#fff}}.agents-list{padding:20px 24px 40px}.agent-add{gap:8px;max-width:480px;margin-bottom:20px;display:flex}.list-tools{align-items:center;gap:16px;margin:-6px 0 12px;font-size:13px;display:flex}.agent-add .input{flex:1;min-width:0;height:32px}.agents-list{min-width:0}.table{border-collapse:collapse;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);width:100%;max-width:1080px}.table th{border-bottom:1px solid var(--rule);height:36px;color:var(--ink-2);text-align:left;white-space:nowrap;padding:0 14px;font-size:12px;font-weight:650}.table td{border-bottom:1px solid var(--rule);height:44px;padding:0 14px}.table tr:last-child td{border-bottom:0}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:var(--teal-tint)}.table tbody tr[aria-selected=true]{background:var(--teal-soft)}.table tbody tr.gone{color:var(--ink-3);filter:grayscale()}.table .right{text-align:right}.table td .tag{margin-left:8px}.table td:first-child{white-space:nowrap}.row-link{cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.week-status{align-items:center;gap:6px;display:inline-flex}.week-status .tag{margin-left:0!important}.gone-toggle{color:var(--ink-2);margin-top:14px;font-size:13px}.agent-panel{width:400px}.table.with-panel .col-avail{display:none}@media (width>=1280px){.table.with-panel .col-avail{display:table-cell}}.name-input{border-color:#0000;width:100%;height:34px;margin-left:-6px;padding:0 6px;font-size:17px;font-weight:700}.status-row{flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;margin-left:-8px;display:flex}.status-row .tag{margin-left:8px}.btn-sm svg{width:14px;height:14px}.scope-bar{border-bottom:1px solid var(--rule);background:var(--ground);padding:12px 20px}.hint{color:var(--ink-3);margin:6px 0 8px;font-size:12.5px}.range-sep{color:var(--ink-3);font-size:12px}.constraints{gap:14px;display:grid}.constraint-grid{grid-template-columns:repeat(2,auto);justify-content:start;align-items:end;gap:12px;display:grid}.constraints .hint{margin:0}.constraints .input-num{width:84px}.field-overridden .input{border-color:var(--teal);background:var(--teal-tint)}.add-slot{justify-self:start;margin-left:-8px}.leaves{gap:8px;display:grid}.leave-row{grid-template-columns:1fr auto 1fr auto;align-items:center;gap:6px;display:grid}.leave-row .leave-note{grid-column:1/-1}.leave-row.past{opacity:.55}.avail-grid-wrap{gap:6px;display:grid}.avail-grid{border-collapse:collapse;width:100%}.avail-grid th,.avail-grid td{text-align:center;padding:2px}.avail-grid thead th{font-size:12px}.avail-grid tbody th{text-align:left}.grid-toggle{border-radius:var(--radius);color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:12px;font-weight:650}.grid-toggle:hover{background:var(--surface-2);color:var(--ink)}.grid-type{text-align:left;line-height:1.2;display:grid}.grid-type strong{color:var(--ink);font-size:13px}.grid-type span{white-space:nowrap;color:var(--ink-3);font-size:11px;font-weight:400}.avail-cell{border:1px solid var(--rule-strong);border-radius:var(--radius-bar);background:var(--surface);cursor:pointer;width:100%;min-width:26px;height:28px;transition:background .12s}.avail-cell:hover{border-color:var(--teal)}.avail-cell[aria-pressed=true]{border-color:var(--teal);background:var(--teal);box-shadow:inset 0 0 0 2px var(--surface)}.grid-presets{flex-wrap:wrap;gap:2px;margin-left:-8px;display:flex}.reset{margin-top:6px;margin-left:-8px}@media (width<=1100px){.agent-panel{width:340px}.table.with-panel .col-off,.table.with-panel th:nth-child(3),.table.with-panel td:nth-child(3){display:none}.constraint-grid{grid-template-columns:repeat(2,auto)}}.needs{padding:16px 24px 48px}.needs-block{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);max-width:1180px;margin-bottom:20px;padding:16px 16px 14px}.block-head{flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:12px;display:flex}.block-head h2{font-size:15px;font-weight:700}.block-head p{font-size:13px}.types{margin-bottom:10px;display:grid}.type-row{border-top:1px solid var(--rule);grid-template-columns:auto 170px auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:6px 0;display:grid}.type-row:first-child{border-top:0}.type-order{gap:0;display:flex}.type-order .icon-btn{width:24px}.type-order .icon-btn:disabled{opacity:.25;cursor:default}.type-name{font-weight:600}.shift-time{align-items:center;gap:6px;display:flex}.shift-dur{align-items:center;gap:6px;margin-left:4px;font-size:13px;display:inline-flex}.type-avail{white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.add-type{margin-top:2px}.matrix-wrap{overflow-x:auto}.matrix{border-collapse:collapse;width:100%;min-width:860px}.matrix th,.matrix td{border-bottom:1px solid var(--rule);text-align:center;padding:6px}.matrix thead th{vertical-align:bottom;border-bottom-color:var(--rule-strong)}.matrix .weekend{background:var(--weekend)}.matrix-type{width:150px;text-align:left!important;padding-left:0!important}.type-cell{line-height:1.25;display:grid}.type-cell .muted{font-size:12px;font-weight:400}.matrix-day{line-height:1.2;display:grid}.matrix-day strong{font-size:13px}.matrix-day span{font-size:11.5px;font-weight:400}.matrix-fill{width:150px;color:var(--ink-2);font-size:12px;font-weight:600}.matrix tfoot th,.matrix tfoot td{color:var(--ink-2);border-bottom:0;font-weight:700}.cell-stepper{border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface);align-items:center;gap:0;display:inline-flex}.cell-stepper .icon-btn{width:24px;height:26px}.cell-stepper .icon-btn svg{width:13px;height:13px}.cell-stepper .icon-btn:disabled{opacity:.3;cursor:default}.cell-stepper span{min-width:22px;font-size:15px;font-weight:700}.cell-stepper.zero{border-color:var(--rule);background:0 0}.cell-stepper.zero span{color:var(--ink-3);font-weight:500}.fill{gap:4px;display:inline-flex}.fill .input-num{width:48px;height:26px}.copy{display:inline-block;position:relative}.copy-btn{color:var(--ink-2);margin-top:4px;font-weight:500}.copy-btn svg{width:13px!important;height:13px!important}.popover{z-index:20;border:1px solid var(--rule);background:var(--surface);width:240px;box-shadow:var(--shadow-pop);text-align:left;color:var(--ink);border-radius:6px;justify-items:start;gap:8px;padding:14px;font-weight:400;display:grid;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.popover-title{font-weight:600}.popover-days{grid-template-columns:1fr 1fr 1fr;gap:6px 12px;width:100%;display:grid}.popover .hint{margin:0}.popover .btn-quiet{margin-left:-8px}.popover .btn-primary{justify-content:center;justify-self:stretch}.subbar{border-bottom:1px solid var(--rule);background:var(--surface);flex-wrap:wrap;align-items:center;gap:8px 24px;padding:8px 24px;display:flex}.subbar .segmented button{height:26px;padding:0 10px}.frow-group .fname,.frow-group .ftl,.frow-group .ftotal{background:var(--surface-2);height:30px;min-height:0}.frow-group .ftl:before,.frow-group .ftl:after{display:none}.frow-group .fname{flex-direction:row;justify-content:flex-start;align-items:baseline;gap:8px}.frow-group .fname strong{letter-spacing:.02em;text-transform:uppercase;color:var(--ink-2);font-size:12.5px;font-weight:700}.frise-empty{padding:16px 24px}.topbar-actions{align-items:center;gap:8px;display:flex}.generated{white-space:nowrap;margin-right:4px;font-size:12.5px}@media (width<=1280px){.generated{display:none}}.zoom button{padding:0 10px}.frise{--name-w:196px;--total-w:92px;width:max-content;min-width:100%;padding-bottom:32px}.frow{grid-template-columns:var(--name-w) calc(7 * var(--day-w)) var(--total-w);border-bottom:1px solid var(--rule);display:grid}.fname{z-index:3;border-right:1px solid var(--rule);background:var(--ground);flex-direction:column;justify-content:center;gap:1px;min-width:0;padding:6px 12px 6px 24px;line-height:1.25;display:flex;position:sticky;left:0}.fname strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.fname .muted{font-size:12px}.ftotal{border-left:1px solid var(--rule);background:var(--ground);white-space:nowrap;justify-content:flex-end;align-items:center;gap:2px;padding:0 14px;font-weight:600;display:flex}.ftotal .muted{font-size:12px;font-weight:400}.ftotal.under{background:var(--amber-soft);color:var(--amber-ink)}.ftotal.over{background:var(--hatch-soft), var(--red-soft);color:var(--red)}.ftl{background-color:var(--ground);background-image:linear-gradient(90deg, var(--rule-strong) 0 1px, transparent 1px), linear-gradient(90deg, transparent calc(var(--day-w) / 4 - 1px), var(--rule) calc(var(--day-w) / 4 - 1px) calc(var(--day-w) / 4), transparent 0 calc(var(--day-w) / 2 - 1px), var(--rule) 0 calc(var(--day-w) / 2), transparent 0 calc(var(--day-w) * 3 / 4 - 1px), var(--rule) 0 calc(var(--day-w) * 3 / 4), transparent 0);background-size:var(--day-w) 100%;min-height:40px;position:relative;overflow:hidden}.ftl:before{content:"";top:0;bottom:0;left:calc(5 * var(--day-w));width:calc(2 * var(--day-w));background:var(--weekend);pointer-events:none;z-index:1;position:absolute}.ftl:after{content:"";background:linear-gradient(90deg, var(--night) 0 25%, transparent 25% 91.666%, var(--night) 91.666%);background-size:var(--day-w) 100%;pointer-events:none;position:absolute;inset:0}.frow-head{z-index:5;background:var(--surface);border-bottom:1px solid var(--rule-strong);position:sticky;top:0}.fname-head,.ftotal-head{color:var(--ink-2);justify-content:flex-end;padding-bottom:8px;font-size:12px;font-weight:650}.fname-head{z-index:6}.ftl-head{background-image:none;display:flex;overflow:visible}.ftl-head:before,.ftl-head:after{display:none}.dayhead{flex:0 0 var(--day-w);border-left:1px solid var(--rule-strong);min-width:0;padding:8px 8px 0;display:grid}.dayhead.weekend{background:var(--weekend)}.dayhead-top{white-space:nowrap;align-items:baseline;gap:6px;min-width:0;display:flex}.dayhead-top strong{font-size:13.5px}.dayhead-top .muted{text-overflow:ellipsis;font-size:12px;overflow:hidden}.daycount{margin-left:auto;font-size:12px;font-weight:700}.daycount.ok{color:var(--teal)}.daycount.under{color:var(--amber)}.daycount.zero{color:var(--red)}.hours{height:18px;margin:0 -8px;position:relative}.hours span{color:var(--ink-3);font-size:10.5px;position:absolute;bottom:3px;transform:translate(-50%)}.frow-cover{border-bottom:1px solid var(--rule-strong)}.frow-cover .fname,.frow-cover .ftotal,.frow-cover .ftl{background-color:var(--surface)}.need,.bar{z-index:1;border-radius:var(--radius-bar);white-space:nowrap;text-align:left;cursor:pointer;height:24px;transition:box-shadow .15s, transform .15s var(--ease-out);border:0;align-items:center;gap:5px;padding:0 4px;font-size:12px;font-weight:600;display:flex;position:absolute;overflow:hidden}.need:hover,.bar:hover{z-index:2;transform:translateY(-1px);box-shadow:0 3px 8px -3px #1b243059}.need.selected,.bar.selected{outline:2px solid var(--ink);outline-offset:1px;z-index:2}.spill{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 14px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 14px),#0000)}.need{justify-content:center;padding:0 2px}.need:has(.need-range){justify-content:flex-start;padding:0 4px}.need-under,.need-zero{z-index:2;min-width:max-content}.need-ok{background:var(--teal-soft);color:var(--teal)}.need-under{background:var(--amber-bar);color:var(--amber-ink)}.need-zero{background:var(--hatch-red);color:var(--red-ink)}.need-count{flex:none;font-weight:750}.need-range{font-weight:500;overflow:hidden}.bar{background:var(--teal);color:var(--teal-ink);animation:bar-in .42s var(--ease-out) backwards}.bar span{overflow:hidden}@keyframes bar-in{0%{clip-path:inset(0 100% 0 0 round var(--radius-bar))}to{clip-path:inset(0 0 0 0 round var(--radius-bar))}}@media (prefers-reduced-motion:reduce){.bar{animation:none}}.slot{z-index:1;border-radius:var(--radius-bar);position:absolute;top:3px;bottom:3px}.slot-free{border:1.5px dashed var(--teal);color:var(--teal);cursor:pointer;background:#dcebe8d9;place-items:center;padding:0;transition:background .15s;display:grid}.slot-free svg{width:14px;height:14px}.slot-free:hover{background:var(--teal-soft);border-style:solid}.slot-blocked{border:1px solid var(--rule-strong);background:var(--hatch-leave);cursor:help}.bar-lock{opacity:.8;flex:none;width:12px;height:12px}.bar-dim{opacity:.28}.bar-bad{background:var(--hatch-red)}.avail{background:var(--teal-tint);border-radius:2px;position:absolute;top:3px;bottom:3px;box-shadow:inset 0 0 0 1px #2e6f6a1f}.blocked{background:var(--hatch-leave);position:absolute;top:0;bottom:0}.frow.inactive .fname,.frow.inactive .ftl{filter:grayscale();opacity:.6}.byshift{padding:16px 24px 48px}.byshift-day{margin-bottom:20px}.byshift-day h2{margin-bottom:8px;font-size:15px}.byshift-day h2 .muted{font-size:13px;font-weight:400}.byshift .table tbody tr{cursor:pointer}.byshift .table tbody tr[aria-selected=true]{background:var(--teal-soft)}.chips{flex-wrap:wrap;gap:4px;padding:6px 0;display:flex}.chip{border-radius:var(--radius-bar);background:var(--teal);height:24px;color:var(--teal-ink);align-items:center;gap:4px;padding:0 8px;font-size:12.5px;font-weight:600;display:inline-flex}.chip svg{width:12px;height:12px}.chip-bad{background:var(--hatch-red)}.chip-missing{border:1px dashed var(--amber);color:var(--amber);background:0 0;font-weight:500}@media print{@page{size:A4 landscape;margin:10mm}.frise{--name-w:32mm;--total-w:16mm;--day-w:34mm!important}.fname{padding-left:6px}.avail,.blocked{display:none}.frow{break-inside:avoid}.ftl,.need,.bar,.chip{-webkit-print-color-adjust:exact;print-color-adjust:exact}}