:root{--c-app-bg: #f0f2f5;--c-surface: #ffffff;--c-border: #e2e8f0;--c-divider: #f1f5f9;--c-chip-bg: #f8fafc;--c-text: #1e2330;--c-text-2: #334155;--c-text-3: #64748b;--c-text-muted: #94a3b8;--c-accent: #2563eb;--c-scroll-thumb: #cbd5e1;--c-scroll-thumb-hover: #94a3b8;--c-day: #2563eb;--c-idle: #dc2626;--c-idle-block: #1e3a5f;--c-idle-hatch: #274b73;--c-startup-idle: #ff0000;--c-night: #7c3aed;--c-leave: #f59e0b;--c-no-work: #94a3b8;--c-punch-in: #0f766e;--c-punch-out: #b45309;--c-now: #06b6d4;--c-inprogress: #f59e0b;--c-pending: #ef4444;--c-refresh-ready: #2563eb;--c-refresh-busy: #ea580c;--c-refresh-done: #16a34a;--c-refresh-throttled: #d97706;--c-refresh-error: #dc2626;--c-day-band-bg: #dcfce7;--c-day-band-fg: #15803d;--c-night-band-bg: #ede9fe;--c-night-band-fg: #6d28d9;--c-day-band-tint: rgba(34, 197, 94, .045);--c-night-band-tint: rgba(99, 102, 241, .05);--c-cell-day: #f8fdf9;--c-cell-night: #faf9ff;--c-cell-predawn: #f8fafc;--c-badge-leave-bg: #fef3c7;--c-badge-leave-fg: #92400e;--c-badge-nowork-bg: #fee2e2;--c-badge-nowork-fg: #b91c1c;--c-tooltip-bg: #1e293b;--c-tooltip-border: #334155;--c-overlay: rgba(15, 23, 42, .5);--c-focus-ring: #93c5fd;--font-base: "Inter", system-ui, sans-serif;--font-head: "Poppins", system-ui, sans-serif;--font-name: "Raleway", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--r-chip: 8px;--r-menu-item: 7px;--r-panel: 10px;--r-tooltip: 11px;--r-card: 11px;--r-modal: 16px;--r-badge: 5px;--sh-panel: 0 14px 34px rgba(15, 23, 42, .18);--sh-tooltip: 0 18px 40px rgba(15, 23, 42, .4);--sh-modal: 0 30px 70px rgba(15, 23, 42, .35);--sh-block: 0 1px 2px rgba(15, 23, 42, .08);--sh-block-bold: 0 1px 3px rgba(15, 23, 42, .1);--h-toolbar: 54px;--h-chip: 34px;--h-menu-item: 32px;--h-header: 90px;--h-shift-band: 18px;--h-hour-cells: 26px;--w-sidebar: 252px;--w-board: 1728px;--w-hour-cell: 64px;--w-dropdown-min: 158px;--w-tooltip: 300px;--avatar-sidebar: 30px;--row-h: 54px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-base);color:var(--c-text);background:var(--c-app-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select{font-family:inherit}input:focus-visible,select:focus-visible,button:focus-visible,[role=button]:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--c-focus-ring);outline-offset:0}::-webkit-scrollbar{height:11px;width:11px}::-webkit-scrollbar-thumb{background:var(--c-scroll-thumb);border-radius:6px;border:2px solid var(--c-app-bg)}::-webkit-scrollbar-thumb:hover{background:var(--c-scroll-thumb-hover)}::-webkit-scrollbar-track{background:transparent}.app{height:100vh;width:100vw;display:flex;flex-direction:column;background:var(--c-app-bg);overflow:hidden}.app__main{flex:1;display:flex;min-height:0}.sidebar{width:var(--w-sidebar);flex:0 0 var(--w-sidebar);background:var(--c-surface);border-right:1px solid var(--c-border);display:flex;flex-direction:column;min-height:0}.board{flex:1;background:var(--c-surface);display:flex;flex-direction:column;min-height:0;min-width:0}@media (max-width: 1024px){.sidebar{width:208px;flex-basis:208px}}@media (max-width: 720px){.app__main{flex-direction:column}.sidebar{width:100%;flex:0 0 auto;max-height:40vh;border-right:none;border-bottom:1px solid var(--c-border)}}.placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--c-text-muted);font-family:var(--font-head);font-size:12.5px;letter-spacing:.02em;padding:16px;text-align:center}.toolbar{height:var(--h-toolbar);flex:0 0 var(--h-toolbar);background:var(--c-surface);border-bottom:1px solid var(--c-border);padding:0 16px;display:flex;align-items:center;gap:10px;font-family:var(--font-head);z-index:20}.toolbar__title{font-weight:700;font-size:15px;letter-spacing:-.01em;margin-right:8px;color:var(--c-text)}.toolbar__spacer{flex:1}@media (max-width: 1024px){.toolbar{flex-wrap:wrap;height:auto;flex:0 0 auto;padding:8px 16px;row-gap:8px}.toolbar__spacer{flex-basis:100%;height:0}}.chip{height:var(--h-chip);display:flex;align-items:center;gap:6px;padding:0 11px;border:1px solid var(--c-border);border-radius:var(--r-chip);background:var(--c-chip-bg)}.chip__icon{color:var(--c-text-3);font-size:12px;line-height:1}.chip__date{border:none;background:transparent;font-family:var(--font-mono);font-size:12.5px;width:118px;color:var(--c-text)}.chip__select{border:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-head);font-weight:500;font-size:12.5px;color:var(--c-text);cursor:pointer}.toolbar__load-wrap{position:relative}.toolbar__load{height:var(--h-chip);display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--c-border);border-radius:var(--r-chip);background:var(--c-chip-bg);cursor:pointer;list-style:none}.toolbar__load::-webkit-details-marker{display:none}.toolbar__load-wrap.is-active .toolbar__load{border-color:var(--c-accent);color:var(--c-accent)}.toolbar__load-label{font-size:10px;font-weight:600;color:var(--c-text-muted);letter-spacing:.04em}.toolbar__load-value{font-size:12.5px;font-weight:600;color:var(--c-text)}.toolbar__load-wrap.is-active .toolbar__load-value{color:var(--c-accent)}.toolbar__load-chevron{font-size:11px;color:var(--c-text-3);margin-left:2px}.toolbar__load-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--c-border);border-radius:var(--r-chip);background:var(--c-surface);box-shadow:0 8px 24px #0f172a1f;z-index:30}.toolbar__load-field{display:flex;align-items:center;justify-content:space-between;gap:10px}.toolbar__load-field-label{font-size:11px;font-weight:600;color:var(--c-text-muted)}.toolbar__load-date{border:1px solid var(--c-border);border-radius:var(--r-chip);background:var(--c-chip-bg);padding:4px 8px;font-family:var(--font-mono);font-size:12.5px;color:var(--c-text)}.toolbar__load-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:2px}.toolbar__load-go,.toolbar__load-clear{height:28px;padding:0 14px;border-radius:var(--r-chip);font-family:var(--font-head);font-weight:600;font-size:12.5px;cursor:pointer}.toolbar__load-go{border:1px solid var(--c-accent);background:var(--c-accent);color:#fff}.toolbar__load-go:disabled{border-color:var(--c-border);background:var(--c-chip-bg);color:var(--c-text-muted);cursor:default}.toolbar__load-clear{border:1px solid var(--c-border);background:transparent;color:var(--c-text)}.toolbar__layout-wrap{position:relative}.toolbar__layout{height:var(--h-chip);display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--c-border);border-radius:var(--r-chip);background:var(--c-chip-bg);cursor:pointer;list-style:none}.toolbar__layout::-webkit-details-marker{display:none}.toolbar__layout-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:150px;display:flex;flex-direction:column;padding:4px;border:1px solid var(--c-border);border-radius:var(--r-chip);background:var(--c-surface);box-shadow:0 8px 24px #0f172a1f;z-index:30}.toolbar__layout-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border:none;border-radius:6px;background:transparent;font-family:var(--font-head);font-weight:600;font-size:12.5px;color:var(--c-text);text-align:left;cursor:pointer}.toolbar__layout-item.is-active{background:var(--c-chip-bg)}.toolbar__layout-item:disabled{color:var(--c-text-muted);cursor:default}.toolbar__layout-soon{font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--c-text-3);border:1px solid var(--c-border);border-radius:4px;padding:1px 4px}.toolbar__layout-label{font-size:10px;font-weight:600;color:var(--c-text-muted);letter-spacing:.04em}.toolbar__layout-value{font-size:12.5px;font-weight:600;color:var(--c-text)}.toolbar__layout-chevron{font-size:11px;color:var(--c-text-3);margin-left:2px}.toolbar__regularize{height:var(--h-chip);padding:0 14px;border:1px solid var(--c-accent);border-radius:var(--r-chip);background:var(--c-accent);color:#fff;font-family:var(--font-head);font-size:12.5px;font-weight:600;cursor:pointer}.toolbar__regularize:focus-visible{outline:2px solid var(--c-focus-ring);outline-offset:1px}.toolbar__view-wrap{position:relative}.toolbar__view{height:var(--h-chip);display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--c-border);border-radius:var(--r-chip);background:var(--c-chip-bg);cursor:pointer;list-style:none}.toolbar__view::-webkit-details-marker{display:none}.toolbar__view-label{font-size:10px;font-weight:600;color:var(--c-text-muted);letter-spacing:.04em}.toolbar__view-value{font-size:12.5px;font-weight:600;color:var(--c-text)}.toolbar__view-chevron{font-size:11px;color:var(--c-text-3);margin-left:2px}.toolbar__view-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:150px;display:flex;flex-direction:column;padding:4px;border:1px solid var(--c-border);border-radius:var(--r-chip);background:var(--c-surface);box-shadow:0 8px 24px #0f172a1f;z-index:30}.toolbar__view-item{display:flex;align-items:center;gap:8px;padding:7px 9px;border:none;border-radius:6px;background:transparent;font-family:var(--font-head);font-weight:600;font-size:12.5px;color:var(--c-text);text-align:left;cursor:pointer}.toolbar__view-item.is-active{background:var(--c-chip-bg)}.toolbar__dev{height:var(--h-chip);display:flex;align-items:center;gap:6px;padding:0 8px;border:1px dashed var(--c-text-muted);border-radius:var(--r-chip);background:repeating-linear-gradient(-45deg,transparent,transparent 5px,rgba(148,163,184,.08) 5px,rgba(148,163,184,.08) 10px)}.toolbar__dev-tag{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--c-text-muted);border:1px solid var(--c-text-muted);border-radius:4px;padding:1px 4px}.toolbar__dev-select,.toolbar__dev-dept{border:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-head);font-weight:600;font-size:12px;color:var(--c-text-2);cursor:pointer}.toolbar__refresh{height:var(--h-chip);display:flex;align-items:center;gap:6px;padding:0 14px;border:1px solid var(--c-border);border-radius:var(--r-chip);background:var(--c-surface);font-family:var(--font-head);font-weight:600;font-size:12.5px;color:var(--c-text-2);cursor:pointer}.toolbar__refresh-icon{color:var(--c-refresh-ready);font-size:13px}.toolbar__refresh[data-state=busy]{color:var(--c-refresh-busy);border-color:var(--c-refresh-busy)}.toolbar__refresh[data-state=busy] .toolbar__refresh-icon{color:var(--c-refresh-busy);animation:ssSpin .8s linear infinite}.toolbar__refresh[data-state=done]{color:var(--c-refresh-done);border-color:var(--c-refresh-done)}.toolbar__refresh[data-state=done] .toolbar__refresh-icon{color:var(--c-refresh-done)}.toolbar__refresh[data-state=throttled]{color:var(--c-refresh-throttled);border-color:var(--c-refresh-throttled)}.toolbar__refresh[data-state=throttled] .toolbar__refresh-icon{color:var(--c-refresh-throttled)}.toolbar__refresh[data-state=error]{color:var(--c-refresh-error);border-color:var(--c-refresh-error)}.toolbar__refresh[data-state=error] .toolbar__refresh-icon{color:var(--c-refresh-error)}@keyframes ssSpin{to{transform:rotate(360deg)}}.toolbar [disabled]{cursor:default;opacity:.85}.ss-freshness{display:inline-flex;align-items:center;gap:5px;height:var(--h-chip);padding:0 10px;border-radius:var(--r-chip);border:1px solid currentColor;background:var(--c-chip-bg);font-family:var(--font-head);font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.ss-freshness__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.ss-freshness[data-freshness=stale]{color:var(--c-refresh-throttled)}.ss-freshness[data-freshness=refreshing]{color:var(--c-refresh-busy)}.ss-freshness[data-freshness=refreshing] .ss-freshness__dot{animation:ssFreshPulse 1.1s ease-in-out infinite}.ss-freshness[data-freshness=error]{color:var(--c-refresh-error)}@keyframes ssFreshPulse{0%,to{opacity:1}50%{opacity:.3}}.sidebar__header{height:var(--h-header);flex:0 0 var(--h-header);border-bottom:1px solid var(--c-border);padding:0 11px;display:flex;flex-direction:column;justify-content:center;gap:9px}.sidebar__search{height:36px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--c-border);border-radius:var(--r-chip);background:var(--c-chip-bg)}.sidebar__search-icon{color:var(--c-text-3);font-size:13px}.sidebar__search-input{border:none;background:transparent;outline:none;flex:1;font-family:var(--font-base);font-size:12.5px;color:var(--c-text)}.sidebar__search-input::placeholder{color:var(--c-text-muted)}.sidebar__counts{display:flex;justify-content:space-between;font-family:var(--font-head);font-size:11px;color:var(--c-text-3)}.sidebar__counts strong{color:var(--c-text-2);font-weight:600}.sidebar__list{flex:1;min-height:0;overflow-y:auto}.sidebar__row{display:flex;gap:9px;align-items:center;padding:0 11px;border-bottom:1px solid var(--c-divider);border-left:3px solid var(--c-no-work);cursor:pointer;font-family:var(--font-name)}.sidebar__row:focus-visible{outline:2px solid var(--c-focus-ring);outline-offset:-2px}.sidebar__row--day{border-left-color:var(--c-day);background:linear-gradient(90deg,#eff6ff,#fff 60%)}.sidebar__row--night{border-left-color:var(--c-night);background:linear-gradient(90deg,#f5f3ff,#fff 60%)}.sidebar__row--none{border-left-color:var(--c-no-work);background:linear-gradient(90deg,#f8fafc,#fff 60%)}.sidebar__row--leave{border-left-color:var(--c-leave);background:#fffbeb}.sidebar__row--selected{border-left-color:var(--c-accent);background:linear-gradient(90deg,#dbeafe,#fff 60%)}.sidebar__avatar-wrap{position:relative;flex:0 0 auto}.sidebar__avatar{width:var(--avatar-sidebar);height:var(--avatar-sidebar);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:11px;font-weight:600}.sidebar__leave-dot{position:absolute;right:-2px;top:-2px;width:11px;height:11px;border-radius:50%;background:var(--c-leave);border:2px solid #fff}.sidebar__status-pip{position:absolute;left:-3px;bottom:-3px;min-width:13px;height:13px;padding:0 2px;box-sizing:border-box;border-radius:4px;border:1.5px solid #fff;background:var(--c-no-work);color:#fff;font-family:var(--font-mono);font-size:8.5px;font-weight:600;line-height:10px;text-align:center}.sidebar__status-pip[data-status=day]{background:var(--c-day)}.sidebar__status-pip[data-status=night]{background:var(--c-night)}.sidebar__status-pip[data-status=leave]{background:var(--c-leave)}.sidebar__info{flex:1;min-width:0}.sidebar__name{font-size:12.5px;font-weight:600;line-height:1.15;color:var(--c-text);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar__tasks{font-size:10.5px;color:var(--c-text-muted);margin-top:2px}.sidebar__badge{display:inline-block;margin-top:3px;font-size:9.5px;font-weight:600;padding:1px 7px;border-radius:var(--r-badge)}.sidebar__badge--leave{background:var(--c-badge-leave-bg);color:var(--c-badge-leave-fg)}.sidebar__badge--no-work{background:var(--c-badge-nowork-bg);color:var(--c-badge-nowork-fg)}.sidebar__badge--carry{background:var(--c-divider);color:var(--c-text-muted)}.sidebar__metrics{flex:0 0 auto;text-align:right;line-height:1.45}.sidebar__metric-w{font-size:11px;font-weight:700;color:var(--c-accent)}.sidebar__metric-mid{font-size:9.5px}.sidebar__metric-punch{font-size:9px;color:var(--c-text-muted)}.sidebar__m-i{color:var(--c-idle)}.sidebar__m-ot{color:var(--c-punch-out)}.sidebar__m-in{color:var(--c-punch-in)}.sidebar__m-out{color:var(--c-punch-out)}.sidebar__m-sep{color:var(--c-scroll-thumb)}.board__header{height:var(--h-header);flex:0 0 var(--h-header);border-bottom:1px solid var(--c-border);display:flex;flex-direction:column}.board__date{height:28px;flex:0 0 28px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--c-divider);font-family:var(--font-head);font-weight:500;font-size:13px;color:var(--c-accent)}.board__ruler{flex:1;overflow:hidden}.board__ruler-inner{width:var(--w-board);height:100%;position:relative}.board__bands{height:var(--h-shift-band);position:relative;border-bottom:1px solid var(--c-divider)}.board__band{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;letter-spacing:.12em}.board__band--day{background:var(--c-day-band-bg);color:var(--c-day-band-fg)}.board__band--night{background:var(--c-night-band-bg);color:var(--c-night-band-fg)}.board__band--off{background:var(--c-divider);color:var(--c-text-muted)}.board__hours{display:flex;height:var(--h-hour-cells)}.board__hour{width:var(--w-hour-cell);flex:0 0 var(--w-hour-cell);display:flex;align-items:flex-end;padding:0 0 4px 6px;font-family:var(--font-head);font-weight:500;font-size:10px;color:var(--c-text-muted);border-right:1px solid var(--c-divider)}.board__hour--day{background:var(--c-cell-day)}.board__hour--night{background:var(--c-cell-night)}.board__hour--predawn{background:var(--c-cell-predawn)}.board__body{flex:1;min-height:0;overflow:auto}.board__grid{width:var(--w-board);min-height:100%;position:relative;font-family:var(--font-name);background-image:linear-gradient(to right,var(--c-divider) 1px,transparent 1px);background-size:var(--w-hour-cell) 100%}.board__band-tint{position:absolute;top:0;bottom:0;pointer-events:none}.board__band-tint--day{background:var(--c-day-band-tint)}.board__band-tint--night{background:var(--c-night-band-tint)}.board__daydiv{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed var(--c-divider);z-index:3;pointer-events:none}.board__daydiv-caption{position:absolute;top:2px;left:50%;transform:translate(-50%);display:flex;gap:6px;font-family:var(--font-head);font-size:9px;font-weight:600;letter-spacing:.02em;white-space:nowrap;color:var(--c-text-muted)}.board__daydiv-before{opacity:.7}.board__now{position:absolute;top:0;bottom:0;width:2px;background:var(--c-now);z-index:8;pointer-events:none}.board__now-pill{position:absolute;top:2px;left:50%;transform:translate(-50%);background:var(--c-now);color:#fff;font-family:var(--font-head);font-size:10px;font-weight:600;padding:1px 5px;border-radius:4px;white-space:nowrap}.board__lane{position:relative;border-bottom:1px solid var(--c-divider)}.ss-block{position:absolute;box-sizing:border-box;overflow:hidden;padding:1px 7px;display:flex;flex-direction:column;justify-content:center;gap:1px;cursor:pointer;z-index:2;box-shadow:var(--sh-block);transition:box-shadow .12s,transform .12s}.ss-block__label{font-family:var(--font-name);font-weight:700;font-size:10px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-block__sub{font-family:var(--font-name);font-size:9px;opacity:.78;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-block--inprogress{border:2px solid var(--c-inprogress);animation:ssPulse 2.2s ease-in-out infinite}.ss-block--pending{border:2px solid var(--c-pending);box-shadow:0 0 0 1px #ef444433,0 0 11px #ef444473}.ss-block--carryover{opacity:.66;border:1px dashed var(--c-divider);border-left:3px solid var(--c-divider)}.ss-block--ghost{z-index:4;border:1.5px dashed var(--c-refresh-throttled);background:#d9770629;color:var(--c-refresh-throttled)}.ss-block--ghost:hover,.ss-block--ghost:focus-visible{background:#d9770647}@keyframes ssPulse{0%,to{box-shadow:0 0 0 1px #f59e0b4d,0 0 8px #f59e0b66}50%{box-shadow:0 0 0 1px #f59e0b80,0 0 15px #f59e0bb3}}.ss-idle{position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;z-index:1}.ss-idle--startup{box-shadow:0 0 0 1px #ff00004d,0 1px 3px #ff00004d}.ss-idle__label{font-family:var(--font-name);font-size:9px;font-weight:700;letter-spacing:.08em;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.25)}.ss-punch{position:absolute;transform:translate(-50%);font-size:13px;line-height:1;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;z-index:6;pointer-events:auto}.ss-punch--editable,.ss-block--editable{cursor:pointer}.ss-block--editable:hover{outline:2px solid var(--c-accent);outline-offset:-1px}.ss-punch--editable:hover{filter:drop-shadow(0 0 2px var(--c-accent))}.ss-punch--in{top:-2px;color:var(--c-punch-in)}.ss-punch--out{bottom:-2px;color:var(--c-punch-out)}.ss-tip{position:fixed;width:var(--w-tooltip);background:var(--c-tooltip-bg);border:1px solid var(--c-tooltip-border);border-radius:var(--r-tooltip);padding:13px 15px;z-index:80;box-shadow:var(--sh-tooltip);pointer-events:none;font-family:var(--font-name)}.ss-tip__title{font-weight:700;font-size:12.5px;margin-bottom:7px}.ss-tip__rows{display:grid;grid-template-columns:auto 1fr;gap:3px 14px}.ss-tip__k{font-size:10.5px;color:var(--c-text-muted)}.ss-tip__v{font-size:10.5px;color:#e2e8f0;font-weight:500}.ss-tip__pills{display:flex;gap:7px;margin-top:9px}.ss-pill{display:inline-block;font-size:9.5px;font-weight:700;padding:2px 9px;border-radius:5px;color:#fff}.ss-pill--day{background:#16a34a}.ss-pill--night{background:#6366f1}.ss-pill--inprogress{background:var(--c-inprogress);color:var(--c-text)}.ss-pill--pending{background:var(--c-pending)}.ss-pill--carry{background:var(--c-text-muted)}.ss-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:100%;padding:24px 16px;text-align:center;color:var(--c-text-muted);font-family:var(--font-head)}.ss-status__icon{font-size:34px;line-height:1;margin-bottom:4px;opacity:.85}.ss-status__headline{color:var(--c-text-2);font-size:14px;font-weight:600;letter-spacing:.01em}.ss-status__sub{font-size:12px;max-width:320px}.ss-status__retry{margin-top:12px;height:var(--h-chip);padding:0 18px;border-radius:var(--r-chip);border:1px solid var(--c-refresh-ready);background:var(--c-surface);color:var(--c-refresh-ready);font-family:var(--font-head);font-size:12.5px;font-weight:600;cursor:pointer}.ss-status__retry:hover{background:var(--c-refresh-ready);color:var(--c-surface)}.ss-status__retry:focus-visible{outline:2px solid var(--c-focus-ring);outline-offset:2px}.ss-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--c-overlay);display:flex;align-items:center;justify-content:center;z-index:60;padding:28px}.ss-modal{width:1180px;max-width:96vw;height:86vh;background:var(--c-surface);border-radius:var(--r-modal);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--sh-modal);font-family:var(--font-name)}.ss-modal__head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:var(--c-chip-bg);border-bottom:1px solid var(--c-border)}.ss-modal__id{display:flex;align-items:center;gap:13px}.ss-modal__avatar{width:44px;height:44px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:15px;font-weight:600}.ss-modal__name{font-size:17px;font-weight:700;color:var(--c-text)}.ss-modal__range{font-family:var(--font-mono);font-size:11.5px;color:var(--c-text-muted)}.ss-modal__close{height:34px;padding:0 16px;border:1px solid var(--c-border);border-radius:var(--r-chip);background:#fff;font-family:var(--font-head);font-size:13px;font-weight:600;color:var(--c-text-2);cursor:pointer}.ss-modal__close:focus-visible{outline:2px solid var(--c-focus-ring)}.ss-modal__stats{flex:0 0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:14px 22px}@media (max-width: 900px){.ss-modal__stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.ss-modal{height:92vh}.ss-modal__stats{grid-template-columns:1fr}}.ss-stat{border:1px solid var(--c-border);border-radius:var(--r-card);padding:11px 14px}.ss-stat__label{font-family:var(--font-head);font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--c-text-muted)}.ss-stat__value{font-family:var(--font-mono);font-size:21px;font-weight:700;margin-top:3px}.ss-modal__week{flex:1;min-height:0;display:flex;border-top:1px solid var(--c-border)}.ss-modal__dates-col{width:130px;flex:0 0 130px;border-right:1px solid var(--c-border);display:flex;flex-direction:column}.ss-modal__dates-head{height:48px;flex:0 0 48px;display:flex;align-items:center;padding:0 14px;font-family:var(--font-head);font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--c-text-muted);border-bottom:1px solid var(--c-border)}.ss-modal__dates{flex:1;overflow:hidden}.ss-modal__date{height:62px;padding:7px 14px;border-bottom:1px solid var(--c-divider)}.ss-modal__date-label{font-size:12.5px;font-weight:600;color:var(--c-text)}.ss-modal__date-dow{color:var(--c-text-muted);font-weight:400}.ss-modal__date-in,.ss-modal__date-out{font-family:var(--font-mono);font-size:9.5px;margin-top:2px}.ss-modal__date-in{color:var(--c-punch-in)}.ss-modal__date-out{color:var(--c-punch-out)}.ss-modal__grid-col{flex:1;min-width:0;display:flex;flex-direction:column}.ss-modal__ruler{height:48px;flex:0 0 48px;overflow:hidden;border-bottom:1px solid var(--c-border)}.ss-modal__ruler-inner{width:var(--w-board);height:100%}.ss-modal__bands{height:18px;position:relative;border-bottom:1px solid var(--c-divider)}.ss-modal__band{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:9px;font-weight:700;letter-spacing:.12em}.ss-modal__band--day{background:var(--c-day-band-bg);color:var(--c-day-band-fg)}.ss-modal__band--night{background:var(--c-night-band-bg);color:var(--c-night-band-fg)}.ss-modal__band--off{background:var(--c-divider);color:var(--c-text-muted)}.ss-modal__hours{display:flex;height:30px}.ss-modal__hour{width:var(--w-hour-cell);flex:0 0 var(--w-hour-cell);display:flex;align-items:flex-end;padding:0 0 4px 6px;font-family:var(--font-head);font-weight:500;font-size:10px;color:var(--c-text-muted);border-right:1px solid var(--c-divider)}.ss-modal__hour--day{background:var(--c-cell-day)}.ss-modal__hour--night{background:var(--c-cell-night)}.ss-modal__hour--predawn{background:var(--c-cell-predawn)}.ss-modal__body{flex:1;overflow:auto;position:relative}.ss-modal__lanes{width:var(--w-board);position:relative;background-image:linear-gradient(to right,var(--c-divider) 1px,transparent 1px);background-size:var(--w-hour-cell) 100%}.ss-modal__lane{position:relative;height:62px;border-bottom:1px solid var(--c-divider)}.ss-modal__msg{padding:40px 20px;text-align:center;color:var(--c-text-muted);font-size:13px}.ss-mini-block{position:absolute;box-sizing:border-box;overflow:hidden;border-radius:5px;padding:0 5px;display:flex;align-items:center;font-family:var(--font-name);font-weight:700;font-size:9.5px;line-height:1.1;white-space:nowrap;text-overflow:ellipsis;box-shadow:var(--sh-block)}.ss-mini-block--inprogress{border:2px solid var(--c-inprogress)}.ss-mini-block--pending{border:2px solid var(--c-pending)}.ss-mini-block--ghost{top:6px;bottom:6px;z-index:4;border:1.5px dashed var(--c-refresh-throttled);background:#d9770629;color:var(--c-refresh-throttled)}.ss-mini-idle{position:absolute;top:8px;bottom:8px;border-radius:4px}.ss-mini-punch{position:absolute;transform:translate(-50%);font-size:12px;line-height:1;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;z-index:6;pointer-events:none}.ss-mini-punch--in{top:-2px;color:var(--c-punch-in)}.ss-mini-punch--out{bottom:-2px;color:var(--c-punch-out)}.ss-regws__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--c-overlay);display:flex;align-items:center;justify-content:center;z-index:70;padding:28px}.ss-regws{width:1180px;max-width:96vw;height:86vh;background:var(--c-surface);border-radius:var(--r-modal);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--sh-modal);font-family:var(--font-name)}.ss-regws__head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:var(--c-chip-bg);border-bottom:1px solid var(--c-border)}.ss-regws__title{font-family:var(--font-head);font-size:16px;font-weight:700;color:var(--c-text)}.ss-regws__close{height:34px;padding:0 16px;border:1px solid var(--c-border);border-radius:var(--r-chip);background:#fff;font-family:var(--font-head);font-size:13px;font-weight:600;color:var(--c-text-2);cursor:pointer}.ss-regws__close:focus-visible{outline:2px solid var(--c-focus-ring)}.ss-regws__listwrap{flex:1;min-height:0;display:flex;flex-direction:column}.ss-regws__controls{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 22px;border-bottom:1px solid var(--c-border)}.ss-regws__tabs{display:flex;gap:6px}.ss-regws__tab{height:32px;padding:0 14px;border:1px solid var(--c-border);border-radius:var(--r-chip);background:#fff;font-family:var(--font-head);font-size:12.5px;font-weight:600;color:var(--c-text-2);cursor:pointer}.ss-regws__tab.is-active{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.ss-regws__tab:focus-visible{outline:2px solid var(--c-focus-ring)}.ss-regws__deptfilter{display:flex;align-items:center;gap:8px}.ss-regws__deptfilter-k{font-size:11px;color:var(--c-text-muted)}.ss-regws__deptfilter select{height:32px;border:1px solid var(--c-border);border-radius:var(--r-chip);padding:0 10px;font-family:var(--font-base);font-size:12px;background:#fff;color:var(--c-text)}.ss-regws__list{flex:1;min-height:0;overflow:auto;padding:8px 14px 16px}.ss-reglist{list-style:none;margin:0;padding:0}.ss-reglist__empty{padding:40px 20px;text-align:center;color:var(--c-text-muted);font-size:13px}.ss-reglist__row{width:100%;display:flex;align-items:center;gap:12px;padding:9px 12px;border:none;border-bottom:1px solid var(--c-divider);background:transparent;text-align:left;cursor:pointer}.ss-reglist__row:hover{background:var(--c-chip-bg)}.ss-reglist__row:focus-visible{outline:2px solid var(--c-focus-ring)}.ss-reglist__row--flagged{box-shadow:inset 3px 0 0 var(--c-startup-idle)}.ss-reglist__avatar{width:30px;height:30px;flex:0 0 30px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:11px;font-weight:600}.ss-reglist__id{display:flex;flex-direction:column;flex:1;min-width:0}.ss-reglist__name{font-size:13px;font-weight:600;color:var(--c-text)}.ss-reglist__dept{font-size:11px;color:var(--c-text-muted)}.ss-reglist__flags{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.ss-reglist__chip{font-family:var(--font-head);font-size:9.5px;font-weight:600;padding:3px 7px;border-radius:var(--r-badge);background:var(--c-badge-nowork-bg);color:var(--c-badge-nowork-fg)}.ss-reglist__chip--pending{border:1px dashed var(--c-refresh-throttled);background:#d977061a;color:var(--c-refresh-throttled)}.ss-approvals__msg{padding:40px 20px;text-align:center;color:var(--c-text-muted);font-size:13px}.ss-approvals__error{margin:10px 8px 0;padding:8px 12px;border:1px solid var(--c-startup-idle);border-radius:var(--r-chip);color:var(--c-startup-idle);font-size:12px}.ss-approvals__list{list-style:none;margin:0;padding:0}.ss-approvals__row{display:flex;align-items:center;gap:14px;padding:11px 12px;border-bottom:1px solid var(--c-divider)}.ss-approvals__kind{flex:0 0 auto;font-family:var(--font-head);font-size:9.5px;font-weight:600;padding:3px 7px;border-radius:var(--r-badge);background:var(--c-badge-nowork-bg);color:var(--c-badge-nowork-fg);text-transform:uppercase}.ss-approvals__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ss-approvals__who{font-size:13px;font-weight:600;color:var(--c-text)}.ss-approvals__when{font-family:var(--font-mono);font-size:11px;font-weight:400;color:var(--c-text-muted)}.ss-approvals__change{font-family:var(--font-mono);font-size:12px;color:var(--c-text-2)}.ss-approvals__meta{font-size:11px;color:var(--c-text-muted)}.ss-approvals__actions{flex:0 0 auto;display:flex;gap:8px}.ss-approvals__approve,.ss-approvals__reject{height:30px;padding:0 14px;border-radius:var(--r-chip);font-family:var(--font-head);font-size:12px;font-weight:600;cursor:pointer}.ss-approvals__approve{border:none;background:var(--c-accent);color:#fff}.ss-approvals__reject{border:1px solid var(--c-border);background:#fff;color:var(--c-text-2)}.ss-approvals__approve:disabled,.ss-approvals__reject:disabled{opacity:.5;cursor:not-allowed}.ss-approvals__approve:focus-visible,.ss-approvals__reject:focus-visible{outline:2px solid var(--c-focus-ring)}.ss-approvals__preview-btn{height:30px;padding:0 12px;border-radius:var(--r-chip);border:1px dashed var(--c-refresh-throttled);background:#fff;color:var(--c-refresh-throttled);font-family:var(--font-head);font-size:12px;font-weight:600;cursor:pointer}.ss-approvals__preview-btn:focus-visible{outline:2px solid var(--c-focus-ring)}.ss-appreview{margin-top:10px;border:1px solid var(--c-border);border-radius:var(--r-card);padding:10px 12px;background:var(--c-bg)}.ss-appreview__caption{font-size:11.5px;color:var(--c-text-2);margin-bottom:8px}.ss-appreview__msg{font-size:11.5px;color:var(--c-text-muted);padding:12px 0}.ss-appreview__lane{position:relative;height:62px;overflow:hidden}.ss-regdetail{flex:1;min-height:0;display:flex;flex-direction:column}.ss-regdetail__head{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:12px 22px;border-bottom:1px solid var(--c-border)}.ss-regdetail__back{height:30px;padding:0 12px;border:1px solid var(--c-border);border-radius:var(--r-chip);background:#fff;font-family:var(--font-head);font-size:12.5px;font-weight:600;color:var(--c-text-2);cursor:pointer}.ss-regdetail__avatar{width:38px;height:38px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:13px;font-weight:600}.ss-regdetail__id{flex:1;min-width:0}.ss-regdetail__name{font-size:15px;font-weight:700;color:var(--c-text)}.ss-regdetail__meta{font-family:var(--font-mono);font-size:11px;color:var(--c-text-muted)}.ss-regdetail__pending{font-family:var(--font-head);font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--r-badge);border:1px dashed var(--c-refresh-throttled);background:#d977061a;color:var(--c-refresh-throttled)}.ss-regdetail__leave-btn{height:32px;padding:0 14px;border:1px solid var(--c-leave);border-radius:var(--r-chip);background:var(--c-badge-leave-bg);color:var(--c-badge-leave-fg);font-family:var(--font-head);font-size:12.5px;font-weight:600;cursor:pointer}.ss-regdetail__savenote{margin:0 22px;padding:6px 12px;border-radius:var(--r-chip);font-family:var(--font-mono);font-size:11.5px}.ss-regdetail__savenote--pending{border:1px dashed var(--c-refresh-throttled);color:var(--c-refresh-throttled)}.ss-regdetail__savenote--ok{border:1px solid var(--c-refresh-done);color:var(--c-refresh-done)}.ss-regdetail__savenote--error{border:1px solid var(--c-refresh-error);color:var(--c-refresh-error)}.ss-regdetail__punches{flex:0 0 auto;display:flex;gap:14px;padding:14px 22px}.ss-punchcard{flex:1;border:1px solid var(--c-border);border-radius:var(--r-card);padding:12px 14px;display:flex;flex-direction:column;gap:7px}.ss-punchcard--in{box-shadow:inset 3px 0 0 var(--c-punch-in)}.ss-punchcard--out{box-shadow:inset 3px 0 0 var(--c-punch-out)}.ss-punchcard__head{display:flex;align-items:baseline;justify-content:space-between}.ss-punchcard__title{font-family:var(--font-head);font-size:13px;font-weight:700;color:var(--c-text)}.ss-punchcard__ws{font-family:var(--font-mono);font-size:10px;color:var(--c-text-muted)}.ss-punchcard__field{display:flex;flex-direction:column;gap:4px}.ss-punchcard__k{font-size:10.5px;color:var(--c-text-muted)}.ss-punchcard__time{height:32px;border:1px solid var(--c-border);border-radius:var(--r-chip);padding:0 10px;font-family:var(--font-base);font-size:13px;color:var(--c-text);background:#fff}.ss-punchcard__date{font-family:var(--font-mono);font-size:10px;color:var(--c-text-muted)}.ss-punchcard__save{align-self:flex-start;height:30px;padding:0 16px;border:none;border-radius:var(--r-chip);background:var(--c-accent);color:#fff;font-family:var(--font-head);font-size:12px;font-weight:600;cursor:pointer}.ss-punchcard__save:disabled{opacity:.5;cursor:not-allowed}.ss-punchcard__note{font-size:10.5px;color:var(--c-refresh-done)}.ss-punchcard__ro{font-family:var(--font-mono);font-size:15px;color:var(--c-text-2)}.ss-leaveform{flex:0 0 auto;margin:0 22px 6px;padding:12px 14px;border:1px solid var(--c-leave);border-radius:var(--r-card);background:var(--c-badge-leave-bg)}.ss-leaveform__title{font-family:var(--font-head);font-size:12.5px;font-weight:700;color:var(--c-badge-leave-fg);margin-bottom:8px}.ss-leaveform__fields{display:flex;gap:14px;flex-wrap:wrap}.ss-leaveform__field{display:flex;flex-direction:column;gap:4px}.ss-leaveform__k{font-size:10.5px;color:var(--c-badge-leave-fg)}.ss-leaveform__field input,.ss-leaveform__field select{height:32px;border:1px solid var(--c-border);border-radius:var(--r-chip);padding:0 10px;font-family:var(--font-base);font-size:12px;background:#fff;color:var(--c-text)}.ss-leaveform__actions{display:flex;gap:8px;margin-top:10px}.ss-leaveform__cancel,.ss-leaveform__save{height:30px;padding:0 14px;border-radius:var(--r-chip);font-family:var(--font-head);font-size:12px;font-weight:600;cursor:pointer}.ss-leaveform__cancel{border:1px solid var(--c-border);background:#fff;color:var(--c-text-2)}.ss-leaveform__save{border:none;background:var(--c-accent);color:#fff}.ss-leaveform__save:disabled{opacity:.5;cursor:not-allowed}.ss-regdetail__week{flex:1;min-height:0}.ss-regdetail__editing{color:var(--c-accent);font-weight:600}.ss-mini-idle--editable{border:none;padding:0;cursor:pointer;box-shadow:0 0 0 1px #ffffff80 inset}.ss-mini-idle--editable:hover{filter:brightness(1.12)}.ss-mini-idle--editable:focus-visible{outline:2px solid var(--c-focus-ring);outline-offset:1px}.ss-idlepop__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:transparent}.ss-idlepop{position:fixed;width:240px;max-width:calc(100vw - 16px);z-index:96;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-panel);box-shadow:var(--sh-panel);padding:13px 15px 14px;font-family:var(--font-name)}.ss-idlepop__close{position:absolute;top:6px;right:8px;width:22px;height:22px;border:none;background:transparent;font-size:17px;line-height:1;color:var(--c-text-3);cursor:pointer}.ss-idlepop__title{font-family:var(--font-head);font-weight:700;font-size:12.5px;color:var(--c-text);margin-bottom:10px}.ss-idlepop__row{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:8px;margin-bottom:8px}.ss-idlepop__k{font-size:11px;color:var(--c-text-muted)}.ss-idlepop__row input,.ss-idlepop__row select{height:30px;border:1px solid var(--c-border);border-radius:var(--r-chip);padding:0 8px;font-family:var(--font-base);font-size:12px;color:var(--c-text);background:#fff}.ss-idlepop__row input:focus-visible,.ss-idlepop__row select:focus-visible{outline:2px solid var(--c-focus-ring)}.ss-idlepop__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.ss-idlepop__cancel,.ss-idlepop__save{height:var(--h-chip);padding:0 14px;border-radius:var(--r-chip);font-family:var(--font-head);font-weight:600;font-size:12px;cursor:pointer}.ss-idlepop__cancel{border:1px solid var(--c-border);background:#fff;color:var(--c-text-2)}.ss-idlepop__save{border:none;background:var(--c-accent);color:#fff}.ss-appop__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:transparent}.ss-appop{position:fixed;width:280px;max-width:calc(100vw - 16px);z-index:96;background:var(--c-surface);border:1px solid var(--c-border);border-top:3px solid var(--c-refresh-throttled);border-radius:var(--r-panel);box-shadow:var(--sh-panel);padding:13px 15px 14px;font-family:var(--font-name)}.ss-appop__close{position:absolute;top:6px;right:8px;width:22px;height:22px;border:none;background:transparent;font-size:17px;line-height:1;color:var(--c-text-3);cursor:pointer}.ss-appop__title{font-family:var(--font-head);font-weight:700;font-size:12.5px;color:var(--c-refresh-throttled);margin-bottom:10px}.ss-appop__kind{color:var(--c-text)}.ss-appop__rows{display:grid;grid-template-columns:78px 1fr;gap:4px 8px;margin-bottom:10px}.ss-appop__k{font-size:11px;color:var(--c-text-muted)}.ss-appop__v{font-size:12px;color:var(--c-text)}.ss-appop__notewrap{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:8px}.ss-appop__note{height:30px;border:1px solid var(--c-border);border-radius:var(--r-chip);padding:0 8px;font-family:var(--font-base);font-size:12px;color:var(--c-text);background:#fff}.ss-appop__note:focus-visible{outline:2px solid var(--c-focus-ring)}.ss-appop__error{margin-top:8px;font-size:11.5px;color:var(--c-refresh-error)}.ss-appop__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.ss-appop__approve,.ss-appop__reject{height:var(--h-chip);padding:0 14px;border-radius:var(--r-chip);font-family:var(--font-head);font-weight:600;font-size:12px;cursor:pointer}.ss-appop__approve{border:none;background:var(--c-refresh-done);color:#fff}.ss-appop__reject{border:1px solid var(--c-refresh-error);background:#fff;color:var(--c-refresh-error)}.ss-appop__approve:disabled,.ss-appop__reject:disabled{opacity:.55;cursor:default}