:root{--sb-primary: #00897B;--sb-primary-dark: #00695C;--sb-primary-light: #E0F2F1;--sb-accent: #FFB300;--sb-accent-light: #FFF8E1;--sb-bg: #f5f5f5;--sb-surface: #ffffff;--sb-text: #212121;--sb-text-secondary: #666666;--sb-border: #e0e0e0;--sb-danger: #f44336;--sb-success: #4CAF50;--sb-warning: #FF9800;--sb-table-header-bg: #00897B;--sb-table-header-text: #ffffff;--sb-table-row-alt: #f9f9f9;--sb-table-cell-border: #e0e0e0;--sb-dayoff-bg: #FFEBEE;--sb-dayoff-text: #c62828;--sb-spacing-xs: 4px;--sb-spacing-sm: 8px;--sb-spacing-md: 16px;--sb-spacing-lg: 24px;--sb-spacing-xl: 32px;--sb-radius-sm: 6px;--sb-radius-md: 10px;--sb-radius-lg: 16px;--sb-header-height: 56px;--sb-max-width: 1000px;font-family:Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;color:var(--sb-text);background:var(--sb-bg)}*{box-sizing:border-box;margin:0;padding:0}#root{min-height:100dvh;display:flex;flex-direction:column}button{cursor:pointer;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px}.header{height:var(--sb-header-height);background:var(--sb-primary);color:#fff;display:flex;align-items:center;padding:0 var(--sb-spacing-md);gap:var(--sb-spacing-sm);box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.header-title{font-size:18px;font-weight:700;letter-spacing:.5px}.header-subtitle{font-size:12px;opacity:.85}.nav-tabs{display:flex;background:var(--sb-surface);border-bottom:1px solid var(--sb-border);position:sticky;top:var(--sb-header-height);z-index:90}.nav-tab{flex:1;padding:12px 8px;background:none;color:var(--sb-text-secondary);font-size:14px;font-weight:500;border-bottom:3px solid transparent;transition:all .2s}.nav-tab:hover{background:var(--sb-primary-light);color:var(--sb-primary)}.nav-tab--active{color:var(--sb-primary);border-bottom-color:var(--sb-primary)}.import-view__message{padding:10px var(--sb-spacing-md);border-radius:var(--sb-radius-sm);font-size:14px;font-weight:500;margin-bottom:var(--sb-spacing-md);text-align:center}.import-view__message--success{background:#e8f5e9;color:#2e7d32}.import-view__message--error{background:#ffebee;color:#c62828}.import-view__section{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius-md);padding:var(--sb-spacing-md);margin-bottom:var(--sb-spacing-md)}.import-view__section-title{font-size:16px;font-weight:600;margin-bottom:var(--sb-spacing-sm);color:var(--sb-text)}.import-view__textarea{width:100%;padding:10px;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);font-size:13px;line-height:1.6;resize:vertical;outline:none;font-family:inherit}.import-view__textarea:focus{border-color:var(--sb-primary)}.import-view__parse-btn{margin-top:var(--sb-spacing-sm);padding:10px 20px;font-size:14px;font-weight:600;background:var(--sb-primary);color:#fff;border-radius:var(--sb-radius-sm);width:100%}.import-view__parse-btn:hover{background:var(--sb-primary-dark)}.import-view__result{display:flex;align-items:center;gap:var(--sb-spacing-sm);margin-top:var(--sb-spacing-md);padding:12px var(--sb-spacing-md);background:#e8f5e9;border-radius:var(--sb-radius-sm)}.import-view__result-name{font-weight:700;font-size:14px;color:#2e7d32}.import-view__result-count{font-size:13px;color:#388e3c}.import-view__parsed{margin-top:var(--sb-spacing-md);padding-top:var(--sb-spacing-md);border-top:1px solid var(--sb-border)}.import-view__parsed-title{font-size:14px;font-weight:600;margin-bottom:var(--sb-spacing-sm)}.import-view__parsed-name{font-size:14px;margin-bottom:var(--sb-spacing-sm);color:var(--sb-primary-dark)}.import-view__parsed-entries{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--sb-spacing-md)}.import-view__parsed-entry{display:flex;align-items:center;gap:var(--sb-spacing-sm);font-size:13px;padding:4px 8px;background:var(--sb-bg);border-radius:var(--sb-radius-sm)}.import-view__parsed-date{font-weight:600;min-width:70px}.import-view__parsed-status--off{color:var(--sb-dayoff-text)}.import-view__parsed-empty{color:var(--sb-text-secondary);font-size:14px}.import-view__staff-select{margin-bottom:var(--sb-spacing-sm)}.import-view__label{display:block;font-size:12px;font-weight:600;color:var(--sb-text-secondary);margin-bottom:4px}.import-view__select{width:100%;padding:8px 10px;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);font-size:14px;outline:none;background:#fff}.import-view__select:focus{border-color:var(--sb-primary)}.import-view__input{width:100%;padding:8px 10px;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);font-size:14px;margin-top:var(--sb-spacing-sm);outline:none}.import-view__input:focus{border-color:var(--sb-primary)}.import-view__import-btn{width:100%;padding:10px 20px;font-size:14px;font-weight:600;background:var(--sb-accent);color:#212121;border-radius:var(--sb-radius-sm);margin-top:var(--sb-spacing-sm)}.import-view__import-btn:hover{filter:brightness(.9)}.import-view__manual{display:flex;flex-direction:column;gap:var(--sb-spacing-sm)}.import-view__manual-row{display:flex;gap:var(--sb-spacing-sm);align-items:flex-end}.import-view__field{flex:1}.import-view__time-input{width:100%;padding:8px 10px;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);font-size:14px;outline:none}.import-view__time-input:focus{border-color:var(--sb-primary)}.import-view__checkbox-label{display:flex;align-items:center;gap:var(--sb-spacing-xs);font-size:14px;cursor:pointer}.import-view__manual-btn{padding:10px 20px;font-size:14px;font-weight:600;background:var(--sb-primary);color:#fff;border-radius:var(--sb-radius-sm)}.import-view__manual-btn:hover{background:var(--sb-primary-dark)}.schedule-table-wrapper{background:#fff;border-radius:2px;padding:28px 24px 24px;box-shadow:0 1px 4px #00000026,0 0 1px #0000001a;max-width:800px;margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch}.schedule-table__title{font-size:16px;font-weight:700;text-align:center;margin-bottom:12px;color:var(--sb-text);letter-spacing:1px}.schedule-table{width:100%;min-width:600px;border-collapse:collapse;font-size:11px;line-height:1.3;table-layout:fixed}.schedule-table th,.schedule-table td{border:1px solid #888;text-align:center;vertical-align:top}.schedule-table__corner{background:var(--sb-table-header-bg);color:var(--sb-table-header-text);font-weight:600;font-size:10px;width:58px;min-width:58px;text-align:center;padding:6px 3px}.schedule-table__day-header{background:var(--sb-table-header-bg);color:var(--sb-table-header-text);font-weight:700;font-size:11px;white-space:nowrap;text-align:center;padding:6px 2px}.schedule-table td.schedule-table__time-label{background:#f0f0f0;font-weight:600;width:58px;min-width:58px;vertical-align:middle;text-align:center;padding:6px 3px}.schedule-table__time-label-name{font-size:11px;font-weight:700}.schedule-table__time-label-range{font-size:10px;color:var(--sb-text-secondary);margin-top:2px}.schedule-table__corner--group{width:28px;min-width:28px}.schedule-table td.schedule-table__group-cell{background:var(--sb-table-header-bg);color:var(--sb-table-header-text);font-weight:700;font-size:12px;text-align:center;vertical-align:middle;width:28px;min-width:28px;padding:0}.schedule-table__group-cell--empty{background:#f0f0f0}.schedule-table__group-text{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:2px;white-space:nowrap;display:inline-block;margin:auto}.schedule-table__time-label--dayoff{background:var(--sb-dayoff-bg);color:var(--sb-dayoff-text);font-weight:700}.schedule-table__cell{padding:0;font-size:12px;vertical-align:top}.schedule-table__slot{display:flex;align-items:center;justify-content:center;padding:2px 4px;font-size:11px;font-weight:600;white-space:nowrap;line-height:1.4;border-bottom:1px solid #ddd;border-left:3px solid transparent;min-height:22px}.schedule-table__slot-text{flex:1;overflow:hidden;text-overflow:ellipsis;text-align:center}.schedule-table__slot-delete{flex-shrink:0;width:16px;height:16px;display:none;align-items:center;justify-content:center;background:#00000026;color:#fff;border-radius:50%;font-size:11px;line-height:1;margin-left:3px;cursor:pointer;padding:0;border:none}.schedule-table__slot:hover .schedule-table__slot-delete{display:flex}.schedule-table__slot--assignment .schedule-table__slot-delete{background:#0003;color:#c62828}.schedule-table__slot-delete:hover{background:#c62828;color:#fff}.schedule-table__slot:last-child{border-bottom:none}.schedule-table__slot--assignment{background:#eee}.schedule-table__slot--highlighted{font-weight:700}.schedule-table__slot-annotation{display:inline-block;font-size:8px;font-weight:700;color:#fff;line-height:1;margin-top:1px;padding:1px 4px;border-radius:3px;letter-spacing:.3px;text-shadow:0 1px 1px rgba(0,0,0,.2)}.schedule-table__slot--note{color:#fff;font-weight:700;border-left:none;text-shadow:0 1px 1px rgba(0,0,0,.2)}.schedule-table__slot--avail{color:var(--sb-text-secondary);font-size:10px;font-weight:400;opacity:.6;border-left-color:transparent;justify-content:center}.schedule-table__slot--off{color:var(--sb-dayoff-text);font-size:12px;border-left:none}.schedule-table__slot--clickable{cursor:pointer;transition:background .12s}.schedule-table__slot--clickable:hover{background:var(--sb-primary-light)}.schedule-table__cell--dayoff{background:var(--sb-dayoff-bg)}@media print{.schedule-table-wrapper{padding:0;box-shadow:none}.schedule-table th,.schedule-table td{border:1px solid #333}.schedule-table__slot{border-bottom-color:#ccc}}@media(max-width:768px){.schedule-table-wrapper{padding:12px 8px}.schedule-table{font-size:10px}.schedule-table__slot{font-size:10px;padding:2px 4px;min-height:18px}.schedule-table__corner,.schedule-table__time-label{width:52px;min-width:52px}}.cell-editor-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--sb-spacing-md)}.cell-editor{background:var(--sb-surface);border-radius:var(--sb-radius-lg);width:100%;max-width:420px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.cell-editor__header{display:flex;align-items:center;gap:var(--sb-spacing-sm);padding:12px var(--sb-spacing-md);border-bottom:1px solid var(--sb-border);background:var(--sb-primary);color:#fff;border-radius:var(--sb-radius-lg) var(--sb-radius-lg) 0 0}.cell-editor__header h3{font-size:15px;font-weight:700}.cell-editor__range{font-size:13px;opacity:.8}.cell-editor__close{margin-left:auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff3;color:#fff;border-radius:50%;font-size:16px}.cell-editor__section{padding:var(--sb-spacing-sm) var(--sb-spacing-md)}.cell-editor__section-title{font-size:12px;font-weight:700;color:var(--sb-text-secondary);margin-bottom:var(--sb-spacing-xs);text-transform:uppercase;letter-spacing:.5px}.cell-editor__assigned{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--sb-primary-light);border-radius:var(--sb-radius-sm);margin-bottom:4px;font-size:13px;flex-wrap:wrap}.cell-editor__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.cell-editor__name{font-weight:600;font-size:13px}.cell-editor__times{color:var(--sb-text-secondary);font-size:12px}.cell-editor__edit-btn{padding:2px 6px;font-size:11px;background:var(--sb-surface);color:var(--sb-primary);border:1px solid var(--sb-primary);border-radius:3px;margin-left:auto}.cell-editor__remove-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:none;color:var(--sb-danger);font-size:14px;border-radius:50%}.cell-editor__remove-btn:hover{background:#ffebee}.cell-editor__edit-panel{width:100%;display:flex;flex-direction:column;gap:6px;margin-top:4px}.cell-editor__edit-times{display:flex;align-items:center;gap:4px}.cell-editor__highlight-row,.cell-editor__annotation-row{display:flex;align-items:center;gap:6px}.cell-editor__label{font-size:11px;color:var(--sb-text-secondary);white-space:nowrap;min-width:42px}.cell-editor__highlight-btn{width:22px;height:22px;border-radius:4px;border:2px solid transparent;cursor:pointer;padding:0;flex-shrink:0}.cell-editor__highlight-btn--selected{border-color:#333;box-shadow:0 0 0 1px #fff inset}.cell-editor__highlight-none{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#eee;border-radius:2px;font-size:11px;color:#999}.cell-editor__annotation-input{flex:1;padding:3px 6px;border:1px solid var(--sb-border);border-radius:3px;font-size:12px}.cell-editor__annotation-section{display:flex;flex-direction:column;gap:4px}.cell-editor__provider-list{display:flex;flex-wrap:wrap;gap:4px}.cell-editor__provider-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;background:var(--sb-bg);color:var(--sb-text);border:1px solid var(--sb-border);border-radius:4px;cursor:pointer;transition:all .12s}.cell-editor__provider-btn:hover:not(:disabled){background:var(--sb-primary-light);border-color:var(--sb-primary)}.cell-editor__provider-btn--active{background:var(--sb-primary);color:#fff;border-color:var(--sb-primary)}.cell-editor__provider-btn--used{opacity:.35;cursor:not-allowed}.cell-editor__provider-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.cell-editor__provider-used{font-size:9px;font-weight:400;color:var(--sb-text-secondary);margin-left:2px}.cell-editor__provider-empty{font-size:12px;color:var(--sb-text-secondary);padding:4px 0}.cell-editor__meta-annotation{color:var(--sb-text-secondary);font-size:11px;font-weight:400}.cell-editor__highlight-badge{width:14px;height:14px;border-radius:3px;flex-shrink:0}.cell-editor__time-input{width:80px;padding:2px 4px;border:1px solid var(--sb-border);border-radius:3px;font-size:12px}.cell-editor__save-btn{padding:2px 8px;font-size:11px;background:var(--sb-primary);color:#fff;border-radius:3px;font-weight:600}.cell-editor__empty{color:var(--sb-text-secondary);font-size:13px;padding:8px 0}.cell-editor__candidate{display:flex;align-items:center;gap:6px;width:100%;padding:8px;background:var(--sb-bg);border-radius:var(--sb-radius-sm);margin-bottom:4px;font-size:13px;text-align:left;transition:background .15s}.cell-editor__candidate:hover{background:var(--sb-primary-light)}.cell-editor__avail{color:var(--sb-text-secondary);font-size:12px}.cell-editor__add-label{margin-left:auto;padding:2px 8px;font-size:11px;background:var(--sb-primary);color:#fff;border-radius:3px;font-weight:600}.cell-editor__manual-add{display:flex;flex-direction:column;gap:6px}.cell-editor__staff-select{width:100%;padding:6px 8px;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);font-size:13px;outline:none}.cell-editor__staff-select:focus{border-color:var(--sb-primary)}.cell-editor__manual-times{display:flex;align-items:center;gap:4px}.cell-editor__manual-add-btn{padding:6px 16px;font-size:13px;font-weight:600;background:var(--sb-primary);color:#fff;border-radius:var(--sb-radius-sm);align-self:flex-start}.cell-editor__manual-add-btn:disabled{opacity:.4;cursor:default}.cell-editor__templates{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.cell-editor__template-btn{padding:4px 12px;font-size:12px;font-weight:600;color:#fff;border-radius:4px;transition:opacity .15s}.cell-editor__template-btn:hover{opacity:.85}.cell-editor__note-form{display:flex;flex-direction:column;gap:6px}.cell-editor__note-text{width:100%;padding:6px 8px;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);font-size:13px}.cell-editor__note-times{display:flex;align-items:center;gap:4px}.cell-editor__color-input{width:28px;height:28px;border:1px solid var(--sb-border);border-radius:4px;padding:1px;cursor:pointer}.cell-editor__note-add-btn{padding:6px 16px;font-size:13px;font-weight:600;background:var(--sb-primary);color:#fff;border-radius:var(--sb-radius-sm);align-self:flex-start}.stats-panel{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius-md);padding:var(--sb-spacing-sm) var(--sb-spacing-md);margin-top:var(--sb-spacing-md)}.stats-panel__title{font-size:14px;font-weight:700;margin-bottom:var(--sb-spacing-sm)}.stats-panel__empty{color:var(--sb-text-secondary);font-size:13px;padding:8px 0}.stats-panel__section{margin-bottom:var(--sb-spacing-sm)}.stats-panel__section-title{font-size:11px;font-weight:700;color:var(--sb-text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.stats-panel__rows{display:flex;flex-direction:column;gap:3px}.stats-panel__row{display:flex;align-items:center;gap:6px;font-size:12px;padding:3px 0}.stats-panel__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.stats-panel__name{font-weight:600;min-width:40px}.stats-panel__count{color:var(--sb-text-secondary);min-width:30px;text-align:right}.stats-panel__hours{color:var(--sb-primary-dark);font-weight:600;min-width:38px;text-align:right}.stats-panel__bar-bg{flex:1;height:10px;background:var(--sb-bg);border-radius:5px;overflow:hidden;min-width:40px}.stats-panel__bar-fill{height:100%;border-radius:5px;transition:width .3s}.export-panel{display:flex;gap:var(--sb-spacing-sm);margin-top:var(--sb-spacing-md)}.export-panel__btn{flex:1;padding:12px 16px;font-size:14px;font-weight:600;border-radius:var(--sb-radius-sm);transition:all .2s}.export-panel__btn:disabled{opacity:.6;cursor:default}.export-panel__btn--png{background:var(--sb-primary);color:#fff}.export-panel__btn--png:hover:not(:disabled){background:var(--sb-primary-dark)}.export-panel__btn--jpg{background:#5c6bc0;color:#fff}.export-panel__btn--jpg:hover:not(:disabled){background:#3f51b5}.export-panel__btn--pdf{background:var(--sb-accent);color:#212121}.export-panel__btn--pdf:hover:not(:disabled){filter:brightness(.9)}.uap{width:260px;min-width:260px;background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius-md);padding:var(--sb-spacing-sm);position:sticky;top:var(--sb-spacing-md);max-height:calc(100vh - 100px);overflow-y:auto;align-self:flex-start}.uap__title{font-size:14px;font-weight:700;color:var(--sb-text);margin:0 0 var(--sb-spacing-sm);display:flex;align-items:center;gap:6px;padding:0 4px}.uap__count{font-size:11px;font-weight:700;color:#fff;background:var(--sb-primary);padding:1px 8px;border-radius:10px;line-height:1.4}.uap__empty{font-size:13px;color:var(--sb-text-secondary);text-align:center;padding:var(--sb-spacing-md) 0}.uap__day{margin-bottom:2px}.uap__day-header{width:100%;display:flex;align-items:center;gap:6px;padding:5px 8px;font-size:13px;font-weight:600;color:var(--sb-text);background:#f0f0f0;border-radius:var(--sb-radius-sm);text-align:left;transition:background .15s}.uap__day-header:hover{background:#e8e8e8}.uap__day-header--done{opacity:.5}.uap__day-arrow{font-size:9px;width:12px;flex-shrink:0}.uap__day-label{flex:1}.uap__day-badge{font-size:10px;font-weight:700;background:var(--sb-primary);color:#fff;padding:0 6px;border-radius:8px;min-width:18px;text-align:center;line-height:1.5}.uap__day-check{font-size:12px;color:var(--sb-success);font-weight:700}.uap__entries{padding:3px 0}.uap__entry{margin-bottom:1px}.uap__entry-row{display:flex;align-items:center;gap:4px;padding:3px 6px;border-radius:var(--sb-radius-sm);transition:background .1s}.uap__entry-row:hover{background:#f5f5f5}.uap__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.uap__name{font-size:12px;font-weight:600;color:var(--sb-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uap__time{font-size:10px;color:var(--sb-text-secondary);margin-left:auto;white-space:nowrap;flex-shrink:0}.uap__assign-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:var(--sb-primary);color:#fff;border-radius:50%;flex-shrink:0;padding:0;line-height:1;transition:background .15s}.uap__assign-btn:hover{background:var(--sb-primary-dark)}.uap__assign-btn--active{background:var(--sb-danger)}.uap__assign-btn--active:hover{background:#d32f2f}.uap__bar{height:3px;background:#eee;border-radius:2px;position:relative;margin:1px 6px 3px}.uap__bar-fill{position:absolute;height:100%;border-radius:2px;top:0;opacity:.6}.uap__picker{display:flex;flex-wrap:wrap;gap:3px;padding:3px 6px 6px}.uap__picker-btn{display:flex;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:600;background:var(--sb-primary-light);color:var(--sb-primary-dark);border-radius:var(--sb-radius-sm);border:1px solid #b2dfdb;transition:all .15s}.uap__picker-btn:hover{background:#b2dfdb;border-color:var(--sb-primary)}.uap__picker-group{font-size:9px;color:#fff;padding:0 4px;border-radius:3px;line-height:1.5}@media(max-width:1100px){.uap{width:100%;min-width:unset;position:static;max-height:300px}.uap__entries{display:flex;flex-wrap:wrap;gap:2px}.uap__entry{flex:1;min-width:200px}}.table-view__week-picker{display:flex;align-items:center;justify-content:center;gap:var(--sb-spacing-md);margin-bottom:var(--sb-spacing-md)}.table-view__week-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);font-size:18px;font-weight:600;color:var(--sb-primary);transition:all .2s}.table-view__week-btn:hover{background:var(--sb-primary);color:#fff;border-color:var(--sb-primary)}.table-view__week-label{font-size:15px;font-weight:600;color:var(--sb-text)}.table-view__block-toggle{display:flex;justify-content:center;margin-bottom:var(--sb-spacing-sm)}.table-view__block-toggle-btn{background:none;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);padding:6px 16px;font-size:12px;color:var(--sb-text-secondary);cursor:pointer;transition:all .2s}.table-view__block-toggle-btn:hover{border-color:var(--sb-primary);color:var(--sb-primary)}.table-view__block-toggle-btn--active{border-color:var(--sb-primary);color:var(--sb-primary);background:var(--sb-primary-light)}.table-view__block-editor{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius-md);padding:12px;margin-bottom:var(--sb-spacing-md);max-width:800px;margin-left:auto;margin-right:auto}.table-view__block-list{display:flex;flex-direction:column;gap:6px}.table-view__block-item{background:var(--sb-bg);border-radius:var(--sb-radius-sm);padding:6px 8px}.table-view__block-display-row{display:flex;align-items:center;gap:8px;font-size:13px}.table-view__block-arrows{display:flex;flex-direction:column;gap:1px}.table-view__arrow-btn{width:20px;height:14px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--sb-border);border-radius:3px;font-size:8px;color:var(--sb-text-secondary);cursor:pointer;padding:0}.table-view__arrow-btn:hover:not(:disabled){background:var(--sb-primary);color:#fff;border-color:var(--sb-primary)}.table-view__arrow-btn:disabled{opacity:.3;cursor:default}.table-view__block-group{background:var(--sb-primary);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:3px}.table-view__block-input--group{width:60px}.table-view__block-label{font-weight:700;min-width:40px}.table-view__block-range{color:var(--sb-text-secondary);font-size:12px;flex:1}.table-view__block-edit-btn{background:none;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);padding:3px 10px;font-size:11px;color:var(--sb-primary);cursor:pointer}.table-view__block-edit-btn:hover{background:var(--sb-primary-light)}.table-view__block-delete-btn{background:none;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);padding:3px 10px;font-size:11px;color:var(--sb-danger);cursor:pointer}.table-view__block-delete-btn:hover:not(:disabled){background:#ffebee}.table-view__block-delete-btn:disabled{opacity:.3;cursor:default}.table-view__block-edit-row,.table-view__block-add-form{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.table-view__block-input{width:80px;padding:4px 8px;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);font-size:13px;outline:none}.table-view__block-input:focus{border-color:var(--sb-primary)}.table-view__block-time{width:90px;padding:4px 6px;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);font-size:13px;outline:none}.table-view__block-time:focus{border-color:var(--sb-primary)}.table-view__block-sep{color:var(--sb-text-secondary);font-size:13px}.table-view__block-save{background:var(--sb-primary);color:#fff;border:none;border-radius:var(--sb-radius-sm);padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer}.table-view__block-save:hover{opacity:.9}.table-view__block-cancel{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--sb-border);border-radius:50%;font-size:14px;color:var(--sb-text-secondary);cursor:pointer}.table-view__block-cancel:hover{background:#ffebee;color:var(--sb-danger)}.table-view__block-add-btn{display:block;width:100%;margin-top:8px;padding:8px;background:none;border:1px dashed var(--sb-border);border-radius:var(--sb-radius-sm);font-size:13px;color:var(--sb-primary);cursor:pointer;text-align:center}.table-view__block-add-btn:hover{background:var(--sb-primary-light);border-color:var(--sb-primary)}.table-view__block-add-form{margin-top:8px;padding:8px;background:var(--sb-bg);border-radius:var(--sb-radius-sm)}.table-view__layout{display:flex;gap:var(--sb-spacing-md);align-items:flex-start}.table-view__main{flex:1;min-width:0}.table-view__shift-list{margin-top:var(--sb-spacing-md);background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius-md);padding:var(--sb-spacing-md)}.table-view__shift-list-title{font-size:14px;font-weight:600;margin-bottom:var(--sb-spacing-sm);color:var(--sb-text)}.table-view__shift-items{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.table-view__shift-item{display:flex;align-items:center;gap:var(--sb-spacing-sm);padding:6px 8px;background:var(--sb-bg);border-radius:var(--sb-radius-sm);font-size:13px}.table-view__shift-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.table-view__shift-info{flex:1}.table-view__shift-delete{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;color:var(--sb-danger);font-size:16px;border-radius:50%;flex-shrink:0}.table-view__shift-delete:hover{background:#ffebee}.table-view__color-picker{display:flex;flex-wrap:wrap;align-items:center;gap:4px;width:100%}.table-view__color-btn{width:20px;height:20px;border-radius:50%;border:3px solid transparent;padding:0;cursor:pointer;transition:transform .15s}.table-view__color-btn:hover{transform:scale(1.15)}.table-view__color-btn--selected{border-color:var(--sb-text);box-shadow:0 0 0 2px #fff inset}.table-view__color-custom{width:20px;height:20px;border:1px solid var(--sb-border);border-radius:4px;padding:1px;cursor:pointer}@media(max-width:1100px){.table-view__layout{flex-direction:column}}@media(max-width:768px){.table-view__block-edit-row,.table-view__block-add-form{flex-wrap:wrap}.table-view__block-input{width:70px}.table-view__block-time{width:80px}}.staff-form__row{display:flex;gap:var(--sb-spacing-sm)}.staff-form__field{margin-bottom:var(--sb-spacing-sm)}.staff-form__label{display:block;font-size:12px;font-weight:600;color:var(--sb-text-secondary);margin-bottom:4px}.staff-form__input{width:100%;padding:8px 10px;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);font-size:14px;outline:none;transition:border-color .2s}.staff-form__input:focus{border-color:var(--sb-primary)}.staff-form__input--short{max-width:120px}.staff-form__colors{display:flex;flex-wrap:wrap;gap:6px}.staff-form__color-btn{width:28px;height:28px;border-radius:50%;border:3px solid transparent;padding:0;transition:transform .15s}.staff-form__color-btn:hover{transform:scale(1.15)}.staff-form__color-btn--selected{border-color:var(--sb-text);box-shadow:0 0 0 2px #fff inset}.staff-form__error{color:var(--sb-danger);font-size:13px;margin-bottom:var(--sb-spacing-sm)}.staff-form__actions{display:flex;gap:var(--sb-spacing-sm);justify-content:flex-end;margin-top:var(--sb-spacing-sm)}.staff-form__cancel{padding:8px 16px;font-size:14px;background:var(--sb-border);color:var(--sb-text);border-radius:var(--sb-radius-sm);font-weight:500}.staff-form__submit{padding:8px 16px;font-size:14px;background:var(--sb-primary);color:#fff;border-radius:var(--sb-radius-sm);font-weight:600}.staff-form__submit:hover{background:var(--sb-primary-dark)}.staff-view__title{font-size:18px;font-weight:600;margin-bottom:var(--sb-spacing-md);color:var(--sb-text)}.staff-view__empty{color:var(--sb-text-secondary);font-size:14px;text-align:center;padding:var(--sb-spacing-xl) 0}.staff-view__list{display:flex;flex-direction:column;gap:var(--sb-spacing-sm);margin-bottom:var(--sb-spacing-md)}.staff-card{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius-md);padding:12px var(--sb-spacing-md)}.staff-card__info{display:flex;align-items:center;gap:var(--sb-spacing-sm);margin-bottom:var(--sb-spacing-sm)}.staff-card__color{width:16px;height:16px;border-radius:50%;flex-shrink:0}.staff-card__name{font-weight:600;font-size:15px}.staff-card__short{color:var(--sb-text-secondary);font-size:13px}.staff-card__actions{display:flex;align-items:center;gap:var(--sb-spacing-sm)}.staff-card__edit-btn{padding:4px 12px;font-size:13px;background:var(--sb-primary-light);color:var(--sb-primary);border-radius:var(--sb-radius-sm);font-weight:500}.staff-card__edit-btn:hover{background:var(--sb-primary);color:#fff}.staff-card__delete-btn{padding:4px 12px;font-size:13px;background:#ffebee;color:var(--sb-danger);border-radius:var(--sb-radius-sm);font-weight:500}.staff-card__delete-btn:hover{background:var(--sb-danger);color:#fff}.staff-card__delete-confirm{display:flex;align-items:center;gap:var(--sb-spacing-xs);font-size:13px;color:var(--sb-danger)}.staff-card__delete-yes{padding:2px 8px;font-size:12px;background:var(--sb-danger);color:#fff;border-radius:var(--sb-radius-sm)}.staff-card__delete-no{padding:2px 8px;font-size:12px;background:var(--sb-border);color:var(--sb-text);border-radius:var(--sb-radius-sm)}.staff-view__add-btn{width:100%;padding:12px;font-size:15px;font-weight:600;background:var(--sb-primary);color:#fff;border-radius:var(--sb-radius-md);transition:background .2s}.staff-view__add-btn:hover{background:var(--sb-primary-dark)}.staff-view__add-form{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius-md);padding:var(--sb-spacing-md)}.staff-view__title--provider{margin-top:var(--sb-spacing-xl);padding-top:var(--sb-spacing-md);border-top:2px solid var(--sb-border)}.staff-view__add-btn--provider{background:#1565c0}.staff-view__add-btn--provider:hover{background:#0d47a1}.provider-edit{display:flex;flex-direction:column;gap:var(--sb-spacing-sm)}.provider-edit__row{display:flex;gap:var(--sb-spacing-sm)}.provider-edit__input{flex:1;padding:6px 10px;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);font-size:14px;outline:none}.provider-edit__input:focus{border-color:var(--sb-primary)}.provider-edit__colors{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.provider-edit__color-btn{width:28px;height:28px;border-radius:50%;border:3px solid transparent;cursor:pointer;padding:0;transition:transform .12s}.provider-edit__color-btn:hover{transform:scale(1.15)}.provider-edit__color-btn--selected{border-color:#333;box-shadow:0 0 0 2px #fff inset}.provider-edit__color-custom{width:28px;height:28px;border:1px solid var(--sb-border);border-radius:50%;padding:1px;cursor:pointer}.provider-edit__actions{display:flex;gap:var(--sb-spacing-sm)}.provider-edit__save{padding:6px 16px;font-size:13px;font-weight:600;background:var(--sb-primary);color:#fff;border-radius:var(--sb-radius-sm)}.provider-edit__save:hover{background:var(--sb-primary-dark)}.provider-edit__cancel{padding:6px 16px;font-size:13px;background:var(--sb-border);color:var(--sb-text);border-radius:var(--sb-radius-sm)}.stats-view{display:flex;flex-direction:column;gap:var(--sb-spacing-md)}.stats-view__month-picker{display:flex;justify-content:center}.stats-view__month-select{padding:8px 16px;font-size:16px;font-weight:700;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);background:var(--sb-surface);color:var(--sb-text);outline:none}.stats-view__month-select:focus{border-color:var(--sb-primary)}.stats-view__month-label{font-size:16px;font-weight:700;color:var(--sb-text)}.stats-view__summary{display:flex;gap:var(--sb-spacing-sm)}.stats-view__summary-item{flex:1;background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius-md);padding:12px;text-align:center}.stats-view__summary-value{display:block;font-size:24px;font-weight:700;color:var(--sb-primary)}.stats-view__summary-label{font-size:12px;color:var(--sb-text-secondary)}.stats-view__empty{text-align:center;color:var(--sb-text-secondary);font-size:14px;padding:32px 0}.stats-view__table{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius-md);overflow:hidden}.stats-view__header-row{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--sb-bg);font-size:11px;font-weight:700;color:var(--sb-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--sb-border)}.stats-view__staff-block{border-bottom:1px solid var(--sb-border)}.stats-view__staff-block:last-child{border-bottom:none}.stats-view__row{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:13px}.stats-view__row--clickable{cursor:pointer;transition:background-color .15s}.stats-view__row--clickable:hover,.stats-view__row--expanded{background:var(--sb-primary-light)}.stats-view__col-name{flex:0 0 110px;display:flex;align-items:center;gap:5px;font-weight:600}.stats-view__expand-icon{font-size:9px;color:var(--sb-text-secondary);flex-shrink:0;width:12px}.stats-view__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.stats-view__col-num{flex:0 0 50px;text-align:right;color:var(--sb-text-secondary);font-size:12px}.stats-view__col-num--bold{color:var(--sb-primary-dark);font-weight:700}.stats-view__col-bar{flex:1;display:flex;align-items:center;gap:6px;min-width:0}.stats-view__bar-bg{flex:1;height:14px;background:var(--sb-bg);border-radius:7px;overflow:hidden}.stats-view__bar-fill{height:100%;border-radius:7px;transition:width .3s}.stats-view__pct{flex:0 0 32px;text-align:right;font-size:11px;font-weight:600;color:var(--sb-text-secondary)}.stats-view__detail{padding:12px 16px 16px;background:var(--sb-bg);border-top:1px solid var(--sb-border)}.stats-view__detail-section{margin-bottom:14px}.stats-view__detail-section:last-child{margin-bottom:0}.stats-view__detail-title{font-size:12px;font-weight:700;color:var(--sb-text-secondary);margin-bottom:8px;letter-spacing:.5px}.stats-view__dow-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.stats-view__dow-item{text-align:center;background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);padding:6px 2px}.stats-view__dow-item--sat{border-color:#90caf9;background:#e3f2fd}.stats-view__dow-item--sun{border-color:#ef9a9a;background:#ffebee}.stats-view__dow-label{display:block;font-size:11px;font-weight:700;color:var(--sb-text-secondary);margin-bottom:2px}.stats-view__dow-item--sat .stats-view__dow-label{color:#1565c0}.stats-view__dow-item--sun .stats-view__dow-label{color:#c62828}.stats-view__dow-value{display:block;font-size:13px;font-weight:700;color:var(--sb-text)}.stats-view__category-list{display:flex;flex-direction:column;gap:6px}.stats-view__category-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm)}.stats-view__category-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.stats-view__category-label{font-size:13px;font-weight:600;min-width:36px}.stats-view__category-value{font-size:14px;font-weight:700;color:var(--sb-primary-dark)}.stats-view__category-note{font-size:11px;color:var(--sb-text-secondary);margin-left:auto}@media(max-width:768px){.stats-view__col-name{flex:0 0 80px;font-size:12px}.stats-view__col-num{flex:0 0 40px;font-size:11px}.stats-view__dow-grid{grid-template-columns:repeat(4,1fr)}.stats-view__detail{padding:10px 12px 14px}}.pay-cal{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius-md);padding:var(--sb-spacing-md)}.pay-cal__nav{display:flex;align-items:center;justify-content:center;gap:var(--sb-spacing-md);margin-bottom:var(--sb-spacing-sm)}.pay-cal__nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:14px;background:var(--sb-bg);border-radius:var(--sb-radius-sm);color:var(--sb-text)}.pay-cal__nav-btn:hover{background:var(--sb-primary-light);color:var(--sb-primary)}.pay-cal__nav-label{font-size:16px;font-weight:700;min-width:100px;text-align:center}.pay-cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.pay-cal__dow-header{text-align:center;font-size:11px;font-weight:700;padding:4px 0;color:var(--sb-text-secondary)}.pay-cal__dow-header--sun{color:#c62828}.pay-cal__dow-header--sat{color:#1565c0}.pay-cal__cell{position:relative;text-align:center;padding:6px 2px;min-height:44px;border-radius:4px;cursor:pointer;transition:background-color .15s;display:flex;flex-direction:column;align-items:center;gap:2px}.pay-cal__cell:hover{background:var(--sb-primary-light)}.pay-cal__cell--empty{cursor:default}.pay-cal__cell--empty:hover{background:transparent}.pay-cal__cell--holiday .pay-cal__date{color:#c62828;font-weight:700}.pay-cal__cell--sat .pay-cal__date{color:#1565c0}.pay-cal__cell--override{outline:2px solid var(--sb-accent);outline-offset:-2px}.pay-cal__date{font-size:13px;font-weight:500;line-height:1}.pay-cal__tpl-dot{width:18px;height:6px;border-radius:3px;display:block}.pay-cal__holiday-mark{position:absolute;top:1px;right:2px;font-size:8px;font-weight:700;color:#c62828;line-height:1}.pay-cal__legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--sb-spacing-sm);justify-content:center}.pay-cal__legend-item{display:flex;align-items:center;gap:4px}.pay-cal__legend-dot{width:12px;height:6px;border-radius:3px}.pay-cal__legend-label{font-size:12px;color:var(--sb-text-secondary)}.payrate-view{display:flex;flex-direction:column;gap:var(--sb-spacing-md)}.payrate-view__section{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius-md);padding:var(--sb-spacing-md)}.payrate-view__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sb-spacing-sm)}.payrate-view__section-title{font-size:16px;font-weight:700;margin:0 0 var(--sb-spacing-sm)}.payrate-view__section-header .payrate-view__section-title{margin-bottom:0}.payrate-view__add-btn{padding:6px 14px;font-size:13px;font-weight:600;background:var(--sb-primary);color:#fff;border-radius:var(--sb-radius-sm);transition:opacity .15s}.payrate-view__add-btn:hover{opacity:.85}.payrate-view__tpl-list{display:flex;flex-direction:column;gap:8px}.payrate-view__tpl-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);background:var(--sb-bg)}.payrate-view__tpl-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.payrate-view__tpl-info{display:flex;flex-direction:column;min-width:60px}.payrate-view__tpl-name{font-size:14px;font-weight:700}.payrate-view__tpl-rules-count{font-size:11px;color:var(--sb-text-secondary)}.payrate-view__tpl-preview{flex:1;display:flex;flex-wrap:wrap;gap:6px;min-width:0}.payrate-view__tpl-rule-badge{font-size:11px;padding:2px 8px;background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:10px;white-space:nowrap}.payrate-view__tpl-actions{display:flex;gap:6px;flex-shrink:0}.payrate-view__tpl-edit-btn,.payrate-view__tpl-del-btn{font-size:12px;padding:4px 10px;border-radius:var(--sb-radius-sm)}.payrate-view__tpl-edit-btn{background:var(--sb-primary-light);color:var(--sb-primary)}.payrate-view__tpl-edit-btn:hover{background:var(--sb-primary);color:#fff}.payrate-view__tpl-del-btn{background:#ffebee;color:#c62828}.payrate-view__tpl-del-btn:hover{background:#c62828;color:#fff}.payrate-view__tpl-edit{padding:14px;border:2px solid var(--sb-primary);border-radius:var(--sb-radius-md);background:var(--sb-bg)}.payrate-view__edit-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.payrate-view__edit-name{font-size:16px;font-weight:700;padding:6px 10px;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);background:var(--sb-surface);color:var(--sb-text);outline:none}.payrate-view__edit-name:focus{border-color:var(--sb-primary)}.payrate-view__color-picks{display:flex;gap:6px;flex-wrap:wrap}.payrate-view__color-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s}.payrate-view__color-btn:hover{transform:scale(1.15)}.payrate-view__color-btn--active{border-color:var(--sb-text);box-shadow:0 0 0 2px var(--sb-surface)}.payrate-view__rules{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.payrate-view__rule-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.payrate-view__time-input{width:110px;padding:6px 8px;font-size:14px;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);background:var(--sb-surface);color:var(--sb-text);outline:none}.payrate-view__time-input:focus{border-color:var(--sb-primary)}.payrate-view__rule-sep{font-size:14px;color:var(--sb-text-secondary)}.payrate-view__rate-input{width:90px;padding:6px 8px;font-size:14px;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);background:var(--sb-surface);color:var(--sb-text);outline:none;text-align:right}.payrate-view__rate-input:focus{border-color:var(--sb-primary)}.payrate-view__rate-unit{font-size:13px;color:var(--sb-text-secondary)}.payrate-view__rule-del{width:26px;height:26px;font-size:14px;display:flex;align-items:center;justify-content:center;background:#ffebee;color:#c62828;border-radius:50%;flex-shrink:0}.payrate-view__rule-del:hover{background:#c62828;color:#fff}.payrate-view__add-rule-btn{font-size:13px;padding:6px 12px;background:var(--sb-surface);border:1px dashed var(--sb-border);border-radius:var(--sb-radius-sm);color:var(--sb-primary);text-align:center}.payrate-view__add-rule-btn:hover{background:var(--sb-primary-light)}.payrate-view__edit-actions{display:flex;gap:8px}.payrate-view__save-btn{padding:8px 20px;font-size:14px;font-weight:600;background:var(--sb-primary);color:#fff;border-radius:var(--sb-radius-sm)}.payrate-view__save-btn:hover{opacity:.85}.payrate-view__cancel-btn{padding:8px 20px;font-size:14px;background:var(--sb-bg);border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);color:var(--sb-text-secondary)}.payrate-view__cancel-btn:hover{background:var(--sb-surface)}.payrate-view__dow-defaults{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.payrate-view__dow-row{display:flex;align-items:center;gap:12px}.payrate-view__dow-label{font-size:14px;font-weight:600;min-width:42px}.payrate-view__dow-label--sun{color:#c62828}.payrate-view__dow-label--sat{color:#1565c0}.payrate-view__dow-select{flex:1;max-width:200px;padding:6px 10px;font-size:14px;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);background:var(--sb-surface);color:var(--sb-text);outline:none}.payrate-view__dow-select:focus{border-color:var(--sb-primary)}.payrate-view__holiday-setting{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--sb-bg);border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm)}.payrate-view__holiday-check{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;cursor:pointer}.payrate-view__holiday-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--sb-primary)}.payrate-view__period-row{display:flex;align-items:center;gap:10px;margin-bottom:var(--sb-spacing-sm);flex-wrap:wrap}.payrate-view__period-select{padding:6px 12px;font-size:14px;font-weight:600;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);background:var(--sb-surface);color:var(--sb-text);outline:none}.payrate-view__period-select:focus{border-color:var(--sb-primary)}.payrate-view__month-select{padding:6px 12px;font-size:14px;font-weight:700;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);background:var(--sb-surface);color:var(--sb-text);outline:none}.payrate-view__month-select:focus{border-color:var(--sb-primary)}.payrate-view__period-label{font-size:13px;color:var(--sb-text-secondary);font-weight:500}.payrate-view__month-label{font-size:16px;font-weight:700}.payrate-view__summary-cards{display:flex;gap:var(--sb-spacing-sm);margin-bottom:var(--sb-spacing-sm)}.payrate-view__summary-card{flex:1;background:var(--sb-bg);border:1px solid var(--sb-border);border-radius:var(--sb-radius-md);padding:12px 10px;text-align:center;display:flex;flex-direction:column;gap:2px}.payrate-view__summary-card--scheduled{border-color:#ffb300;background:#fff8e1}.payrate-view__summary-card--total{border-color:var(--sb-primary);background:var(--sb-primary-light)}.payrate-view__summary-value{font-size:20px;font-weight:700;color:var(--sb-primary-dark)}.payrate-view__summary-card--scheduled .payrate-view__summary-value{color:#f57f17}.payrate-view__summary-sub{font-size:11px;color:var(--sb-text-secondary)}.payrate-view__summary-label{font-size:12px;font-weight:600;color:var(--sb-text-secondary)}.payrate-view__empty{text-align:center;color:var(--sb-text-secondary);font-size:14px;padding:32px 0}.payrate-view__pay-table{border:1px solid var(--sb-border);border-radius:var(--sb-radius-md);overflow:hidden}.payrate-view__pay-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--sb-bg);font-size:11px;font-weight:700;color:var(--sb-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--sb-border)}.payrate-view__pay-block{border-bottom:1px solid var(--sb-border)}.payrate-view__pay-block:last-of-type{border-bottom:none}.payrate-view__pay-row{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:13px}.payrate-view__pay-row--clickable{cursor:pointer;transition:background-color .15s}.payrate-view__pay-row--clickable:hover,.payrate-view__pay-row--expanded{background:var(--sb-primary-light)}.payrate-view__pay-col-name{flex:0 0 100px;display:flex;align-items:center;gap:5px;font-weight:600}.payrate-view__pay-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.payrate-view__pay-expand{font-size:9px;color:var(--sb-text-secondary);width:12px;flex-shrink:0}.payrate-view__pay-col-num{flex:0 0 50px;text-align:right;color:var(--sb-text-secondary);font-size:12px}.payrate-view__pay-col-confirmed{flex:0 0 80px;text-align:right;font-size:13px;color:var(--sb-text-secondary)}.payrate-view__pay-col-confirmed--bold{color:var(--sb-primary-dark);font-weight:700;font-size:14px}.payrate-view__pay-col-scheduled{flex:1;text-align:right;font-size:12px;color:#f57f17;font-weight:600;white-space:nowrap}.payrate-view__pay-total{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--sb-bg);border-top:2px solid var(--sb-primary);font-size:13px;font-weight:700}.payrate-view__pay-total .payrate-view__pay-col-name{color:var(--sb-text)}.payrate-view__pay-total .payrate-view__pay-col-num{color:var(--sb-text);font-weight:700}.payrate-view__pay-total .payrate-view__pay-col-confirmed{color:var(--sb-primary-dark);font-weight:700;font-size:14px}.payrate-view__pay-total .payrate-view__pay-col-scheduled{font-weight:700}.payrate-view__pay-detail{padding:12px 16px;background:var(--sb-bg);border-top:1px solid var(--sb-border)}.payrate-view__pay-split{display:flex;gap:12px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px dashed var(--sb-border)}.payrate-view__pay-split-item{display:flex;flex-direction:column;gap:1px;padding:8px 14px;background:var(--sb-surface);border-radius:var(--sb-radius-sm);border:1px solid var(--sb-border);min-width:100px}.payrate-view__pay-split-item--sched{border-color:#ffb300;background:#fff8e1}.payrate-view__pay-split-label{font-size:11px;font-weight:700;color:var(--sb-text-secondary);letter-spacing:.5px}.payrate-view__pay-split-value{font-size:16px;font-weight:700;color:var(--sb-primary-dark)}.payrate-view__pay-split-item--sched .payrate-view__pay-split-value{color:#f57f17}.payrate-view__pay-split-sub{font-size:11px;color:var(--sb-text-secondary)}.payrate-view__pay-tpl-block{margin-bottom:10px}.payrate-view__pay-tpl-block:last-child{margin-bottom:0}.payrate-view__pay-tpl-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.payrate-view__pay-tpl-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.payrate-view__pay-tpl-name{font-size:13px;font-weight:700}.payrate-view__pay-tpl-subtotal{margin-left:auto;font-size:13px;font-weight:700;color:var(--sb-primary-dark)}.payrate-view__pay-rule-row{display:flex;align-items:center;gap:10px;padding:3px 0 3px 18px;font-size:12px;color:var(--sb-text-secondary)}.payrate-view__pay-rule-time{min-width:90px}.payrate-view__pay-rule-calc{flex:1}.payrate-view__pay-rule-amount{font-weight:600;color:var(--sb-text)}@media(max-width:768px){.payrate-view__tpl-card{flex-wrap:wrap}.payrate-view__tpl-preview{flex-basis:100%;order:3}.payrate-view__rule-row{flex-wrap:wrap}.payrate-view__time-input{width:100px}.payrate-view__rate-input{width:80px}.payrate-view__summary-cards{flex-direction:column}.payrate-view__pay-col-name{flex:0 0 70px;font-size:12px}.payrate-view__pay-col-num{flex:0 0 40px;font-size:11px}.payrate-view__pay-col-confirmed{flex:0 0 65px;font-size:12px}.payrate-view__pay-col-scheduled{font-size:11px}.payrate-view__pay-split{flex-direction:column;gap:8px}.payrate-view__pay-rule-row{flex-wrap:wrap;gap:4px;padding-left:14px}.payrate-view__pay-rule-time{min-width:auto}}.settings-view__title{font-size:18px;font-weight:600;margin-bottom:var(--sb-spacing-md)}.settings-view__section{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius-md);padding:var(--sb-spacing-md);margin-bottom:var(--sb-spacing-md)}.settings-view__section-title{font-size:14px;font-weight:600;margin-bottom:var(--sb-spacing-sm)}.settings-view__input{width:100%;padding:8px 10px;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);font-size:14px;outline:none}.settings-view__input:focus{border-color:var(--sb-primary)}.settings-view__toggle{display:flex;align-items:center;gap:var(--sb-spacing-sm);font-size:14px;cursor:pointer}.settings-view__blocks{display:flex;flex-direction:column;gap:var(--sb-spacing-sm);margin-bottom:var(--sb-spacing-sm)}.settings-view__block{border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);padding:8px}.settings-view__block-display{display:flex;align-items:center;gap:var(--sb-spacing-sm)}.settings-view__block-arrows{display:flex;flex-direction:column;gap:2px}.settings-view__arrow-btn{width:24px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;background:var(--sb-bg);color:var(--sb-text-secondary);border-radius:3px;padding:0}.settings-view__arrow-btn:disabled{opacity:.3;cursor:default}.settings-view__block-group{background:var(--sb-primary);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:3px}.settings-view__block-input--short{width:60px}.settings-view__block-label{font-weight:600;font-size:14px;min-width:50px}.settings-view__block-range{color:var(--sb-text-secondary);font-size:13px;flex:1}.settings-view__block-actions{display:flex;gap:4px}.settings-view__block-edit-btn,.settings-view__block-delete-btn{padding:4px 8px;font-size:12px;border-radius:var(--sb-radius-sm);font-weight:500}.settings-view__block-edit-btn{background:var(--sb-primary-light);color:var(--sb-primary)}.settings-view__block-delete-btn{background:#ffebee;color:var(--sb-danger)}.settings-view__block-delete-btn:disabled{opacity:.4;cursor:default}.settings-view__block-edit{display:flex;align-items:center;gap:var(--sb-spacing-xs);flex-wrap:wrap}.settings-view__block-input{padding:6px 8px;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);font-size:13px;width:80px;outline:none}.settings-view__block-time{padding:6px 4px;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);font-size:13px;width:90px;outline:none}.settings-view__block-save{padding:4px 10px;font-size:12px;background:var(--sb-primary);color:#fff;border-radius:var(--sb-radius-sm);font-weight:600}.settings-view__block-cancel{padding:4px 8px;font-size:14px;background:var(--sb-border);color:var(--sb-text);border-radius:var(--sb-radius-sm)}.settings-view__add-form{border:1px dashed var(--sb-border);border-radius:var(--sb-radius-sm);padding:var(--sb-spacing-sm);display:flex;flex-direction:column;gap:var(--sb-spacing-sm)}.settings-view__add-times{display:flex;align-items:center;gap:var(--sb-spacing-xs)}.settings-view__add-actions{display:flex;gap:var(--sb-spacing-sm);justify-content:flex-end}.settings-view__add-cancel{padding:6px 12px;font-size:13px;background:var(--sb-border);color:var(--sb-text);border-radius:var(--sb-radius-sm)}.settings-view__add-submit{padding:6px 12px;font-size:13px;background:var(--sb-primary);color:#fff;border-radius:var(--sb-radius-sm);font-weight:600}.settings-view__add-btn{width:100%;padding:10px;font-size:14px;font-weight:600;background:var(--sb-primary);color:#fff;border-radius:var(--sb-radius-sm)}.settings-view__add-btn:hover{background:var(--sb-primary-dark)}.settings-view__color-picker{display:flex;flex-wrap:wrap;align-items:center;gap:5px;width:100%;margin-top:2px}.settings-view__color-btn{width:24px;height:24px;border-radius:50%;border:3px solid transparent;padding:0;cursor:pointer;transition:transform .15s}.settings-view__color-btn:hover{transform:scale(1.15)}.settings-view__color-btn--selected{border-color:var(--sb-text);box-shadow:0 0 0 2px #fff inset}.settings-view__color-custom{width:24px;height:24px;border:1px solid var(--sb-border);border-radius:4px;padding:1px;cursor:pointer}.settings-view__section--backup{border-color:var(--sb-primary);background:var(--sb-primary-light)}.settings-view__backup-btns{display:flex;gap:var(--sb-spacing-sm)}.settings-view__export-btn{flex:1;padding:12px;font-size:14px;font-weight:600;background:var(--sb-primary);color:#fff;border-radius:var(--sb-radius-sm)}.settings-view__export-btn:hover{background:var(--sb-primary-dark)}.settings-view__import-btn{flex:1;padding:12px;font-size:14px;font-weight:600;background:var(--sb-surface);color:var(--sb-primary);border:2px solid var(--sb-primary);border-radius:var(--sb-radius-sm)}.settings-view__import-btn:hover{background:var(--sb-primary);color:#fff}.settings-view__import-status{margin-top:var(--sb-spacing-sm);font-size:13px;font-weight:600;color:var(--sb-success)}.settings-view__import-status--error{color:var(--sb-danger)}.settings-view__section--danger{border-color:#ffcdd2}.settings-view__section-desc{font-size:13px;color:var(--sb-text-secondary);margin-bottom:var(--sb-spacing-sm);line-height:1.5}.settings-view__cache-btn{width:100%;padding:12px;font-size:14px;font-weight:600;background:var(--sb-danger);color:#fff;border-radius:var(--sb-radius-sm)}.settings-view__cache-btn:hover{background:#d32f2f}.cache-manager__overlay{position:fixed;inset:0;z-index:200;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px}.cache-manager__modal{background:var(--sb-surface);border-radius:var(--sb-radius-lg);padding:24px;max-width:440px;width:100%;position:relative;box-shadow:0 8px 32px #00000040}.cache-manager__modal--compact{text-align:center;max-width:360px}.cache-manager__modal-close{position:absolute;top:10px;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:18px;background:transparent;color:var(--sb-text-secondary);border-radius:50%;padding:0}.cache-manager__modal-close:hover{background:var(--sb-bg);color:var(--sb-text)}.cache-manager__warning{font-size:14px;line-height:1.6;color:var(--sb-text);margin:0 0 20px;padding:12px;background:#fff3e0;border:1px solid #FFB74D;border-radius:var(--sb-radius-sm)}.cache-manager__save-buttons{display:flex;flex-direction:column;gap:10px}.cache-manager__save-btn{width:100%;padding:12px;font-size:14px;font-weight:600;border-radius:var(--sb-radius-sm);color:#fff;transition:opacity .2s}.cache-manager__save-btn:disabled{opacity:.5;cursor:default}.cache-manager__save-btn--png{background:#43a047}.cache-manager__save-btn--png:hover:not(:disabled){background:#388e3c}.cache-manager__save-btn--jpg{background:#1e88e5}.cache-manager__save-btn--jpg:hover:not(:disabled){background:#1565c0}.cache-manager__save-btn--pdf{background:#e53935}.cache-manager__save-btn--pdf:hover:not(:disabled){background:#c62828}.cache-manager__save-msg{margin:12px 0 0;padding:8px 12px;font-size:13px;font-weight:600;text-align:center;border-radius:var(--sb-radius-sm);background:#e8f5e9;color:#2e7d32}.cache-manager__save-msg--error{background:#ffebee;color:#c62828}.cache-manager__data-info{font-size:13px;font-weight:600;color:var(--sb-primary);margin:0 0 12px;text-align:center}.cache-manager__progress{margin:10px 0 0;font-size:13px;font-weight:600;text-align:center;color:var(--sb-primary);animation:cache-manager-pulse 1s ease-in-out infinite}@keyframes cache-manager-pulse{0%,to{opacity:1}50%{opacity:.5}}.cache-manager__divider{border:none;border-top:1px solid var(--sb-border);margin:20px 0 16px}.cache-manager__delete-section{display:flex;flex-direction:column;gap:10px}.cache-manager__delete-row{display:flex;align-items:center;gap:12px}.cache-manager__delete-btn{flex:1;padding:12px;font-size:14px;font-weight:600;border-radius:var(--sb-radius-sm);background:var(--sb-danger);color:#fff;transition:opacity .2s}.cache-manager__delete-btn:disabled{opacity:.35;cursor:not-allowed}.cache-manager__delete-btn:hover:not(:disabled){background:#d32f2f}.cache-manager__skip-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--sb-text-secondary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.cache-manager__skip-label input:disabled{opacity:.4}.cache-manager__confirm-text{font-size:16px;font-weight:600;margin:0 0 20px;color:var(--sb-text)}.cache-manager__confirm-text--warning{color:var(--sb-danger)}.cache-manager__confirm-actions{display:flex;gap:12px;justify-content:center}.cache-manager__confirm-yes,.cache-manager__confirm-no{padding:10px 28px;font-size:14px;font-weight:600;border-radius:var(--sb-radius-sm);cursor:pointer;outline:none}.cache-manager__confirm-yes{background:var(--sb-primary);color:#fff}.cache-manager__confirm-yes:hover{background:var(--sb-primary-dark)}.cache-manager__confirm-yes--danger{background:var(--sb-danger)}.cache-manager__confirm-yes--danger:hover{background:#d32f2f}.cache-manager__confirm-no{background:var(--sb-border);color:var(--sb-text)}.cache-manager__confirm-no:hover{background:#bdbdbd}.cache-manager__deleted-msg{font-size:16px;font-weight:600;margin:0 0 20px;color:var(--sb-primary)}.cache-manager__close-btn{padding:10px 32px;font-size:14px;font-weight:600;background:var(--sb-primary);color:#fff;border-radius:var(--sb-radius-sm)}.cache-manager__close-btn:hover{background:var(--sb-primary-dark)}.cache-manager__hidden-table{position:fixed;left:-10000px;top:0;width:1200px;background:#fff;z-index:-1;pointer-events:none}@media(max-width:480px){.cache-manager__modal{padding:20px 16px}.cache-manager__delete-row{flex-direction:column-reverse;gap:8px}.cache-manager__skip-label{align-self:flex-end}}.app-main{flex:1;max-width:var(--sb-max-width);width:100%;margin:0 auto;padding:var(--sb-spacing-md);padding-bottom:80px}.app-main--wide{max-width:1200px}.backup-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff8e1;border-bottom:2px solid #FFB300;font-size:13px}.backup-banner__text{flex:1;color:#f57f17;font-weight:600}.backup-banner__btn{padding:6px 14px;font-size:13px;font-weight:600;background:#ffb300;color:#fff;border-radius:var(--sb-radius-sm);white-space:nowrap}.backup-banner__btn:hover{background:#ffa000}.backup-banner__dismiss{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#f57f17;background:transparent;border-radius:50%;flex-shrink:0}.backup-banner__dismiss:hover{background:#0000000d}