.app-header{display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 16px;background:var(--bg-page);border-bottom:2px solid var(--border-card);padding-top:env(safe-area-inset-top)}.app-header--fixed{position:fixed;top:0;left:0;right:0;z-index:var(--z-header)}.app-header-spacer{height:calc(56px + env(safe-area-inset-top,0px))}.app-header__left{display:flex;align-items:center;gap:12px;flex-shrink:0}.app-header__center{display:flex;align-items:center;gap:12px;flex:1;justify-content:center}.app-header__right{display:flex;align-items:center;gap:12px;flex-shrink:0}.app-header--primary .app-header__logo{font-family:Quattrocento,serif;font-size:24px;font-weight:700;color:var(--text-heading);margin:0}.app-header--detail .app-header__title{font-family:Quattrocento,serif;font-size:18px;font-weight:600;color:var(--text-heading);margin:0}.app-header__back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;color:var(--text-heading);font-size:28px;line-height:1;cursor:pointer;transition:all .2s}.app-header__back-btn:active{transform:scale(.95)}.app-header--modal{background:transparent;border-bottom:none;padding:0;margin-bottom:20px}.app-header--modal .app-header__title{font-family:Quattrocento,serif;font-size:24px;font-weight:700;color:var(--text-heading);margin:0}.app-header__close-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px;padding:0;background:var(--bg-card);border:none;border-radius:50%;color:var(--text-secondary);font-size:24px;line-height:1;cursor:pointer;transition:all .2s;flex-shrink:0;aspect-ratio:1}.app-header__close-btn:active{opacity:.7}.app-header .header-action-btn{padding:8px 16px;background:var(--primary-text);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;font-family:Questrial,sans-serif;transition:all .2s;min-height:44px;min-width:44px;white-space:nowrap}.app-header .header-action-btn:active{transform:scale(.97)}.app-header .header-action-btn--secondary{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-body)}@media(max-width:768px){.app-header{padding:0 12px}.app-header--primary .app-header__logo{font-size:20px}.app-header--detail .app-header__title{font-size:16px}.app-header--modal .app-header__title{font-size:20px}.app-header__back-btn{width:40px;height:40px;min-width:40px;min-height:40px;font-size:24px}}@media(min-width:1200px){.app-header{max-width:1200px;margin:0 auto}.app-header--fixed{left:50%;right:auto;transform:translate(-50%);width:100%;max-width:1200px}}.balance-summary{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:20px;margin-bottom:24px}.balance-summary-header{margin-bottom:16px}.balance-summary-title{font-family:Quattrocento,serif;font-size:18px;font-weight:700;color:var(--text-heading);margin:0}.balance-summary-total{display:flex;align-items:baseline;gap:6px}.total-value{font-family:Quattrocento,serif;font-size:32px;font-weight:700;color:var(--primary-text)}.total-unit{font-family:Questrial,sans-serif;font-size:14px;color:var(--text-secondary);text-transform:lowercase}.balance-summary-users{display:flex;flex-direction:column;gap:12px}.user-balance{padding:12px;background:var(--bg-panel);border-radius:8px;border:1px solid transparent;transition:all .3s ease;cursor:pointer}.user-balance:active{background:var(--bg-elevated)}.user-balance.expanded{background:var(--primary-bg);border-color:var(--primary-text)}.user-balance-normal{border-color:transparent}.user-balance-low,.user-balance-depleted{border-color:transparent;background:var(--bg-panel)}.user-balance-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.user-name{font-family:Questrial,sans-serif;font-size:14px;font-weight:600;color:var(--text-body)}.user-remaining{font-family:Questrial,sans-serif;font-size:16px;font-weight:700;color:var(--text-heading)}.user-balance-low .user-remaining{color:var(--warning)}.user-balance-depleted .user-remaining{color:var(--warning-dark)}.user-balance-bar{width:100%;height:4px;background:var(--progress-bg);border-radius:2px;overflow:hidden}.user-balance-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-text),var(--primary-light));border-radius:2px;transition:width .3s ease}.user-balance-low .user-balance-bar-fill{background:linear-gradient(90deg,var(--warning),var(--warning-light))}.user-balance-depleted .user-balance-bar-fill{background:linear-gradient(90deg,var(--warning-dark),var(--warning))}.next-cycle-hint{margin-top:8px;font-family:Questrial,sans-serif;font-size:12px;color:var(--text-muted);line-height:1.4}@media(max-width:768px){.balance-summary{padding:16px}.balance-summary-title{font-size:16px}.total-value{font-size:28px}.total-unit{font-size:12px}.user-name{font-size:13px}.user-remaining{font-size:14px}}@media(min-width:768px){.balance-summary-users{flex-direction:row;gap:16px}.user-balance{flex:1}}@media(min-width:1200px){.balance-summary{padding:24px}.balance-summary-title{font-size:20px}.total-value{font-size:36px}}.user-balance-breakdown{width:100%}.breakdown-header{margin-bottom:12px}.breakdown-header .user-name{font-size:16px;font-weight:700;color:var(--text-heading)}.breakdown-items{display:flex;flex-direction:column;gap:8px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;font-family:Questrial,sans-serif;font-size:14px}.breakdown-label{color:var(--text-secondary);font-weight:400}.breakdown-value{color:var(--text-body);font-weight:600}.breakdown-value.negative{color:var(--warning-dark)}.breakdown-item.total{margin-top:4px}.breakdown-item.total .breakdown-label{color:var(--text-heading);font-weight:700;font-size:15px}.breakdown-item.total .breakdown-value{color:var(--primary-text);font-weight:700;font-size:16px}.breakdown-divider{height:1px;background:var(--border-subtle);margin:4px 0}.breakdown-footnote{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle);font-family:Questrial,sans-serif;font-size:12px;color:var(--text-muted);font-style:italic}.balance-summary-combined{text-align:center;margin-top:16px;font-family:Questrial,sans-serif;font-size:14px;color:var(--text-muted);font-style:italic}.holiday-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:20px;margin-bottom:16px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-card)}.holiday-card:active{background:var(--bg-elevated)}.holiday-card-needs-attention{border-color:var(--warning);border-width:2px;box-shadow:0 2px 8px var(--warning-shadow)}.holiday-card-covered{opacity:.85}.holiday-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.holiday-card-title{font-family:Quattrocento,serif;font-size:18px;font-weight:700;color:var(--text-heading);margin:0;flex:1}.holiday-card-badge{font-family:Questrial,sans-serif;font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;white-space:nowrap;letter-spacing:.3px}.badge-needs-attention{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning)}.badge-covered{background:var(--success-bg);color:var(--success);border:1px solid var(--success)}.holiday-card-meta{display:flex;align-items:center;gap:8px;font-family:Questrial,sans-serif;font-size:14px;color:var(--text-body);margin-bottom:16px}.holiday-card-dates{font-weight:500}.holiday-card-divider{color:var(--text-muted)}.holiday-card-working-days{color:var(--text-secondary)}.holiday-card-progress{margin-bottom:12px}.progress-bar-container{width:100%;height:8px;background:var(--progress-bg);border-radius:4px;overflow:hidden;margin-bottom:6px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--success),var(--success-light));border-radius:4px;transition:width .3s ease}.holiday-card-needs-attention .progress-bar-fill{background:linear-gradient(90deg,var(--warning),var(--warning-light))}.progress-bar-label{font-family:Questrial,sans-serif;font-size:13px;color:var(--text-secondary)}.holiday-card-gap{font-family:Questrial,sans-serif;font-size:14px;color:var(--warning);background:var(--warning-bg);padding:10px 12px;border-radius:8px;margin-bottom:12px;border-left:3px solid var(--warning)}.gap-label{font-weight:600}.holiday-card-actions{display:flex;gap:8px;margin-top:12px}.holiday-card-action{flex:1;padding:12px 16px;background:var(--primary-text);color:#fff;border:none;border-radius:8px;font-family:Questrial,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px;min-width:44px}.holiday-card-action:active{transform:scale(.97)}.holiday-card-action.muted{background:var(--bg-card-hover);color:var(--text-muted);border:1px solid var(--border-card)}.holiday-card-action.muted:active{background:var(--bg-elevated)}@media(max-width:768px){.holiday-card{padding:16px}.holiday-card-title{font-size:16px}.holiday-card-badge{font-size:10px;padding:3px 8px}.holiday-card-meta{font-size:13px}}@media(min-width:1200px){.holiday-card{padding:24px}.holiday-card-title{font-size:20px}}.leave-form-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;overscroll-behavior:contain}.leave-form-panel{font-family:Questrial,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-modal);border:1px solid var(--border-card);border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;overflow-x:hidden;padding:30px;position:relative;box-shadow:var(--shadow-xl);box-sizing:border-box}.leave-form-panel form{width:100%;box-sizing:border-box}.form-group{margin-bottom:20px;box-sizing:border-box;width:100%;max-width:100%}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:var(--text-heading);font-size:14px;width:100%;box-sizing:border-box}.field-hint{font-weight:400;color:var(--text-muted);font-size:13px;margin-left:5px}.form-group input,.form-group select,.form-group textarea{width:100%;max-width:100%;padding:10px 12px;border:1px solid var(--border-card);border-radius:6px;font-size:15px;font-family:inherit;transition:border-color .2s;box-sizing:border-box;min-height:44px;background:var(--bg-input);color:var(--text-body);margin:0}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-text);background:var(--bg-modal)}.form-group textarea{resize:vertical;min-height:80px}.field-helper{margin-top:6px;font-size:13px;color:var(--text-muted)}.manual-override{color:var(--warning);font-weight:500}.balance-info{background:var(--primary-bg);border:1px solid var(--primary-text);padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;color:var(--primary-light)}.balance-info strong{display:block;margin-bottom:4px;color:var(--primary-lighter)}.balance-info small{color:var(--text-muted)}.error-message{background:var(--error-bg);color:var(--error);padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;border-left:4px solid var(--error-dark)}.warning-message{background:var(--warning-bg);color:var(--warning);padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;border-left:4px solid var(--warning-dark)}.form-actions{display:flex;gap:10px;margin-top:30px}.btn-primary,.btn-secondary,.btn-danger{flex:1;padding:12px 20px;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;min-height:48px}.btn-primary{background:var(--primary-text);color:#fff}.btn-secondary{background:var(--bg-card);color:var(--text-body);border:1px solid var(--border-card)}.btn-danger{background:var(--error);color:#fff}.btn-danger:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed}.delete-confirm-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.delete-confirm-box{background:var(--bg-modal);border:1px solid var(--border-card);padding:30px;border-radius:12px;max-width:400px;width:calc(100% - 40px);box-shadow:var(--shadow-xl)}.delete-confirm-box h3{font-family:Quattrocento,serif;margin:0 0 10px;font-size:20px;font-weight:700;color:var(--text-heading)}.delete-confirm-box p{margin:0 0 20px;color:var(--text-secondary)}.delete-confirm-actions{display:flex;gap:10px}@media(max-width:600px){.leave-form-overlay{padding:0;align-items:flex-start}.leave-form-panel{padding:calc(20px + env(safe-area-inset-top,0px)) 20px 20px 20px;padding-bottom:0;max-height:100vh;max-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:0;width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column}.leave-form-panel form{flex:1;overflow-y:auto;padding-bottom:20px}.form-actions{flex-direction:column;position:sticky;bottom:0;background:var(--bg-modal);padding:15px 0;padding-bottom:calc(15px + env(safe-area-inset-bottom,0px));margin:0 -20px;padding-left:20px;padding-right:20px;border-top:1px solid var(--border-card)}.btn-danger{order:3}.form-group input[type=date]{width:100%;max-width:100%;min-width:0;font-size:16px;-webkit-appearance:none;appearance:none}.form-group input,.form-group select,.form-group textarea{width:100%;max-width:100%;min-width:0}}.impact-preview{background:var(--primary-bg);border:1px solid var(--primary-text);border-radius:8px;padding:16px;margin-bottom:20px}.impact-preview h3{font-family:Quattrocento,serif;margin:0 0 12px;font-size:16px;font-weight:700;color:var(--primary-lighter)}.preview-loading{display:flex;align-items:center;gap:8px;color:var(--primary-light);font-size:14px}.loading-spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preview-calculation{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-card)}.preview-calculation strong{color:var(--primary-lighter);font-size:15px}.calculation-detail{margin-top:4px;font-size:13px;color:var(--text-muted)}.preview-balance{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-card)}.balance-change{color:var(--primary-light);font-size:14px;margin-bottom:4px}.balance-change .negative{color:var(--error);font-weight:600}.cycle-split-notice{color:var(--warning-light);font-size:13px;font-weight:600;margin-bottom:8px}.preview-coverage{margin-bottom:12px;padding:10px;background:var(--primary-bg);border-radius:6px}.coverage-title{font-size:13px;color:var(--text-muted);margin-bottom:4px}.coverage-detail{color:var(--primary-lighter);font-weight:600;margin-bottom:2px}.coverage-stats{font-size:13px;color:var(--primary-light)}.preview-error{display:flex;gap:10px;background:var(--error-bg);border:1px solid var(--error-dark);border-radius:6px;padding:12px;margin-bottom:12px}.error-icon{font-size:18px;flex-shrink:0}.error-content{flex:1}.error-content strong{display:block;color:var(--error);margin-bottom:4px;font-size:14px}.error-content div{color:var(--error-light);font-size:13px;margin-bottom:4px}.error-suggestion{color:var(--text-muted)!important;font-style:italic;margin-top:6px!important}.preview-warning{display:flex;gap:10px;background:var(--warning-bg);border:1px solid var(--warning);border-radius:6px;padding:12px;margin-bottom:12px}.warning-icon{font-size:18px;flex-shrink:0}.warning-content{flex:1}.warning-content strong{display:block;color:var(--warning);margin-bottom:4px;font-size:14px}.warning-content div{color:var(--warning-light);font-size:13px;margin-bottom:4px}.warning-actions{display:flex;gap:8px;margin-top:10px}.btn-small{padding:6px 12px!important;font-size:13px!important;min-height:auto!important;flex:0 1 auto!important}.preview-info{display:flex;gap:10px;background:var(--info-bg);border:1px solid var(--info);border-radius:6px;padding:12px;margin-bottom:12px}.info-icon{font-size:18px;flex-shrink:0}.info-content{flex:1}.info-content strong{display:block;color:var(--info);margin-bottom:4px;font-size:14px}.info-content div{color:var(--info-light);font-size:13px;margin-bottom:4px}.form-group input[type=checkbox],.form-group input[type=radio]{width:auto;min-height:auto;padding:0;margin:0;cursor:pointer;vertical-align:middle}.form-group label input[type=checkbox]{margin-right:8px}.radio-group{display:flex;flex-direction:column;gap:8px;margin-top:8px}.radio-label{display:flex;align-items:center;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.radio-label input[type=radio]{margin-right:8px}.coverage-form-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;overscroll-behavior:contain}.coverage-form-panel{font-family:Questrial,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-modal);border:1px solid var(--border-card);border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;overflow-x:hidden;padding:30px;position:relative;box-shadow:var(--shadow-xl);box-sizing:border-box}.coverage-form-panel form{width:100%;box-sizing:border-box}.coverage-form-panel .form-group{margin-bottom:20px;box-sizing:border-box;width:100%}.coverage-form-panel .form-group label{display:block;margin-bottom:6px;font-weight:600;color:var(--text-heading);font-size:14px}.coverage-form-panel .field-hint{font-weight:400;color:var(--text-muted);font-size:13px;margin-left:5px}.coverage-form-panel input,.coverage-form-panel select,.coverage-form-panel textarea{width:100%;padding:10px 12px;border:1px solid var(--border-card);border-radius:6px;font-size:15px;background:var(--bg-input);color:var(--text-body);font-family:Questrial,sans-serif;box-sizing:border-box;transition:border-color .2s}.coverage-form-panel input:focus,.coverage-form-panel select:focus,.coverage-form-panel textarea:focus{outline:none;border-color:var(--success)}.coverage-form-panel textarea{resize:vertical;min-height:80px}.coverage-form-panel .error-message{background:var(--error-bg);border:1px solid var(--error);color:var(--error);padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}.coverage-form-panel .form-actions{display:flex;gap:12px;margin-top:24px}.coverage-form-panel .submit-btn{flex:1;padding:12px 24px;background:var(--success);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;font-family:Questrial,sans-serif;transition:all .2s;min-height:44px}.coverage-form-panel .submit-btn:active{transform:scale(.97)}.coverage-form-panel .submit-btn:disabled{background:var(--bg-card);color:var(--text-muted);cursor:not-allowed}.coverage-form-panel .delete-btn{padding:12px 24px;background:var(--bg-card);color:var(--error);border:1px solid var(--error);border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;font-family:Questrial,sans-serif;transition:all .2s;min-height:44px}.coverage-form-panel .delete-btn:active{transform:scale(.97)}.coverage-form-panel .delete-btn:disabled{opacity:.5;cursor:not-allowed}.coverage-form-panel .delete-confirm{margin-top:20px;padding:16px;background:var(--error-bg);border:1px solid var(--error);border-radius:6px}.coverage-form-panel .delete-confirm p{margin:0 0 12px;color:var(--error);font-weight:600}.coverage-form-panel .confirm-actions{display:flex;gap:12px}.coverage-form-panel .confirm-delete-btn{flex:1;padding:10px 20px;background:var(--error);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;font-family:Questrial,sans-serif;transition:all .2s;min-height:44px}.coverage-form-panel .confirm-delete-btn:active{transform:scale(.97)}.coverage-form-panel .cancel-btn{flex:1;padding:10px 20px;background:var(--bg-card);color:var(--text-body);border:1px solid var(--border-card);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;font-family:Questrial,sans-serif;transition:all .2s;min-height:44px}.coverage-form-panel .cancel-btn:active{transform:scale(.97)}@media(max-width:768px){.coverage-form-panel{padding:24px 20px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.coverage-form-panel h2{font-size:20px;padding-right:40px}.coverage-form-panel .form-actions,.coverage-form-panel .confirm-actions{flex-direction:column}}.dashboard-container{background:var(--bg-page);color:var(--text-heading);min-height:100vh;font-family:Questrial,sans-serif;padding-bottom:60px}@supports (padding-bottom: env(safe-area-inset-bottom)){.dashboard-container{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}.dashboard-content{max-width:1000px;margin:0 auto;padding:40px 20px}.dashboard-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.dashboard-title h2{font-family:Quattrocento,serif;font-size:28px;margin:0;color:var(--text-heading)}.cycle-toggle{display:flex;gap:0;background:var(--bg-modal);border-radius:8px;padding:4px;border:1px solid var(--border-card)}.cycle-toggle button{padding:8px 20px;background:transparent;color:var(--text-hint);border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;min-height:44px}.cycle-toggle button.active{background:var(--primary-text);color:#fff}.cycle-toggle button:active:not(.active){opacity:.7}.balance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:40px}.balance-card{background:var(--bg-modal);border:2px solid var(--border-card);border-radius:12px;padding:24px;transition:all .2s;box-shadow:var(--shadow-card)}.balance-card.negative{border-color:var(--warning);background:var(--warning-bg)}.balance-card.low{border-color:var(--warning-text)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h3{font-family:Quattrocento,serif;font-size:20px;margin:0;color:var(--text-heading)}.warning-icon{font-size:24px}.balance-main{font-size:32px;font-weight:700;color:var(--text-heading);margin-bottom:8px;font-family:Quattrocento,serif}.balance-card.negative .balance-main{color:var(--warning)}.balance-sub{font-size:14px;color:var(--text-hint);margin-bottom:20px}.balance-details{border-top:1px solid var(--border-card);padding-top:16px;margin-top:16px}.detail-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--text-body)}.detail-row span:first-child{color:var(--text-hint)}.warning-message{background:var(--warning-bg);border:1px solid var(--warning);border-radius:6px;padding:12px;margin-top:16px;font-size:14px;color:var(--warning-text)}.next-cycle-note{font-size:14px;color:var(--text-hint);font-style:italic;margin-top:12px}.dashboard-actions{display:flex;gap:16px;justify-content:center}.add-leave-btn{flex:1;max-width:300px;padding:16px 32px;background:var(--primary-text);color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:Questrial,sans-serif;font-size:18px;font-weight:600;transition:all .2s;min-height:56px;box-shadow:0 4px 12px #8b5cf64d}.view-calendar-btn{flex:1;max-width:300px;padding:16px 32px;background:var(--bg-card);color:var(--text-body);border:1px solid var(--border-card);border-radius:8px;cursor:pointer;font-family:Questrial,sans-serif;font-size:18px;font-weight:600;transition:all .2s;min-height:56px}.view-calendar-btn:active{background:var(--bg-elevated)}.dashboard-loading{text-align:center;padding:60px 20px;color:var(--text-hint);font-size:18px}.dashboard-error{text-align:center;padding:60px 20px}.dashboard-error p{color:var(--warning);font-size:16px;margin-bottom:20px}.retry-btn{padding:12px 24px;background:var(--primary-text);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s}.retry-btn:active{transform:scale(.97)}.holiday-cards-container{margin-top:24px}.no-holidays{text-align:center;padding:60px 20px;background:var(--bg-modal);border:1px dashed var(--border-card);border-radius:12px}.no-holidays p{color:var(--text-hint);font-size:16px;margin-bottom:20px}.configure-btn{padding:12px 24px;background:var(--primary-text);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s}.configure-btn:active{transform:scale(.97)}@media(max-width:768px){.dashboard-header{flex-wrap:wrap;gap:16px;padding:16px}.header-left{flex-shrink:0;gap:8px}.dashboard-header h1{font-size:20px}.header-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}.nav-btn,.logout-btn{padding:12px 8px;font-size:14px;width:100%;text-align:center}.logout-btn{grid-column:span 2}.dashboard-content{padding:24px 16px}.dashboard-title{flex-direction:column;align-items:stretch}.dashboard-title h2{font-size:24px}.cycle-toggle{width:100%}.cycle-toggle button{flex:1}.balance-cards{grid-template-columns:1fr;gap:20px}.balance-main{font-size:28px}.dashboard-actions{flex-direction:column}.add-leave-btn,.view-calendar-btn{max-width:100%}}.holiday-form-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;overscroll-behavior:contain}.holiday-form-panel{font-family:Questrial,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-modal);border:1px solid var(--border-card);border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;overflow-x:hidden;padding:30px;position:relative;box-shadow:var(--shadow-xl);box-sizing:border-box}@media(max-width:600px){.holiday-form-overlay{padding:0;align-items:flex-start}.holiday-form-panel{padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));max-height:100vh;border-radius:0;width:100%;max-width:100%}.form-actions{flex-direction:column}.btn-danger{order:3}.holiday-form-panel .form-group input[type=date]{width:100%;max-width:100%;min-width:0;font-size:16px;-webkit-appearance:none;appearance:none}.holiday-form-panel .form-group input,.holiday-form-panel .form-group select,.holiday-form-panel .form-group textarea{width:100%;max-width:100%;min-width:0}}.calendar-container{display:flex;flex-direction:column;height:100vh;background:var(--bg-page);font-family:Questrial,-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;overflow:hidden;color:var(--text-body);padding-bottom:60px}@supports (padding-bottom: env(safe-area-inset-bottom)){.calendar-container{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}.calendar-header-actions{display:flex;align-items:center;gap:8px}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.header-icon-btn:active{opacity:.7}.header-icon-btn--primary{background:var(--primary-text);border-color:var(--primary-text);color:#fff}.header-icon-btn--primary:active{transform:scale(.97)}.month-nav-row{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;background:var(--bg-page);border-bottom:1px solid var(--border-card)}.month-title{font-size:18px;font-weight:600;color:var(--text-heading);margin:0;font-family:Quattrocento,serif;min-width:160px;text-align:center}.calendar-nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;border-radius:8px;border:1px solid var(--border-card);background:var(--bg-card);color:var(--primary-text);cursor:pointer;transition:all .2s;padding:0}.calendar-nav-btn:active{transform:scale(.95)}.today-btn{padding:8px 16px;background:transparent;color:var(--primary-text);border:1px solid var(--primary-text);border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;font-family:Questrial,sans-serif;transition:all .2s;margin-left:auto}.today-btn:active{transform:scale(.97)}.month-section{background:var(--bg-modal);flex-shrink:0;padding:8px 12px 12px}.month-grid-container{touch-action:pan-y}.day-headers{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.day-header{text-align:center;font-size:12px;font-weight:600;color:var(--text-muted);padding:4px 0}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{height:44px;width:44px;max-width:100%;border:none;background:transparent;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center;cursor:pointer;position:relative;transition:background .2s;padding:0}.calendar-day:active{background:var(--bg-elevated)}.calendar-day .day-number{font-size:16px;font-weight:500;color:var(--text-heading);line-height:1}.calendar-day.other-month .day-number{color:var(--border-input)}.calendar-day.day-type-weekend .day-number,.calendar-day.day-type-bank-holiday .day-number{color:var(--text-muted)}.calendar-day.day-type-gap .day-number{color:var(--warning)}.calendar-day.today{border:2px solid var(--calendar-today-ring)}.calendar-day.today .day-number{color:var(--primary-text);font-weight:600}.calendar-day.selected{background:var(--primary-text)!important}.calendar-day.selected .day-number{color:#fff!important;font-weight:600}.calendar-day.selected .indicator-dot-inner,.calendar-day.selected .indicator-segment{opacity:.9}.day-indicator{position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.day-indicator.indicator-dot{width:6px;height:6px}.indicator-dot-inner{display:block;width:6px;height:6px;border-radius:50%}.day-indicator.indicator-pill{width:20px;height:4px;display:flex;border-radius:2px;overflow:hidden}.indicator-segment{height:100%}.selected-day-section{flex:1;overflow-y:auto;background:var(--bg-page);padding:16px}.selected-day-header{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-card)}.selected-day-date{font-size:18px;font-weight:600;color:var(--text-heading);margin:0 0 4px;font-family:Quattrocento,serif}.selected-day-context{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--text-muted)}.selected-day-context.muted{color:var(--text-muted)}.selected-day-context.amber{color:var(--warning)}.selected-day-context.tappable{cursor:pointer}.selected-day-context.tappable:active,.context-arrow{opacity:.7}.selected-day-events{display:flex;flex-direction:column;gap:8px}.event-row{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-modal);border-radius:8px;transition:background .2s}.event-row.clickable{cursor:pointer}.event-row.clickable:active{background:var(--bg-elevated)}.event-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.event-label{flex:1;font-size:15px;color:var(--text-heading)}.event-arrow{color:var(--text-muted);flex-shrink:0}.no-events{text-align:center;color:var(--text-muted);font-size:14px;padding:24px}.no-coverage-state{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--bg-modal);border-radius:8px;border:1px dashed var(--warning)}.no-coverage-text{color:var(--warning);font-size:15px}.add-coverage-inline{padding:8px 16px;background:var(--warning);color:#000;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;font-family:Questrial,sans-serif;transition:all .2s}.add-coverage-inline:active{transform:scale(.97)}.fab{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom));right:20px;width:56px;height:56px;min-width:56px;min-height:56px;border-radius:50%;background:var(--primary-text);color:#fff;border:none;font-size:32px;cursor:pointer;box-shadow:var(--shadow-primary);display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:var(--z-fab);font-weight:300;line-height:1;padding:0}.fab:active{transform:scale(.95)}.add-menu-overlay{position:fixed;inset:0;background:var(--overlay-bg);z-index:1100;display:flex;align-items:flex-end;justify-content:flex-end;padding:20px;padding-bottom:calc(150px + env(safe-area-inset-bottom));overscroll-behavior:contain}.add-menu{background:var(--bg-modal);border:1px solid var(--border-card);border-radius:12px;padding:8px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:4px;min-width:220px;max-width:280px}.add-menu-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;background:transparent;border:none;text-align:left;cursor:pointer;font-size:15px;color:var(--primary-text-hover);border-radius:8px;transition:background .2s;font-family:Questrial,sans-serif}.add-menu-item:active{background:var(--bg-elevated)}.add-menu-item.disabled{opacity:.5;cursor:not-allowed}.add-menu-item.disabled:active{background:transparent}.add-menu-label{flex:1}.add-menu-balance{font-size:13px;font-weight:600;color:var(--primary-text)}.add-menu-balance.no-balance{color:var(--text-muted)}.add-menu-caregiver .add-menu-label{color:var(--success)}.add-menu-divider{height:1px;background:var(--border-card);margin:4px 8px}.legend-modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px;overscroll-behavior:contain}.legend-modal{background:var(--bg-modal);border:1px solid var(--border-card);border-radius:16px;max-width:360px;width:100%;max-height:80vh;overflow-y:auto}.legend-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-card)}.legend-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-heading);font-family:Quattrocento,serif}.legend-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s}.legend-close-btn:active{opacity:.7}.legend-modal-content{padding:16px 20px 20px}.legend-section{margin-bottom:20px}.legend-section:last-child{margin-bottom:0}.legend-section h4{margin:0 0 12px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.legend-item{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:14px;color:var(--text-secondary)}.legend-text-sample{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-card);border-radius:8px;font-size:14px;font-weight:500}.legend-text-sample.normal{color:var(--text-heading)}.legend-text-sample.muted{color:var(--text-muted)}.legend-text-sample.amber{color:var(--warning)}.legend-indicator-sample{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-pill{width:24px;height:6px;display:flex;border-radius:3px;overflow:hidden}.legend-pill span{height:100%}@media(max-width:768px){.month-nav-row{padding:10px 12px;gap:8px}.month-title{font-size:16px;min-width:140px}.calendar-nav-btn{width:32px;height:32px;min-width:32px;min-height:32px}.today-btn{padding:6px 12px;font-size:13px}.month-section{padding:6px 8px 10px}.calendar-day{height:38px;width:38px}.calendar-day .day-number{font-size:14px}.indicator-dot-inner{width:5px;height:5px}.day-indicator.indicator-pill{width:16px;height:3px}.selected-day-section{padding:12px}.selected-day-date{font-size:16px}.selected-day-context{font-size:13px}.event-row{padding:10px}.event-label{font-size:14px}.fab{width:50px;height:50px;min-width:50px;min-height:50px;font-size:28px;right:16px}.add-menu-overlay{padding-bottom:calc(140px + env(safe-area-inset-bottom))}.add-menu{min-width:200px}.add-menu-item{padding:10px 14px;font-size:14px}}@media(max-width:360px){.calendar-day{height:32px;width:32px}.calendar-day .day-number{font-size:13px}.month-title{font-size:14px;min-width:120px}}.month-grid{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.legend-modal,.add-menu{animation:slideIn .2s ease-out}.add-menu.add-menu-anchored{animation:none}.choice-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;overscroll-behavior:contain}.choice-panel{font-family:Questrial,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-modal);border:1px solid var(--border-card);border-radius:12px;max-width:400px;width:100%;padding:30px;position:relative;box-shadow:var(--shadow-xl)}.choice-description{color:var(--text-muted);font-size:15px;margin-bottom:24px;text-align:center}.choice-buttons{display:flex;flex-direction:column;gap:12px}.choice-btn{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-card-hover);border:1px solid var(--border-card);border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;min-height:72px}.choice-btn:active{background:var(--bg-elevated)}.choice-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--border-card);border-radius:8px;font-size:24px;color:var(--primary-text);flex-shrink:0}.choice-text{display:flex;flex-direction:column;gap:4px}.choice-title{font-size:16px;font-weight:600;color:var(--text-heading)}.choice-subtitle{font-size:13px;color:var(--text-muted)}.choice-icon-dot{width:20px;height:20px;border-radius:50%;background:var(--text-muted)}.choice-btn-user{min-height:60px}.choice-btn-user .choice-icon{width:32px;height:32px;background:transparent}@media(max-width:600px){.choice-panel{padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));max-height:100vh;border-radius:0}}.bookings-container{max-width:900px;margin:0 auto;padding:20px;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));font-family:Questrial,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-page);min-height:100vh;color:var(--text-body)}.bookings-filters{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:13px;font-weight:600;color:var(--text-muted)}.filter-group select{padding:10px 12px;border:1px solid var(--border-card);border-radius:6px;font-size:14px;background:var(--bg-input);color:var(--text-body);cursor:pointer;transition:border-color .2s;min-height:44px;min-width:150px}.filter-group select:focus{outline:none;border-color:var(--primary-text);background:var(--bg-modal)}.add-leave-btn{padding:10px 20px;background:var(--primary-text);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;transition:background .2s;min-height:44px;white-space:nowrap}.add-leave-btn:active{transform:scale(.97)}.bookings-loading{text-align:center;padding:40px;color:var(--text-muted);font-size:16px}.no-bookings{text-align:center;padding:60px 20px}.no-bookings p{color:var(--text-muted);font-size:18px;margin-bottom:20px}.bookings-info{margin-bottom:20px;padding:14px 16px;background:var(--primary-bg);border:1px solid var(--border-card);border-radius:8px;border-left:4px solid var(--primary-text)}.info-text{margin:0;font-size:13px;line-height:1.6;color:var(--text-secondary);display:flex;align-items:flex-start;gap:10px}.info-icon{font-size:16px;flex-shrink:0;margin-top:1px}.bookings-list{display:flex;flex-direction:column;gap:12px}.booking-item{background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s}.booking-item:active{background:var(--bg-elevated)}.booking-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.booking-person{display:flex;align-items:center;gap:10px}.person-indicator{width:12px;height:12px;border-radius:50%}.person-name{font-weight:600;font-size:15px;color:var(--text-heading)}.booking-dates{font-size:14px;color:var(--text-secondary)}.booking-details{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:8px}.booking-amount{font-size:14px;color:var(--text-body);font-weight:500}.booking-notes{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-card);font-size:13px;color:var(--text-muted);font-style:italic}@media(max-width:768px){.bookings-container{padding:15px;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}.bookings-header{flex-direction:row;align-items:center;gap:12px}.header-left{justify-content:flex-start;width:auto;flex:1}.bookings-header h1{font-size:20px}.desktop-only{display:none}.bookings-controls{flex-direction:column;align-items:stretch}.filters{flex-direction:column;width:100%}.filter-group select,.add-leave-btn{width:100%}.booking-main,.booking-details{flex-direction:column;align-items:flex-start;gap:8px}}@media(max-width:480px){.bookings-header{flex-wrap:wrap}.header-left{flex:1}.logout-btn{width:100%}}.parse-input-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;overscroll-behavior:contain}.parse-input-panel{font-family:Questrial,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-modal);border:1px solid var(--border-card);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;padding:30px;position:relative;box-shadow:var(--shadow-xl)}.mode-toggle{display:flex;gap:0;margin-bottom:20px;background:var(--bg-input);border-radius:8px;padding:4px}.mode-btn{flex:1;padding:10px 16px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-height:44px}.mode-btn:active:not(:disabled){opacity:.7}.mode-btn.active{background:var(--primary-text);color:#fff}.mode-btn:disabled{opacity:.5;cursor:not-allowed}.parse-helper-text{color:var(--text-muted);font-size:14px;margin-bottom:16px}.paste-clipboard-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-card-hover);border:1px solid var(--border-card);border-radius:6px;color:var(--primary-text);font-size:14px;cursor:pointer;transition:all .2s;margin-bottom:12px}.paste-clipboard-btn:active{transform:scale(.97)}.textarea-container{position:relative;margin-bottom:16px}.parse-textarea{width:100%;min-height:200px;padding:16px 16px 32px;background:var(--bg-input);border:1px solid var(--border-card);border-radius:8px;color:var(--text-body);font-family:Questrial,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5;resize:vertical;box-sizing:border-box}.parse-textarea:focus{outline:none;border-color:var(--primary-text)}.parse-textarea::placeholder{color:var(--text-muted)}.parse-textarea:disabled{opacity:.7;cursor:not-allowed}.parse-url-input{width:100%;padding:16px;background:var(--bg-input);border:1px solid var(--border-card);border-radius:8px;color:var(--text-body);font-family:Questrial,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;box-sizing:border-box;margin-bottom:16px}.parse-url-input:focus{outline:none;border-color:var(--primary-text)}.parse-url-input::placeholder{color:var(--text-muted)}.parse-url-input:disabled{opacity:.7;cursor:not-allowed}.char-count{position:absolute;bottom:8px;right:12px;font-size:12px;color:var(--text-muted)}.parse-error{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:var(--error-bg);border:1px solid var(--error);border-radius:8px;margin-bottom:16px}.error-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--error);color:#fff;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.error-text{color:var(--error);font-size:14px;line-height:1.4}.parse-actions{display:flex;gap:12px}.parse-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px}@media(max-width:600px){.parse-input-panel{padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));max-height:100vh;border-radius:0}.parse-actions{flex-direction:column}}.review-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;overscroll-behavior:contain}.review-panel{font-family:Questrial,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-modal);border:1px solid var(--border-card);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;padding:30px;position:relative;box-shadow:var(--shadow-xl)}.ai-disclaimer{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--warning-bg);border:1px solid var(--warning);border-radius:8px;margin-bottom:16px}.disclaimer-icon{color:var(--warning);flex-shrink:0}.disclaimer-text{color:var(--warning);font-size:14px;line-height:1.4}.skipped-notice{padding:10px 14px;background:#9ca3af1a;border:1px solid rgba(156,163,175,.3);border-radius:6px;color:#9ca3af;font-size:13px;margin-bottom:16px}.select-all-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.select-all-btn{padding:8px 16px;background:transparent;border:1px solid var(--border-card);border-radius:6px;color:var(--primary-text);font-size:14px;cursor:pointer;transition:all .2s}.select-all-btn:active{transform:scale(.97)}.selected-count{color:var(--text-muted);font-size:14px}.holidays-review-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;max-height:400px;overflow-y:auto}.review-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--bg-input);border:1px solid var(--border-card);border-radius:8px;transition:all .2s}.review-item.selected{border-color:var(--border-hover);background:var(--bg-card)}.review-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer;flex-shrink:0;margin-top:2px}.review-checkbox input{position:absolute;opacity:0;width:0;height:0}.checkmark{width:22px;height:22px;border:2px solid var(--border-card);border-radius:4px;transition:all .2s}.review-checkbox:active .checkmark{border-color:var(--primary-text)}.review-checkbox input:checked~.checkmark{background:var(--primary-text);border-color:var(--primary-text)}.review-checkbox input:checked~.checkmark:after{content:"";position:absolute;left:8px;top:4px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.review-content{flex:1;min-width:0}.review-name{font-size:15px;font-weight:500;color:var(--text-heading);margin-bottom:6px;cursor:pointer;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.review-name:active{opacity:.7}.edit-name-input{width:100%;padding:8px 10px;background:var(--bg-input);border:1px solid var(--primary-text);border-radius:4px;color:var(--text-heading);font-size:15px;font-family:inherit;margin-bottom:6px}.edit-name-input:focus{outline:none}.duplicate-badge{font-size:11px;font-weight:600;text-transform:uppercase;background:var(--warning-bg);color:var(--warning);padding:3px 8px;border-radius:10px;letter-spacing:.5px}.overlap-icon{color:var(--warning);cursor:help;display:inline-flex}.review-dates{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-muted)}.date-clickable{cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .2s;border-bottom:1px dashed var(--text-muted)}.date-clickable:active{background:var(--bg-elevated)}.date-clickable:after{content:" ✎";font-size:11px;opacity:.5}.date-separator{color:var(--text-muted)}.edit-date-input{padding:6px 8px;background:var(--bg-input);border:1px solid var(--primary-text);border-radius:4px;color:var(--text-heading);font-size:14px;font-family:inherit}.edit-date-input:focus{outline:none}.edit-date-input::-webkit-calendar-picker-indicator{filter:invert(1)}[data-theme=light] .edit-date-input::-webkit-calendar-picker-indicator{filter:none}.review-actions{display:flex;gap:12px}.btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--primary-text);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;transition:background .2s;min-height:48px}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:12px 24px;background:transparent;color:var(--text-muted);border:1px solid var(--border-card);border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s;min-height:48px}.btn-secondary:active:not(:disabled){transform:scale(.97)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cancel-confirm-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1100}.cancel-confirm-box{background:var(--bg-modal);border:1px solid var(--border-card);border-radius:12px;padding:24px;max-width:360px;width:90%;text-align:center}.cancel-confirm-box h3{color:var(--text-heading);font-size:18px;margin-bottom:8px}.cancel-confirm-box p{color:var(--text-muted);font-size:14px;margin-bottom:20px}.cancel-confirm-actions{display:flex;gap:12px}.cancel-confirm-actions .btn-danger{flex:1;padding:12px 20px;background:var(--error);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;min-height:48px}.cancel-confirm-actions .btn-danger:active{transform:scale(.97)}.cancel-confirm-actions .btn-secondary{flex:1}@media(max-width:600px){.review-panel{padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));max-height:100vh;border-radius:0}.review-actions,.cancel-confirm-actions{flex-direction:column}.holidays-review-list{max-height:300px}}.school-holidays-container{max-width:900px;margin:0 auto;padding:20px;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));font-family:Questrial,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-page);min-height:100vh;color:var(--text-body)}.success-message{background:var(--success);color:#fff;padding:12px 20px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.holidays-loading{text-align:center;padding:40px;color:var(--text-muted);font-size:16px}.no-holidays{text-align:center;padding:60px 20px}.no-holidays p{color:var(--text-muted);font-size:18px;margin-bottom:20px}.btn-primary{padding:12px 24px;background:var(--primary-text);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;transition:background .2s;min-height:48px}.btn-primary:active{transform:scale(.97)}.holidays-list{display:flex;flex-direction:column;gap:12px}.holiday-item{background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;touch-action:pan-y}.holiday-item.swiped .holiday-content{transform:translate(-80px)}.holiday-content{display:flex;justify-content:space-between;align-items:center;transition:transform .2s}.holiday-main{flex:1}.holiday-name{font-weight:600;font-size:16px;color:var(--text-heading);margin-bottom:6px;display:flex;align-items:center;gap:10px}.future-badge{font-size:11px;font-weight:600;text-transform:uppercase;background:var(--warning-bg);color:var(--warning);padding:3px 8px;border-radius:10px;letter-spacing:.5px}.holiday-dates{font-size:14px;color:var(--text-secondary)}.swipe-delete-btn{position:absolute;right:0;top:0;bottom:0;width:80px;background:var(--primary-text);color:#fff;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.swipe-delete-btn:active{transform:scale(.97)}@media(max-width:768px){.school-holidays-container{padding:15px;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}.school-holidays-header h1{font-size:22px}.holiday-main{flex-direction:column;align-items:flex-start;gap:6px}}.color-picker-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;overscroll-behavior:contain}.color-picker-panel{font-family:Questrial,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-modal);border:1px solid var(--border-card);border-radius:12px;max-width:360px;width:100%;padding:24px;box-shadow:var(--shadow-xl);box-sizing:border-box}.color-picker-title{font-family:Quattrocento,serif;font-size:20px;font-weight:700;color:var(--text-heading);margin:0 0 20px;text-align:center}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.color-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:transparent;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s;position:relative}.color-option:active:not(.disabled){background:var(--bg-elevated)}.color-option.selected{background:var(--bg-card-hover);border-color:var(--color)}.color-option.disabled{opacity:.4;cursor:not-allowed}.color-swatch{width:32px;height:32px;border-radius:50%;background-color:var(--color);border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000004d}.color-option.selected .color-swatch{border-color:var(--text-heading)}.color-option.disabled .color-swatch{border-style:dashed}.color-name{font-size:11px;color:var(--text-muted);text-align:center}.color-option.selected .color-name{color:var(--text-heading);font-weight:600}.color-used-by{font-size:9px;color:var(--text-muted);text-align:center;margin-top:-4px}.color-check{position:absolute;top:8px;right:8px;font-size:12px;color:var(--color);font-weight:700}.color-picker-actions{display:flex;gap:12px;justify-content:flex-end}.color-picker-actions .btn-secondary,.color-picker-actions .btn-primary{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;min-height:44px;font-family:Questrial,sans-serif}.color-picker-actions .btn-secondary{background:var(--bg-card-hover);color:var(--text-body);border:1px solid var(--border-card)}.color-picker-actions .btn-secondary:active{transform:scale(.97)}.color-picker-actions .btn-primary{background:var(--primary-text);color:#fff;border:none}.color-picker-actions .btn-primary:active{transform:scale(.97)}@media(max-width:400px){.color-grid{grid-template-columns:repeat(4,1fr);gap:8px}.color-option{padding:8px 4px}.color-swatch{width:28px;height:28px}.color-name{font-size:10px}.color-picker-actions{flex-direction:column}.color-picker-actions .btn-secondary,.color-picker-actions .btn-primary{flex:1}}.leave-config-container{max-width:1200px;margin:0 auto;padding:20px;padding-bottom:calc(92px + env(safe-area-inset-bottom));font-family:Questrial,sans-serif;background:var(--bg-page);min-height:100vh;color:var(--text-body)}.leave-config-header-setup{margin-bottom:30px}.leave-config-header-setup h1{margin:10px 0;font-size:28px;color:var(--text-heading);font-family:Quattrocento,serif}.setup-subtitle{color:var(--text-muted);font-size:16px;margin:10px 0;font-family:Questrial,sans-serif}.message{padding:14px 20px;border-radius:6px;margin-bottom:20px;font-weight:500}.message.success{background:var(--success-bg);color:var(--success);border:1px solid var(--success)}.message.error{background:var(--error-bg);color:var(--error);border:1px solid var(--error)}.role-section{background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;padding:16px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.role-header{display:flex;align-items:center;gap:12px}.role-label{font-size:16px;font-weight:600;color:var(--text-body)}.role-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.role-badge.role-admin{background:var(--primary-bg);color:var(--primary-light)}.role-badge.role-member{background:#6b72804d;color:#9ca3af}.role-toggle-btn{background:var(--bg-card-hover);border:1px solid var(--border-card);color:var(--text-body);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-height:44px}.role-toggle-btn:active:not(:disabled){transform:scale(.97)}.role-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.role-toggle-btn.role-promote{background:var(--primary-bg);border-color:var(--primary-text);color:var(--primary-light)}.role-toggle-btn.role-promote:active:not(:disabled){transform:scale(.97)}.user-config-section{margin-bottom:30px}.config-form-card,.config-summary-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:30px;box-shadow:var(--shadow-md)}.config-form-card h3,.config-summary-card h3{margin:0 0 24px;font-size:22px;color:var(--text-heading);font-family:Quattrocento,serif;border-bottom:2px solid var(--primary-text);padding-bottom:10px}.form-group{margin-bottom:24px}.form-group.has-error input,.form-group.has-error select{border-color:var(--error)}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-heading);font-size:15px}.form-group input[type=text],.form-group input[type=number],.form-group select{width:100%;padding:12px;border:1px solid var(--border-card);border-radius:6px;font-size:15px;box-sizing:border-box;transition:border-color .2s;background:var(--bg-input);color:var(--text-body);font-family:Questrial,sans-serif}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group select:focus{outline:none;border-color:var(--primary-text)}.helper-text{display:block;margin-top:6px;font-size:13px;color:var(--text-muted);font-weight:400}.error-message{display:block;margin-top:6px;font-size:13px;color:var(--error);font-weight:500}.radio-group{display:flex;gap:16px}.radio-label{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:500;padding:12px 24px;background:var(--bg-card);border:2px solid var(--border-card);border-radius:6px;transition:all .2s;min-height:44px;-webkit-user-select:none;user-select:none;color:var(--text-body)}.radio-label:active{background:var(--bg-elevated)}.radio-label:has(input[type=radio]:checked){background:var(--bg-card-hover);border-color:var(--primary-text);color:var(--text-body);font-weight:600}.radio-label input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.work-days-checkboxes{display:flex;flex-wrap:wrap;gap:12px}.checkbox-label{display:inline-flex;align-items:center;justify-content:center;min-width:70px;min-height:44px;padding:10px 16px;background:var(--bg-card);border:2px solid var(--border-card);border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500;color:var(--text-body);-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.checkbox-label:has(input[type=checkbox]:checked){background:var(--bg-card-hover);color:var(--text-body);border-color:var(--primary-text);font-weight:600}.save-btn,.edit-btn{padding:14px 28px;font-size:16px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s;min-height:44px}.save-btn{background:var(--primary-text);color:#fff;width:100%;margin-top:10px;font-family:Questrial,sans-serif}.save-btn:active:not(:disabled){transform:scale(.97)}.save-btn:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.5}.edit-btn{background:var(--bg-card-hover);color:var(--text-body);border:1px solid var(--border-card);margin-top:16px;font-family:Questrial,sans-serif}.edit-btn:active{transform:scale(.97)}.config-summary-card{position:relative}.summary-item{padding:12px 0;border-bottom:1px solid var(--bg-card-hover);font-size:15px;color:var(--text-body)}.summary-item:last-of-type{border-bottom:none}.summary-item strong{color:var(--text-muted);margin-right:8px}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;overscroll-behavior:contain}.modal{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:30px;max-width:500px;width:90%;box-shadow:var(--shadow-xl)}.modal h3{margin:0 0 16px;color:var(--text-heading);font-size:22px;font-family:Quattrocento,serif}.modal p{margin:0 0 24px;color:var(--text-body);font-size:15px;line-height:1.5}.modal-btn{background:var(--primary-text);color:#fff;border:none;border-radius:6px;padding:12px 24px;font-size:15px;font-weight:600;cursor:pointer;min-height:44px;min-width:80px;font-family:Questrial,sans-serif;transition:background .2s}.modal-btn:active{transform:scale(.97)}.color-select-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border-card);border-radius:6px;cursor:pointer;transition:all .2s;min-height:44px;font-family:Questrial,sans-serif}.color-select-btn:active{background:var(--bg-elevated)}.color-preview{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.color-label{font-size:15px;color:var(--text-body)}.summary-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.summary-header h3{margin:0!important}.summary-color-indicator{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.2)}@media(max-width:768px){.leave-config-container{padding:16px;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}.leave-config-header h1{font-size:24px}.config-form-card,.config-summary-card{padding:20px}.config-form-card h3,.config-summary-card h3{font-size:20px}.radio-group{gap:12px}.radio-label{flex:1;justify-content:center}.work-days-checkboxes{gap:8px}.checkbox-label{flex:1 1 calc(25% - 8px);justify-content:center;min-width:65px;padding:10px 12px}.form-group input[type=text],.form-group input[type=number],.form-group select{padding:14px;font-size:16px}.save-btn,.edit-btn{padding:16px 24px;font-size:16px}}@media(max-width:480px){.checkbox-label{flex:1 1 calc(33.33% - 8px);min-width:60px}.radio-label{padding:12px 16px;font-size:15px}.modal{padding:24px}.modal h3{font-size:20px}}@supports (-webkit-touch-callout: none){.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:40px}}.leave-config-container.has-floating-footer{padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}.floating-save-footer{position:fixed;bottom:calc(60px + env(safe-area-inset-bottom,0px));left:0;right:0;background:linear-gradient(to top,var(--bg-page) 0%,var(--bg-page) 80%,transparent 100%);padding:20px;z-index:100}.floating-save-btn{width:100%;max-width:400px;margin:0 auto;display:block;padding:16px 28px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s;min-height:52px;background:var(--primary-text);color:#fff;font-family:Questrial,sans-serif}.floating-save-btn:active:not(:disabled){transform:scale(.97)}.floating-save-btn:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.5}.modal-btn-secondary{background:var(--border-card)!important;color:var(--text-body)!important}.modal-btn-secondary:active{transform:scale(.97)}.modal-btn-danger{background:var(--error)!important;color:#fff!important}.modal-btn-danger:active{transform:scale(.97)}.bank-holidays-container{background:var(--bg-page);color:var(--text-heading);min-height:100vh;font-family:Questrial,sans-serif;padding-bottom:calc(92px + env(safe-area-inset-bottom))}.message{margin:20px;padding:12px 16px;border-radius:6px;font-size:14px;font-weight:500;text-align:center}.message.success{background:var(--success-bg);border:1px solid var(--success);color:var(--success)}.message.error{background:var(--error-bg);border:1px solid var(--error);color:var(--error)}.floating-add-btn{position:fixed;bottom:calc(70px + env(safe-area-inset-bottom,0px));right:20px;padding:14px 24px;background:var(--primary-text);color:#fff;border:none;border-radius:30px;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s;min-height:48px;white-space:nowrap;z-index:var(--z-fab);box-shadow:var(--shadow-primary)}.floating-add-btn:active{transform:scale(.95)}.bank-holidays-list{padding:16px 20px 20px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state p{margin:8px 0}.holiday-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;padding:16px;margin-bottom:12px;transition:all .3s ease;position:relative;cursor:pointer}.holiday-item:active{background:var(--bg-elevated)}.holiday-item.working-day{border-color:var(--border-card)}.holiday-item.non-working-day{opacity:.6}.holiday-item.swiped{transform:translate(-80px)}.holiday-content{flex:1;display:flex;flex-direction:column;gap:4px}.holiday-date{font-size:14px;color:var(--text-muted);font-weight:600}.holiday-name{font-size:16px;color:var(--text-heading)}.non-working-badge{display:inline-block;font-size:12px;color:var(--text-muted);background:var(--bg-card-hover);padding:4px 8px;border-radius:4px;margin-top:4px;width:fit-content}.holiday-item .delete-btn{background:var(--error);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer;transition:all .2s;min-height:44px;min-width:70px}.holiday-item .delete-btn:active{transform:scale(.97)}@media(max-width:768px){.holiday-item .delete-btn{display:none}.holiday-item.swiped .delete-btn{display:block;position:absolute;right:-80px}}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;overscroll-behavior:contain}.modal{background:var(--bg-modal);border-radius:12px;padding:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid var(--border-card)}.modal h2{font-family:Quattrocento,serif;font-size:20px;margin:0 0 20px;color:var(--text-heading)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-body);margin-bottom:8px}.form-group input,.form-group select{width:100%;background:var(--bg-input);border:1px solid var(--border-card);border-radius:6px;padding:12px;font-size:16px;color:var(--text-body);font-family:Questrial,sans-serif;min-height:44px;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-text)}.year-checkboxes{display:flex;flex-wrap:wrap;gap:12px}.checkbox-label{display:flex;align-items:center;gap:8px;background:var(--bg-card-hover);padding:10px 16px;border-radius:6px;border:1px solid var(--border-card);cursor:pointer;transition:all .2s;min-height:44px;font-size:14px;color:var(--text-body)}.checkbox-label:active{background:var(--bg-elevated)}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;margin:0;min-height:unset}.checkbox-label input[type=checkbox]:checked{accent-color:var(--primary-text)}.modal-actions{display:flex;gap:12px;margin-top:24px}.cancel-btn,.confirm-btn{flex:1;border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;min-height:44px}.cancel-btn{background:var(--bg-card-hover);color:var(--text-heading)}.confirm-btn{background:var(--primary-text);color:#fff}.confirm-btn:active{transform:scale(.97)}.confirm-btn:disabled{background:var(--text-muted);cursor:not-allowed}@media(max-width:768px){.bank-holidays-header{padding:16px}.bank-holidays-header h1{font-size:20px}.bank-holidays-actions{padding:16px;flex-direction:column}.bank-holidays-list{padding:0 16px 16px}.modal{padding:20px;max-height:80vh}.year-checkboxes{gap:8px}.checkbox-label{padding:8px 12px;font-size:13px}}.caregiver-form-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;overscroll-behavior:contain}.caregiver-form-panel{font-family:Questrial,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-modal);border:1px solid var(--border-card);border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;overflow-x:hidden;padding:30px;position:relative;box-shadow:var(--shadow-xl);box-sizing:border-box}.caregiver-form-panel form{width:100%;box-sizing:border-box}.caregiver-form-panel .form-group{margin-bottom:20px;box-sizing:border-box;width:100%}.caregiver-form-panel .form-group label{display:block;margin-bottom:6px;font-weight:600;color:var(--text-heading);font-size:14px}.caregiver-form-panel input,.caregiver-form-panel textarea{width:100%;padding:10px 12px;border:1px solid var(--border-card);border-radius:6px;font-size:15px;background:var(--bg-input);color:var(--text-body);font-family:Questrial,sans-serif;box-sizing:border-box;transition:border-color .2s}.caregiver-form-panel input:focus,.caregiver-form-panel textarea:focus{outline:none;border-color:var(--primary-text)}.caregiver-form-panel textarea{resize:vertical;min-height:80px}.caregiver-form-panel .error-message{background:var(--error-bg);border:1px solid var(--error);color:var(--error);padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}.caregiver-form-panel .form-actions{display:flex;gap:12px;margin-top:30px}.caregiver-form-panel .save-btn{flex:1;padding:12px 20px;background:var(--primary-text);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Questrial,sans-serif}.caregiver-form-panel .save-btn:active{transform:scale(.97)}.caregiver-form-panel .save-btn:disabled{opacity:.5;cursor:not-allowed}.caregiver-form-panel .delete-btn{padding:12px 20px;background:transparent;color:var(--error);border:1px solid var(--error);border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Questrial,sans-serif}.caregiver-form-panel .delete-btn:active{transform:scale(.97)}.caregiver-form-panel .delete-btn:disabled{opacity:.5;cursor:not-allowed}.delete-confirm-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1001}.delete-confirm-dialog{background:var(--bg-modal);border:1px solid var(--border-card);border-radius:12px;padding:24px;max-width:400px;width:90%}.delete-confirm-dialog h3{font-family:Quattrocento,serif;margin:0 0 12px;font-size:20px;color:var(--text-heading)}.delete-confirm-dialog p{margin:0 0 20px;color:var(--text-secondary);font-size:14px;line-height:1.5}.delete-confirm-actions{display:flex;gap:12px}.cancel-btn{flex:1;padding:10px 16px;background:var(--bg-card);color:var(--text-body);border:1px solid var(--border-card);border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Questrial,sans-serif}.cancel-btn:active{transform:scale(.97)}.confirm-delete-btn{flex:1;padding:10px 16px;background:var(--error);color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Questrial,sans-serif}.confirm-delete-btn:active{transform:scale(.97)}.cancel-btn:disabled,.confirm-delete-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.caregiver-form-panel{padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.caregiver-form-panel h2{font-size:20px}.delete-confirm-dialog{padding:20px}.delete-confirm-dialog h3{font-size:18px}}.settings-container{max-width:900px;margin:0 auto;padding:20px 20px 80px;font-family:Questrial,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-page);min-height:100vh;color:var(--text-body)}@supports (padding-bottom: env(safe-area-inset-bottom)){.settings-container{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}.settings-section{margin-bottom:32px}.settings-section:first-of-type{margin-top:16px}.section-header{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-hint);margin:0 0 12px}.settings-section-content{display:flex;flex-direction:column;gap:12px}.user-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;padding:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s;text-align:left;width:100%;color:inherit;box-shadow:var(--shadow-card)}.user-card:active{background:var(--bg-elevated)}.user-card-left{display:flex;align-items:center;gap:12px;flex:1}.user-card-icon{font-size:24px;line-height:1;flex-shrink:0}.user-card-text{flex:1;min-width:0}.user-card-name{font-size:18px;font-weight:700;color:var(--text-heading);margin-bottom:2px;display:flex;align-items:center;gap:8px}.admin-badge{font-size:11px;font-weight:600;background:var(--primary-bg);color:var(--primary-text-hover);padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.user-card-email{font-size:14px;color:var(--text-hint);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-summary{font-size:14px;color:var(--text-secondary)}.user-card-arrow{font-size:20px;color:var(--text-hint);margin-left:12px;flex-shrink:0}.add-person-btn{background:transparent;border:2px dashed var(--border-input);border-radius:8px;padding:16px;font-size:16px;color:var(--info);text-align:center;cursor:pointer;transition:all .2s;width:100%}.add-person-btn:active{transform:scale(.98)}.caregiver-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;padding:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s;text-align:left;width:100%;color:inherit;box-shadow:var(--shadow-card)}.caregiver-card:active{background:var(--bg-elevated)}.caregiver-card-text{flex:1;min-width:0}.caregiver-card-name{font-size:16px;font-weight:600;color:var(--text-heading);margin-bottom:2px}.caregiver-card-notes{font-size:14px;color:var(--text-hint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caregiver-card-arrow{font-size:20px;color:var(--text-hint);margin-left:12px;flex-shrink:0}.add-caregiver-btn{background:transparent;border:2px dashed var(--border-input);border-radius:8px;padding:16px;font-size:16px;color:var(--primary-text);text-align:center;cursor:pointer;transition:all .2s;width:100%}.add-caregiver-btn:active{transform:scale(.98)}.settings-option{background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s;text-align:left;width:100%;color:inherit;box-shadow:var(--shadow-card)}.settings-option:active{background:var(--bg-elevated)}.option-text{flex:1}.option-title{font-size:16px;font-weight:600;color:var(--text-heading);margin-bottom:2px}.option-subtitle{font-size:14px;color:var(--text-hint)}.option-arrow{font-size:20px;color:var(--text-hint);margin-left:12px}.theme-toggle-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;padding:16px;box-shadow:var(--shadow-card)}.theme-toggle-options{display:flex;gap:8px;margin-top:12px}.theme-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--bg-input);border:2px solid var(--border-input);border-radius:8px;cursor:pointer;transition:all .2s;min-height:44px}.theme-option:active{background:var(--bg-elevated)}.theme-option.active{border-color:var(--primary);background:var(--primary-bg)}.theme-icon{font-size:20px;line-height:1}.theme-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.theme-option.active .theme-label{color:var(--primary-text)}.logout-option{background:transparent;border:1px solid var(--error);border-radius:8px;padding:16px;font-size:16px;font-weight:600;color:var(--error-text);text-align:center;cursor:pointer;transition:all .2s;width:100%}.logout-option:active{transform:scale(.98)}.app-version{font-size:12px;color:var(--text-muted);text-align:center;margin-top:32px;padding-bottom:16px}.loading-text{padding:20px;text-align:center;color:var(--text-hint)}.modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;overscroll-behavior:contain}.modal-content{background:var(--bg-modal);border:1px solid var(--border-card);border-radius:12px;padding:24px;max-width:400px;width:100%}.modal-content h3{font-family:Quattrocento,serif;font-size:20px;font-weight:700;color:var(--text-heading);margin:0 0 20px;text-align:center}.modal-actions{display:flex;gap:12px;justify-content:center}.modal-btn{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border:none;min-width:120px}.modal-btn-cancel{background:var(--bg-card);color:var(--text-body);border:1px solid var(--border-card)}.modal-btn-cancel:active{transform:scale(.97)}.modal-btn-confirm{background:var(--error);color:#fff}.modal-btn-confirm:active{transform:scale(.97)}.back-btn{background:var(--primary-text);border:none;border-radius:8px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:32px;cursor:pointer;transition:all .2s;color:#fff}.back-btn:active{transform:scale(.95)}.logout-btn{padding:10px 20px;background:var(--bg-card);color:var(--text-body);border:1px solid var(--border-card);border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;min-height:44px}.logout-btn:active{background:var(--bg-elevated)}.settings-menu{display:flex;flex-direction:column;gap:12px}.settings-menu-item{background:var(--bg-modal);border:1px solid var(--border-card);border-radius:8px;padding:20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s;text-align:left;width:100%}.settings-menu-item:active:not(.disabled){background:var(--bg-elevated)}.settings-menu-item.disabled{opacity:.5;cursor:not-allowed}.menu-item-content h3{font-family:Quattrocento,serif;margin:0 0 6px;font-size:18px;font-weight:700;color:var(--text-heading)}.menu-item-content p{margin:0;font-size:14px;color:var(--text-hint)}.menu-arrow{font-size:28px;color:var(--text-muted)}.person-type-modal{max-width:500px}.person-type-options{display:flex;gap:16px;margin-top:20px}.person-type-btn{flex:1;background:var(--bg-card);border:2px solid var(--border-card);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;text-align:center;color:inherit;display:flex;flex-direction:column;align-items:center;gap:8px}.person-type-btn:active{transform:scale(.98)}.person-type-icon{font-size:48px;line-height:1;margin-bottom:4px}.person-type-label{font-size:18px;font-weight:700;color:var(--text-heading);margin-bottom:4px}.person-type-desc{font-size:14px;color:var(--text-hint);line-height:1.4}.desktop-only{display:block}@media(max-width:768px){.settings-container{padding:15px;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.settings-header{flex-direction:row;align-items:center;gap:12px}.settings-header h1{font-size:20px}.desktop-only{display:none}.settings-menu-item{padding:16px}.menu-item-content h3{font-size:16px}.user-card{padding:14px}.user-card-name{font-size:16px}.user-card-icon{font-size:20px}.settings-option{padding:14px}.option-title{font-size:15px}.modal-content{padding:20px}.modal-content h3{font-size:18px}.person-type-options{flex-direction:column;gap:12px}.person-type-btn{padding:16px}.person-type-icon{font-size:40px}.person-type-label{font-size:16px}.person-type-desc{font-size:13px}}.add-coverage-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:1100;overscroll-behavior:contain}.add-coverage-menu{position:fixed;background:var(--bg-modal);border:1px solid var(--border-card);border-radius:12px;min-width:240px;max-width:300px;box-shadow:var(--shadow-xl);overflow:hidden}.add-coverage-menu-section{padding:8px}.add-coverage-menu-section+.add-coverage-menu-section{border-top:1px solid var(--border-card)}.add-coverage-menu-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-family:Questrial,sans-serif;font-size:15px;color:var(--text-heading);transition:background .15s ease;text-align:left}.add-coverage-menu-item:active{background:var(--bg-elevated)}.add-coverage-menu-item.disabled{opacity:.5;cursor:not-allowed}.add-coverage-menu-item.disabled:active{background:transparent}.item-label{font-weight:500}.item-balance{font-size:13px;color:var(--primary-text);font-weight:600}.item-balance.no-balance{color:var(--text-muted)}.caregiver-item .item-label{color:var(--success)}.other-item .item-label{color:var(--text-muted)}@media(max-width:400px){.add-coverage-menu-overlay{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.add-coverage-menu-item{padding:12px 14px;font-size:14px}.item-balance{font-size:12px}}.holiday-detail-container{background:var(--bg-page);color:var(--text-heading);min-height:100vh;font-family:Questrial,sans-serif;padding-bottom:60px}@supports (padding-bottom: env(safe-area-inset-bottom)){.holiday-detail-container{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}.holiday-detail-content{max-width:800px;margin:0 auto;padding:24px 20px}.holiday-info{margin-bottom:24px}.holiday-date-range{font-family:Quattrocento,serif;font-size:20px;font-weight:700;color:var(--text-heading);margin-bottom:8px}.holiday-days-count{font-family:Questrial,sans-serif;font-size:14px;color:var(--text-secondary)}.coverage-summary-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:20px;margin-bottom:32px}.coverage-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.coverage-summary-header h2{font-family:Quattrocento,serif;font-size:18px;font-weight:700;color:var(--text-heading);margin:0}.coverage-count{font-family:Questrial,sans-serif;font-size:16px;font-weight:600;color:var(--primary-text)}.coverage-progress-bar{width:100%;height:12px;background:var(--progress-bg);border-radius:6px;overflow:hidden;margin-bottom:8px}.coverage-progress-fill{height:100%;background:linear-gradient(90deg,var(--success),var(--success-light));border-radius:6px;transition:width .3s ease}.coverage-percent{font-family:Questrial,sans-serif;font-size:13px;color:var(--text-muted);margin-bottom:16px}.user-balances-list{border-top:1px solid var(--border-card);padding-top:16px;display:flex;flex-direction:column;gap:8px}.user-balance-item{display:flex;align-items:center;gap:8px;font-family:Questrial,sans-serif;font-size:14px}.user-indicator{color:var(--text-muted);font-size:16px}.user-name-text{color:var(--text-body);font-weight:600}.user-days{color:var(--text-secondary)}.day-by-day-section{margin-top:32px}.day-by-day-section h2{font-family:Quattrocento,serif;font-size:20px;font-weight:700;color:var(--text-heading);margin:0 0 16px}.day-list{display:flex;flex-direction:column;gap:2px}.day-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:transparent;border-radius:6px;transition:all .2s;min-height:44px}.day-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.day-name{font-family:Questrial,sans-serif;font-size:14px;font-weight:500;color:var(--text-body);white-space:nowrap;min-width:100px}.day-coverage{font-family:Questrial,sans-serif;font-size:14px;color:var(--text-muted)}.coverage-sources{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.coverage-check{margin-right:4px}.coverage-separator,.coverage-text{color:var(--text-muted)}.coverage-gap{color:var(--warning)}.coverage-source-btn{background:none;border:none;padding:2px 6px;margin:-2px 0;border-radius:4px;cursor:pointer;transition:background .15s ease;font-family:Questrial,sans-serif;font-size:14px;color:inherit}.coverage-source-btn:active{opacity:.7}.coverage-source-text{padding:2px 0}.source-user-1{color:#60a5fa}.source-user-2{color:#ba68c8}.source-caregiver{color:var(--success)}.day-row-muted{background:var(--bg-panel)}.day-row-muted .day-name{color:var(--text-muted)}.day-row-muted .day-coverage{color:var(--text-hint);font-style:italic}.day-row-covered-leave .day-coverage{font-weight:600}.day-row-covered-note .day-coverage{color:var(--success);font-weight:600}.day-row-covered-off{background:var(--bg-panel)}.day-row-covered-off .day-name{color:var(--text-muted)}.day-row-covered-off .day-coverage{color:var(--success-light);font-weight:400;opacity:.8}.day-row-gap{background:var(--warning-bg);border-left:3px solid var(--warning);padding-left:9px}.day-row-gap .day-name{color:var(--text-body)}.day-row-gap .day-coverage{color:var(--warning);font-weight:500}.day-row-gap .day-coverage:before{content:""}.add-coverage-btn{padding:6px 12px;background:transparent;color:var(--warning);border:1px solid var(--warning-border);border-radius:4px;cursor:pointer;font-family:Questrial,sans-serif;font-size:14px;font-weight:600;transition:all .2s;min-height:32px;width:auto;flex:0 0 auto}.add-coverage-btn:active{transform:scale(.95)}.holiday-detail-loading,.holiday-detail-error{text-align:center;padding:60px 20px}.holiday-detail-loading{color:var(--text-muted);font-size:16px}.holiday-detail-error p{color:var(--warning);font-size:16px;margin-bottom:20px}.back-btn-secondary{padding:12px 24px;background:var(--primary-text);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s}.back-btn-secondary:active{transform:scale(.97)}.gap-action-footer{position:fixed;bottom:60px;left:0;right:0;background:var(--bg-modal);border-top:1px solid var(--border-card);padding:16px 20px;z-index:99;box-shadow:var(--shadow-lg)}@supports (padding-bottom: env(safe-area-inset-bottom)){.gap-action-footer{bottom:calc(60px + env(safe-area-inset-bottom))}}.gap-summary{font-family:Questrial,sans-serif;font-size:14px;color:var(--warning);margin-bottom:12px;text-align:center}.gap-action-buttons{display:flex;gap:12px;justify-content:center}.gap-action-btn{flex:1;max-width:180px;padding:12px 16px;border:none;border-radius:8px;cursor:pointer;font-family:Questrial,sans-serif;font-size:14px;font-weight:600;transition:all .2s;min-height:48px;display:flex;flex-direction:column;align-items:center;gap:2px}.gap-action-btn{color:#fff}.gap-action-btn:active{transform:scale(.97)}.gap-action-btn.disabled{opacity:.5;cursor:not-allowed}.gap-action-btn .btn-name{font-weight:600}.gap-action-btn .btn-balance{font-size:11px;opacity:.8}.holiday-detail-content.has-footer{padding-bottom:180px}@media(max-width:768px){.holiday-detail-header{padding:16px}.holiday-detail-header h1{font-size:20px}.holiday-detail-content{padding:20px 16px}.holiday-date-range{font-size:18px}.coverage-summary-card{padding:16px}.day-row{padding:8px 12px}.day-name{min-width:90px;font-size:13px}.day-coverage{font-size:13px}.add-coverage-btn{padding:4px 8px;font-size:11px;min-height:28px}.gap-action-footer{padding:12px 16px}.gap-action-btn{padding:10px 12px;font-size:13px}}@media(min-width:1200px){.holiday-detail-content{max-width:900px;padding:32px 24px}.holiday-date-range{font-size:22px}.coverage-summary-card{padding:24px}.day-row{padding:12px 16px}.day-name{min-width:120px}}.setup-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;overscroll-behavior:contain}.setup-modal{background:var(--bg-modal);border:1px solid var(--border-card);border-radius:12px;padding:40px;max-width:500px;width:90%;box-shadow:var(--shadow-lg);text-align:center}.setup-modal h2{margin:0 0 16px;color:var(--text-heading);font-size:24px;font-family:Quattrocento,serif}.setup-modal p{margin:0 0 32px;color:var(--text-body);font-size:16px;font-family:Questrial,sans-serif}.setup-start-btn{background:var(--primary-text);color:#fff;border:none;border-radius:6px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;font-family:Questrial,sans-serif;min-height:44px}.setup-start-btn:active{transform:scale(.97)}.setup-choice-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.setup-choice-btn{border:none;border-radius:6px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Questrial,sans-serif;min-height:44px;width:100%}.setup-choice-btn-primary{background:var(--primary-text);color:#fff}.setup-choice-btn-secondary{background:transparent;color:var(--text-body);border:1px solid var(--border-card)}.setup-choice-btn:active{transform:scale(.97)}.setup-container{min-height:100vh;background-color:var(--bg-page);color:var(--text-body);padding-bottom:80px;font-family:Questrial,-apple-system,BlinkMacSystemFont,sans-serif}.setup-content{padding:20px;max-width:800px;margin:0 auto}.setup-sections{display:flex;flex-direction:column;gap:16px}.setup-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;padding:20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-family:inherit;box-shadow:var(--shadow-card)}.setup-card:active{background-color:var(--bg-elevated)}.setup-card-left{display:flex;align-items:center;gap:16px;flex:1}.setup-card-icon{font-size:24px;line-height:1;flex-shrink:0}.setup-card-text{display:flex;flex-direction:column;gap:4px;min-width:0}.setup-card-title{font-size:18px;font-weight:700;color:var(--text-heading)}.setup-card-subtitle{font-size:14px;color:var(--text-muted)}.setup-card-arrow{font-size:20px;color:var(--text-muted);margin-left:12px;flex-shrink:0}.setup-tip{background-color:var(--bg-panel);border:1px solid var(--border-card);border-radius:8px;padding:16px;margin-top:24px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center}.setup-tip-icon{font-size:20px;flex-shrink:0}.setup-tip-text{font-size:14px;color:var(--text-secondary);line-height:1.5}@media(max-width:768px){.setup-header h1{font-size:24px}.setup-card{padding:16px}.setup-card-title{font-size:16px}.setup-card-subtitle{font-size:13px}.setup-tip{flex-direction:column;text-align:center}}@media(min-width:769px){.setup-container{padding-bottom:0}.setup-content{padding:40px 20px}.setup-sections{gap:20px}}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(60px + env(safe-area-inset-bottom,0px));background-color:var(--tab-bg);border-top:1px solid var(--tab-border);display:flex;justify-content:space-around;align-items:flex-start;padding-top:8px;z-index:var(--z-tab-bar)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;background:none;border:none;cursor:pointer;color:var(--tab-inactive);font-family:Questrial,sans-serif;transition:color .2s ease;min-height:44px;text-decoration:none}.tab-item:active{opacity:.7}.tab-item.active{color:var(--tab-active)}.tab-icon{display:block;margin-bottom:4px;transition:all .2s ease}.tab-label{font-size:12px;line-height:1.2;white-space:nowrap}.content-with-tabs{padding-bottom:60px}@supports (padding-bottom: env(safe-area-inset-bottom)){.content-with-tabs{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}*{box-sizing:border-box}html{width:100%;overflow-x:hidden}:root,[data-theme=dark]{--bg-main: #0a0614;--bg-page: #0a0614;--bg-card: #1e1525;--bg-card-hover: #2a1f3d;--bg-panel: #2a1f3d;--bg-elevated: #2a1f3d;--bg-input: #0f0a18;--bg-modal: #1a1225;--text-heading: #ffffff;--text-body: #e0e0e0;--text-secondary: #bbb;--text-hint: #999;--text-muted: #888;--border-primary: #2a1f3d;--border-input: #3d2f52;--border-subtle: #1e1525;--border-card: #3d2f52;--border-card-hover: #4d3f62;--border-hover: #4d3f62;--primary: #8B5CF6;--primary-hover: #7C3AED;--primary-bg: #2a1f3d;--primary-text: #8B5CF6;--primary-text-hover: #A78BFA;--primary-light: #A78BFA;--primary-border: #8B5CF6;--progress-bg: #0d0812;--success: #4CAF50;--success-bg: rgba(76, 175, 80, .15);--success-text: #4CAF50;--success-light: #81C784;--warning: #ff9800;--warning-bg: rgba(255, 152, 0, .15);--warning-text: #ff9800;--warning-dark: #E65100;--warning-light: #FFB74D;--error: #f44336;--error-bg: rgba(244, 67, 54, .15);--error-text: #ff6b6b;--info: #2196F3;--info-bg: rgba(33, 150, 243, .15);--school-holiday-bg: #2a1f0f;--school-holiday-text: #FFB74D;--school-holiday-border: #3d3020;--bank-holiday-bg: rgba(139, 92, 246, .1);--bank-holiday-text: #A78BFA;--calendar-dot-gap: #ff6b6b;--calendar-dot-covered: #4CAF50;--calendar-today-ring: #8B5CF6;--tab-bg: #0a0614;--tab-border: #2a1f3d;--tab-inactive: #666;--tab-active: #8B5CF6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-primary: 0 4px 12px rgba(139, 92, 246, .4);--shadow-xl: 0 10px 40px rgba(0, 0, 0, .8);--shadow-card: none;--z-fab: 50;--z-header: 100;--z-tab-bar: 1000;--z-modal-backdrop: 1100;--z-modal: 1100;--z-tooltip: 2000;--overlay-bg: rgba(0, 0, 0, .75);--link-color: #8B5CF6;--link-hover: #A78BFA;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-body);background-color:var(--bg-page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--bg-main: #FAFAFA;--bg-page: #F8F7FC;--bg-card: #FFFFFF;--bg-card-hover: #F5F5F5;--bg-panel: #F5F5F5;--bg-elevated: #F5F5F5;--bg-input: #FFFFFF;--bg-modal: #FFFFFF;--text-heading: #1A1A1A;--text-body: #374151;--text-secondary: #6B7280;--text-hint: #9CA3AF;--text-muted: #9CA3AF;--border-primary: #E5E7EB;--border-input: #D1D5DB;--border-subtle: #F3F4F6;--border-card: #E5E7EB;--border-card-hover: #D1D5DB;--border-hover: #D1D5DB;--primary: #8B5CF6;--primary-hover: #7C3AED;--primary-bg: #F3E5F5;--primary-text: #8B5CF6;--primary-text-hover: #7C3AED;--primary-light: #A78BFA;--primary-border: #8B5CF6;--progress-bg: #DDD6FE;--success: #2E7D32;--success-bg: #E8F5E9;--success-text: #2E7D32;--success-light: #66BB6A;--warning: #EF6C00;--warning-bg: #FFF3E0;--warning-text: #EF6C00;--warning-dark: #E65100;--warning-light: #FFB74D;--error: #C62828;--error-bg: #FFEBEE;--error-text: #C62828;--info: #1976D2;--info-bg: #E3F2FD;--school-holiday-bg: #FFF8E1;--school-holiday-text: #E65100;--school-holiday-border: #FFE082;--bank-holiday-bg: #F3E5F5;--bank-holiday-text: #8B5CF6;--calendar-dot-gap: #C62828;--calendar-dot-covered: #2E7D32;--calendar-today-ring: #8B5CF6;--tab-bg: #FFFFFF;--tab-border: #E5E7EB;--tab-inactive: #9CA3AF;--tab-active: #8B5CF6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-primary: 0 4px 12px rgba(139, 92, 246, .4);--shadow-xl: 0 10px 40px rgba(0, 0, 0, .3);--shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--overlay-bg: rgba(0, 0, 0, .5);--link-color: #8B5CF6;--link-hover: #7C3AED;color-scheme:light;color:var(--text-body);background-color:var(--bg-page)}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:active{color:var(--link-hover)}body{margin:0;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}#root{width:100%;min-height:100vh}.logo{height:6em;padding:1.5em}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-modal);color:var(--text-body);cursor:pointer;transition:transform .1s ease}button:active{transform:scale(.97)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.landing-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:var(--bg-page)}.landing-page .branding{text-align:center;margin-bottom:32px}.landing-page .branding h1{font-family:Quattrocento,serif;font-size:2.5rem;color:var(--text-heading);margin:0 0 8px}.landing-page .branding p{font-size:1.1rem;color:var(--text-secondary);margin:0}.registration-flow{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:var(--bg-page)}.registration-flow h2{font-family:Quattrocento,serif;font-size:1.5rem;color:var(--text-heading);margin:0 0 24px}.registration-flow form{width:100%;max-width:320px}.registration-flow input{width:100%;padding:14px 16px;font-size:1rem;border:1px solid var(--border-input);border-radius:8px;background:var(--bg-input);color:var(--text-body);margin-bottom:16px}.registration-flow input:focus{outline:none;border-color:var(--primary)}.registration-flow button{width:100%;padding:14px;font-size:1rem;font-weight:600;background:var(--primary);color:#fff;border:none;border-radius:8px}.registration-flow button:disabled{opacity:.6}.registration-flow .error{color:var(--error-text);font-size:.9rem;margin:-8px 0 16px}.error-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:var(--bg-page);text-align:center}.error-screen p{color:var(--text-body);margin-bottom:16px}.error-screen button{padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:8px}