@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.sp-header-actions{display:flex;gap:8px}.sp-week-nav{display:flex;align-items:center;justify-content:center;padding:10px 24px;background:var(--navy-light);gap:24px}.sp-nav-btn{width:36px;height:36px;border-radius:8px;background:#ffffff26;border:none;color:var(--white);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.sp-nav-btn:hover{background:#ffffff40}.sp-kw-info{text-align:center}.sp-kw-label{display:block;font-size:18px;font-weight:700;color:var(--white)}.sp-kw-range{display:block;font-size:12px;color:#ffffffa6;margin-top:2px}.sp-table-wrap{flex:1;overflow:auto;padding:0}.sp-table{min-width:100%;display:table;border-collapse:collapse}.sp-thead{display:flex;position:sticky;top:0;z-index:5}.sp-th{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:48px;background:var(--section-bg);border-right:1px solid rgba(255,255,255,.12)}.sp-th-emp{width:160px;background:var(--navy-dark);font-size:12px;font-weight:600;color:var(--white)}.sp-th-day{flex:1;min-width:120px}.sp-th-day.sp-weekend{background:#1e2a52b3}.sp-th-day.sp-today{background:var(--blue-light)}.sp-th-dayname{font-size:13px;font-weight:700;color:var(--white)}.sp-th-date{font-size:11px;color:#ffffffbf;margin-top:1px}.sp-tbody{display:flex;flex-direction:column}.sp-row{display:flex;border-bottom:1px solid var(--border)}.sp-row-even{background:var(--blue-row1)}.sp-row-odd{background:var(--white)}.sp-cell{flex-shrink:0;display:flex;align-items:center;border-right:1px solid var(--border)}.sp-cell-emp{width:160px;background:var(--blue-pale);padding:8px 10px;gap:8px;position:sticky;left:0;z-index:2}.sp-emp-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--white);flex-shrink:0}.sp-emp-info{display:flex;flex-direction:column;min-width:0}.sp-emp-last{font-size:12px;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-emp-first{font-size:11px;color:var(--text-mid)}.sp-cell-day{flex:1;min-width:120px;min-height:68px;padding:6px;flex-direction:column;justify-content:center;gap:4px}.sp-weekend-cell{background:#1e3a6b0a}.sp-today-cell{background:#4a90d912}.sp-shift-chip{width:100%;border:none;border-radius:6px;padding:6px 8px;cursor:pointer;text-align:center;transition:all .15s}.sp-shift-chip:hover{opacity:.88;transform:scale(1.02)}.sp-shift-time{display:block;font-size:12px;font-weight:600;color:var(--white)}.sp-shift-art{display:block;font-size:10px;color:#fffc;margin-top:1px}.sp-add-btn{width:30px;height:30px;border-radius:50%;border:1.5px dashed var(--border);background:#2e6bc40f;color:var(--text-light);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;margin:0 auto}.sp-add-btn:hover{background:#2e6bc424;border-color:var(--blue);color:var(--blue)}.sp-modal-info{display:flex;align-items:center;gap:8px;background:var(--blue-pale);padding:10px 14px;border-radius:8px;margin-bottom:16px;font-size:13px;font-weight:500;color:var(--navy)}.ma-layout{flex:1;display:flex;overflow:hidden}.ma-list-panel{width:260px;border-right:1px solid var(--border);background:var(--white);overflow-y:auto;flex-shrink:0}.ma-list-header{padding:12px 16px;font-size:12px;font-weight:600;color:var(--text-mid);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:var(--blue-row1)}.ma-empty{padding:32px 16px;text-align:center;color:var(--text-light);display:flex;flex-direction:column;align-items:center;gap:12px}.ma-card{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:none;background:var(--white);border-bottom:1px solid var(--border);cursor:pointer;text-align:left;transition:all .12s}.ma-card:hover{background:var(--blue-row1)}.ma-card-active{background:var(--blue-pale);border-left:3px solid var(--blue)}.ma-card-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--white);flex-shrink:0}.ma-card-info{display:flex;flex-direction:column;min-width:0}.ma-card-name{font-size:13px;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ma-card-login{font-size:11px;color:var(--text-mid);margin-top:1px}.ma-detail-panel{flex:1;overflow-y:auto;padding:20px 24px}.ma-no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-light);gap:12px}.ma-no-icon{font-size:60px;opacity:.3}.ma-detail-header{display:flex;align-items:center;gap:14px;padding:16px;background:var(--white);border-radius:12px;border:1px solid var(--border);margin-bottom:16px}.ma-detail-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--white);flex-shrink:0}.ma-detail-name{font-size:17px;font-weight:700;color:var(--text-dark)}.ma-detail-login{font-size:13px;color:var(--text-mid);margin-top:2px}.ma-section{border-radius:12px;overflow:hidden;border:1px solid var(--border);margin-bottom:14px}.ma-section-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;font-size:12px;font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:.5px}.ma-section-edit-btn{background:#fff3;border:none;color:var(--white);font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .15s}.ma-section-edit-btn:hover{background:#ffffff59}.ma-section-body{padding:4px 16px;background:var(--white)}.ma-info-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.ma-info-row:last-child{border-bottom:none}.ma-info-label{font-size:13px;color:var(--text-mid)}.ma-info-value{font-size:13px;font-weight:600;color:var(--text-dark)}.ma-rest-row{display:flex;justify-content:space-between;padding:12px 0 8px}.ma-rest-label{font-size:14px;font-weight:700;color:var(--text-dark)}.ma-rest-value{font-size:15px;font-weight:700}.ma-rest-value.positive{color:var(--success)}.ma-rest-value.negative{color:var(--danger)}.az-month-nav{display:flex;align-items:center;gap:12px}.az-month-text{font-size:16px;font-weight:700;color:var(--white);min-width:160px;text-align:center}.az-ma-bar{display:flex;gap:8px;padding:10px 20px;overflow-x:auto;background:var(--white);border-bottom:1px solid var(--border);flex-shrink:0}.az-ma-chip{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:var(--background);font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:var(--text-mid);cursor:pointer;transition:all .15s;white-space:nowrap}.az-ma-chip:hover{background:var(--blue-pale)}.az-ma-chip-active{background:var(--navy);color:var(--white);border-color:var(--navy)}.az-ma-chip-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--white)}.az-summary{display:flex;gap:12px;padding:14px 20px;background:var(--background);flex-shrink:0}.az-summary-card{flex:1;background:var(--white);border-radius:10px;padding:14px;border:1px solid var(--border);display:flex;flex-direction:column;gap:4px;align-items:center}.az-summary-label{font-size:11px;font-weight:600;color:var(--text-mid);text-transform:uppercase;letter-spacing:.3px}.az-summary-value{font-size:16px;font-weight:700}.az-th{padding:10px 14px;font-size:12px;font-weight:600;color:var(--white);text-align:center;background:var(--section-bg);position:sticky;top:0;z-index:3}.az-td{padding:10px 14px;font-size:13px;text-align:center;border-bottom:1px solid var(--border);color:var(--text-dark)}.az-td-day{font-weight:700}.az-td-wt{font-weight:500;color:var(--text-mid)}.az-weekend-text{color:var(--danger)}.az-td-netto{font-weight:700;color:var(--navy)}.az-status-ok{background:#27ae601f;color:var(--success)}.az-status-plan{background:#f39c121f;color:var(--warning)}.az-status-empty{color:var(--text-light)}.az-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.fp-filter-bar{display:flex;gap:6px;padding:8px 20px;background:var(--white);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap;align-items:center}.fp-filter-chip{padding:5px 14px;border-radius:16px;border:1px solid var(--border);background:var(--background);font-size:12px;font-weight:500;color:var(--text-mid);cursor:pointer;font-family:Inter,sans-serif;transition:all .15s}.fp-filter-chip:hover{background:var(--blue-pale)}.fp-filter-chip.active{background:var(--navy);color:var(--white);border-color:var(--navy)}.fp-count{margin-left:auto;font-size:12px;color:var(--text-light);font-weight:500}.fp-table-wrap{flex:1;overflow:auto}.fp-status-select{border:none;background:none;font-size:12px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;padding:2px 4px;border-radius:4px}.fp-status-select:hover{background:var(--background)}.fa-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--danger);color:#fff;border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:700;margin-left:8px}.fa-list{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.fa-card{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:16px;border-left:4px solid var(--border)}.fa-card-offen{border-left-color:var(--blue)}.fa-card-angenommen{border-left-color:var(--success)}.fa-card-abgelehnt{border-left-color:var(--text-light);opacity:.65}.fa-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.fa-card-date{font-size:13px;font-weight:700;color:var(--navy)}.fa-card-status{display:inline-block;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:600;margin-left:8px}.fa-s-offen{background:#2e6bc41f;color:var(--blue)}.fa-s-angenommen{background:#27ae601f;color:var(--success)}.fa-s-abgelehnt{background:#8e9bb826;color:var(--text-light)}.fa-card-auftraggeber{font-size:12px;color:var(--text-mid);font-weight:500}.fa-card-body{display:flex;gap:24px;flex-wrap:wrap}.fa-route{display:flex;flex-direction:column;gap:4px;min-width:160px}.fa-route-point{display:flex;align-items:center;gap:8px;font-size:13px}.fa-route-line{height:16px;width:2px;background:var(--border);margin-left:8px}.fa-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.fa-dot-blue{background:var(--blue)}.fa-dot-red{background:var(--danger)}.fa-card-info{font-size:13px;color:var(--text-mid);display:flex;flex-direction:column;gap:4px}.fa-label{font-weight:600;color:var(--text-dark);margin-right:4px}.fa-card-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.btn-sm{padding:6px 14px;font-size:12px}.ab-detail-grid{display:flex;flex-direction:column;gap:12px}.ab-detail-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.ab-detail-label{font-size:12px;font-weight:600;color:var(--text-mid);min-width:120px}.dok-grid{flex:1;overflow-y:auto;padding:16px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;align-content:start}.dok-card{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:14px;display:flex;align-items:center;gap:12px;transition:box-shadow .15s}.dok-card:hover{box-shadow:0 2px 10px #00000014}.dok-card-icon{font-size:28px;flex-shrink:0}.dok-card-info{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.dok-card-name{font-size:13px;font-weight:600;color:var(--text-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dok-card-meta{font-size:11px;color:var(--text-mid)}.dok-card-date{font-size:11px;color:var(--text-light)}.dok-card-del{width:24px;height:24px;border-radius:50%;border:none;background:none;color:var(--text-light);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.dok-card-del:hover{background:#e74c3c1a;color:var(--danger)}.ks-content{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.ks-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.ks-card{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:18px 16px;display:flex;flex-direction:column;gap:4px}.ks-card-label{font-size:11px;font-weight:600;color:var(--text-mid);text-transform:uppercase;letter-spacing:.3px}.ks-card-value{font-size:22px;font-weight:700}.ks-card-sub{font-size:11px;color:var(--text-light)}.ks-row{display:flex;gap:16px;flex-wrap:wrap}.ks-section{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:18px}.ks-chart-section{flex:2;min-width:280px}.ks-stats-section{flex:1;min-width:200px}.ks-section-title{font-size:13px;font-weight:700;color:var(--navy);margin-bottom:16px}.ks-chart{display:flex;align-items:flex-end;gap:12px;height:200px}.ks-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;justify-content:flex-end}.ks-bar-val{font-size:9px;color:var(--text-light);text-align:center;height:20px;display:flex;align-items:flex-end}.ks-bar{width:100%;background:var(--blue);border-radius:4px 4px 0 0;transition:height .3s;min-height:4px}.ks-bar-label{font-size:11px;color:var(--text-mid);font-weight:500}.ks-stat-list{display:flex;flex-direction:column;gap:12px}.ks-stat{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.ks-stat-label{font-size:13px;color:var(--text-mid)}.ks-stat-val{font-size:14px;font-weight:700;color:var(--navy)}.sd-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);background:var(--white);padding:0 20px;flex-shrink:0}.sd-tab{padding:12px 20px;border:none;background:none;font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:var(--text-mid);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .15s}.sd-tab:hover{color:var(--navy)}.sd-tab-active{color:var(--navy);border-bottom-color:var(--blue);font-weight:700}.sd-unternehmen{flex:1;overflow-y:auto;padding:20px}.sd-section-title{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:16px}.sd-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.karte-layout{flex:1;display:flex;overflow:hidden}.karte-map-wrap{flex:1;position:relative}.karte-iframe{width:100%;height:100%;border:none}.karte-map-overlay{position:absolute;bottom:12px;left:12px;background:#1b3a6bd9;color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.karte-list{width:300px;background:var(--white);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.karte-list-header{padding:14px 16px;font-size:13px;font-weight:700;color:var(--navy);border-bottom:1px solid var(--border);background:var(--background)}.karte-list-empty{padding:24px 16px;text-align:center;color:var(--text-light);font-size:13px}.karte-fahrt{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s;border-left:3px solid transparent}.karte-fahrt:hover{background:var(--blue-pale)}.karte-s-geplant{border-left-color:var(--blue)}.karte-s-unterwegs{border-left-color:var(--warning)}.karte-s-abgeschlossen{border-left-color:var(--success)}.karte-fahrt-time{font-size:13px;font-weight:700;color:var(--navy);min-width:42px}.karte-fahrt-body{flex:1}.karte-fahrt-patient{font-size:13px;font-weight:600;color:var(--text-dark)}.karte-fahrt-route{font-size:11px;color:var(--text-mid);margin-top:2px}.karte-fahrt-meta{font-size:11px;color:var(--text-light);margin-top:2px}.karte-fahrt-status{font-size:10px;font-weight:600;padding:2px 8px;border-radius:8px}.karte-fs-geplant{background:#2e6bc41f;color:var(--blue)}.karte-fs-unterwegs{background:#f39c121f;color:var(--warning)}.karte-fs-abgeschlossen{background:#27ae601f;color:var(--success)}.lp-root{min-height:100vh;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f0f5fc}.lp-left{width:46%;min-height:100vh;background:linear-gradient(155deg,#0d2244,#1b3a6b 45%,#2054a0);display:flex;flex-direction:column;position:relative;overflow:hidden}.lp-left:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 20% 80%,rgba(74,144,217,.18) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 80% 10%,rgba(255,255,255,.06) 0%,transparent 50%);pointer-events:none}.lp-left-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;padding:36px 44px}.lp-brand{display:flex;align-items:center;gap:12px}.lp-brand-icon{display:flex;align-items:center;justify-content:center}.lp-brand-name{font-size:16px;font-weight:700;color:#fff;letter-spacing:3px;opacity:.95}.lp-left-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;padding:20px 0}.lp-hero-graphic{opacity:.9;filter:drop-shadow(0 8px 32px rgba(0,0,0,.18))}.lp-hero-title{font-size:26px;font-weight:700;color:#fff;line-height:1.35;margin:0;max-width:320px}.lp-hero-sub{font-size:14px;color:#ffffffa6;margin:0;letter-spacing:.3px}.lp-left-features{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}.lp-feature{display:flex;align-items:center;gap:10px;color:#fffc;font-size:13px}.lp-feature-dot{width:7px;height:7px;border-radius:50%;background:#ffffff80;flex-shrink:0}.lp-left-footer{font-size:11px;color:#ffffff59;text-align:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.lp-right{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:#f0f5fc}.lp-form-wrap{width:100%;max-width:420px;background:#fff;border-radius:18px;box-shadow:0 4px 6px #1b3a6b0a,0 12px 40px #1b3a6b1a;padding:44px 44px 36px}.lp-form-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:36px}.lp-form-icon{width:44px;height:44px;border-radius:12px;background:#ebf2fa;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lp-form-title{font-size:22px;font-weight:700;color:#1a2744;margin:0 0 4px;line-height:1.2}.lp-form-sub{font-size:13px;color:#8a9bb8;margin:0}.lp-form{display:flex;flex-direction:column;gap:20px}.lp-field-group{display:flex;flex-direction:column;gap:7px}.lp-label{font-size:13px;font-weight:600;color:#3a4a6b;letter-spacing:.1px}.lp-input-wrap{position:relative;display:flex;align-items:center}.lp-input-icon{position:absolute;left:14px;display:flex;align-items:center;pointer-events:none}.lp-input{width:100%;padding:12px 14px 12px 42px;border:1.5px solid #C8D8EC;border-radius:10px;font-size:14px;font-family:Inter,sans-serif;color:#1a2744;background:#f7fafd;outline:none;transition:border-color .18s,box-shadow .18s,background .18s;box-sizing:border-box}.lp-input-pass{padding-right:44px}.lp-input::placeholder{color:#b0bfd4}.lp-input:focus{border-color:#2e6bc4;background:#fff;box-shadow:0 0 0 3px #2e6bc41f}.lp-eye-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:6px;transition:background .15s}.lp-eye-btn:hover{background:#ebf2fa}.lp-row-between{display:flex;align-items:center;justify-content:space-between;margin-top:-4px}.lp-remember{display:flex;align-items:center;gap:7px;font-size:13px;color:#5a6a8a;cursor:pointer;-webkit-user-select:none;user-select:none}.lp-checkbox{width:15px;height:15px;accent-color:#2E6BC4;cursor:pointer}.lp-forgot{font-size:13px;color:#2e6bc4;text-decoration:none;font-weight:500;transition:color .15s}.lp-forgot:hover{color:#1b3a6b;text-decoration:underline}.lp-error{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1.5px solid #fca5a5;color:#c0392b;border-radius:10px;padding:11px 14px;font-size:13px;font-weight:500}.lp-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#1b3a6b,#2e6bc4);color:#fff;border:none;border-radius:10px;padding:14px;font-size:15px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:opacity .15s,transform .1s,box-shadow .2s;box-shadow:0 4px 16px #1b3a6b4d;letter-spacing:.2px;margin-top:4px}.lp-btn:hover{opacity:.92;box-shadow:0 6px 22px #1b3a6b61}.lp-btn:active{transform:scale(.98)}.lp-btn-loading{opacity:.75;cursor:not-allowed;pointer-events:none}.lp-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:lp-spin .7s linear infinite}@keyframes lp-spin{to{transform:rotate(360deg)}}.lp-form-footer{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11.5px;color:#b0bfd4;margin-top:24px;padding-top:20px;border-top:1px solid #EBF2FA}@media(max-width:820px){.lp-left{display:none}.lp-right{padding:60px 16px 24px;background:linear-gradient(155deg,#0d2244,#1b3a6b 45%,#2054a0);align-items:flex-start}.lp-form-wrap{box-shadow:0 20px 60px #00000040}}@media(max-width:480px){.lp-form-wrap{padding:32px 24px 28px;border-radius:14px}}*{margin:0;padding:0;box-sizing:border-box}:root{--navy: #1B3A6B;--navy-dark: #122A52;--navy-light: #2E5BA8;--blue: #2E6BC4;--blue-light: #4A90D9;--blue-pale: #D6E8F7;--blue-row1: #EBF2FA;--blue-row2: #F7FBFF;--header-bg: #1B3A6B;--section-bg: #2E6BC4;--white: #FFFFFF;--text-dark: #1A2744;--text-mid: #4A5568;--text-light: #8A9BB8;--border: #C8D8EC;--success: #27AE60;--warning: #F39C12;--danger: #E74C3C;--background: #F0F5FC;--card-bg: #FFFFFF;--input-bg: #F4F8FC}html,body,#root{height:100%;width:100%;font-family:Inter,-apple-system,sans-serif;background:var(--background);color:var(--text-dark);overflow:hidden}.app-layout{display:flex;height:100vh;width:100%}.sidebar{width:220px;background:var(--navy);display:flex;flex-direction:column;flex-shrink:0;box-shadow:2px 0 12px #00000026;z-index:10}.sidebar-logo{padding:20px 16px 12px;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-logo h1{font-size:18px;font-weight:700;color:var(--white);letter-spacing:.3px}.sidebar-logo p{font-size:11px;color:#ffffff80;margin-top:3px}.sidebar-nav{padding:12px 8px;flex:1;min-height:0;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:#ffffffa6;text-decoration:none;font-size:14px;font-weight:500;transition:all .15s;cursor:pointer;border:none;background:none;width:100%;text-align:left}.sidebar-link:hover{background:#ffffff14;color:var(--white)}.sidebar-link.active{background:#ffffff26;color:var(--white);font-weight:600}.sidebar-link svg{width:20px;height:20px;flex-shrink:0}.sidebar-link-icon{font-size:16px;flex-shrink:0;width:20px;text-align:center}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:0 8px 4px;background:#ffffff12;border-radius:8px}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--white);flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;gap:1px;overflow:hidden}.sidebar-user-name{font-size:12px;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:10px;color:#ffffff73}.sidebar-footer{padding:12px 8px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-logout{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;width:100%;background:none;border:none;color:#ffffff80;font-size:13px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .15s;text-align:left}.sidebar-logout:hover{background:#e74c3c33;color:#ff8a7a}.sidebar-logout svg{width:18px;height:18px;flex-shrink:0}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.page-header{background:var(--navy);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000001f;flex-shrink:0}.page-header h2{font-size:20px;font-weight:700;color:var(--white)}.page-body{flex:1;overflow:auto;padding:0}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s}.btn-primary{background:var(--navy);color:var(--white)}.btn-primary:hover{background:var(--navy-dark)}.btn-secondary{background:var(--input-bg);color:var(--text-mid);border:1px solid var(--border)}.btn-secondary:hover{background:var(--blue-pale)}.btn-ghost{background:#ffffff26;color:var(--white)}.btn-ghost:hover{background:#ffffff40}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover{background:#e74c3c14}.btn-sm{padding:6px 10px;font-size:12px}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s}.modal-container{background:var(--white);border-radius:16px;width:520px;max-width:92vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;animation:slideUp .2s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:17px;font-weight:700;color:var(--text-dark)}.modal-close{width:32px;height:32px;border-radius:8px;border:none;background:var(--input-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-mid);transition:all .15s}.modal-close:hover{background:var(--blue-pale);color:var(--text-dark)}.modal-body{padding:20px 24px;overflow-y:auto;flex:1}.modal-footer{display:flex;gap:10px;padding:16px 24px;border-top:1px solid var(--border);justify-content:flex-end}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--navy);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.form-input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:10px;font-family:Inter,sans-serif;font-size:14px;color:var(--text-dark);background:var(--input-bg);transition:border-color .15s;outline:none}.form-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2e6bc41f}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1}.section-label{font-size:11px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;margin-top:8px}.dropdown-select{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:10px;font-family:Inter,sans-serif;font-size:14px;color:var(--text-dark);background:var(--input-bg);cursor:pointer;outline:none;appearance:auto}.dropdown-select:focus{border-color:var(--blue)}.checkbox-row{display:flex;gap:8px;flex-wrap:wrap}.day-checkbox{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1.5px solid var(--border);background:var(--white);font-size:12px;font-weight:600;color:var(--text-mid);cursor:pointer;transition:all .15s}.day-checkbox.active{background:var(--blue);border-color:var(--blue);color:var(--white)}.hint-text{font-size:12px;color:var(--blue);text-align:center;margin:6px 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.az-table-wrap{flex:1;overflow:auto}.az-table{width:100%;border-collapse:collapse}.az-th{padding:10px 14px;font-size:12px;font-weight:600;color:var(--white);text-align:left;background:var(--section-bg);position:sticky;top:0;z-index:3}.az-row{cursor:pointer;transition:background .1s}.az-row:hover{background:var(--blue-pale)!important}.az-row-even{background:var(--blue-row1)}.az-row-odd{background:var(--white)}.az-row-weekend{background:#e74c3c0a}.az-td{padding:10px 14px;font-size:13px;text-align:left;border-bottom:1px solid var(--border);color:var(--text-dark)}.az-td-gray{color:var(--text-light)}.az-status{display:inline-block;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:600}.az-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px}.az-empty-title{font-size:18px;font-weight:600;color:var(--text-mid)}.az-empty-sub{font-size:14px;color:var(--text-light)}.ab-summary{display:flex;gap:12px;padding:14px 20px;background:var(--background);flex-shrink:0;flex-wrap:wrap}.ab-sum-card{flex:1;min-width:120px;background:var(--white);border-radius:10px;padding:14px;border:1px solid var(--border);display:flex;flex-direction:column;gap:4px;align-items:center}.ab-sum-label{font-size:11px;font-weight:600;color:var(--text-mid);text-transform:uppercase;letter-spacing:.3px}.ab-sum-val{font-size:16px;font-weight:700;color:var(--navy)}