.hr-stack{gap:var(--space-lg);flex-direction:column;display:flex}.hr-page-desc{max-width:78ch}.hr-card-header{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.hr-name{font-weight:600}.hr-sub{color:var(--color-text-secondary);font-size:var(--text-xs);display:block}.hr-row-inactive .hr-name{color:var(--color-text-secondary);font-weight:500}.hr-empty{padding:var(--space-xl);text-align:center;color:var(--color-text-secondary)}.hr-badge-contract{background:var(--blue-3);color:var(--blue-11)}.hr-form-grid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hr-form-grid-3{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hr-form-grid-1-2{gap:var(--space-md);grid-template-columns:1fr 2fr;display:grid}.hr-form-full{grid-column:1/-1}.hr-field-narrow{max-width:260px}.hr-section+.hr-section{margin-top:var(--space-lg)}.hr-section-title{margin:0 0 var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border);font-size:var(--text-base);font-weight:600}.hr-actions{margin-top:var(--space-md)}@media (max-width:760px){.hr-form-grid,.hr-form-grid-3,.hr-form-grid-1-2{grid-template-columns:minmax(0,1fr)}}.hr-row-current{font-weight:600}.hr-current-tag{margin-left:var(--space-xs);color:var(--color-success-dark);font-size:var(--text-xs);font-weight:700}.hr-shift-scroll{overflow-x:auto}.hr-shift-table{border-collapse:separate;border-spacing:0;font-size:var(--text-xs)}.hr-shift-table th,.hr-shift-table td{border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border)}.hr-shift-table thead th{z-index:2;background:var(--color-bg-subtle);padding:var(--space-xs)0;text-align:center;width:46px;min-width:46px;color:var(--color-text-secondary);font-weight:700;position:sticky;top:0}.hr-shift-table th.is-rest,.hr-shift-table td.is-rest{border-right-color:var(--color-border-dark)}.hr-shift-table .is-sat,.hr-shift-wd.is-sat{color:var(--blue-11)}.hr-shift-table .is-sun,.hr-shift-wd.is-sun{color:var(--color-danger-dark)}.hr-shift-table .hr-shift-name-col{z-index:3;background:var(--color-bg-card);text-align:left;width:168px;min-width:168px;padding:var(--space-sm)var(--space-md);border-right:1px solid var(--color-border-dark);position:sticky;left:0}.hr-shift-table thead .hr-shift-name-col{z-index:4;background:var(--color-bg-subtle)}.hr-shift-staff-name{font-size:var(--text-sm);font-weight:700}.hr-shift-staff-meta{font-size:var(--text-xs);color:var(--color-text-secondary)}.hr-shift-wd{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:600;display:block}.hr-shift-table td{padding:0}.hr-shift-cell{cursor:pointer;width:100%;height:100%;min-height:40px;padding:var(--space-xs)2px;font-size:var(--text-xs);color:var(--color-text-secondary);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-weight:600;line-height:1.25;display:flex}.hr-shift-cell:hover{background:var(--color-primary-light)}.hr-shift-cell-tag{font-weight:700}.hr-shift-cell-sub{opacity:.85;font-weight:600}.hr-shift-cell.is-work{color:var(--color-text)}.hr-shift-cell.is-off,.hr-legend-swatch.is-off{background:var(--gray-2);color:var(--color-text-secondary)}.hr-shift-cell.is-wish,.hr-legend-swatch.is-wish{background:var(--amber-3);color:var(--color-warning-dark);border-color:var(--amber-6)}.hr-shift-cell.is-paid,.hr-legend-swatch.is-paid{background:var(--green-3);color:var(--color-success-dark);border-color:var(--green-6)}.hr-shift-cell.is-support,.hr-legend-swatch.is-support{background:var(--blue-3);color:var(--blue-11);border-color:var(--blue-6)}.hr-legend-swatch.is-work{background:var(--color-bg-card)}.hr-shift-cell.is-pending,.hr-legend-swatch.is-pending{border:1px dashed}.hr-legend-swatch.is-pending{background:var(--amber-3);color:var(--color-warning-dark)}.hr-legend{gap:var(--space-md);margin-top:var(--space-md);padding:0 var(--space-md)var(--space-md);font-size:var(--text-xs);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.hr-legend-item{align-items:center;gap:var(--space-xs);display:inline-flex}.hr-legend-swatch{border-radius:var(--radius-sm);border:1px solid var(--color-border);flex:none;width:14px;height:14px;display:block}.hr-toolbar{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.hr-filter-select{flex:none;width:auto;min-width:10em}.hr-toolbar-spacer{margin-left:auto}.hr-badge-row{gap:var(--space-xs);flex-wrap:wrap;justify-content:center;display:inline-flex}.hr-month-nav{align-items:center;gap:var(--space-sm);display:flex}.hr-month-label{font-size:var(--text-base);white-space:nowrap;text-align:center;min-width:8em;font-weight:600;font-family:var(--font-mono)}.hr-popover-backdrop{z-index:60;position:fixed;inset:0}.hr-popover{z-index:61;background:var(--color-bg-card);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);width:236px;box-shadow:var(--shadow-lg);padding:var(--space-sm);position:absolute}.hr-popover-title{font-size:var(--text-xs);color:var(--color-text-secondary);padding:0 var(--space-xs)var(--space-sm);font-weight:700}.hr-popover-list{flex-direction:column;gap:2px;display:flex}.hr-popover-opt{justify-content:space-between;align-items:center;gap:var(--space-sm);width:100%;min-height:36px;padding:0 var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:0;font-weight:600;display:flex}.hr-popover-opt:hover{background:var(--gray-2);color:var(--color-text)}.hr-popover-opt.is-current{background:var(--color-primary-light);color:var(--color-primary)}.hr-popover-note{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:600}.hr-popover-sep{background:var(--color-border);height:1px;margin:var(--space-sm)0}.hr-stat-unit{font-size:var(--text-sm);color:var(--color-text-secondary);margin-left:2px;font-weight:600}.hr-clickable-row{cursor:pointer}.hr-modal-narrow{max-width:480px}.hr-modal-target{margin:0 0 var(--space-md);font-size:var(--text-sm);color:var(--color-text)}.hr-form-row+.hr-form-row{margin-top:var(--space-sm)}.hr-form-label{font-size:var(--text-xs)}.hr-textarea{resize:vertical}.hr-stat-heading{margin:0 0 var(--space-sm);font-size:var(--text-base);color:var(--color-text);font-weight:600}.hr-sub-inline{color:var(--color-text-secondary)}.hr-clickable-row:hover td{background:var(--color-bg-subtle)}