.settings-container{padding:var(--space-m);max-width:800px;margin:0 auto;font-family:var(--font-primary)}.settings-container h2{font-size:34px;font-weight:700;margin:0 0 20px;color:var(--text-primary);padding-left:8px}.settings-menu-list{background:var(--card-bg);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--border-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column}.settings-menu-item{display:flex;align-items:center;width:100%;padding:16px;background:transparent;border:none;cursor:pointer;text-align:left;position:relative;transition:background-color .2s ease;text-decoration:none;-webkit-tap-highlight-color:transparent}.settings-menu-item:not(:last-child):after{content:"";position:absolute;bottom:0;left:60px;right:0;height:1px;background-color:var(--divider)}.settings-menu-item:hover{background-color:var(--button-hover-bg)}.settings-menu-item:active{background-color:var(--button-bg)}.settings-menu-icon{width:32px;height:32px;border-radius:var(--radius-s);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:16px;--icon-accent: var(--accent-primary);color:var(--icon-accent);background:transparent;border:1px solid var(--border-color);box-shadow:none}@supports (color: color-mix(in srgb,white,black)){.settings-menu-icon{background:color-mix(in srgb,var(--icon-accent) 10%,transparent);border-color:color-mix(in srgb,var(--icon-accent) 35%,var(--border-color));box-shadow:0 0 14px color-mix(in srgb,var(--icon-accent) 22%,transparent)}}.settings-menu-icon svg{stroke:currentColor}.settings-menu-label{flex:1;font-size:17px;font-weight:500;color:var(--text-primary)}.settings-menu-chevron{color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;width:20px;height:20px;opacity:.6}.settings-menu-item:hover .settings-menu-icon{border-color:var(--icon-accent)}.settings-detail-view{animation:slideInRight .25s cubic-bezier(.165,.84,.44,1)}@keyframes slideInRight{0%{opacity:0;transform:translate(10%)}to{opacity:1;transform:translate(0)}}.settings-detail-header{display:flex;align-items:center;margin-bottom:24px;padding-bottom:0;position:relative;justify-content:space-between}.settings-back-btn{display:flex;align-items:center;background:transparent;border:none;color:var(--accent-primary, #007AFF);font-size:17px;font-weight:500;cursor:pointer;padding:8px 0;margin-left:-8px;transition:opacity .2s}.settings-back-btn svg{margin-right:-2px}.settings-back-btn:hover{opacity:.7;background:transparent;transform:none}.settings-detail-header h3{position:absolute;left:50%;transform:translate(-50%);font-size:17px;font-weight:600;margin:0;color:var(--text-primary);white-space:nowrap}.settings-detail-content{display:block}.settings-card{background:var(--card-bg);border-radius:var(--radius-xl);padding:20px;margin-bottom:24px;box-shadow:var(--shadow-card);border:1px solid var(--border-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.settings-card h3{margin-top:0;margin-bottom:16px;font-size:15px;text-transform:uppercase;color:var(--text-secondary);font-weight:600;letter-spacing:.5px}.settings-card h4{margin:16px 0 8px;color:var(--text-primary)}.form-group label{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:500}.input-field{width:100%;padding:12px 14px;border-radius:var(--radius-s);border:1px solid var(--input-border)!important;background:var(--input-bg)!important;color:var(--text-primary);font-size:16px;transition:all .2s ease;box-sizing:border-box}.input-field:focus{outline:none;border-color:var(--accent-primary)!important;background:var(--bg-secondary)!important;box-shadow:0 0 0 3px var(--accent-light)}.settings-container .btn{border-radius:var(--radius-s)}@media(max-width:600px){.settings-container{padding:12px}.settings-menu-list{border-radius:12px}.settings-container h2{font-size:28px;padding-left:0}.settings-menu-item{padding:14px}.settings-menu-icon{width:28px;height:28px;margin-right:12px;border-radius:7px}.settings-menu-item:not(:last-child):after{left:54px}.settings-detail-header{margin-bottom:16px}.settings-card{padding:16px;margin-bottom:16px;border-radius:var(--radius-l)}}.helper-text{font-size:13px;color:var(--text-secondary);margin-top:6px;line-height:1.4;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-menu-item.danger-zone .settings-menu-label{color:var(--danger)}.settings-card--danger{border-color:#ff3b304d;background:var(--danger-light)}.shift-add-container{background:var(--bg-primary);border-radius:12px;padding:16px}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-label{display:flex;align-items:center;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border-light);border-radius:10px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.radio-label:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.radio-label:has(input[type=radio]:checked){background:var(--accent-light);border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-light),var(--shadow-md)}@supports (background: color-mix(in oklab,black,white)){.radio-label{background:color-mix(in oklab,var(--card-bg) 70%,transparent);border-color:color-mix(in oklab,var(--border-light) 70%,transparent)}.radio-label:hover{background:color-mix(in oklab,var(--card-bg) 78%,transparent);border-color:color-mix(in oklab,var(--accent-primary) 18%,var(--border-color));box-shadow:0 0 0 1px color-mix(in oklab,var(--accent-primary) 10%,transparent),var(--shadow-md)}.radio-label:has(input[type=radio]:checked){background:color-mix(in oklab,var(--accent-primary) 10%,transparent);border-color:color-mix(in oklab,var(--accent-primary) 55%,var(--border-color));box-shadow:0 0 0 1px color-mix(in oklab,var(--accent-primary) 20%,transparent),0 12px 30px color-mix(in oklab,var(--accent-primary) 14%,transparent),var(--shadow-md)}}.radio-label input[type=radio]{margin-right:14px;accent-color:var(--accent-primary);width:20px;height:20px}.radio-label svg{margin-right:12px;color:var(--text-secondary);width:20px;height:20px}.radio-label input[type=radio]:checked+svg{color:var(--accent-primary)}.radio-label span{color:var(--text-primary);font-size:16px;font-weight:500}.language-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.language-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;background:var(--card-bg);border:1px solid var(--border-light);border-radius:12px;cursor:pointer;transition:all .2s ease;color:var(--text-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.language-btn svg{color:var(--text-secondary);width:28px;height:28px}.language-btn:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.language-btn--active{background:var(--accent-light)!important;border-color:var(--accent-primary)!important;color:var(--accent-primary)!important;box-shadow:0 0 0 1px var(--accent-light),var(--shadow-md)}.language-btn--active svg{color:var(--accent-primary)}@supports (background: color-mix(in oklab,black,white)){.language-btn{background:color-mix(in oklab,var(--card-bg) 70%,transparent);border-color:color-mix(in oklab,var(--border-light) 70%,transparent)}.language-btn:hover{background:color-mix(in oklab,var(--card-bg) 78%,transparent);border-color:color-mix(in oklab,var(--accent-primary) 18%,var(--border-color));box-shadow:0 0 0 1px color-mix(in oklab,var(--accent-primary) 10%,transparent),var(--shadow-md)}.language-btn--active{background:color-mix(in oklab,var(--accent-primary) 10%,transparent)!important;border-color:color-mix(in oklab,var(--accent-primary) 55%,var(--border-color))!important;box-shadow:0 0 0 1px color-mix(in oklab,var(--accent-primary) 20%,transparent),0 12px 30px color-mix(in oklab,var(--accent-primary) 14%,transparent),var(--shadow-md)}}.shift-section-header{margin-bottom:var(--space-m)}.shift-section-title{font-weight:600;font-size:1.05rem;letter-spacing:-.01em;color:var(--text-primary)}.shift-section-subtitle{margin:var(--space-xs) 0 0;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.shift-list{display:flex;flex-direction:column;gap:var(--space-s);margin-bottom:var(--space-m)}.shift-row{display:flex;align-items:center;gap:var(--space-s);padding:12px 16px;background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-m);box-shadow:var(--shadow-sm);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;position:relative}.shift-row:before{content:"";position:absolute;left:10px;top:10px;bottom:10px;width:3px;border-radius:999px;background:var(--shift-accent, var(--accent-primary));opacity:.9}@supports (background: color-mix(in oklab,black,white)){.shift-row{background:color-mix(in oklab,var(--card-bg) 70%,transparent);border-color:color-mix(in oklab,var(--shift-accent, var(--accent-primary)) 22%,var(--border-light));box-shadow:0 0 0 1px color-mix(in oklab,var(--shift-accent, var(--accent-primary)) 14%,transparent),var(--shadow-sm)}}.shift-row:hover{background:var(--bg-tertiary);border-color:var(--border-color);box-shadow:var(--shadow-md)}@supports (background: color-mix(in oklab,black,white)){.shift-row:hover{background:color-mix(in oklab,var(--card-bg) 78%,transparent);border-color:color-mix(in oklab,var(--shift-accent, var(--accent-primary)) 32%,var(--border-color));box-shadow:0 0 0 1px color-mix(in oklab,var(--shift-accent, var(--accent-primary)) 20%,transparent),0 8px 24px color-mix(in oklab,var(--shift-accent, var(--accent-primary)) 12%,transparent),var(--shadow-md)}}.shift-row--selected{background:var(--accent-light);border-color:var(--shift-accent, var(--accent-primary))}@supports (background: color-mix(in oklab,black,white)){.shift-row--selected{background:color-mix(in oklab,var(--shift-accent, var(--accent-primary)) 10%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,var(--shift-accent, var(--accent-primary)) 28%,transparent),0 12px 30px color-mix(in oklab,var(--shift-accent, var(--accent-primary)) 12%,transparent),var(--shadow-md)}}.shift-info-display{flex:1;display:flex;flex-direction:column;gap:.25rem}.shift-name{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.shift-hours{font-size:.875rem;color:var(--text-secondary);font-weight:500;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.shift-side-buttons{display:flex;gap:var(--space-s);align-items:center}.shift-icon-btn{width:44px;height:44px;border-radius:var(--radius-s);border:1px solid var(--border-light);background:var(--button-bg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.shift-icon-btn:hover{background:var(--button-hover-bg);border-color:var(--border-color);color:var(--text-primary)}.shift-icon-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-light)}.shift-delete-btn{background:var(--danger-light);border-color:#ff3b3040;color:var(--danger)}.shift-delete-btn:hover{background:#ff3b3038}.shift-edit-box{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-l);padding:16px;margin:12px 0;box-shadow:var(--shadow-md)}.shift-edit-row{display:flex;gap:16px;margin-top:16px}.shift-edit-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase}.shift-edit-actions{display:flex;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--divider)}.shift-edit-action-btn{flex:1;padding:12px;border-radius:var(--radius-s);font-weight:600;cursor:pointer;border:none;transition:background-color .2s ease,filter .2s ease}.shift-cancel-btn{background:var(--button-bg);color:var(--text-primary)}.shift-cancel-btn:hover{background:var(--button-hover-bg)}.shift-save-btn{background:var(--accent-primary);color:#fff}.shift-save-btn:hover{background:var(--accent-hover)}.shift-color-picker-container{display:flex;gap:12px;align-items:center}.shift-color-preview{flex:1;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-s)}.shift-color-swatch{width:24px;height:24px;border-radius:6px;flex-shrink:0}.shift-color-value{font-family:monospace;font-size:.9rem;color:var(--text-secondary)}.shift-add-container{margin-top:24px;padding:20px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-l);display:flex;flex-direction:column;gap:16px}.shift-add-box{display:flex;flex-direction:column;gap:8px}.shift-add-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.shift-add-time-row{display:flex;gap:16px}.shift-add-time-box{flex:1;display:flex;flex-direction:column;gap:8px}.shift-add-time-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.shift-add-btn{margin-top:8px;padding:14px;border-radius:var(--radius-m);background:var(--accent-primary);color:#fff;border:none;font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color .2s ease,box-shadow .2s ease}.shift-add-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}@media(max-width:600px){.shift-section-title{font-size:1rem}.shift-section-subtitle{font-size:.85rem}.shift-row{padding:10px 12px;border-radius:var(--radius-s)}.shift-name{font-size:1rem}.shift-icon-btn{width:40px;height:40px}.shift-edit-box{padding:14px;border-radius:var(--radius-m)}.shift-edit-row{flex-direction:column;gap:12px}.shift-edit-actions{gap:10px;margin-top:16px;padding-top:12px}.shift-add-container{margin-top:16px;padding:16px;gap:12px}.shift-add-time-row{flex-direction:column;gap:12px}.shift-input,.shift-add-input,.shift-add-time-input{padding:10px 12px;font-size:.95rem}.shift-add-btn{padding:12px;border-radius:var(--radius-s)}}.shift-input,.shift-add-input,.shift-add-time-input{width:100%;padding:12px 14px;border-radius:var(--radius-s);border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);font-size:1rem;box-sizing:border-box}.shift-input:focus,.shift-add-input:focus,.shift-add-time-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.salary-settings-container{display:flex;flex-direction:column;gap:16px}.time-inputs{display:flex;align-items:center;gap:10px}.time-inputs .input-field{flex:1;text-align:center;min-width:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.time-inputs span{font-weight:700;color:var(--text-tertiary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;flex-shrink:0}.salary-helper-text{font-size:13px;color:var(--text-secondary);margin-top:8px;line-height:1.4}.absence-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.absence-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.25rem;background:var(--card-bg);border-radius:14px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all .2s ease}.absence-item:hover{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:var(--shadow-md)}.absence-item--selected{border-color:var(--warning);background:var(--warning-light)}@supports (background: color-mix(in oklab,black,white)){.absence-item{background:color-mix(in oklab,var(--card-bg) 70%,transparent);border-color:color-mix(in oklab,var(--border-light) 70%,transparent)}.absence-item:hover{background:color-mix(in oklab,var(--card-bg) 78%,transparent)}.absence-item--selected{background:color-mix(in oklab,var(--warning) 10%,transparent);border-color:color-mix(in oklab,var(--warning) 55%,var(--border-color));box-shadow:0 0 0 1px color-mix(in oklab,var(--warning) 22%,transparent),0 12px 30px color-mix(in oklab,var(--warning) 14%,transparent),var(--shadow-md)}}.absence-select-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:0;font-size:1rem;font-weight:500;flex:1;text-align:left}.absence-hours-input{width:60px;padding:.4rem .6rem;background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:center;transition:all .2s;box-sizing:border-box}.absence-hours-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-light)}.absence-hours-label{color:var(--text-secondary);font-size:.9rem;margin-left:-.5rem}.absence-delete-btn{background:transparent;border:1px solid var(--border-light);color:var(--danger);width:32px;height:32px;border-radius:12px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.absence-delete-btn:hover{background:var(--danger-light);border-color:var(--danger)}@supports (background: color-mix(in oklab,black,white)){.absence-delete-btn{border-color:color-mix(in oklab,var(--danger) 40%,var(--border-light))}.absence-delete-btn:hover{border-color:color-mix(in oklab,var(--danger) 65%,var(--border-color))}}.absence-form{display:flex;flex-direction:column;gap:var(--space-m);margin-top:var(--space-m)}.data-card{padding:1rem;background:var(--card-bg);border-radius:var(--radius-l);margin-bottom:1.5rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.data-card:hover{border-color:var(--border-color);box-shadow:var(--shadow-md)}@supports (background: color-mix(in oklab,black,white)){.data-card{background:color-mix(in oklab,var(--card-bg) 70%,transparent);border-color:color-mix(in oklab,var(--border-light) 70%,transparent)}.data-card:hover{background:color-mix(in oklab,var(--card-bg) 78%,transparent);border-color:color-mix(in oklab,var(--accent-primary) 18%,var(--border-color));box-shadow:0 0 0 1px color-mix(in oklab,var(--accent-primary) 10%,transparent),var(--shadow-md)}}.data-card-header{margin:0 0 .75rem;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.data-card-header svg{color:var(--text-secondary)}.data-card-description{margin:0 0 1rem;font-size:.9rem;color:var(--text-secondary)}.data-section-actions{display:flex;gap:var(--space-s);flex-wrap:wrap}.data-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;margin:0}.data-action-btn svg{opacity:.9}@media(max-width:600px){.data-section-actions{display:grid;grid-template-columns:1fr;gap:12px}}