@font-face{font-family:Loyal-Regular;src:url(/assets/Loyal-Regular-D4u4Tp_h.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ApercuMono;src:url(/assets/ApercuMono-ClHcKpjf.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #ffffff;--text: #3c5caa;--banner-bg: #3c5caa;--banner-text: #ffffff;--surface-2: #e2ebff;--surface-3: #c6d2ff;--line: #c8d3f5;--muted: #5b6fb6;--muted-weak: rgba(91, 111, 182, .45);--accent: #3c5caa;--accent-dark: #2f4d95;--range-bg: #e2ebff;--danger: #c4473d;--shadow: 0 20px 50px rgba(30, 40, 90, .18);--ink: var(--text);--paper: var(--bg);--sand: var(--surface-2);--cream: var(--surface-3)}[data-theme=dark]{--bg: #252f57;--text: #ffffff;--banner-bg: #252f57;--banner-text: #ffffff;--surface-2: #34406d;--surface-3: #424f7f;--paper: #34406d;--sand: #34406d;--cream: #424f7f;--line: #4a588a;--muted: #c7d1f5;--muted-weak: rgba(199, 209, 245, .45);--accent: #53648a;--accent-dark: #424f7f;--range-bg: rgba(83, 100, 138, .45);--danger: #f1796e;--shadow: 0 22px 50px rgba(10, 14, 35, .45)}*{box-sizing:border-box}body{margin:0;font-family:ApercuMono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-synthesis:none;color:var(--ink);background:var(--bg);min-height:100vh}h1,h2,h3{font-family:Loyal-Regular,ApercuMono,serif;font-weight:400;letter-spacing:.1em;margin:0}p{margin:0}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px;background:var(--banner-bg);color:var(--banner-text);border-bottom:1px solid var(--line)}.topbar h1{font-size:24px;color:var(--banner-text)}.brand{display:flex;align-items:center;gap:14px}.brand-text{display:flex;flex-direction:column;gap:2px}.logo-mark{width:38px;height:38px;color:var(--banner-text);display:inline-flex;align-items:center;justify-content:center}.logo-mark svg{width:100%;height:100%;display:block}.eyebrow{text-transform:none;letter-spacing:.18em;font-size:10px;color:var(--banner-text);opacity:.75;margin-top:4px}.user-menu{display:flex;align-items:center;justify-content:flex-end;position:relative}.app-body{display:flex;flex:1;min-height:0}.sidebar{width:220px;background:var(--surface-2);border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:12px}.sidebar.collapsed{width:72px;padding:16px 8px;align-items:center}.nav-section{display:flex;flex-direction:column;gap:8px}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:none;background:transparent;color:var(--ink);font-weight:500;font-family:inherit;text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease}.nav-link:hover{background:var(--surface-3)}.nav-link.active{background:var(--surface-3);color:var(--ink)}.nav-icon{width:32px;height:32px;border-radius:10px;background:var(--surface-3);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;letter-spacing:.02em}.nav-label{white-space:nowrap}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-link{justify-content:center}.sidebar-spacer{flex:1}.collapse-button{margin-top:12px;border:none;background:transparent;padding:8px 10px;display:flex;align-items:center;gap:10px;border-radius:12px;cursor:pointer;color:var(--muted)}.collapse-button:hover{background:var(--surface-3);color:var(--ink)}.subnav{width:210px;background:var(--surface-3);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:10px}.subnav.collapsed{width:190px}.subnav-title{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--muted);margin-bottom:6px}.subnav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--ink);font-weight:500;font-family:inherit;transition:background .2s ease}.subnav-link:hover{background:var(--surface-2)}.subnav-link.active{background:var(--surface-2);color:var(--ink)}.subnav-icon{width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:var(--surface-2);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;letter-spacing:.12em;line-height:1;text-transform:uppercase;font-family:ApercuMono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-align:center}.main-content{flex:1;padding:24px;min-width:0}.avatar{width:42px;height:42px;border-radius:50%;background:#ffffff2e;color:var(--banner-text);border:1px solid rgba(255,255,255,.35);font-weight:500;cursor:pointer}.menu-dropdown{position:absolute;top:52px;right:0;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px;min-width:180px;display:flex;flex-direction:column;gap:4px;z-index:20}.tools-menu{position:relative}.filter-menu>button{display:inline-flex;align-items:center;justify-content:space-between;min-width:170px;white-space:nowrap}.tools-dropdown{top:calc(100% + 8px);right:0;min-width:160px}.menu-item{border:none;background:transparent;color:var(--ink);font-family:inherit;text-align:left;padding:10px 12px;border-radius:10px;cursor:pointer}.menu-item:hover{background:var(--surface-3)}.page-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--muted)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);position:relative;padding:24px}.auth-brand{position:absolute;left:32px;bottom:32px;display:flex;align-items:center;gap:14px}.auth-brand .logo-mark{color:var(--text)}.auth-brand .eyebrow{color:var(--text);opacity:.7}.auth-card{width:min(420px,100%);background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow)}.auth-card h2{font-size:22px}.auth-card button{align-self:flex-start}.status.success{color:var(--accent-dark)}.panel{background:transparent;border-radius:0;padding:0;margin-bottom:24px;box-shadow:none;border:none}.timeclock{min-height:70vh;display:flex;align-items:center;justify-content:center}.timeclock-card{width:min(520px,100%);background:var(--surface-2);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px}.timeclock-header h2{font-size:28px;margin-bottom:8px}.pin-display{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:4px}.pin-slot{height:50px;border-radius:12px;border:1px solid var(--line);background:var(--paper);display:flex;align-items:center;justify-content:center;font-size:20px;letter-spacing:.12em}.pinpad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pinpad button{height:56px;font-size:18px;font-weight:500}.timeclock-action{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.welcome{font-size:18px}.timeclock-confirmation{display:flex;flex-direction:column;gap:10px;padding:16px 0}.timeclock-confirmation h3{font-size:22px;margin:0}.timeclock-stamp{display:flex;flex-direction:column;gap:6px;font-size:18px;font-weight:500}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.panel-title-row{display:flex;align-items:center;gap:12px}.toolbar-spacer{flex:1}.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.subtle{color:var(--muted);font-size:14px}.card{margin-top:16px;padding:16px;background:var(--sand);border-radius:12px;border:1px solid var(--line)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.schedule-card.draft{border:1px dashed var(--accent);background:linear-gradient(135deg,var(--surface-2),var(--paper))}.schedule-card.published{border:1px solid var(--line);background:var(--paper)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.badge.draft,.badge.published{background:var(--surface-3);color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}.theme-toggle{display:inline-flex;gap:6px;padding:4px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2)}.theme-toggle button{background:transparent;color:var(--ink);border:none;padding:6px 12px;border-radius:999px;font-weight:500;cursor:pointer}.theme-toggle button.active{background:var(--accent);color:#fff}label{display:flex;flex-direction:column;font-size:13px;gap:6px}input,select,button,textarea{padding:9px 12px;border-radius:10px;border:1px solid var(--line);font-size:14px;font-family:inherit;background:var(--paper);color:var(--ink)}.select-field{position:relative;display:inline-flex;align-items:center}.select-field select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:32px;min-width:180px}.select-field:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--muted);pointer-events:none}.checkbox{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:10px;font-size:13px;color:var(--ink);position:relative;cursor:pointer}.checkbox input{position:absolute;opacity:0;pointer-events:none}.checkbox-box{width:16px;height:16px;border-radius:4px;border:1px solid var(--line);background:var(--paper);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.checkbox input:checked+.checkbox-box:after{content:"";width:8px;height:8px;border-radius:2px;background:var(--accent)}button{cursor:pointer;background:var(--accent);color:#fff;border:none;font-weight:500}button:hover{background:var(--accent-dark)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}button.ghost.danger{color:var(--danger);border-color:#c4473d66}.actions,.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px}.toolbar-block{display:flex;flex-direction:column;gap:6px;font-size:13px}.toolbar-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.range-selector{display:inline-flex;align-items:center;gap:8px}.range-arrow{border:1px solid var(--line);background:transparent;color:var(--ink);padding:8px 10px;border-radius:10px;min-width:36px;text-align:center;font-size:14px}.range-arrow:hover{background:var(--surface-3)}.toolbar-title{font-weight:500;color:var(--ink)}.date-control{display:inline-flex;align-items:center;gap:6px;position:relative}.date-button{background:var(--paper);color:var(--ink);border:1px solid var(--line);font-weight:500;min-width:180px;text-align:left}.icon-button{padding:6px 10px;font-size:16px;border-radius:10px;line-height:1}.icon-button.circle{width:32px;height:32px;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center}.calendar-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:20;background:var(--paper);border-radius:14px;border:1px solid var(--line);padding:12px;width:280px;box-shadow:var(--shadow)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.calendar-month{font-weight:500}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-weekday{text-align:center;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.calendar-day{border:none;background:transparent;border-radius:8px;padding:6px 0;font-size:13px;color:var(--ink)}.calendar-day:hover{background:var(--surface-2)}.calendar-day.muted{color:var(--muted-weak)}.calendar-day.week-hover,.calendar-day.in-range{background:var(--range-bg)}.calendar-day.week-selected,.calendar-day.selected{background:var(--accent);color:#fff;font-weight:500}.date-button:hover{background:var(--sand);color:var(--ink)}.link-button{display:inline-flex;padding:9px 12px;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none;font-weight:500}.status{margin-top:10px;color:var(--danger);font-weight:500}.view-toggle{display:inline-flex;gap:6px;background:var(--surface-2);padding:4px;border-radius:999px;border:1px solid var(--line)}.view-toggle button{background:transparent;color:var(--ink);border:none;padding:6px 12px;border-radius:999px}.view-toggle button.active{background:var(--accent);color:#fff}.table{display:flex;flex-direction:column;gap:6px;margin-top:16px}.table-row{display:grid;grid-template-columns:1fr;gap:12px;align-items:center;padding:12px 16px;background:var(--paper);border-radius:12px;border:1px solid var(--line)}.table-row.header{background:transparent;border:none;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.employee-link{background:none;border:none;padding:0;text-align:left;color:var(--ink);font-weight:600;cursor:pointer}.employee-link:hover{text-decoration:underline;background:transparent}.employee-link:focus-visible{background:transparent}.table--employees .table-row{grid-template-columns:1.4fr 1.4fr 1.1fr .8fr 1.2fr}.table--timesheets{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.table--timesheets .table-row{grid-template-columns:1.5fr 1.1fr .9fr 1.3fr .8fr .8fr .8fr .9fr .6fr;background:transparent;border:none;border-bottom:1px solid var(--line);border-radius:0;padding:12px 8px}.table--timesheets.all-locations .table-row{grid-template-columns:1.5fr 1.1fr 1.1fr .9fr 1.3fr .8fr .8fr .8fr .9fr .6fr}.table--timesheets .table-row.header{border-bottom:1px solid var(--line);padding-top:10px;padding-bottom:10px}.table--timesheets .table-row.group{background:var(--surface-2);font-weight:600;grid-template-columns:inherit}.table--timesheets .table-row.group span{color:var(--ink)}.table--timesheets .table-group{gap:0}.group-cell{display:flex;align-items:center;gap:8px}.group-toggle{border:none;background:transparent;color:var(--ink);font-size:14px;padding:0;cursor:pointer}.group-toggle:hover{text-decoration:underline;background:transparent}.timesheet-footer{position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--line);border-bottom:none;box-shadow:0 -8px 16px #00000014;font-weight:600}.add-timecard-row{background:transparent;border-bottom:1px solid var(--line);padding-top:6px;padding-bottom:6px}.add-timecard-link{background:transparent;border:none;color:var(--ink);padding:0;text-align:left;font-size:12px;cursor:pointer}.add-timecard-link:hover{text-decoration:underline;background:transparent}.add-timecard-link:focus-visible{background:transparent}.table--logs{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table--logs .table-row{grid-template-columns:var(--log-grid, 1.2fr 1.1fr 1fr 1.4fr 2.6fr 1.3fr 1.1fr .8fr 1.4fr);background:transparent;border:none;border-bottom:1px solid var(--line);border-radius:0;padding:10px 8px;min-width:1400px;width:max-content;min-width:100%;font-size:12px;line-height:1.4;align-items:center}.table--logs .table-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table--logs .table-row>div{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-header-cell{position:relative;display:flex;align-items:center;min-height:18px;padding-right:12px}.log-resizer{position:absolute;top:0;right:-6px;width:12px;height:100%;cursor:col-resize;background:transparent;border:none;padding:0}.log-resizer:hover,.log-resizer:focus-visible{background:transparent}.log-resizer:after{content:"";position:absolute;top:2px;bottom:2px;left:50%;width:1px;background:var(--line);opacity:0;transform:translate(-50%)}.log-header-cell:hover .log-resizer:after{opacity:1}.filter-checks{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:10px 12px}.filter-option{display:inline-flex;align-items:center;gap:8px}.filter-option-check{display:inline-flex;align-items:center;cursor:pointer;position:relative}.filter-option-check input{position:absolute;opacity:0;pointer-events:none}.filter-option-check input:checked+.checkbox-box:after{content:"";width:8px;height:8px;border-radius:2px;background:var(--accent)}.filter-option-label{background:transparent;border:none;padding:0;color:var(--ink);font-size:12px;text-align:left;cursor:pointer}.filter-option-label:hover{text-decoration:underline}.table--logs .table-row.header{border-bottom:1px solid var(--line);padding-top:10px;padding-bottom:10px}.table--logs .table-row.clickable{cursor:pointer}.table--logs .table-row.clickable:hover{background:var(--surface-2)}.code-block{margin:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font-size:12px;line-height:1.4;max-height:60vh;overflow:auto;white-space:pre-wrap;color:var(--ink)}.table--locations .table-row{grid-template-columns:1.6fr 1.6fr .8fr .9fr}.table--roles .table-row{grid-template-columns:1.6fr .8fr .9fr}.table--break-rules .table-row{grid-template-columns:.6fr 1fr 1fr 1fr 1fr .8fr}.break-rule-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.break-rule-card{display:grid;grid-template-columns:.6fr 2fr 1.2fr;gap:12px;align-items:center;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--paper)}.break-rule-status{display:flex;align-items:center}.break-rule-content{display:flex;flex-direction:column;gap:4px}.break-rule-title{font-weight:600;color:var(--ink)}.break-rule-meta{font-size:12px;color:var(--muted)}.break-rule-actions{display:inline-flex;gap:8px;justify-content:flex-end}.break-rule-empty{padding:12px 0}.section-divider{height:1px;background:var(--line);margin:20px 0 12px}.section-header h3{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--ink)}.apply-list{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.employee-detail{display:flex;flex-direction:column;gap:16px}.back-link{align-self:flex-start;padding:0}.back-link.ghost{border:none;background:transparent}.back-link:hover{text-decoration:underline}.detail-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.detail-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.detail-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-card-actions{display:flex;gap:8px}.detail-fields,.detail-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.detail-display .field-value{font-size:14px;font-weight:600;color:var(--ink)}.detail-field-span{grid-column:1 / -1;display:flex;flex-direction:column;gap:8px}.field-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.location-chip-list{display:flex;flex-wrap:wrap;gap:10px}.detail-summary{display:flex;flex-wrap:wrap;gap:20px}.summary-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.summary-value{font-size:15px;font-weight:600;color:var(--ink)}.detail-history h4{margin:0 0 8px;font-size:13px}.history-list{display:flex;flex-direction:column;gap:10px}.history-row{display:grid;grid-template-columns:120px 1fr;gap:12px;font-size:13px}.history-date{color:var(--muted);font-weight:600}.table--publish-history .table-row{grid-template-columns:1fr .8fr 1fr .6fr}.role-name{display:inline-flex;align-items:center;gap:10px}.roles-detail-actions{display:flex;gap:8px;flex-wrap:wrap}.color-dot{width:12px;height:12px;border-radius:999px;border:1px solid var(--line)}.color-grid{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.color-swatch{width:28px;height:28px;border-radius:999px;border:2px solid transparent;padding:0;box-shadow:inset 0 0 0 1px #ffffff59}.color-swatch:hover{opacity:.85}.color-swatch.selected{border-color:#00000059;box-shadow:0 0 0 2px #ffffffb3 inset}.table-row.group{grid-template-columns:1fr}.table-row.group{background:var(--sand);font-weight:500;grid-template-columns:1fr}.table--timesheets .table-row.group{grid-template-columns:1.5fr 1.1fr .9fr 1.3fr .8fr .8fr .8fr .9fr .6fr}.table--timesheets.all-locations .table-row.group{grid-template-columns:1.5fr 1.1fr 1.1fr .9fr 1.3fr .8fr .8fr .8fr .9fr .6fr}.table-group{display:flex;flex-direction:column;gap:6px}.row-actions{display:flex;gap:8px;justify-content:flex-end}.pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;background:var(--surface-3);color:var(--ink);justify-self:start}.pill.archived{background:#c4473d1f;color:var(--danger)}.pill.system,.pill.custom{background:var(--surface-3);color:var(--ink)}.week-grid{margin-top:16px;display:grid;grid-template-columns:200px repeat(7,minmax(120px,1fr));border:1px solid var(--line);border-radius:0;overflow:hidden;background:var(--paper);width:max-content;min-width:100%}.week-grid-wrapper{overflow-x:auto;padding-bottom:8px}.schedule-grid-bleed{margin-left:-24px;margin-right:-24px;width:calc(100% + 48px)}.week-header{background:var(--sand);padding:10px;font-weight:500;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.week-header-button{background:transparent;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.week-header-button:hover{text-decoration:underline;background:transparent}.week-header-button:focus-visible{background:transparent}.week-row{display:contents}.week-employee{padding:12px;background:var(--paper);border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.week-employee span,.week-summary{font-size:12px;color:var(--muted)}.week-employee.total{background:var(--sand);font-weight:500;border-top:2px solid var(--line)}.week-cell.total{background:var(--sand);border-top:2px solid var(--line)}.week-employee.open{background:var(--surface-3)}.week-cell{padding:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:84px;display:flex;flex-direction:column;gap:6px;cursor:default;position:relative}.week-cell.cell-add-fallback{box-shadow:inset 0 0 0 2px var(--accent)}.shift-chip{background:transparent;color:#fff;padding:6px 8px;border-radius:8px;font-size:12px;display:flex;flex-direction:column;gap:2px;position:relative;overflow:hidden}.shift-chip:before{content:"";position:absolute;inset:0;background:var(--shift-color, var(--accent));opacity:var(--shift-opacity, 1);border-radius:inherit;z-index:0}.shift-chip>*{position:relative;z-index:1}.shift-chip.draft,.shift-chip.edit_draft{border:1px dashed rgba(255,255,255,.7);--shift-opacity: .18;color:var(--shift-color, var(--accent))}.shift-chip.delete-pending{border:1px dashed rgba(255,255,255,.8);--shift-opacity: 1}.shift-chip.delete-pending:before{background:linear-gradient(135deg,#8c3a34,#b04a43)}.shift-chip.published{border:1px solid rgba(255,255,255,.35);--shift-opacity: 1}.shift-chip span{opacity:.8;font-size:11px}.shift-time{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-role{opacity:.8;font-size:11px}.muted{color:var(--muted);font-size:12px}.day-timeline{margin-top:16px;display:flex;flex-direction:column;overflow-x:auto;padding-bottom:0;border:1px solid var(--line);border-radius:0;background:var(--paper);overflow:hidden}.timeline-header,.timeline-row{display:grid;grid-template-columns:220px 1fr;align-items:stretch;border-bottom:1px solid var(--line)}.timeline-header{min-height:48px}.timeline-row{min-height:64px;position:relative}.timeline-row:last-child{border-bottom:none}.timeline-label{display:flex;flex-direction:column;gap:4px;font-weight:500;padding:10px 12px;border-right:1px solid var(--line);background:var(--paper)}.timeline-label span{font-size:12px;color:var(--muted)}.timeline-label.open{background:var(--surface-3);border-radius:0}.timeline-hours{position:relative;background-color:var(--paper);padding:6px 0;font-size:12px;align-items:flex-start}.timeline-hour{position:absolute;top:6px;transform:translate(4px);text-align:left;color:var(--muted);padding:0}.timeline-hour:last-child{border-right:none}.timeline-track{position:relative;height:100%;background-color:var(--paper);cursor:pointer;overflow:hidden}.timeline-hours{position:relative}.timeline-lines{position:absolute;inset:0;pointer-events:none}.timeline-line{position:absolute;top:0;bottom:0;width:1px;background:var(--line);opacity:.7}.timeline-line.half{opacity:.35}.timeline-bar{top:8px;height:40px;background:transparent;color:#fff;border-radius:10px;padding:4px 8px;font-size:12px;display:flex;align-items:center;gap:8px;white-space:nowrap;text-overflow:ellipsis;position:absolute;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;min-width:0;overflow:hidden}.timeline-bar:before{content:"";position:absolute;inset:0;background:var(--shift-color, var(--accent));opacity:var(--shift-opacity, 1);border-radius:inherit;z-index:0}.timeline-bar>*{position:relative;z-index:1}.timeline-bar .resize-handle{position:absolute;top:0;bottom:0;width:12px;background:transparent;cursor:ew-resize;z-index:2}.timeline-bar .resize-handle.left{left:0}.timeline-bar .resize-handle.right{right:0}.timeline-text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-bar:active{cursor:grabbing}.timeline-bar.draft,.timeline-bar.edit_draft{border:1px dashed rgba(255,255,255,.7);--shift-opacity: .18;color:var(--shift-color, var(--accent))}.timeline-bar.delete-pending{border:1px dashed rgba(255,255,255,.85);--shift-opacity: 1}.timeline-bar.published{border:1px solid rgba(255,255,255,.35);--shift-opacity: 1}.timeline-bar.open{--shift-opacity: 1}.timeline-bar.delete-pending:before{background:linear-gradient(135deg,#8c3a34,#b04a43)}.shift-tools{position:absolute;right:6px;bottom:6px;display:flex;gap:6px;opacity:0;transition:opacity .2s ease;z-index:3}.tool-button{border:none;background:transparent;color:#ffffffbf;font-size:13px;cursor:pointer;padding:0;line-height:1;border-radius:0;box-shadow:none;opacity:.5;transition:opacity .2s ease}.tool-button:hover{opacity:.9;background:transparent}.tool-button:focus,.tool-button:active{background:transparent;box-shadow:none}.tool-icon svg{display:block;width:12px;height:12px}.shift-chip:hover .shift-tools,.timeline-bar:hover .shift-tools{opacity:1}.conflict-badge{position:absolute;top:6px;right:6px;width:12px;height:12px;border-radius:50%;background:#c4473d;color:#fff;font-size:9px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;z-index:4}.timeline-row.total{background:var(--sand)}.timeline-row.total .timeline-label{background:transparent;font-weight:500}.row-add-button{position:absolute;right:10px;bottom:8px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(60,92,170,.35);background:#3c5caa1f;color:var(--ink);font-size:16px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,background .2s ease,color .2s ease;cursor:pointer;z-index:4}.row-add-button.visible,.timeline-row:hover .row-add-button{opacity:.55}.row-add-button:hover{opacity:.9;background:#3c5caa33;color:var(--ink)}.cell-add-button{position:absolute;width:28px;height:28px;border-radius:50%;border:1px solid rgba(60,92,170,.35);background:#3c5caa1f;color:var(--ink);font-size:16px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,background .2s ease,color .2s ease;cursor:pointer;z-index:2}.cell-add-button.visible{opacity:.6}.cell-add-button.fallback{opacity:.95}.cell-add-button:hover{opacity:.9;background:#3c5caa33;color:var(--ink)}.timeline-track.total{background-color:transparent;cursor:default}.roles-layout{display:grid;grid-template-columns:260px 1fr;gap:16px;margin-top:16px}.roles-list{display:flex;flex-direction:column;gap:8px}.role-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);text-align:left}.role-item.active{border-color:var(--accent);box-shadow:0 12px 24px #3c5caa33}.role-item:hover{background:var(--sand)}.roles-detail{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px}.roles-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.permission-item{display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--sand)}.modal-backdrop{position:fixed;inset:0;background:#13100c80;display:flex;align-items:center;justify-content:center;padding:24px;z-index:20}.modal{background:var(--paper);border-radius:16px;padding:20px;max-width:720px;width:100%;box-shadow:var(--shadow);max-height:80vh;overflow-y:auto}.modal.allow-overflow{overflow:visible;max-height:none}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-body{max-height:60vh;overflow-y:visible}.modal.allow-overflow .modal-body{max-height:none;overflow:visible}.modal-footer{margin-top:16px;display:flex;justify-content:flex-end}.modal-actions{display:flex;gap:12px}.dup-days{display:flex;flex-direction:column;gap:8px;grid-column:1 / -1}.time-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;grid-column:1 / -1}.time-field{position:relative}.time-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:220px;overflow-y:auto;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;z-index:20}.time-dropdown.three-col{padding:0;max-height:none}.time-dropdown-header{padding:10px 12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--line)}.time-dropdown-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.time-col{display:flex;flex-direction:column;gap:4px}.time-col.hours{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.time-col.divider{border-left:1px solid var(--line);padding-left:8px}.time-option{width:100%;padding:8px 10px;background:transparent;border:none;text-align:center;font-weight:500;color:var(--ink);border-radius:8px;cursor:pointer}.time-option:hover{background:var(--surface-2)}.time-option.selected{background:var(--surface-3);color:var(--ink)}.dup-days-row{display:flex;gap:8px}.dup-day{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--muted);font-weight:500;cursor:pointer;transition:border .2s ease,color .2s ease,background .2s ease}.dup-day:hover{border-color:var(--accent);color:var(--accent)}.dup-day.selected{border-color:var(--accent);background:var(--surface-2);color:var(--ink)}.dup-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.dup-option{display:inline-flex;gap:6px;align-items:center;background:var(--sand);padding:6px 10px;border-radius:999px}.field-span{grid-column:1 / -1}@media(max-width:960px){header{grid-template-columns:1fr}nav{justify-content:flex-start}.roles-layout,.table-row,.timeline-header,.timeline-row{grid-template-columns:1fr}}