.settings-tabs{padding:0 var(--spacing-md);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.settings-tabs::-webkit-scrollbar{display:none}.settings-content{padding:var(--spacing-lg);max-height:60vh;overflow-y:auto}.settings-modal .modal-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);padding:12px 16px}.settings-modal .modal-actions{align-items:center;gap:var(--spacing-sm)}.settings-modal .modal-btn{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-sm)}.settings-modal .modal-btn-cancel{padding:var(--spacing-sm)var(--spacing-md)}.settings-modal .data-table-header{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.settings-modal .data-table-row,.settings-modal .data-table-row:nth-child(2n){background:var(--color-bg-primary)}.settings-modal .data-table-row:hover{background:var(--color-bg-tertiary)}.settings-modal .data-table-row-main{border-bottom:none}.settings-modal .data-table-row-note{font-size:var(--font-xs);color:var(--color-text-tertiary);padding-top:10px;padding-bottom:12px}.settings-modal .data-table-row-note:hover{background:var(--color-bg-primary)}.ai-tuning-modal .ai-tuning-textarea{resize:vertical;field-sizing:fixed;min-height:320px;max-height:60vh;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;overflow-y:auto}.settings-subsection-title{font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-top:16px;margin-bottom:8px}.ai-tuning-actions-row{justify-content:flex-end;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:12px;display:flex}.ai-skill-col-skill{flex:1}.ai-skill-col-enabled{flex:0 0 80px}.ai-skill-col-prompts{flex:0 0 160px}.ai-skill-col-actions{text-align:right;flex:0 0 220px}.ai-skill-name-row{align-items:center;gap:6px;display:inline-flex}.ai-skill-desc-trigger.btn-icon{width:24px;height:24px}.ai-skill-desc-trigger.btn-icon svg{width:16px;height:16px}.ai-skill-meta{font-size:var(--font-xs);color:var(--color-text-tertiary)}.tabs-container{border-bottom:1px solid var(--color-border);margin-bottom:16px;display:flex}.tabs-container-scrollable{border-bottom:1px solid var(--color-border);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.tabs-container-scrollable::-webkit-scrollbar{display:none}.tab-btn,.tab-btn-active,.tab-btn-fixed,.tab-btn-fixed-active{cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.tab-btn,.tab-btn-fixed{color:var(--color-text-secondary)}.tab-btn:hover,.tab-btn-fixed:hover{color:var(--color-text-primary)}.tab-btn-active,.tab-btn-fixed-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.user-row-card{background:var(--color-bg-secondary);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;display:flex}.user-row-list{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.user-row-list:last-child{border-bottom:none}.user-info{flex:1}.user-name{font-weight:500}.user-meta{color:var(--color-text-tertiary);font-size:12px}.user-meta-sm{color:var(--color-text-tertiary);font-size:11px}.user-name-row{align-items:center;gap:8px;display:flex}.role-badge{border-radius:4px;padding:2px 8px;font-size:11px}.role-badge-admin{background:var(--color-purple-soft-strong);color:var(--color-purple-500-alt)}.role-badge-doctor{background:var(--color-info-strong);color:var(--color-blue-500)}.role-badge-staff{background:var(--color-success-soft);color:var(--color-green-500)}.role-badge-pending{background:var(--color-warning-light);color:var(--color-amber-500)}.user-actions{align-items:center;gap:8px;display:flex}.user-management-form-actions{margin-top:12px}.settings-section{margin-bottom:20px}.settings-section-title{color:var(--color-text-primary);margin-bottom:12px;font-size:15px;font-weight:600}.settings-section-title-with-margin{color:var(--color-text-primary);margin-top:20px;margin-bottom:12px;font-size:15px;font-weight:600}.settings-card{background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-light);padding:12px 16px}.settings-toggle-row{background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-light);justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 14px;display:flex}.settings-toggle-row:last-child{margin-bottom:0}.settings-toggle-label{color:var(--color-text-primary);font-size:14px;font-weight:500}.settings-toggle-desc{color:var(--color-text-tertiary);margin-top:2px;font-size:12px}.checkbox-lg{cursor:pointer;width:16px;height:16px;accent-color:var(--color-accent);vertical-align:middle}.info-row{margin-bottom:6px;font-size:14px}.info-label{color:var(--color-text-tertiary);min-width:70px;font-size:13px;display:inline-block}.info-value{color:var(--color-text-primary);font-size:14px;font-weight:500}.info-hint{background:var(--color-info-faint);border-radius:var(--radius-md);color:var(--color-text-secondary);align-items:flex-start;gap:8px;margin-top:12px;padding:10px 14px;font-size:12px;line-height:1.5;display:flex}.info-hint svg{flex-shrink:0;margin-top:1px}.form-hint{color:var(--color-text-tertiary);margin-top:4px;font-size:12px;display:block}.appointment-type-row{grid-template-columns:48px minmax(180px,1fr) 120px auto;align-items:center;gap:8px;margin:4px 0;padding:2px 0;display:grid}.appointment-type-order-split{border:1px solid var(--color-border);background:var(--color-bg-tertiary);border-radius:5px;grid-template-columns:1fr 1fr;width:44px;height:24px;display:grid;overflow:hidden}.appointment-type-order-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:600;line-height:1;transition:background-color .12s,color .12s;display:flex}.appointment-type-order-btn+.appointment-type-order-btn{border-left:1px solid var(--color-border-light)}.appointment-type-order-btn:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}.appointment-type-order-btn:active:not(:disabled){background:var(--color-bg-primary)}.appointment-type-order-btn:focus-visible{outline:1px solid var(--color-border-primary);outline-offset:-1px}.appointment-type-order-btn:disabled{color:var(--color-text-tertiary);opacity:.45;cursor:not-allowed}.appointment-type-row-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-combined-tab{flex-direction:column;gap:4px;display:flex}.settings-actions{border-top:1px solid var(--color-border-light);background:var(--color-bg-primary);z-index:10;align-items:center;gap:12px;margin-top:20px;padding:16px 0 0;display:flex;position:sticky;bottom:0}.save-success-hint{color:var(--color-green-500);font-size:13px;font-weight:500;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.role-select{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:6px;padding:6px 12px}.role-select-sm{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:4px;padding:4px 8px;font-size:12px}.select-full{width:100%}.btn-approve{background:var(--color-green-500);color:var(--color-text-inverse);cursor:pointer;border:none;border-radius:6px;padding:6px 16px;transition:background .2s}.btn-approve:hover{background:var(--color-green-600)}.btn-approve:disabled{opacity:.6;cursor:not-allowed}.btn-reject{background:var(--color-red-500);color:var(--color-text-inverse);cursor:pointer;border:none;border-radius:6px;padding:6px 12px;transition:background .2s}.btn-reject:hover{background:var(--color-red-600)}.btn-reject:disabled{opacity:.6;cursor:not-allowed}.about-container{text-align:center;padding:20px}.about-icon{margin-bottom:16px;font-size:48px}.about-logo{width:64px;height:64px;margin-bottom:16px}.about-title{margin-bottom:8px}.about-desc{color:var(--color-text-secondary);margin-bottom:24px}.about-info-card{background:var(--color-bg-secondary);text-align:left;border-radius:8px;max-width:420px;margin:0 auto;padding:16px}.about-link{color:var(--color-link);word-break:break-all;text-decoration:none}.about-link:hover{text-decoration:underline}.about-update-btn{vertical-align:middle;margin-left:8px}.about-update-wrap{vertical-align:middle;align-items:center;gap:8px;margin-left:8px;display:inline-flex}.about-update-status{color:var(--color-text-tertiary);font-size:12px}.about-update-progress{border-radius:var(--radius-full);appearance:none;width:120px;height:6px;overflow:hidden}.about-update-progress::-webkit-progress-bar{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}.about-update-progress::-webkit-progress-value{background:var(--color-accent);border-radius:var(--radius-full)}.about-update-progress::-moz-progress-bar{background:var(--color-accent);border-radius:var(--radius-full)}.about-update-status-ok{color:var(--color-success)}.about-update-status-error{color:var(--color-error)}.content-padding{padding:16px}.content-padding-sides{padding:0 16px 16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.stat-card{background:var(--color-bg-tertiary);text-align:center;border-radius:8px;padding:16px}.stat-value{font-size:24px;font-weight:700}.stat-value-warning{color:var(--color-warning)}.stat-value-accent{color:var(--color-accent)}.stat-value-success{color:var(--color-success)}.stat-value-primary{color:var(--color-text-primary)}.stat-label{color:var(--color-text-tertiary);font-size:12px}.pending-approval-page{background:var(--color-bg-primary);height:100vh;color:var(--color-text-primary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.pending-icon{margin-bottom:24px;font-size:64px}.pending-title{margin-bottom:12px;font-size:24px;font-weight:600}.pending-desc{color:var(--color-text-secondary);max-width:400px;margin-bottom:8px}.pending-subdesc{color:var(--color-text-tertiary);margin-bottom:32px;font-size:14px}.pending-status-card{background:var(--color-bg-secondary);border-radius:12px;margin-bottom:32px;padding:20px 32px}.pending-status-row{align-items:center;gap:12px;display:flex}.pending-status-dot{color:var(--color-warning)}.pending-actions{gap:12px;display:flex}.btn-refresh{background:var(--color-bg-tertiary);color:var(--color-text-primary);cursor:pointer;border:none;border-radius:8px;padding:12px 24px}.btn-refresh:hover{background:var(--color-bg-hover)}.btn-logout-outline{color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:8px;padding:12px 24px}.btn-logout-outline:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.save-success-hint{background:var(--color-success-light);color:var(--color-success);border-radius:6px;margin-left:12px;padding:4px 12px;font-size:13px;font-weight:500;animation:.3s fadeIn;display:inline-block}.ai-provider-list{flex-direction:column;gap:12px;display:flex}.ai-provider-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.ai-provider-card:hover{border-color:var(--color-border-hover)}.ai-provider-card.active{border-color:var(--color-accent);background:var(--color-info-fainter)}.provider-status{flex-shrink:0}.status-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.status-dot.online{background-color:var(--color-green-500)}.status-dot.offline{background-color:var(--color-red-500)}.status-dot.unknown{background-color:var(--color-text-tertiary)}.provider-info{flex:1;min-width:0}.provider-name{align-items:center;gap:8px;font-weight:500;display:flex}.active-badge{background:var(--color-success-light);color:var(--color-green-500);border-radius:4px;padding:2px 8px;font-size:11px}.provider-meta{color:var(--color-text-secondary);margin-top:2px;font-size:12px}.provider-url{color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.provider-actions{flex-shrink:0;gap:4px;display:flex}.empty-state-small{text-align:center;color:var(--color-text-tertiary);background:var(--color-bg-secondary);border-radius:8px;padding:32px}@media (max-width:768px){.settings-tabs{background:var(--color-bg-tertiary);gap:0;padding:0}.settings-content{padding:var(--spacing-md);max-height:none}.tabs-container,.tabs-container-scrollable{margin-bottom:12px}.tab-btn,.tab-btn-active,.tab-btn-fixed,.tab-btn-fixed-active{text-align:center;flex:1;padding:14px 12px;font-size:13px}.settings-section{margin-bottom:16px}.settings-section-title,.settings-section-title-with-margin{margin-bottom:10px;font-size:14px}.settings-section-title-with-margin{margin-top:16px}.settings-card{padding:10px 12px}.settings-toggle-row{margin-bottom:6px;padding:12px}.settings-toggle-label{font-size:14px}.settings-toggle-desc{font-size:11px}.checkbox-lg{width:20px;height:20px}.form-grid-2{grid-template-columns:1fr;gap:10px}.form-group label{font-size:13px}.form-group input,.form-group select,.select-full{padding:10px 12px;font-size:14px}.info-hint{padding:10px 12px;font-size:11px}.settings-section>div:last-child>.btn,.settings-section>div:last-child>button[class*=btn-]{width:100%}.user-row-card{flex-direction:column;align-items:stretch;gap:10px}.user-row-card .user-actions{justify-content:flex-end}.user-row-list{flex-wrap:wrap;gap:8px}.ai-provider-card{flex-direction:column;align-items:stretch;gap:10px}.provider-info{order:1}.provider-actions{order:2;justify-content:flex-end}.provider-status{position:absolute;top:12px;right:12px}.about-container{padding:16px}.about-info-card{max-width:100%}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:12px}.stat-value{font-size:20px}.stat-label{font-size:11px}}