*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f2f2f7;--surface: #ffffff;--surface-2: #f8f8fa;--surface-3: #f0f0f5;--border: #e5e5ea;--border-light: #f0f0f0;--text: #1a1a1a;--text-2: #555555;--text-3: #8e8e93;--text-4: #c7c7cc;--accent: #1c3d6e;--accent-2: #2563eb;--accent-hover: #163060;--accent-light: #e8f0fd;--shadow-sm: 0 1px 3px rgba(0,0,0,.07);--shadow-md: 0 4px 16px rgba(0,0,0,.09);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--radius: 12px;--radius-sm: 8px}[data-theme=dark]{--bg: #111113;--surface: #1c1c1e;--surface-2: #2c2c2e;--surface-3: #3a3a3c;--border: #3a3a3c;--border-light: #2c2c2e;--text: #f2f2f7;--text-2: #aeaeb2;--text-3: #636366;--text-4: #48484a;--accent: #4a8fd4;--accent-2: #3b82f6;--accent-hover: #5a9fe4;--accent-light: #1c2f50;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5)}html{overflow-x:hidden;max-width:100vw}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;max-width:100vw;transition:background .25s,color .25s}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}.main-nav{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 1px 8px #0000000a;position:sticky;top:0;z-index:50}.nav-inner{max-width:1400px;margin:0 auto;padding:0 20px;height:56px;display:flex;align-items:stretch;gap:0}.nav-brand{font-size:15px;font-weight:700;letter-spacing:-.4px;color:var(--text)}.nav-brand-icon{width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-links{display:flex;gap:0;align-items:stretch;margin-left:12px;flex:1;overflow:visible}.nav-link{display:flex;align-items:center;padding:0 13px;font-size:13px;font-weight:500;color:var(--text-3);border-bottom:2.5px solid transparent;border-radius:0;transition:color .12s,border-color .12s,background .12s;white-space:nowrap}.nav-link:hover{color:var(--text);background:var(--surface-2)}.nav-link.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.nav-link-admin{font-size:12.5px;color:var(--text-4)}.nav-link-admin:hover{color:var(--text-2)}.nav-link-admin.active{color:var(--accent)}.nav-sep{width:1px;background:var(--border);margin:12px 6px;flex-shrink:0}.nav-badge{display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;font-size:11px;font-weight:700;border-radius:99px;min-width:18px;height:18px;padding:0 5px;margin-left:5px;line-height:1}.new-user-toast{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;align-items:center;gap:12px;background:#1c3d6e;color:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 4px 20px #0003;cursor:pointer;animation:toast-in .3s ease;max-width:320px}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.new-user-toast-icon{font-size:22px;flex-shrink:0}.new-user-toast-title{font-weight:600;font-size:14px}.new-user-toast-email{font-size:13px;opacity:.8;margin-top:2px}.new-user-toast-close{background:none;border:none;color:#fff9;cursor:pointer;font-size:16px;padding:0;margin-left:auto;flex-shrink:0}.app{max-width:1400px;margin:0 auto;padding:24px 20px}.page-inner{max-width:900px;margin:0 auto;padding:28px 24px 48px}.header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.header-left h1{font-size:26px;font-weight:700;letter-spacing:-.5px;color:var(--text)}.header-left .week-range{font-size:13px;color:var(--text-3);margin-top:2px}.week-nav{display:flex;align-items:center;gap:6px;margin-top:8px}.toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}.toolbar-group{display:flex;align-items:center;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:3px}.toolbar-group .btn{border:none;background:transparent;border-radius:7px;padding:5px 10px;font-size:12px}.toolbar-group .btn:hover{background:var(--surface);box-shadow:var(--shadow-sm)}.toolbar-group .btn-active{background:var(--text);color:var(--surface)}.toolbar-group .btn-active:hover{background:var(--text-2)}.toolbar-group .btn-confirm-week{color:#059669}.toolbar-group .btn-confirm-week:hover{background:#ecfdf5;box-shadow:none}.toolbar-group .btn-confirm-pending{background:#059669;color:#fff}.toolbar-group .btn-confirm-week.btn-confirm-pending:hover{background:#047857;box-shadow:none}.toolbar-group .btn-danger-outline{color:#dc2626}.toolbar-group .btn-danger-outline:hover{background:#fff5f5;box-shadow:none}.toolbar-group .btn-primary{background:var(--accent);color:#fff;font-size:12px;padding:5px 12px}.toolbar-group .btn-primary:hover{background:var(--accent-hover);box-shadow:none}.toolbar-sep{width:1px;height:20px;background:var(--border);flex-shrink:0;display:none}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:500;color:var(--text);transition:all .12s}.btn:hover{background:var(--surface-2)}.btn-icon{padding:6px 10px;font-size:16px;font-weight:400}.btn-back{gap:4px}.btn-primary{padding:8px 18px;border-radius:8px;border:none;background:#1c3d6e;color:#fff;font-size:14px;font-weight:600}.btn-primary:hover{background:#163060}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-danger{padding:8px 14px;border-radius:8px;border:1px solid #fca5a5;background:#fff5f5;color:#dc2626;font-size:14px;font-weight:500}.btn-danger:hover{background:#fee2e2}.btn-danger-outline{border-color:#fca5a5;color:#dc2626}.btn-danger-outline:hover{background:#fff5f5}.btn-cancel{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:14px;font-weight:500;margin-right:auto}.btn-cancel:hover{background:var(--surface-2)}.btn-active{background:#1c1c1e;color:#fff;border-color:#1c1c1e}.btn-active:hover{background:#3a3a3c;border-color:#3a3a3c}.pending-banner{display:flex;align-items:center;gap:10px;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:10px;padding:10px 16px;margin:0 0 12px}.pending-banner-text{flex:1;font-size:14px;font-weight:500;color:#92400e}.btn-confirm-pending{background:#059669;color:#fff;border-color:#059669}.btn-confirm-week.btn-confirm-pending:hover{background:#047857;border-color:#047857}.btn-confirm-pending:disabled{opacity:1}.pending-count-badge{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#059669;border-radius:10px;font-size:11px;font-weight:700;padding:1px 6px;margin-left:4px}.btn-confirm-week{border-color:#6ee7b7;color:#059669}.btn-confirm-week:hover{background:#ecfdf5}.btn-confirm{padding:8px 14px;border-radius:8px;border:none;background:#059669;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.btn-confirm:hover{background:#047857}.grid-card{background:var(--surface);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow-x:auto;-webkit-overflow-scrolling:touch}.day-headers{display:grid;grid-template-columns:150px repeat(7,1fr);padding:12px 16px 8px;gap:6px;min-width:700px;position:sticky;top:56px;z-index:10;background:var(--surface);border-bottom:1px solid var(--border-light)}.day-headers>div:first-child{position:sticky;left:0;z-index:11;background:var(--surface)}.day-header{text-align:center;padding:8px 4px;border-radius:10px}.day-header.today{background:#1c3d6e;color:#fff}.day-header .day-name{font-size:11px;font-weight:600;letter-spacing:.5px;opacity:.65}.day-header.today .day-name{opacity:.85}.day-header .day-date{font-size:16px;font-weight:700;margin-top:2px}.day-weather{display:flex;align-items:center;justify-content:center;gap:2px;margin-top:3px}.day-weather-icon{font-size:13px;line-height:1}.day-weather-temp{font-size:11px;font-weight:600;opacity:.85}.group-header{display:flex;align-items:center;gap:8px;padding:12px 16px 6px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-3)}.group-header-sep{border-top:1px solid var(--border-light);margin-top:4px;padding-top:16px}.group-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.group-count{color:var(--text-4);font-weight:400}.employee-row{display:grid;grid-template-columns:150px repeat(7,1fr);gap:6px;padding:3px 16px;align-items:center;min-width:700px}.employee-row:last-child{padding-bottom:14px}.employee-name{font-size:13px;font-weight:500;color:var(--text);padding-right:8px;overflow:hidden;position:sticky;left:0;z-index:2;background:var(--surface)}.emp-link{color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emp-link:hover{color:var(--accent);text-decoration:underline}.shift-cell{position:relative;height:44px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:all .12s;flex-direction:column;gap:1px}.shift-cell:hover{filter:brightness(.95)}.shift-cell.today-col{outline:2px solid #c7d8f0;outline-offset:-2px}.shift-cell.empty{border:2px dashed #d1d1d6;background:transparent;color:var(--text-4);font-size:20px;filter:none}.shift-cell.empty:hover{border-color:#aaa;background:#fafafa;color:#999}.cell-label{font-size:13px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}.cell-time{font-size:10px;font-weight:400;opacity:.75}.cell-multi{font-size:10px;font-weight:800;background:#0000002e;border-radius:4px;padding:0 4px;line-height:1.5}.cell-not-employed{background:repeating-linear-gradient(135deg,#f5f5f7,#f5f5f7 4px,#ebebeb 4px,#ebebeb 8px);cursor:default;pointer-events:none;border-color:#e0e0e0!important}.cell-not-employed-dash{color:#ccc;font-size:16px}.cell-dienst{font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;background:#0000001f;max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dienst-tag-preview{font-size:11px;font-weight:700;padding:3px 10px;border-radius:6px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;white-space:nowrap}.cell-plus-btn{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.18);background:#ffffffe6;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;color:#444;opacity:0;transition:opacity .12s}.shift-cell:hover .cell-plus-btn{opacity:1}.empty-state{text-align:center;padding:60px 20px;color:#999}.empty-state p{margin-bottom:8px;font-size:15px;font-weight:500;color:#555}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:backdrop-in .18s ease}.modal{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-lg);width:100%;max-width:420px;padding:24px;max-height:92dvh;overflow-y:auto;animation:modal-in .22s cubic-bezier(.34,1.2,.64,1)}.modal-wide{max-width:500px}.modal h2{font-size:17px;font-weight:700;margin-bottom:3px;color:var(--text)}.modal .modal-subtitle{font-size:12px;color:#888;margin-bottom:20px}.form-row{margin-bottom:14px}.form-row label{display:block;font-size:11px;font-weight:700;color:#555;margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px}.form-row input,.form-row select,.form-row textarea{width:100%;padding:9px 12px;border:1px solid #d1d1d6;border-radius:8px;font-size:14px;outline:none;background:#fafafa}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:#1c3d6e;background:#fff}.form-row textarea{resize:vertical;min-height:70px}.time-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.label-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.label-chip{padding:5px 12px;border-radius:20px;border:1.5px solid #d1d1d6;font-size:12px;font-weight:500;background:#fff;color:#333;cursor:pointer;transition:all .1s}.label-chip:hover{border-color:#888}.label-chip.selected{background:#1c3d6e;border-color:#1c3d6e;color:#fff}.work-units-row{display:flex;align-items:center;gap:8px}.work-unit-btn{padding:5px 16px;border:1.5px solid #d1d1d6;border-radius:20px;background:#fff;font-size:14px;font-weight:700;cursor:pointer;color:#555;transition:all .1s}.work-unit-btn:hover{border-color:#888;color:#1a1a1a}.work-unit-btn.selected{background:#1c3d6e;border-color:#1c3d6e;color:#fff}.work-units-hint{font-size:12px;color:#999}.modal-actions{display:flex;gap:8px;margin-top:20px;justify-content:flex-end;position:sticky;bottom:-24px;background:var(--surface);margin-left:-24px;margin-right:-24px;padding:12px 24px 4px;border-top:1px solid var(--border-light)}.ma-list{max-height:300px;overflow-y:auto;border:1px solid #e5e5ea;border-radius:10px;margin-bottom:16px}.ma-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #f0f0f5}.ma-item:last-child{border-bottom:none}.ma-item-name{flex:1;font-size:14px;font-weight:500}.ma-item-group{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500}.ma-item-del{width:28px;height:28px;border-radius:6px;border:1px solid #fca5a5;background:#fff;color:#dc2626;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ma-item-del:hover{background:#fee2e2}.ma-divider{height:1px;background:#e5e5ea;margin:16px 0}.ma-add-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.ma-add-row input,.ma-add-row select{padding:9px 12px;border:1px solid #d1d1d6;border-radius:8px;font-size:14px;outline:none;background:#fafafa}.ma-add-row input:focus,.ma-add-row select:focus{border-color:#1c3d6e;background:#fff}.detail-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.detail-title{display:flex;align-items:center;gap:10px}.detail-title h1{font-size:26px;font-weight:700;letter-spacing:-.5px}.detail-dept{font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px}.dept-select{padding:5px 10px;border-radius:20px;border-width:1.5px;border-style:solid;font-size:12px;font-weight:600;background:#fff;outline:none;cursor:pointer}.dept-select:focus{box-shadow:0 0 0 2px #c7d8f0}.stats-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.stat-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600}.stat-count{font-weight:700}.month-nav{display:flex;align-items:center;gap:12px;margin-bottom:12px}.month-title{font-size:16px;font-weight:600;min-width:160px;text-align:center}.month-grid-card{background:var(--surface);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:16px;margin-bottom:20px}.month-day-headers{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.month-day-name{text-align:center;font-size:11px;font-weight:700;letter-spacing:.5px;color:#888;padding:4px 0}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.month-cell{min-height:64px;border-radius:10px;border:1px solid #e5e5ea;background:#fafafa;padding:6px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;transition:filter .1s}.month-cell:hover{filter:brightness(.97)}.month-cell.out-of-month{opacity:.3;cursor:default}.month-cell.today{outline:2px solid #1c3d6e;outline-offset:-2px}.month-cell.has-entry{border-color:transparent}.month-cell-day{font-size:12px;font-weight:600;color:#333;margin-bottom:4px}.month-cell.has-entry .month-cell-day{color:inherit}.month-cell-label{font-size:11px;font-weight:700}.month-cell-time{font-size:10px;opacity:.75;margin-top:1px}.quick-card{background:var(--surface);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:20px 24px}.quick-title{font-size:14px;font-weight:700;margin-bottom:14px}.quick-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.quick-field{display:flex;flex-direction:column;gap:5px}.quick-field label{font-size:11px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.4px}.quick-field input,.quick-field select{padding:9px 12px;border:1px solid #d1d1d6;border-radius:8px;font-size:14px;outline:none;background:#fafafa}.quick-field input:focus,.quick-field select:focus{border-color:#1c3d6e;background:#fff}.settings-page{display:flex;flex-direction:column;gap:12px}.settings-page-title{font-size:22px;font-weight:800;margin:0 0 4px}.settings-card{background:var(--surface);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.settings-card-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;background:none;border:none;cursor:pointer;text-align:left;color:var(--text)}.settings-card-header:hover{background:var(--surface-2)}.settings-card-title{font-size:16px;font-weight:700;color:var(--text)}.settings-card-desc-closed{font-size:12px;color:#999;margin-top:2px}.settings-chevron{font-size:20px;color:#aaa;flex-shrink:0;display:inline-block;transform:rotate(90deg);transition:transform .18s ease;line-height:1}.settings-chevron.open{transform:rotate(270deg)}.settings-chevron-sm{font-size:15px}.settings-card-body{padding:0 24px 24px;border-top:1px solid var(--border-light)}.settings-section-title{font-size:17px;font-weight:700;margin-bottom:4px}.settings-desc{font-size:13px;color:var(--text-3);margin-bottom:20px;margin-top:12px}.dt-dept-header-btn{width:100%;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 0;text-align:left}.dt-dept-header-btn:hover .dt-dept-name{color:#1c3d6e}.settings-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.settings-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e5e5ea;border-radius:10px;background:#fafafa}.settings-name-input{flex:1;padding:7px 10px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:500;outline:none;background:var(--surface-2);color:var(--text)}.settings-name-input:focus{border-color:#1c3d6e}.settings-emp-count{font-size:11px;color:#999;white-space:nowrap}.settings-add-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border:2px dashed #d1d1d6;border-radius:10px;flex-wrap:wrap}.color-swatch{width:36px;height:36px;border-radius:8px;border:1px solid #d1d1d6;padding:2px;cursor:pointer;background:#fff;flex-shrink:0}.color-group{display:flex;flex-direction:column;align-items:center;gap:3px}.color-hint{font-size:10px;color:#999;white-space:nowrap}.bu-period{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;white-space:nowrap}.bu-icon{font-size:15px}.bu-note{font-size:12px;color:#666;flex:1}.bu-date-input{padding:7px 10px;border:1px solid var(--border);border-radius:8px;font-size:14px;outline:none;background:var(--surface-2);color:var(--text)}.bu-date-input:focus{border-color:#1c3d6e}.st-order{width:20px;text-align:center;font-size:11px;font-weight:700;color:#aaa;flex-shrink:0}.st-preview{padding:4px 10px;border-radius:16px;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.mv-filter-bar{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.mv-search{width:100%;padding:10px 14px;border:1px solid #d1d1d6;border-radius:10px;font-size:14px;outline:none;background:#fff}.mv-search:focus{border-color:#1c3d6e}.mv-dept-tabs{display:flex;flex-wrap:wrap;gap:6px}.mv-dept-tab{padding:5px 14px;border-radius:20px;border:1.5px solid #d1d1d6;background:#fff;font-size:13px;font-weight:500;color:#555;cursor:pointer;transition:all .1s}.mv-dept-tab:hover{border-color:#888;color:#1a1a1a}.mv-dept-tab.active{background:#1c3d6e;border-color:#1c3d6e;color:#fff}.mv-list{display:flex;flex-direction:column;gap:0}.mv-group{margin-bottom:8px}.mv-group-header{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#555;padding:12px 0 6px}.emp-card{display:grid;grid-template-columns:22px 48px 1fr auto auto auto;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:6px;transition:box-shadow .1s}.emp-card:hover{box-shadow:var(--shadow-sm)}.emp-card.emp-inactive{opacity:.5}.emp-drag-col{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.drag-handle{color:#d1d1d6;cursor:grab;font-size:16px;line-height:1;-webkit-user-select:none;user-select:none;transition:color .15s}.emp-card:not(.emp-inactive):hover .drag-handle{color:#999}.emp-card-sort .drag-handle{color:#555;font-size:18px}.emp-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none}.emp-avatar:hover{opacity:.85}.emp-info{display:flex;flex-direction:column;gap:2px;min-width:0}.emp-name{font-size:15px;font-weight:600;color:#1a1a1a;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-name:hover{color:#1c3d6e;text-decoration:underline}.emp-position{font-size:12px;color:#888}.emp-notes{font-size:11px;color:#aaa;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-meta{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.emp-badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:10px;white-space:nowrap}.emp-badge-neutral{background:#f3f4f6;color:#374151}.emp-badge-red{background:#fee2e2;color:#991b1b}.emp-contact{display:flex;flex-direction:column;gap:3px;min-width:140px}.emp-contact-row{font-size:12px;color:#666;white-space:nowrap}.emp-actions{display:flex;align-items:center;gap:6px}.modal-employee{max-width:560px}.emp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:14px;color:#555;margin-bottom:4px;cursor:pointer}.checkbox-row input{width:auto;cursor:pointer}.shift-cell,.day-header.today,.stat-chip,.emp-badge{print-color-adjust:exact;-webkit-print-color-adjust:exact}@media print{@page{size:A4 landscape;margin:1.2cm 1.5cm}.main-nav,.no-print,.cell-plus-btn,.modal-backdrop{display:none!important}body{background:#fff}.app{padding:0;max-width:100%}.header{margin-bottom:10px}.header-left h1{font-size:18px;margin-bottom:2px}.header-left .week-range{font-size:11px}.week-nav{display:none!important}.grid-card{box-shadow:none;border:1px solid #ccc;border-radius:6px;overflow:visible}.day-headers{min-width:0!important;grid-template-columns:110px repeat(7,1fr)!important;padding:6px 10px 4px;gap:3px}.day-header{padding:5px 2px;border-radius:5px}.day-header .day-name{font-size:9px}.day-header .day-date{font-size:12px}.group-header{padding:7px 10px 3px;font-size:9px}.employee-row{min-width:0!important;grid-template-columns:110px repeat(7,1fr)!important;gap:3px;padding:2px 10px}.employee-row:last-child{padding-bottom:8px}.employee-name{font-size:11px}.emp-link{color:#1a1a1a!important;text-decoration:none!important}.shift-cell{height:32px;border-radius:5px}.cell-label{font-size:10px}.cell-dienst{font-size:9px}.cell-time{font-size:8px}.shift-cell.empty{border:1px solid #e0e0e0;background:#fafafa!important}.shift-cell.empty span,.shift-cell.default-frei,.shift-cell.default-nicht{display:none}}.dds-grid{display:flex;gap:6px;flex-wrap:wrap}.dds-col{display:flex;flex-direction:column;align-items:flex-start;gap:4px;position:relative}.dds-label{font-size:11px;font-weight:600;color:#8e8e93;letter-spacing:.3px;padding-left:4px}.dds-cell{display:flex;align-items:center;height:38px;border-radius:8px;border:1.5px solid #e5e7eb;background:#f5f5f7;overflow:visible;position:relative;transition:border-color .12s}.dds-cell-arbeit{border-color:#6ee7b7;background:#d1fae5}.dds-cell-frei{border-color:#7dd3fc;background:#e0f2fe}.dds-cell:hover{filter:brightness(.97)}.dds-status-btn{min-width:38px;padding:0 10px;background:none;border:none;font-size:13px;font-weight:700;cursor:pointer;color:#9ca3af;transition:color .1s}.dds-cell-arbeit .dds-status-btn{color:#065f46}.dds-cell-frei .dds-status-btn{color:#0369a1;font-size:11px}.dds-dienst-tag{font-size:10px;font-weight:600;color:#065f46;padding:0 4px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56px}.dds-plus-btn{position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.18);background:#ffffffe6;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;color:#444;opacity:0;transition:opacity .12s;cursor:pointer;padding:0}.dds-cell:hover .dds-plus-btn{opacity:1}.dds-popover{position:absolute;top:calc(100% + 4px);left:0;z-index:100;background:#fff;border:1.5px solid #6ee7b7;border-radius:8px;padding:4px;box-shadow:0 4px 12px #0000001f}.dds-popover-select{border:none;outline:none;font-size:12px;background:transparent;color:#065f46;cursor:pointer;min-width:100px}.form-section-divider{height:1px;background:#e5e5ea;margin:18px 0 14px}.form-section-title{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#888;margin-bottom:12px}.work-counter{display:inline-flex;align-items:center;font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px;background:#f3f4f6;color:#6b7280;margin-left:6px;white-space:nowrap;flex-shrink:0}.work-counter-max{background:#fee2e2;color:#dc2626}.shift-cell.default-frei{background:#f0f9ff;border:1.5px dashed #7dd3fc;color:#0284c7}.shift-cell.default-nicht{background:#fff5f5;border:1.5px dashed #fca5a5;color:#dc2626;opacity:.65}.default-hint{font-size:11px;font-weight:500}.shift-cell.default-arbeit{background:#f0fdf4;border:1.5px dashed #6ee7b7;color:#065f46}.shift-cell.default-arbeit:hover{background:#dcfce7;border-color:#34d399}.emp-name-wrap{display:flex;align-items:center;gap:4px;width:100%}.emp-counter-wrap{position:relative;cursor:pointer;flex-shrink:0}.emp-defaults-popup{position:absolute;left:0;top:calc(100% + 6px);z-index:200;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);padding:12px;min-width:220px;pointer-events:auto}.emp-defaults-title{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:10px;white-space:nowrap}.emp-defaults-grid{display:flex;gap:4px}.emp-def-day{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;border-radius:6px;padding:5px 3px;border:1px solid transparent}.emp-def-day-name{font-size:11px;color:#9ca3af;font-weight:500}.emp-def-day-val{font-size:12px;font-weight:600}.emp-def-day.eds-arbeit{background:#d1fae5;border-color:#6ee7b7;color:#065f46}.emp-def-day.eds-frei{background:#e0f2fe;border-color:#7dd3fc;color:#0369a1}.emp-def-day.eds-nicht{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.emp-def-day.eds-null{background:#f9fafb;color:#d1d5db}.cell-context-menu{position:fixed;z-index:1000;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md);padding:4px;min-width:160px;display:flex;flex-direction:column;gap:1px}.cell-context-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:none;border-radius:7px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;text-align:left;width:100%}.cell-context-item:hover{background:var(--surface-2)}.cell-context-item.cell-context-active{background:#f0fdf4;color:#166534}.cell-context-item.cell-context-clear{color:#dc2626}.cell-context-item.cell-context-clear:hover{background:#fff5f5}.cell-context-check{font-size:11px;width:14px}.shift-cell.cell-at-max{opacity:.4;cursor:not-allowed}.shift-cell.cell-at-max:hover{filter:none}.avail-hint{font-size:12px;color:#8e8e93;margin:0 0 10px}.day-header-holiday{background:#fef9ec}.day-header-holiday .day-name,.day-header-holiday .day-date{color:#92400e}.day-header.today.day-header-holiday{background:#1c3d6e}.day-header.today.day-header-holiday .day-name,.day-header.today.day-header-holiday .day-date{color:#fff}.day-holiday{font-size:9px;font-weight:600;color:#b45309;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:2px;line-height:1.2}.day-header.today .day-holiday{color:#fde68a}.day-header-bu{background:#fff7ed}.day-header-bu .day-name,.day-header-bu .day-date{color:#92400e}.day-bu{font-size:9px;font-weight:600;color:#b45309;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:2px;line-height:1.2}.day-note-preview{margin-top:4px;min-height:18px;cursor:pointer;border-radius:4px;padding:1px 3px;transition:background .1s}.day-note-preview:hover{background:#0000000f}.day-note-placeholder{font-size:11px;opacity:0;color:#888;line-height:1}.day-note-preview:hover .day-note-placeholder{opacity:.5}.day-note-text{font-size:10px;color:var(--text-3);line-height:1.3;display:block;word-break:break-word;white-space:pre-wrap}.day-header.today .day-note-text{color:#c7d9f5}.day-header.today .day-note-preview:hover{background:#ffffff1f}.day-note-edit{margin-top:4px;display:flex;flex-direction:column;gap:3px}.day-note-textarea{width:100%;font-size:11px;border:1px solid var(--border);border-radius:5px;padding:3px 5px;resize:none;box-sizing:border-box;font-family:inherit;line-height:1.4;outline:none;background:var(--surface-2);color:var(--text)}.day-note-actions{display:flex;gap:4px;justify-content:flex-end}.day-note-save,.day-note-cancel{border:none;border-radius:4px;padding:1px 7px;font-size:12px;cursor:pointer;font-weight:600}.day-note-save{background:#1c3d6e;color:#fff}.day-note-cancel{background:#e5e7eb;color:#555}.month-cell.is-holiday{background:#fef9ec;border-color:#fde68a}.month-cell-holiday{font-size:9px;font-weight:600;color:#b45309;line-height:1.2;white-space:normal;word-break:break-word;margin-top:1px}.month-cell.has-entry .month-cell-holiday{display:none}.dt-dept-section{border:1px solid #e5e5ea;border-radius:12px;padding:14px;margin-bottom:12px;background:#fafafa}.dt-dept-section .settings-list{margin-bottom:10px}.dt-dept-section .settings-add-row{background:#fff;border-radius:8px}.dt-dept-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}button.dt-dept-header{margin-bottom:0}.dt-dept-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dt-dept-name{font-size:13px;font-weight:700;color:#333}.dt-empty{padding:8px 14px;color:#bbb;font-size:12px;font-style:italic}.preset-warning{margin-top:10px;padding:8px 12px;border-radius:8px;background:#fff7ed;border:1px solid #fed7aa;color:#c2410c;font-size:12px;font-weight:500}.nav-brand-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;padding-right:8px;flex-shrink:0}.nav-logo-img{height:28px;width:auto;object-fit:contain;border-radius:4px}.nav-subtitle{font-size:11px;color:#999;font-weight:400}.db-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-left:4px}.db-dot-loading{background:#f59e0b;animation:db-pulse 1.2s ease-in-out infinite}.db-dot-synced{background:#22c55e}.db-dot-error{background:#ef4444}@keyframes db-pulse{0%,to{opacity:1}50%{opacity:.3}}.company-form{padding-top:4px}.company-logo-area{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.company-logo-preview{width:72px;height:72px;object-fit:contain;border-radius:10px;border:1.5px solid #e5e5ea;background:#f5f5f7;flex-shrink:0}.company-logo-placeholder{width:72px;height:72px;border-radius:10px;border:2px dashed #d1d1d6;background:#f5f5f7;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#c0c0cc;flex-shrink:0}.company-logo-btns{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.btn-sort-active{background:#1c3d6e;color:#fff;border-color:#1c3d6e}.emp-card-sort{cursor:grab;-webkit-user-select:none;user-select:none;grid-template-columns:48px 48px 1fr}.emp-card-dragging{opacity:.4;transform:scale(.98)}.emp-card-dragover{border-color:#1c3d6e;background:#f0f4fa;box-shadow:0 0 0 2px #c7d8f0}.sort-arrows{display:flex;flex-direction:column;gap:1px}.sort-arrow{width:24px;height:20px;border:1px solid #d1d1d6;border-radius:4px;background:#fff;font-size:10px;color:#555;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;line-height:1}.sort-arrow:hover:not(:disabled){background:#f0f0f5;border-color:#aaa}.sort-arrow:disabled{opacity:.25;cursor:not-allowed}.dept-multi-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.dept-multi-chip{padding:4px 10px;border-radius:20px;border:1.5px solid #d1d1d6;background:transparent;color:#555;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:background .1s,border-color .1s}.dept-multi-chip:hover{border-color:#aaa;background:#f5f5f7}.dept-multi-chip.dmc-on{font-weight:600}.dmc-primary{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.dept-multi-hint{margin:4px 0 0;font-size:11px;color:#888}.su-toggle{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:#555;cursor:pointer;margin-top:6px;-webkit-user-select:none;user-select:none}.su-toggle input{cursor:pointer}.su-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;min-width:700px;overflow-x:auto}.su-day-card{background:#fff;border:1px solid #e5e5ea;border-radius:14px;padding:12px 10px;display:flex;flex-direction:column;gap:8px;min-height:120px}.su-day-card.su-today{border-color:#1c3d6e;box-shadow:0 0 0 2px #c7d8f0}.su-day-header{display:flex;align-items:center;gap:5px;padding-bottom:8px;border-bottom:1px solid #f0f0f5}.su-day-name{font-size:13px;font-weight:800;color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px}.su-today .su-day-name{color:#1c3d6e}.su-day-date{font-size:11px;color:#aaa;font-weight:500}.su-day-count{margin-left:auto;font-size:10px;font-weight:700;background:#f0f4ff;color:#1c3d6e;padding:1px 7px;border-radius:8px}.su-groups{display:flex;flex-direction:column;gap:10px}.su-group{display:flex;flex-direction:column;gap:4px}.su-group-label{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#888;margin-bottom:1px}.su-group-label-frei{color:#bbb}.su-group-label-warn{color:#c2410c}.su-group-understaff{background:#fff7ed;border-radius:8px;padding:4px 6px;margin:-4px -6px}.su-group-count{font-size:9px;font-weight:700;padding:1px 5px;border-radius:6px;background:#f3f4f6;color:#6b7280;margin-left:auto;white-space:nowrap}.su-staffing-ok{background:#dcfce7;color:#166534}.su-staffing-warn{background:#fee2e2;color:#dc2626;animation:su-pulse 1.8s ease-in-out infinite}.su-warn-icon{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background:#dc2626;color:#fff;font-size:8px;font-weight:900;margin-left:2px;flex-shrink:0}@keyframes su-pulse{0%,to{opacity:1}50%{opacity:.55}}.min-staff-field{display:flex;align-items:center;gap:5px;flex-shrink:0}.min-staff-label{font-size:11px;font-weight:600;color:#888;white-space:nowrap}.min-staff-input{width:52px;padding:5px 8px;border:1px solid #d1d1d6;border-radius:7px;font-size:13px;font-weight:600;text-align:center;outline:none;background:#fafafa}.min-staff-input:focus{border-color:#1c3d6e;background:#fff}.min-staff-input::placeholder{color:#ccc}.su-emp-chip{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:8px;border-left:3px solid #d1d1d6;background:#fafafa;text-decoration:none;transition:background .1s;min-width:0}.su-emp-chip:hover{background:#f0f0f5}.su-chip-absent{opacity:.65}.su-chip-absent:hover{opacity:.85}.su-chip-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.su-chip-name{font-size:12px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.su-chip-time{font-size:10px;color:#888;white-space:nowrap;flex-shrink:0}.su-chip-status{font-size:10px;white-space:nowrap;flex-shrink:0;opacity:.75}.su-empty{font-size:13px;color:#ccc;text-align:center;padding:16px 0}@media(max-width:900px){.su-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){.su-grid{grid-template-columns:repeat(2,1fr)}}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;border:none;background:transparent;cursor:pointer;border-radius:8px}.nav-hamburger:hover{background:var(--surface-2)}.ham-line{display:block;height:2px;background:var(--text-2);border-radius:2px;transition:transform .2s,opacity .2s}.ham-line.ham-open:nth-child(1){transform:translateY(7px) rotate(45deg)}.ham-line.ham-open:nth-child(2){opacity:0}.ham-line.ham-open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@keyframes menu-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-mobile-menu{display:flex;flex-direction:column;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 8px 24px #0000001f;animation:menu-slide-down .18s ease;max-height:calc(100dvh - 56px);overflow-y:auto}.nav-mobile-user{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--surface-2);border-bottom:1px solid var(--border)}.nav-mobile-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-mobile-user-info{min-width:0}.nav-mobile-user-email{font-size:13px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-mobile-user-role{font-size:11px;color:var(--text-3);margin-top:2px}.nav-mobile-section{padding:6px 10px;border-bottom:1px solid var(--border-light)}.nav-mobile-section-label{padding:10px 18px 4px;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-4)}.nav-mobile-link{display:flex;align-items:center;gap:10px;padding:11px 10px;font-size:14px;font-weight:500;color:var(--text-2);border-radius:10px;transition:background .1s,color .1s}.nav-mobile-link:hover{background:var(--surface-2);color:var(--text)}.nav-mobile-link.active{color:var(--accent);background:var(--accent-light);font-weight:600}.nav-mobile-icon{font-size:15px;width:22px;text-align:center;opacity:.7;flex-shrink:0}.nav-mobile-link.active .nav-mobile-icon{opacity:1}.nav-mobile-notif{padding:8px 10px;border-radius:8px;margin-bottom:2px}.nav-mobile-notif-new{background:#2563eb12;border-left:3px solid var(--accent);padding-left:8px}.nav-mobile-notif-desc{font-size:13px;color:var(--text-2);line-height:1.35}.nav-mobile-notif-meta{font-size:11px;color:var(--text-4);margin-top:2px}.nav-mobile-footer{display:flex;flex-direction:column;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.nav-mobile-dark-btn,.nav-mobile-signout-btn{display:flex;align-items:center;gap:10px;width:100%;padding:11px 10px;font-size:14px;font-weight:500;border:none;background:transparent;border-radius:10px;cursor:pointer;text-align:left;transition:background .1s}.nav-mobile-dark-btn{color:var(--text-2)}.nav-mobile-dark-btn:hover{background:var(--surface-2)}.nav-mobile-signout-btn{color:#ef4444}.nav-mobile-signout-btn:hover{background:#fff5f5}@media(max-width:700px){.nav-hamburger{display:flex}.nav-links-desktop,.nav-subtitle{display:none}.nav-inner{padding:0 10px;gap:0}.nav-brand{font-size:15px}.nav-brand-link{gap:6px;min-width:0;flex-shrink:1;overflow:hidden}.nav-brand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.nav-theme-btn,.db-dot{display:none!important}.notif-bell-btn{width:32px;height:32px;font-size:15px;padding:0}.nav-user-role{display:none}.nav-user-avatar{width:28px;height:28px;font-size:12px}.nav-user-btn{padding:0 4px;gap:0}.nav-right{gap:2px;flex-shrink:0}.app{padding:10px 8px 32px}.header{flex-direction:column;gap:8px;align-items:stretch;margin-bottom:12px}.header-left{gap:4px}.header-left h1{font-size:20px}.week-range{font-size:13px;color:var(--text-2)}.week-nav{margin-top:4px}.header>div:last-child{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.header>div:last-child::-webkit-scrollbar{display:none}.header>div:last-child .btn,.header>div:last-child button{flex-shrink:0;white-space:nowrap}.grid-card{border-radius:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.day-headers,.employee-row{grid-template-columns:100px repeat(7,minmax(44px,1fr));min-width:460px;padding-left:8px;padding-right:8px;gap:3px}.group-header{padding:8px 8px 3px;font-size:10px;min-width:460px;box-sizing:border-box}.day-header{padding:5px 2px 3px;border-radius:6px}.day-header .day-name{font-size:9px;letter-spacing:0}.day-header .day-date{font-size:13px;margin-top:1px}.day-weather,.day-holiday,.day-bu,.day-note-preview,.day-note-edit{display:none!important}.employee-name{font-size:11px;padding:0 4px;background:var(--surface)}.emp-link{color:var(--text)!important;text-decoration:none!important}.work-counter{font-size:9px;margin-left:2px;padding:1px 4px}.shift-cell{height:42px;border-radius:6px}.cell-label{font-size:11px}.cell-time{display:none}.modal-backdrop{padding:0;align-items:flex-end}.modal{max-width:100%;border-radius:20px 20px 0 0;padding:20px 16px calc(24px + env(safe-area-inset-bottom));max-height:92dvh;overflow-y:auto;animation:sheet-up .28s cubic-bezier(.32,.72,0,1)}.modal-employee,.af-modal{max-width:100%;border-radius:20px 20px 0 0}.modal-backdrop:has(.modal[style*="380px"]){align-items:center;padding:16px}.print-modal,.copy-week-modal,.tpl-modal{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0}.modal-backdrop:has(.print-modal),.modal-backdrop:has(.copy-week-modal),.modal-backdrop:has(.tpl-modal){padding:0;align-items:stretch}.emp-card{grid-template-columns:18px 44px 1fr;grid-template-rows:auto auto auto;gap:6px 10px}.emp-drag-col{grid-row:span 3}.drag-handle{font-size:13px}.emp-avatar{width:44px;height:44px;font-size:15px;grid-row:span 2}.emp-meta{grid-column:3}.emp-contact{grid-column:2 / -1}.emp-actions{grid-column:2 / -1;justify-content:flex-end}.mv-filter-bar{flex-direction:column;gap:8px}.mv-search{width:100%}.detail-header{flex-wrap:wrap;gap:8px}.detail-title{flex-direction:column;align-items:flex-start;gap:6px}.quick-row{flex-direction:column;gap:10px}.quick-field{width:100%}.quick-card .btn-primary{width:100%;justify-content:center;padding:11px}.stats-table{font-size:11px}.stats-table th,.stats-table td{padding:6px 8px}.month-cell{min-height:52px;font-size:12px}.settings-row{flex-wrap:wrap}.cw-week-row{flex-direction:column;gap:12px}.cw-arrow{padding:0;transform:rotate(90deg);align-self:center}.toolbar .btn-label{display:none}.toolbar-group .btn,.toolbar-group .btn-primary{padding:8px 10px;font-size:15px}.toolbar-group .btn-confirm-week{font-size:12px;padding:7px 10px}.week-nav .btn{padding:7px 14px}.week-nav .btn-icon{padding:7px 12px;font-size:17px}.page-inner{padding:16px 14px 36px}.dash-emp-row{flex-wrap:wrap;gap:6px}.dash-emp-name{min-width:0;flex:1}.dash-emp-note{margin-left:0;width:100%}.grid-card{position:relative}}@media(max-width:390px){.app{padding:10px 6px 32px}.day-headers,.employee-row{grid-template-columns:80px repeat(7,minmax(40px,1fr));gap:2px}.shift-cell{height:42px}.header-left h1{font-size:18px}.nav-brand{font-size:15px}.page-inner{padding:12px 10px 32px}}.print-modal{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg);width:95vw;max-width:1100px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.print-controls{padding:20px 24px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.print-controls h2{font-size:17px;font-weight:700;margin-bottom:14px}.print-control-row{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start}.print-range-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.print-custom-range{display:flex;align-items:center;gap:8px;margin-top:8px}.print-custom-range input[type=date]{padding:5px 8px;border:1.5px solid #d1d1d6;border-radius:8px;font-size:13px}.print-actions-top{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.print-preview-area{flex:1;overflow:auto;padding:20px 24px;background:var(--surface-3)}.print-preview-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;margin-bottom:16px;box-shadow:0 1px 4px #00000012;font-size:12px}.print-preview-table th,.print-preview-table td{border:1px solid #e0e0e5;padding:4px 5px;vertical-align:middle}.pp-th-name{text-align:left;font-weight:700;min-width:110px;background:#f0f0f5;font-size:11px;padding-left:10px}.pp-th-day{text-align:center;background:#f0f0f5;min-width:46px}.pp-th-day.pp-holiday{background:#fef3c7}.pp-th-day.pp-weekend{background:#ebebf2}.pp-dow{font-weight:700;font-size:10px}.pp-date{font-size:10px;color:#555}.pp-hol{font-size:8px;color:#b45309;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:44px}.pp-dept-row{background:#e4e4ec;font-weight:700;font-size:11px;padding:5px 10px;letter-spacing:.3px}.pp-dept-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.pp-emp-row:hover td{filter:brightness(.97)}.pp-emp-name{font-weight:500;white-space:nowrap;padding-left:10px;font-size:12px}.pp-cell{text-align:center;font-size:10px}.pp-cell.pp-weekend{background:#f7f7fb}.pp-cell-status{font-weight:700;font-size:10px}.pp-cell-dienst{font-size:9px;opacity:.8}.copy-week-modal{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg);width:95vw;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.cw-controls{padding:20px 24px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.cw-controls h2{font-size:17px;font-weight:700;margin-bottom:16px}.cw-week-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.cw-week-block{display:flex;flex-direction:column;gap:6px}.cw-week-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#888}.cw-week-nav{display:flex;align-items:center;gap:8px}.cw-week-name{font-size:14px;font-weight:600;color:#1a1a1a}.cw-target{color:#1c3d6e}.cw-arrow{font-size:20px;color:#aaa;padding-top:18px}.cw-summary{margin-top:12px;font-size:13px;color:#555}.cw-conflict{color:#b45309;font-weight:500}.cw-preview{flex:1;overflow:auto;padding:16px 24px;background:var(--surface-3)}.cw-src-date{color:#555}.cw-tgt-date{color:#1c3d6e;font-weight:600;font-size:9px}.cw-conflict-cell{position:relative;outline:2px solid #fbbf24;outline-offset:-2px}.cw-conflict-dot{position:absolute;top:2px;right:3px;width:6px;height:6px;border-radius:50%;background:#f59e0b}.cw-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0}.af-modal{max-width:560px}.af-summary{font-size:14px;color:#333;margin-bottom:12px}.af-count{font-weight:700;font-size:16px}.af-no-presets{color:#999;font-size:12px}.af-list{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto;border:1px solid #e5e5ea;border-radius:10px;padding:8px;background:#fafafa}.af-empty{color:#999;font-size:13px;padding:12px;text-align:center}.af-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 8px;background:#fff;border-radius:8px;border:1px solid #ebebef}.af-row-dim{opacity:.45}.af-emp{display:flex;align-items:center;gap:7px;min-width:0;flex:1}.af-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.af-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.af-dienst-tag{font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:#f0f0f5;color:#555;white-space:nowrap}.af-days{display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end}.af-day{display:inline-flex;align-items:center;justify-content:center;width:28px;height:22px;border-radius:5px;font-size:10px;font-weight:700;cursor:default}.af-day-fill{background:#d1fae5;color:#065f46}.af-day-overwrite{background:#fef3c7;color:#92400e}.af-day-conflict{background:#f3f4f6;color:#9ca3af;text-decoration:line-through}.af-day-limit{background:#fee2e2;color:#991b1b;text-decoration:line-through}.af-dept-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.af-dept-header{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#666;padding:8px 4px 4px}.af-legend{display:flex;align-items:center;gap:4px;font-size:11px;color:#888;margin-top:10px;flex-wrap:wrap}.stats-table-wrap{background:var(--surface);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow-x:auto}.stats-table{width:100%;border-collapse:collapse;font-size:13px}.stats-table th{padding:10px 12px;text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#666;background:#f5f5f7;border-bottom:1px solid #e5e5ea;white-space:nowrap}.st-th-name,.st-th-dept{text-align:left}.st-th-workdays{min-width:140px}.st-status-dot{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;font-size:10px;font-weight:700;margin-right:5px;vertical-align:middle}.st-dept-row td{padding:0}.st-dept-cell{padding:10px 14px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#666;background:#fafafa}.st-dept-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.st-emp-row td{padding:8px 12px;border-bottom:1px solid #f0f0f5;vertical-align:middle}.st-emp-row:hover td{background:#fafafa}.st-emp-row:last-child td{border-bottom:none}.st-td-name{font-weight:500;white-space:nowrap}.st-td-dept{white-space:nowrap}.st-td-count{text-align:center}.st-td-total{text-align:center;font-weight:600}.st-td-workdays{padding-right:16px}.st-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:700}.st-zero{color:#ccc}.st-total-row td{padding:10px 12px;border-top:2px solid #e5e5ea;background:#f5f5f7;text-align:center}.st-total-row .st-td-name{text-align:left}.st-empty{text-align:center;padding:40px;color:#999}.st-wd-bar{position:relative;display:flex;align-items:center;height:20px;background:#f0f0f5;border-radius:10px;overflow:hidden;min-width:100px}.st-wd-fill{position:absolute;left:0;top:0;bottom:0;background:#d1fae5;border-radius:10px;transition:width .3s}.st-wd-over .st-wd-fill{background:#fee2e2}.st-wd-label{position:relative;font-size:11px;font-weight:600;color:#444;padding:0 8px;z-index:1}.tpl-modal{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg);width:95vw;max-width:860px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.tpl-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.tpl-header h2{font-size:17px;font-weight:700;margin-bottom:2px}.tpl-tabs{display:flex;gap:4px;background:#f0f0f5;padding:4px;border-radius:10px}.tpl-tab{padding:6px 14px;border-radius:7px;border:none;background:transparent;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:background .1s,color .1s}.tpl-tab-active{background:#fff;color:#1a1a1a;box-shadow:0 1px 4px #0000001a}.tpl-save-body{padding:20px 24px;flex:1}.tpl-save-row{display:flex;gap:10px;margin-top:10px}.tpl-name-input{flex:1;padding:8px 12px;border:1.5px solid #d1d1d6;border-radius:8px;font-size:14px}.tpl-name-input:focus{outline:none;border-color:#1c3d6e}.tpl-load-body{flex:1;overflow-y:auto;padding:16px 24px;display:flex;flex-direction:column;gap:0}.tpl-list{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.tpl-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;border:1.5px solid #e5e5ea;background:#fafafa;cursor:pointer;transition:border-color .15s,background .15s}.tpl-item:hover{border-color:#c0c0cc;background:#f5f5f7}.tpl-item-active{border-color:#1c3d6e;background:#f0f4fa}.tpl-item-info{display:flex;flex-direction:column;gap:3px;min-width:0}.tpl-item-name{font-size:14px;font-weight:600;color:#1a1a1a}.tpl-item-meta{font-size:11px;color:#999}.tpl-item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.tpl-preview{margin-top:16px;border-top:1px solid #e5e5ea;padding-top:12px}.tpl-preview-title{font-size:12px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}.tpl-footer{padding:14px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;flex-shrink:0}@media print{.no-print{display:none!important}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.login-card{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-md);padding:40px 36px 32px;width:100%;max-width:380px}.login-logo{font-size:40px;text-align:center;margin-bottom:8px}.login-title{font-size:24px;font-weight:700;text-align:center;margin:0 0 4px}.login-subtitle{font-size:14px;color:#888;text-align:center;margin:0 0 28px}.login-form{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.login-label{font-size:13px;font-weight:500;color:#555;margin-top:8px}.login-input{padding:10px 12px;border:1.5px solid #ddd;border-radius:8px;font-size:15px;outline:none;transition:border-color .15s}.login-input:focus{border-color:#007aff}.login-forgot{background:none;border:none;color:#6b7280;font-size:12px;cursor:pointer;padding:0;text-align:right;width:100%;margin:2px 0 6px}.login-forgot:hover{color:#1c3d6e;text-decoration:underline}.login-hint{color:#6b7280;font-size:13px;margin:4px 0 8px;line-height:1.4}.login-error{color:#ef4444;font-size:13px;margin:4px 0 0}.login-success{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;color:#166534;font-size:14px;padding:12px 14px;margin-bottom:16px;text-align:center}.login-btn{margin-top:14px;padding:11px;background:#007aff;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}.login-btn:hover:not(:disabled){background:#0062cc}.login-btn:disabled{opacity:.6;cursor:default}.login-toggle{display:block;width:100%;background:none;border:none;color:#007aff;font-size:13px;cursor:pointer;text-align:center;padding:4px;margin-top:8px}.login-toggle:hover{text-decoration:underline}.login-invite-banner{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;color:#166534;font-size:13px;padding:10px 14px;margin-bottom:16px;text-align:center}.login-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px;background:#fff;border:1.5px solid #ddd;border-radius:8px;font-size:14px;font-weight:500;color:#333;cursor:pointer;margin-bottom:4px;transition:background .15s}.login-google-btn:hover:not(:disabled){background:#f9f9fb}.login-google-btn:disabled{opacity:.6;cursor:default}.login-divider{display:flex;align-items:center;gap:10px;margin:12px 0;color:#bbb;font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#eee}.nav-right{display:flex;align-items:center;gap:8px;margin-left:auto}.nav-user-wrap{position:relative}.nav-user-btn{display:flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:4px 10px 4px 4px;cursor:pointer;font-size:13px;color:var(--text)}.nav-user-btn:hover{background:var(--surface-3)}.nav-user-avatar{width:26px;height:26px;border-radius:50%;background:#007aff;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.nav-user-role{font-size:12px;color:#666}.nav-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md);min-width:200px;overflow:hidden;z-index:200}.nav-user-email{padding:10px 14px;font-size:13px;color:var(--text-3);border-bottom:1px solid var(--border-light);word-break:break-all}.nav-user-signout{display:block;width:100%;padding:10px 14px;background:none;border:none;text-align:left;font-size:14px;color:var(--text-2);cursor:pointer}.nav-user-signout:hover{background:var(--surface-2)}.nav-more-wrap{position:relative;display:flex;align-items:stretch}.nav-more-btn{border:none;background:transparent;cursor:pointer;font:inherit;height:100%;display:flex;align-items:center;gap:4px}.nav-more-caret{font-size:9px;opacity:.5;margin-left:1px}.nav-more-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);min-width:210px;z-index:200;padding:6px}.nav-more-item{display:flex;align-items:center;gap:10px;padding:9px 10px;font-size:14px;font-weight:500;color:var(--text-2);border-radius:8px;transition:background .1s,color .1s}.nav-more-item:hover{background:var(--surface-2);color:var(--text)}.nav-more-item.active{color:var(--accent);background:var(--accent-light);font-weight:600}.nav-more-icon{font-size:13px;width:20px;text-align:center;opacity:.55;flex-shrink:0}.nav-more-item.active .nav-more-icon,.nav-more-item:hover .nav-more-icon{opacity:1}.nav-more-sep{height:1px;background:var(--border-light);margin:5px 4px}.nav-theme-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface-2);color:var(--text-2);font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;cursor:pointer}.nav-theme-btn:hover{background:var(--surface-3);color:var(--text)}.inv-card{background:#f9f9fb;border:1px solid #e5e5ea;border-radius:12px;padding:18px 20px;margin-bottom:28px}.inv-title{font-size:15px;font-weight:600;margin:0 0 4px}.inv-create-row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.inv-role-select{flex:1;min-width:180px;padding:8px 10px;border:1.5px solid #ddd;border-radius:8px;font-size:13px;background:#fff}.inv-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.inv-row{background:#fff;border:1px solid #e5e5ea;border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;gap:8px}.inv-row-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inv-email-label{font-size:12px;color:#555;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-expiry{font-size:12px;color:#888;flex-shrink:0}.inv-resend-row{display:flex;gap:8px;flex-wrap:wrap}.inv-resend-input{flex:1;min-width:160px;padding:6px 10px;border:1.5px solid #ddd;border-radius:7px;font-size:13px}.inv-resend-input:focus{outline:none;border-color:#007aff}.inv-resend-btn{padding:6px 14px;background:#f3f4f6;border:1px solid #ddd;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s}.inv-resend-btn:hover:not(:disabled){background:#e5e7eb}.inv-resend-btn:disabled{opacity:.6;cursor:default}.inv-token{font-size:12px;color:#555;background:#f3f4f6;padding:2px 6px;border-radius:4px}.inv-email-row{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.inv-email-input{flex:1;min-width:180px;padding:8px 10px;border:1.5px solid #ddd;border-radius:8px;font-size:13px}.inv-email-input:focus{outline:none;border-color:#007aff}.inv-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.inv-copy-btn{padding:5px 10px;background:#007aff;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.inv-copy-btn.copied{background:#22c55e}.inv-copy-btn:hover:not(.copied){background:#0062cc}.inv-mail-btn{padding:5px 8px;background:#f3f4f6;border:1px solid #ddd;border-radius:6px;font-size:13px;cursor:pointer}.inv-mail-btn:hover{background:#e5e7eb}.inv-del-btn{background:none;border:none;color:#bbb;font-size:16px;cursor:pointer;padding:0 4px}.inv-del-btn:hover{color:#ef4444}.users-section{margin-bottom:28px}.users-section-title{font-size:13px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px}.users-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--surface-2);border-radius:10px;margin-bottom:6px;border:1px solid var(--border-light)}.users-row-self{background:var(--accent-light)}.users-email{font-size:14px;color:var(--text);display:flex;align-items:center;gap:6px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-you{font-size:11px;background:#007aff;color:#fff;border-radius:10px;padding:1px 7px;font-weight:600;flex-shrink:0}.users-role-wrap{display:flex;align-items:center;gap:8px;flex-shrink:0}.role-badge{font-size:11px;font-weight:600;border-radius:10px;padding:2px 9px;flex-shrink:0}.role-admin{background:#fef3c7;color:#92400e}.role-editor{background:#dbeafe;color:#1e40af}.role-viewer{background:#f3f4f6;color:#374151}.role-pending{background:#fee2e2;color:#991b1b}.role-blocked{background:#1f2937;color:#f9fafb}.users-role-select{padding:5px 8px;border:1.5px solid var(--border);border-radius:8px;font-size:13px;background:var(--surface);color:var(--text);cursor:pointer}.users-role-select:disabled{opacity:.5;cursor:default}@media(max-width:700px){.nav-user-role{display:none}.users-row{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.users-email{font-size:13px;white-space:normal;word-break:break-all;overflow:visible;width:100%}.users-role-wrap{width:100%;flex-wrap:wrap;gap:6px}.users-role-select{flex:1;min-width:120px}.users-emp-select{width:100%;flex:unset}}.mo-page{padding-bottom:32px}.mo-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.mo-nav{display:flex;align-items:center;gap:8px}.mo-nav-btn{background:none;border:1.5px solid #ddd;border-radius:8px;width:32px;height:32px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mo-nav-btn:hover{background:#f5f5f7}.mo-title{font-size:20px;font-weight:700;margin:0;min-width:180px;text-align:center}.mo-today-btn{padding:5px 12px;background:#f3f4f6;border:1.5px solid #ddd;border-radius:8px;font-size:13px;cursor:pointer}.mo-today-btn:hover{background:#e5e7eb}.mo-scroll{overflow-x:auto;border-radius:10px;border:1px solid #e5e5ea}.mo-table{border-collapse:collapse;min-width:100%;font-size:12px}.mo-th-name{position:sticky;left:0;z-index:3;background:#f9f9fb;padding:8px 12px;text-align:left;font-weight:600;border-bottom:2px solid #e5e5ea;border-right:1px solid #e5e5ea;min-width:130px;white-space:nowrap}.mo-th-day{padding:4px 2px;text-align:center;border-bottom:2px solid #e5e5ea;border-right:1px solid #f0f0f0;min-width:28px;background:#f9f9fb;position:relative}.mo-th-stats{background:#f9f9fb;padding:8px 10px;border-bottom:2px solid #e5e5ea;border-left:1px solid #e5e5ea;font-size:11px;white-space:nowrap;text-align:center}.mo-day-num{font-weight:700;font-size:13px;line-height:1.2}.mo-day-name{font-size:10px;color:#888;line-height:1}.mo-holiday-dot{width:5px;height:5px;background:#f59e0b;border-radius:50%;margin:1px auto 0}.mo-th-day.mo-weekend,.mo-td-cell.mo-weekend{background:#fafafa}.mo-th-day.mo-today{background:#eff6ff}.mo-td-cell.mo-today{background:#eff6ff!important}.mo-th-day.mo-holiday,.mo-td-cell.mo-holiday-col{background:#fffbeb}.mo-th-day.mo-bu,.mo-td-cell.mo-bu-col{background:#fff7ed}.mo-bu-dot{width:6px;height:6px;border-radius:50%;background:#f59e0b;margin:1px auto 0}.mo-dept-row td{padding:6px 10px;background:#f5f5f7}.mo-dept-label{font-size:12px}.mo-emp-row:hover td{background:#f5f8ff}.mo-td-name{position:sticky;left:0;z-index:2;background:#fff;padding:4px 12px;border-right:1px solid #e5e5ea;border-bottom:1px solid #f0f0f0;white-space:nowrap;font-size:13px}.mo-emp-row:hover .mo-td-name{background:#f5f8ff}.mo-td-cell{padding:3px 2px;text-align:center;border-bottom:1px solid #f0f0f0;border-right:1px solid #f5f5f7;height:32px}.mo-cell-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;font-size:10px;font-weight:700}.mo-td-stats{padding:4px 10px;border-bottom:1px solid #f0f0f0;border-left:1px solid #e5e5ea;white-space:nowrap;font-size:11px;text-align:center}.mo-stat-a{color:#16a34a;font-weight:600}.mo-stat-u{color:#2563eb;font-weight:600}.mo-stat-t{color:#666}.mo-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:#666}.mo-legend-item{display:flex;align-items:center;gap:5px}.mo-legend-dot{width:12px;height:12px;border-radius:3px;display:inline-block}.mo-weekend-dot{background:#fafafa;border:1px solid #ddd}.mo-holiday-dot{background:#fffbeb;border:1px solid #f59e0b}.mo-today-dot{background:#eff6ff;border:1px solid #93c5fd}@media(max-width:700px){.mo-header{flex-direction:column;align-items:flex-start}.mo-th-name,.mo-td-name{min-width:90px;font-size:11px;padding:4px 6px}}.role-employee{background:#d1fae5;color:#065f46}.users-row-employee{border-left:3px solid #10b981}.users-emp-select{min-width:160px}.emp-portal-page{max-width:800px;margin:0 auto;padding:24px 16px 40px}.emp-portal-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.emp-portal-avatar{width:52px;height:52px;border-radius:50%;background:#007aff;color:#fff;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.emp-portal-name{font-size:22px;font-weight:700;margin:0 0 2px}.emp-portal-pos{font-size:13px;color:#888;margin:0}.emp-portal-tabs{margin-left:auto;display:flex;gap:6px}.emp-tab{padding:7px 16px;border:1.5px solid #ddd;border-radius:20px;background:none;font-size:13px;cursor:pointer;transition:all .15s}.emp-tab.active{background:#007aff;color:#fff;border-color:#007aff}.emp-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:20px}.emp-stat-card{border-radius:12px;padding:14px 16px;text-align:center}.emp-stat-num{font-size:28px;font-weight:700;line-height:1}.emp-stat-label{font-size:12px;margin-top:4px;opacity:.8}.emp-stat-arbeit{background:#dcfce7;color:#166534}.emp-stat-urlaub{background:#dbeafe;color:#1e40af}.emp-stat-krank{background:#fee2e2;color:#991b1b}.emp-stat-total{background:#f3f4f6;color:#374151}.emp-weeks{display:flex;flex-direction:column;gap:12px}.emp-week-card{background:#f9f9fb;border:1px solid #e5e5ea;border-radius:12px;padding:14px 16px}.emp-week-current{background:#eff6ff;border-color:#93c5fd}.emp-week-label{font-size:13px;font-weight:600;color:#555;margin-bottom:10px}.emp-week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.emp-day{background:#fff;border:1px solid #e5e5ea;border-radius:8px;padding:6px 4px;text-align:center;min-height:72px;display:flex;flex-direction:column;align-items:center;gap:3px}.emp-day-today{border-color:#3b82f6;background:#eff6ff}.emp-day-weekend{background:#fafafa}.emp-day-holiday{background:#fffbeb;border-color:#f59e0b}.emp-day-name{font-size:11px;color:#888;font-weight:500}.emp-day-num{font-size:16px;font-weight:700;line-height:1}.emp-day-entry{border-radius:6px;padding:3px 5px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1px;margin-top:2px}.emp-entry-abbr{font-size:13px;font-weight:700}.emp-entry-dienst{font-size:9px;opacity:.8}.emp-entry-time{font-size:9px;opacity:.75}.emp-day-empty{font-size:18px;color:#ddd;margin-top:4px}.emp-day-holiday-name{font-size:8px;color:#d97706;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%}.emp-month-card{background:#f9f9fb;border:1px solid #e5e5ea;border-radius:12px;padding:20px}.emp-month-nav{display:flex;align-items:center;gap:10px;margin-bottom:16px}.emp-month-title{font-size:17px;font-weight:700;margin:0;flex:1;text-align:center}.emp-month-nav-btn{background:none;border:1.5px solid #e5e7eb;border-radius:8px;padding:4px 12px;font-size:18px;cursor:pointer;color:#374151;transition:all .1s;line-height:1.4}.emp-month-nav-btn:hover{border-color:#2563eb;color:#2563eb}.emp-month-today-btn{font-size:12px;padding:4px 10px;background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:7px;cursor:pointer;color:#374151;white-space:nowrap}.emp-month-today-btn:hover{background:#e5e7eb}.emp-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.emp-month-dow{text-align:center;font-size:11px;font-weight:600;color:#888;padding:4px 0}.emp-month-cell{aspect-ratio:1;border-radius:8px;background:#fff;border:1px solid #f0f0f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px;position:relative}.emp-mc-today{border-color:#3b82f6;background:#eff6ff}.emp-mc-weekend{background:#fafafa}.emp-mc-holiday{background:#fffbeb}.emp-mc-num{font-size:13px;font-weight:600;line-height:1}.emp-mc-badge{border-radius:4px;font-size:10px;font-weight:700;padding:1px 4px;line-height:1.4}.emp-mc-hol-dot{position:absolute;top:2px;right:2px;width:5px;height:5px;background:#f59e0b;border-radius:50%}.emp-month-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.emp-legend-item{font-size:11px;font-weight:600;border-radius:8px;padding:3px 10px}.emp-portal-unlinked{text-align:center;padding:60px 20px;color:#666}.emp-portal-unlinked h2{margin-bottom:8px}@media(max-width:700px){.emp-week-days{grid-template-columns:repeat(7,1fr);gap:3px}.emp-day{min-height:60px;padding:4px 2px}.emp-day-num{font-size:13px}.emp-entry-abbr{font-size:11px}.emp-portal-tabs{width:100%}}.invite-linked-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.invite-linked-badge{background:#dcfce7;color:#166534;font-size:13px;font-weight:600;padding:4px 12px;border-radius:20px}.invite-linked-email{font-size:13px;color:#555}.invite-unlink-btn{margin-left:auto;background:none;border:none;color:#ef4444;font-size:12px;cursor:pointer;padding:4px 8px}.invite-unlink-btn:hover{text-decoration:underline}.invite-sent-msg{color:#16a34a;font-size:14px;padding:4px 0}.invite-send-row{display:flex;gap:8px;align-items:center;margin-top:4px}.invite-email-field{flex:1;padding:9px 12px;border:1.5px solid #ddd;border-radius:8px;font-size:14px}.invite-email-field:focus{outline:none;border-color:#007aff}.invite-send-btn{white-space:nowrap;padding:9px 16px}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;gap:16px}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-label{font-size:14px;font-weight:500;color:var(--text)}.settings-toggle{flex-shrink:0;width:44px;height:24px;background:var(--surface-3);border-radius:99px;position:relative;transition:background .2s;cursor:pointer}.settings-toggle.on{background:#2563eb}.settings-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:left .2s;box-shadow:0 1px 3px #0003}.settings-toggle.on .settings-toggle-thumb{left:23px}.settings-version{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:32px;padding-top:16px;border-top:1px solid #f0f0f0;font-size:12px;color:#b0b0b8}.vr-tab{padding:0 16px 32px;max-width:600px;margin:0 auto}.vr-form-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 4px #00000014;margin-bottom:24px}.vr-form-title{font-size:16px;font-weight:600;margin:0 0 16px}.vr-form{display:flex;flex-direction:column;gap:12px}.vr-form-row{display:flex;gap:12px}.vr-form-group{display:flex;flex-direction:column;gap:4px;flex:1}.vr-label{font-size:13px;font-weight:500;color:#374151}.vr-input{padding:8px 10px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px}.vr-input:focus{outline:none;border-color:#2563eb}.vr-textarea{resize:vertical}.vr-days-hint{font-size:13px;color:#6b7280;margin:-4px 0}.vr-error{color:#dc2626;font-size:13px}.vr-submit-btn{align-self:flex-start}.vr-list-title{font-size:15px;font-weight:600;margin:0 0 12px}.vr-empty{color:#9ca3af;font-size:14px}.vr-item{background:#fff;border-radius:10px;padding:14px 16px;margin-bottom:10px;box-shadow:0 1px 3px #00000012;display:flex;flex-direction:column;gap:6px}.vr-item-dates{font-size:14px;font-weight:500;color:#111}.vr-item-days{font-size:12px;color:#6b7280;margin-left:8px}.vr-item-note{font-size:13px;color:#6b7280}.vr-item-reviewnote{font-size:13px;color:#2563eb}.vr-badge{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:600;width:fit-content}.vr-badge-pending{background:#fef9c3;color:#854d0e}.vr-badge-approved{background:#dcfce7;color:#166534}.vr-badge-rejected{background:#fee2e2;color:#991b1b}.team-tab{padding:0 4px;overflow-x:auto}.team-week-header{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-left:140px;margin-bottom:4px}.team-col-head{text-align:center;padding:4px 2px}.team-col-head.today{color:#2563eb;font-weight:700}.team-col-head.weekend{color:#9ca3af}.team-col-dow{font-size:11px;font-weight:600}.team-col-num{font-size:13px}.team-rows{display:flex;flex-direction:column;gap:4px}.team-row{display:flex;align-items:center;gap:4px}.team-row-self{background:#eff6ff;border-radius:8px}.team-row-name{width:130px;flex-shrink:0;font-size:13px;font-weight:500;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-self-tag{font-size:10px;background:#2563eb;color:#fff;border-radius:4px;padding:1px 5px;margin-left:4px}.team-row-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;flex:1}.team-cell{min-height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#f9fafb}.team-cell.weekend{background:#f3f4f6}.team-cell.holiday{background:#fef3c7}.team-cell-badge{font-size:11px;font-weight:600;padding:2px 5px;border-radius:4px;text-align:center}.team-cell-dienst{font-size:10px;opacity:.8}.team-cell-empty{color:#d1d5db;font-size:12px}.urlaub-admin-bar{margin-bottom:16px}.urlaub-admin-form{background:var(--surface);border:1.5px solid var(--accent-2);border-radius:var(--radius);padding:20px;margin-bottom:20px;max-width:680px}.urlaub-admin-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:14px}.urlaub-admin-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:12px}@media(max-width:600px){.urlaub-admin-grid{grid-template-columns:1fr}.urlaub-admin-grid .form-row[style]{grid-column:unset!important}}.urlaub-admin-preview{font-size:13px;font-weight:500;color:#166534;background:#dcfce7;border-radius:8px;padding:8px 12px;margin-bottom:12px}[data-theme=dark] .urlaub-admin-preview{background:#052e16;color:#86efac}.urlaub-admin-error{font-size:13px;color:#991b1b;background:#fee2e2;border-radius:8px;padding:8px 12px;margin-bottom:12px}.urlaub-admin-actions{display:flex;gap:8px}.urlaub-main-tabs{display:flex;gap:6px;margin-bottom:24px}.urlaub-main-tab{padding:9px 22px;border-radius:10px;border:2px solid #e5e7eb;background:#fff;font-size:14px;font-weight:600;cursor:pointer;color:#374151;transition:all .1s}.urlaub-main-tab:hover{border-color:#2563eb;color:#2563eb}.urlaub-main-tab.active{background:#1c3d6e;color:#fff;border-color:#1c3d6e}.urlaub-tabs{display:flex;gap:4px;margin-bottom:20px}.urlaub-tab{padding:7px 18px;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;font-size:13px;font-weight:500;cursor:pointer;color:#374151;transition:all .1s}.urlaub-tab:hover{border-color:#2563eb;color:#2563eb}.urlaub-tab.active{background:#2563eb;color:#fff;border-color:#2563eb}.urlaub-list{display:flex;flex-direction:column;gap:10px;max-width:680px}.urlaub-item{background:#fff;border-radius:12px;padding:16px 18px;box-shadow:0 1px 4px #00000014;border:1.5px solid transparent;transition:border-color .15s}.urlaub-item-open{border-color:#2563eb}.urlaub-item-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}.urlaub-item-emp{font-size:15px;font-weight:600;color:#111}.urlaub-item-dates{font-size:13px;color:#374151}.urlaub-item-note{font-size:13px;color:#6b7280;margin-bottom:4px}.urlaub-item-meta{font-size:12px;color:#9ca3af;margin-top:6px}.urlaub-actions{margin-top:10px}.btn-review{padding:6px 16px;border-radius:7px;border:1.5px solid #2563eb;background:#fff;color:#2563eb;font-size:13px;font-weight:500;cursor:pointer}.btn-review:hover{background:#eff6ff}.urlaub-review-form{display:flex;flex-direction:column;gap:8px}.urlaub-review-input{padding:7px 10px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:13px}.urlaub-review-btns{display:flex;gap:8px;flex-wrap:wrap}.btn-approve{padding:7px 18px;border-radius:8px;border:none;background:#16a34a;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.btn-approve:hover{background:#15803d}.btn-reject{padding:7px 18px;border-radius:8px;border:none;background:#dc2626;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.btn-reject:hover{background:#b91c1c}.btn-cancel-small{padding:7px 14px;border-radius:8px;border:1.5px solid #d1d5db;background:#fff;color:#6b7280;font-size:13px;cursor:pointer}.portal-vorschau-bar{display:flex;align-items:center;gap:10px;background:#1c3d6e;color:#fff;padding:10px 20px;flex-wrap:wrap}.portal-vorschau-label{font-size:13px;font-weight:600;white-space:nowrap}.portal-vorschau-select{padding:5px 10px;border-radius:7px;border:none;font-size:13px;font-weight:500;background:#ffffff26;color:#fff;cursor:pointer}.portal-vorschau-select option{background:#1c3d6e;color:#fff}.portal-vorschau-hint{font-size:12px;opacity:.7}.cl-filter-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.cl-filter-btn{padding:6px 16px;border-radius:20px;border:1.5px solid #d1d1d6;background:#fff;font-size:13px;font-weight:500;color:#555;cursor:pointer;transition:all .1s}.cl-filter-btn:hover{border-color:#888;color:#1a1a1a}.cl-filter-btn.active{background:#1c3d6e;border-color:#1c3d6e;color:#fff}.cl-loading{color:#aaa;font-size:14px;padding:24px 0;text-align:center}.cl-list{display:flex;flex-direction:column;gap:0}.cl-group{margin-bottom:20px}.cl-day-label{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#999;padding:6px 0 8px;border-bottom:1px solid #f0f0f0;margin-bottom:6px}.cl-entry{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid #f5f5f7}.cl-entry:last-child{border-bottom:none}.cl-icon{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.cl-icon-create{background:#d1fae5;color:#065f46}.cl-icon-update{background:#dbeafe;color:#1d4ed8}.cl-icon-delete{background:#fee2e2;color:#991b1b}.cl-icon-approve{background:#d1fae5;color:#065f46}.cl-icon-reject{background:#fee2e2;color:#991b1b}.cl-entity-icon{font-size:16px;flex-shrink:0;line-height:1.6}.cl-body{display:flex;flex-direction:column;gap:2px;min-width:0}.cl-desc{font-size:14px;color:#1a1a1a;line-height:1.4}.cl-meta{font-size:11px;color:#aaa}.dash-page{padding:28px 24px 48px;max-width:900px;margin:0 auto}.dash-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}.dash-date-day{font-size:32px;font-weight:700;letter-spacing:-.5px;color:var(--text);line-height:1.1}.dash-date-sub{font-size:14px;color:var(--text-3);margin-top:4px}.dash-weather{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:2px;min-width:120px}.dash-weather-icon{font-size:36px;line-height:1}.dash-weather-temp{font-size:22px;font-weight:700;color:var(--text);line-height:1.2}.dash-weather-desc{font-size:13px;color:var(--text-2)}.dash-weather-meta{font-size:12px;color:var(--text-3)}.dash-holiday-banner{background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:500;color:#92400e;margin-bottom:20px}[data-theme=dark] .dash-holiday-banner{background:#2d2400;border-color:#7a5c00;color:#fcd34d}.dash-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:20px}.dash-section-title{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-3);padding:14px 18px 8px;border-bottom:1px solid var(--border-light)}.dash-dept-header{display:flex;align-items:center;gap:8px;padding:10px 18px 4px;font-size:12px;font-weight:700;color:var(--text-2);letter-spacing:.3px}.dash-dept-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dash-emp-row{display:flex;align-items:center;gap:10px;padding:9px 18px;border-bottom:1px solid var(--border-light);transition:background .1s}.dash-emp-row:last-child{border-bottom:none}.dash-emp-row:hover{background:var(--surface-2)}.dash-emp-status{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--border)}.dash-emp-status-working{background:#22c55e}.dash-emp-status-off{background:#f59e0b}.dash-emp-name{font-size:14px;font-weight:500;color:var(--text);min-width:120px}.dash-emp-name:hover{color:var(--accent);text-decoration:underline}.dash-emp-shift{font-size:12px;font-weight:600;background:var(--accent-light);color:var(--accent);border-radius:6px;padding:2px 8px}.dash-emp-time{font-size:12px;color:var(--text-3)}.dash-emp-note{font-size:12px;color:var(--text-3);font-style:italic;margin-left:auto}.dash-empty{padding:14px 18px;font-size:13px;color:var(--text-4)}.dash-quicklinks{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.dash-quicklinks a{padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:500;color:var(--text-2);transition:all .12s}.dash-quicklinks a:hover{background:var(--surface-2);color:var(--text)}@media(max-width:600px){.dash-page{padding:16px 12px 40px}.dash-date-day{font-size:24px}.dash-weather{align-items:flex-start;text-align:left}.dash-weather-icon{font-size:28px}.dash-weather-temp{font-size:18px}}.notif-wrap{position:relative}.notif-bell-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface-2);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background .12s}.notif-bell-btn:hover{background:var(--surface-3)}.notif-badge{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;background:#ef4444;color:#fff;border-radius:99px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--surface);line-height:1}.notif-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:320px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);z-index:200;overflow:hidden;animation:modal-in .18s cubic-bezier(.34,1.2,.64,1)}.notif-header{padding:12px 16px 10px;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.notif-header-link{font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--accent-2);text-decoration:none}.notif-header-link:hover{text-decoration:underline}.notif-empty{padding:28px 16px 20px;font-size:13px;color:var(--text-4);text-align:center;line-height:1.6}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border-light);transition:background .1s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--surface-2)}.notif-item-unread{background:var(--accent-light)!important}.notif-item-unread:hover{background:color-mix(in srgb,var(--accent-light) 80%,var(--surface-2))!important}.notif-item-icon{flex-shrink:0;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;margin-top:1px}.notif-act-new{background:#dcfce7}.notif-act-upd{background:#dbeafe}.notif-act-del{background:#fee2e2}[data-theme=dark] .notif-act-new{background:#052e16}[data-theme=dark] .notif-act-upd{background:#1e3a5f}[data-theme=dark] .notif-act-del{background:#450a0a}.notif-item-body{flex:1;min-width:0}.notif-item-desc{font-size:13px;font-weight:500;color:var(--text);margin-bottom:3px;line-height:1.4;word-break:break-word}.notif-item-meta{font-size:11px;color:var(--text-3)}.emp-notif-btn{position:relative;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface-2);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s;animation:bell-shake .5s ease .3s}.emp-notif-btn:hover{background:var(--surface-3)}@keyframes bell-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-15deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}}@media(max-width:700px){.notif-dropdown{width:calc(100vw - 32px);right:-60px}}.demo-banner{display:flex;align-items:center;gap:10px;background:#854d0e;color:#fef3c7;padding:7px 20px;font-size:13px;position:sticky;top:0;z-index:200}[data-theme=dark] .demo-banner{background:#78350f}.demo-banner-label{font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase;background:#ffffff2e;padding:2px 8px;border-radius:20px;white-space:nowrap}.demo-banner-text{flex:1;opacity:.85;font-size:12px}.demo-banner-end{background:#fff3;border:1px solid rgba(255,255,255,.3);color:inherit;padding:4px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap;transition:background .15s}.demo-banner-end:hover{background:#ffffff4d}.login-demo-divider{display:flex;align-items:center;gap:10px;margin:20px 0 12px;color:#bbb;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.login-demo-divider:before,.login-demo-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-demo-btn{width:100%;padding:11px 16px;border-radius:var(--radius-sm);border:1.5px dashed #d97706;background:#fffbeb;color:#92400e;font-size:14px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:background .15s}[data-theme=dark] .login-demo-btn{background:#1c1a10;color:#fbbf24;border-color:#92400e}.login-demo-btn:hover{background:#fef3c7}[data-theme=dark] .login-demo-btn:hover{background:#2a2410}.login-demo-hint{font-size:11px;font-weight:400;opacity:.7}.cell-schicht-tags{display:flex;flex-direction:column;gap:2px;margin-top:3px;padding-top:3px;border-top:1px dashed rgba(0,0,0,.12)}.cell-schicht-tag{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:1px 5px;border-radius:4px;font-size:10px;font-weight:700;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px}.cell-schicht-time{font-weight:400;opacity:.8;font-size:9px;font-variant-numeric:tabular-nums;flex-shrink:0}.sst-table{border-collapse:collapse;width:100%;min-width:720px;font-size:13px}.sst-th-label{width:180px;min-width:160px;padding:10px 16px;text-align:left;background:var(--surface-2);border:1px solid var(--border);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);position:sticky;left:0;z-index:3}.sst-th-day{min-width:108px;padding:8px 10px;text-align:center;border:1px solid var(--border);background:var(--surface-2)}.sst-th-day.sst-today-head{background:#eff6ff}.sst-day-name{font-size:12px;font-weight:700;color:var(--text)}.sst-day-date{font-size:11px;color:var(--text-3);margin-top:1px}.sst-row{border-bottom:1px solid var(--border)}.sst-td-label{padding:10px 14px;border:1px solid var(--border);vertical-align:top;background:var(--surface);position:sticky;left:0;z-index:1;min-width:160px}.sst-label-name{font-weight:700;font-size:13px;line-height:1.3}.sst-label-time{font-size:11px;color:var(--text-3);margin-top:3px;font-variant-numeric:tabular-nums;letter-spacing:.2px}.sst-td-cell{border:1px solid var(--border);padding:5px 6px;vertical-align:top;transition:background .15s}.sst-td-cell.sst-today-cell{outline:2px solid #93c5fd;outline-offset:-2px}.sst-cell-wrap{display:flex;flex-direction:column;gap:3px;min-height:44px}.sst-emp-chip{display:flex;align-items:center;justify-content:space-between;padding:5px 9px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;text-align:left;line-height:1.3;transition:opacity .15s;gap:4px}.sst-emp-chip:hover{opacity:.72}.sst-chip-name{flex:1}.sst-chip-x{font-size:14px;opacity:0;transition:opacity .15s;font-weight:400;flex-shrink:0}.sst-emp-chip:hover .sst-chip-x{opacity:1}.sst-add-btn{background:none;border:1.5px dashed #d1d5db;color:#9ca3af;border-radius:7px;padding:3px 0;cursor:pointer;font-size:16px;font-weight:700;width:100%;transition:all .15s}.sst-add-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.st-loading-hint{text-align:center;padding:24px;color:var(--text-3);font-size:14px}.sst-dlg-color-dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px;vertical-align:middle;position:relative;top:-1px}.sst-emp-list{display:flex;flex-direction:column;gap:5px;max-height:360px;overflow-y:auto;margin-bottom:4px}.sst-emp-row{display:flex;align-items:center;gap:10px;padding:9px 14px;border:1.5px solid var(--border);border-radius:10px;background:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .15s;color:var(--text);text-align:left}.sst-emp-row:hover:not(.sst-emp-row-active){background:var(--surface-2);border-color:var(--border-strong, #aaa)}.sst-emp-check{width:18px;font-size:14px;font-weight:700;flex-shrink:0;color:inherit}.sst-emp-name{flex:1}.sst-emp-time{font-size:11px;opacity:.75;font-variant-numeric:tabular-nums;flex-shrink:0}.sst-emp-row-conflict{opacity:.55;cursor:not-allowed!important;border-color:#fca5a5!important;background:#fff5f5!important}[data-theme=dark] .sst-emp-row-conflict{background:#2a1010!important;border-color:#7f1d1d!important}.sst-emp-conflict-label{font-size:11px;color:#dc2626;flex-shrink:0;font-style:italic}.sst-filter-row{display:flex;gap:6px;margin-bottom:12px;background:var(--surface-2);border-radius:10px;padding:4px}.sst-filter-btn{flex:1;padding:6px 10px;border:none;border-radius:7px;background:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-2);transition:all .15s}.sst-filter-btn.active{background:var(--surface);color:var(--text);font-weight:700;box-shadow:0 1px 4px #0000001a}.sst-filter-btn:hover:not(.active){color:var(--text)}.sst-emp-right{margin-left:auto;display:flex;align-items:center;gap:6px;flex-shrink:0}.sst-working-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;background:#d1fae5;color:#065f46}[data-theme=dark] .sst-working-badge{background:#064e3b;color:#6ee7b7}.sst-emp-empty{text-align:center;padding:24px 0;color:var(--text-3);font-size:14px}.sst-td-cell{cursor:context-menu}.sst-td-cell:hover:not(.sst-has-emp){background:var(--surface-2)!important}.sst-manage-modal{max-width:540px}.sst-manage-list{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto;margin-bottom:20px}.sst-manage-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface-2);border-radius:10px}.sst-manage-info{display:flex;align-items:center;gap:10px;flex:1}.sst-manage-swatch{width:16px;height:16px;border-radius:50%;flex-shrink:0}.sst-manage-name{font-weight:700;font-size:14px;color:var(--text)}.sst-manage-time{font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums;margin-top:2px}.sst-manage-btns{display:flex;gap:4px;flex-shrink:0}.sst-new-form{padding:16px;background:var(--surface-2);border-radius:12px;margin-bottom:4px}.sst-new-form-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);margin-bottom:12px}.sst-color-picker{display:flex;gap:7px;flex-wrap:wrap}.sst-swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;transition:transform .12s;padding:0}.sst-swatch:hover{transform:scale(1.18)}.sst-swatch.active{transform:scale(1.22);outline:3px solid #3b82f6;outline-offset:2px}.sst-edit-form{flex:1;display:flex;flex-direction:column;gap:6px}[data-theme=dark] .sst-th-day.sst-today-head{background:#1e3a5f}[data-theme=dark] .sst-td-cell.sst-today-cell{outline-color:#1d4ed8}[data-theme=dark] .sst-add-btn:hover{background:#1e3a5f}.sst-mobile{display:flex;flex-direction:column;gap:0;margin-top:8px}.sst-day-tabs{display:flex;overflow-x:auto;gap:4px;padding:0 0 8px;scrollbar-width:none}.sst-day-tabs::-webkit-scrollbar{display:none}.sst-day-tab{flex:1;min-width:42px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;border:1.5px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-2);font-size:12px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;position:relative}.sst-day-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.sst-day-tab.today:not(.active){border-color:var(--accent-2);color:var(--accent-2)}.sst-day-tab-short{font-weight:600;font-size:13px;line-height:1}.sst-day-tab-date{font-size:11px;opacity:.7;line-height:1}.sst-day-tab-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;background:#ef4444;color:#fff;border-radius:8px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.sst-day-tab.active .sst-day-tab-badge{background:#ffffff4d}.sst-mobile-shifts{display:flex;flex-direction:column;gap:8px}.sst-mobile-row{display:flex;align-items:flex-start;gap:10px;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);padding:10px 12px;border-left-width:5px}.sst-mobile-label{flex:0 0 auto;min-width:80px;max-width:120px;cursor:pointer;padding:2px 0}.sst-mobile-label:active{opacity:.7}.sst-mobile-name{font-weight:600;font-size:14px;line-height:1.2}.sst-mobile-time{font-size:12px;color:var(--text-3);margin-top:2px}.sst-mobile-emps{flex:1;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:32px}.sst-mobile-empty{font-size:12px;color:var(--text-4);font-style:italic}.sst-mobile-add{padding:4px 10px;border-radius:20px;border:1.5px dashed var(--border);background:transparent;color:var(--text-3);font-size:12px;cursor:pointer;transition:border-color .15s,color .15s;white-space:nowrap}.sst-mobile-add:hover{border-color:var(--accent-2);color:var(--accent-2)}[data-theme=dark] .sst-day-tab{background:var(--surface-2)}[data-theme=dark] .sst-day-tab.active{background:var(--accent)}.sst-desktop-wrap{display:flex;gap:0;align-items:flex-start;margin-top:8px;max-width:100%;overflow-x:hidden}.sst-td-active{outline:2px solid var(--accent-2)!important;outline-offset:-2px}.sst-cell-empty-plus{color:var(--text-4);font-size:16px;line-height:1}.sst-side-panel{flex:0 0 auto;width:22vw;min-width:210px;max-width:290px;margin-left:12px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);position:sticky;top:68px;max-height:calc(100vh - 88px);overflow-y:auto;display:flex;flex-direction:column}.sst-side-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:14px 14px 10px;border-bottom:1px solid var(--border-light)}.sst-side-name{font-size:15px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sst-side-date{font-size:12px;color:var(--text-2);margin-top:2px}.sst-side-time{font-size:12px;font-weight:600;color:var(--text-3);margin-top:1px}.sst-side-close{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:none;background:var(--surface-2);color:var(--text-2);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.sst-side-close:hover{background:var(--surface-3);color:var(--text)}.sst-side-emp-list{flex:1;padding:6px 8px 10px;display:flex;flex-direction:column;gap:3px}[data-theme=dark] .sst-side-panel{border-color:var(--border)}.sst-desktop{display:flex;gap:16px;margin-top:8px;align-items:flex-start}.sst-desktop-days{flex:0 0 180px;display:flex;flex-direction:column;gap:4px}.sst-desktop-day-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.sst-desktop-day-row:hover{background:var(--surface-2)}.sst-desktop-day-row.active{background:var(--accent);border-color:var(--accent);color:#fff}.sst-desktop-day-row.today:not(.active){border-color:var(--accent-2)}.sst-desktop-day-name{font-weight:600;font-size:14px;line-height:1.2}.sst-desktop-day-date{font-size:12px;opacity:.65;margin-top:1px}.sst-desktop-day-row.today:not(.active) .sst-desktop-day-name{color:var(--accent-2)}.sst-desktop-day-badge{min-width:20px;height:20px;background:#ef4444;color:#fff;border-radius:10px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0}.sst-desktop-day-row.active .sst-desktop-day-badge{background:#ffffff4d}.sst-desktop-detail{flex:1;display:flex;flex-direction:column;gap:8px}.sst-desktop-shift-row{display:flex;align-items:flex-start;gap:12px;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);padding:12px 16px;border-left-width:5px}.sst-desktop-shift-label{flex:0 0 140px;cursor:pointer;padding:2px 0}.sst-desktop-shift-label:hover{opacity:.75}.sst-desktop-shift-name{font-weight:600;font-size:15px;line-height:1.2}.sst-desktop-shift-time{font-size:12px;color:var(--text-3);margin-top:3px}.sst-desktop-shift-emps{flex:1;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:32px}@media(max-width:700px){input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px!important}input[type=time]{min-height:44px;padding:0 8px}.su-grid{min-width:unset;grid-template-columns:repeat(2,1fr)}.su-day-card{min-height:80px}.st-th-dept,.st-td-dept{display:none}.st-th-workdays{min-width:80px}.st-wd-bar{min-width:60px}.st-wd-label{font-size:10px}.label-chips{gap:8px}.label-chip{padding:10px 14px;min-height:42px;font-size:14px}.time-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.time-row input{width:100%}.urlaub-main-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}.urlaub-main-tabs::-webkit-scrollbar{display:none}.urlaub-main-tab{flex-shrink:0;padding:8px 14px;font-size:13px}.urlaub-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}.urlaub-tabs::-webkit-scrollbar{display:none}.urlaub-tab{flex-shrink:0}.emp-portal-header{flex-wrap:wrap}.emp-portal-tabs{margin-left:0;width:100%}.emp-tab{flex:1;text-align:center;padding:8px 10px}.mo-table-wrap{-webkit-overflow-scrolling:touch}.settings-section{padding:14px 16px}.cl-filter-bar{gap:6px}.cl-filter-btn{padding:6px 12px;font-size:12px}.users-role-select{font-size:16px}.dash-header{gap:12px}.dash-weather{max-width:120px}.notif-dropdown{position:fixed;top:56px;left:10px;right:10px;width:auto!important}.app,.dash-page,.emp-portal-page,.mo-page,.page-inner{overflow-x:hidden;max-width:100%;box-sizing:border-box}.sst-scroll-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.mv-dept-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}.mv-dept-tabs::-webkit-scrollbar{display:none}.mv-dept-tab{flex-shrink:0}.modal-overlay{padding:12px;box-sizing:border-box}.modal,.modal-wide,.modal-employee,.sst-manage-modal{width:100%!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box}.header{box-sizing:border-box;max-width:100%}.header-left{min-width:0;overflow:hidden}.week-range{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}}@media(max-width:480px){.su-grid{grid-template-columns:1fr 1fr;gap:6px}.su-emp-chip{font-size:11px;padding:4px 6px}}@media(max-width:480px){.st-th-workdays,.st-td-workdays{display:none}}@keyframes toast-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.toast-stack{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;box-shadow:0 4px 20px #0000002e;font-size:14px;font-weight:500;max-width:320px;min-width:200px;cursor:pointer;pointer-events:all;animation:toast-slide-in .25s cubic-bezier(.34,1.2,.64,1);line-height:1.4}.toast-success{background:#166534;color:#dcfce7}.toast-error{background:#991b1b;color:#fee2e2}.toast-info{background:#1e3a5f;color:#dbeafe}.toast-warning{background:#92400e;color:#fef3c7}.toast-icon{font-size:15px;font-weight:700;flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:11px}.toast-msg{flex:1;font-size:13.5px}.toast-close{background:none;border:none;color:#fff9;font-size:18px;line-height:1;padding:0;flex-shrink:0;cursor:pointer;transition:color .1s}.toast-close:hover{color:#ffffffe6}@media(max-width:700px){.toast-stack{bottom:16px;right:12px;left:12px}.toast{max-width:100%;min-width:unset}}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app,.page-inner,.dash-page,.emp-portal-page,.mo-page{animation:page-fade-in .22s ease}[data-theme=dark] .su-day-card{background:var(--surface);border-color:var(--border)}[data-theme=dark] .su-day-card.su-today{border-color:var(--accent-2);box-shadow:0 0 0 2px var(--accent-light)}[data-theme=dark] .su-day-header{border-color:var(--border-light)}[data-theme=dark] .su-day-name{color:var(--text)}[data-theme=dark] .su-day-count{background:var(--accent-light);color:var(--accent-2)}[data-theme=dark] .stats-table th{background:var(--surface-2);color:var(--text-3);border-color:var(--border)}[data-theme=dark] .st-dept-cell{background:var(--surface-2);color:var(--text-3)}[data-theme=dark] .st-total-row td{background:var(--surface-2);border-color:var(--border)}[data-theme=dark] .st-emp-row td{border-color:var(--border-light)}[data-theme=dark] .st-emp-row:hover td{background:var(--surface-2)}[data-theme=dark] .st-wd-bar{background:var(--surface-3)}[data-theme=dark] .stats-table-wrap{border-color:var(--border)}[data-theme=dark] .label-chip,[data-theme=dark] .work-unit-btn,[data-theme=dark] .modal input,[data-theme=dark] .modal select,[data-theme=dark] .modal textarea,[data-theme=dark] .mv-search{background:var(--surface-2);border-color:var(--border);color:var(--text)}[data-theme=dark] .mv-dept-tab.active{background:var(--accent);border-color:var(--accent)}[data-theme=dark] .emp-card{background:var(--surface)}[data-theme=dark] .quick-field input,[data-theme=dark] .quick-field select{background:var(--surface-2);border-color:var(--border);color:var(--text)}[data-theme=dark] .quick-field input:focus,[data-theme=dark] .quick-field select:focus{border-color:var(--accent-2);background:var(--surface)}[data-theme=dark] .ma-add-row input,[data-theme=dark] .ma-add-row select,[data-theme=dark] .settings-name-input{background:var(--surface-2);border-color:var(--border);color:var(--text)}[data-theme=dark] .settings-name-input:focus{border-color:var(--accent-2);background:var(--surface)}[data-theme=dark] .bu-date-input{background:var(--surface-2);border-color:var(--border);color:var(--text)}[data-theme=dark] .urlaub-item{background:var(--surface);box-shadow:none;border:1px solid var(--border)}[data-theme=dark] .urlaub-main-tab{background:var(--surface-2);border-color:var(--border);color:var(--text-2)}[data-theme=dark] .urlaub-main-tab:hover{border-color:var(--accent-2);color:var(--text)}[data-theme=dark] .urlaub-main-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}[data-theme=dark] .urlaub-tab{background:var(--surface-2);border-color:var(--border);color:var(--text-2)}[data-theme=dark] .urlaub-tab.active{background:var(--accent-2);border-color:var(--accent-2);color:#fff}[data-theme=dark] .emp-week-card{background:var(--surface-2);border-color:var(--border)}[data-theme=dark] .emp-week-current{background:var(--accent-light);border-color:var(--accent-2)}[data-theme=dark] .emp-day{background:var(--surface);border-color:var(--border)}[data-theme=dark] .emp-day-today{background:var(--accent-light);border-color:var(--accent-2)}[data-theme=dark] .emp-day-weekend{background:var(--surface-2)}[data-theme=dark] .emp-month-card{background:var(--surface-2);border-color:var(--border)}[data-theme=dark] .emp-month-cell{background:var(--surface);border-color:var(--border-light)}[data-theme=dark] .emp-mc-weekend{background:var(--surface-2)}[data-theme=dark] .emp-mc-today{background:var(--accent-light);border-color:var(--accent-2)}[data-theme=dark] .emp-stat-arbeit{background:#052e16;color:#86efac}[data-theme=dark] .emp-stat-urlaub{background:#1e3a5f;color:#93c5fd}[data-theme=dark] .emp-stat-krank{background:#450a0a;color:#fca5a5}[data-theme=dark] .emp-stat-total{background:var(--surface-2);color:var(--text-2)}[data-theme=dark] .vr-form input,[data-theme=dark] .vr-form select,[data-theme=dark] .vr-form textarea,[data-theme=dark] .urlaub-review-input{background:var(--surface-2);border-color:var(--border);color:var(--text)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-4);gap:10px}.empty-state-icon{font-size:40px;opacity:.5;line-height:1}.empty-state-title{font-size:15px;font-weight:600;color:var(--text-3);margin:0}.empty-state-desc{font-size:13px;color:var(--text-4);max-width:280px;line-height:1.5;margin:0}.empty-state-action{margin-top:6px}