:root{--bg-primary: #f4f3ef;--bg-surface: #ffffff;--bg-surface-hover: #fafafa;--border-color: #e6e5df;--border-focus: #00a86b;--text-main: #2d3748;--text-muted: #718096;--text-subtle: #a0aec0;--accent-primary: #00a86b;--accent-primary-hover: #008f5a;--accent-light: #e6f7f0;--accent-glow: rgba(0, 168, 107, .12);--status-pending: #ff9f43;--status-pending-bg: #fff8f2;--status-completed: #00a86b;--status-completed-bg: #e6f7f0;--status-cancelled: #ea5455;--status-cancelled-bg: #fdf3f3;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .08);--text-xs: .72rem;--text-sm: .76rem;--text-base: .82rem;--text-md: .88rem;--text-lg: 1.05rem;--text-xl: 1.25rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100vh;width:100vw;overflow:hidden;margin:0;padding:0;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);line-height:1.45;font-size:15px;-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;height:100vh;padding:.5rem 1rem;max-width:100%;width:100%;margin:0 auto;overflow:hidden;box-sizing:border-box}.main-content{flex:1;min-height:0;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem;padding:.2rem 0}.brand-section{display:flex;align-items:center}.brand-title{display:flex;align-items:center;gap:.5rem;color:var(--accent-primary);font-size:1.12rem;font-weight:700;letter-spacing:-.01em}.brand-subtitle{display:none}.header-controls{display:flex;align-items:center;gap:.45rem}.date-selector-pill{display:flex;align-items:center;gap:.35rem;background-color:var(--bg-surface);border:1px solid var(--border-color);padding:.26rem .65rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;color:#333;box-shadow:0 1px 2px #00000008}.date-selector-pill input[type=date]{border:none;outline:none;font-family:inherit;font-size:.82rem;font-weight:600;color:inherit;cursor:pointer;background:transparent;padding:0}.tab-navigation{display:flex;gap:1.25rem;border-bottom:1px solid var(--border-color);margin-bottom:.45rem;padding-bottom:0}.tab-button{display:flex;align-items:center;gap:.4rem;background:none;border:none;padding:.4rem .2rem;font-size:.84rem;font-weight:600;color:var(--text-muted);cursor:pointer;position:relative;transition:color .2s ease}.tab-button:hover{color:var(--text-main)}.tab-button.active{color:var(--accent-primary)}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:var(--accent-primary);border-radius:var(--radius-full)}.two-column-layout{display:grid;grid-template-columns:268px minmax(0,1fr);gap:.65rem;align-items:stretch;height:100%;min-height:0;flex:1;transition:grid-template-columns .25s cubic-bezier(.4,0,.2,1)}.two-column-layout.sidebar-collapsed{grid-template-columns:42px minmax(0,1fr)}.three-column-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;align-items:stretch;height:100%;min-height:0}.panel-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem .85rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:0;height:100%;transition:all .2s ease}.panel-card.collapsed-sidebar-card{padding:.65rem .25rem;align-items:center;background-color:#fafaf8;cursor:pointer;overflow:hidden}.panel-card.collapsed-sidebar-card:hover{background-color:#f0fdf4;border-color:#86efac}.panel-card>form{display:flex;flex-direction:column;overflow-y:auto;flex:1;min-height:0;padding-right:4px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem;border-bottom:1px solid #f0f0f0;padding-bottom:.45rem}.panel-title{display:flex;align-items:center;gap:.45rem;font-size:var(--text-md);font-weight:700;color:#1a202c}.form-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.55rem}.form-group label{font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.form-control{width:100%;height:33px;padding:.35rem .65rem;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);font-size:var(--text-base);outline:none;transition:border-color .15s ease,box-shadow .15s ease}textarea.form-control{height:auto;min-height:52px}.form-control:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-glow)}.time-range-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:33px;padding:0 .85rem;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease;width:100%}.btn-sm{height:27px;padding:0 .55rem;font-size:var(--text-sm)}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:var(--accent-primary-hover)}.btn-secondary{background-color:#f7f6f0;color:var(--text-main);border-color:var(--border-color)}.btn-secondary:hover{background-color:#eeeae0}.btn-action-add{background:none;border:none;color:var(--accent-primary);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-action-add:hover{background-color:var(--accent-light)}.table-wrapper{overflow:auto;border:1px solid var(--border-color);border-radius:var(--radius-md);flex:1;min-height:0}.clinic-table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--text-base)}.clinic-table th{background-color:#f7f6f0;color:var(--text-muted);font-weight:700;padding:.45rem .65rem;border-bottom:1px solid var(--border-color);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.clinic-table td{padding:.45rem .65rem;border-bottom:1px solid var(--border-color);color:var(--text-main);font-size:var(--text-base);line-height:1.35}.clinic-table tr:last-child td{border-bottom:none}.clinic-table tbody tr:hover{background-color:var(--bg-surface-hover)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;flex-shrink:0}.kpi-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.85rem 1rem;display:flex;align-items:center;gap:.85rem;box-shadow:0 1px 3px #0000000a;transition:all .2s ease;position:relative;overflow:hidden}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014;border-color:#cbd5e1}.kpi-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-info{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.kpi-label{font-size:.78rem;color:var(--text-muted);font-weight:600;white-space:nowrap}.kpi-value{font-size:1.25rem;font-weight:800;color:#1e293b;display:flex;align-items:baseline;gap:.35rem}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;flex-shrink:0}.analytics-grid-three{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:.75rem;flex-shrink:0}.filter-pill-tab{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .75rem;border-radius:20px;font-size:.78rem;font-weight:600;cursor:pointer;border:1px solid var(--border-color);background-color:#fff;color:var(--text-muted);transition:all .15s ease}.filter-pill-tab:hover{background-color:#f8fafc;border-color:#cbd5e1;color:var(--text-main)}.filter-pill-tab.active{background-color:#ecfdf5;border-color:#10b981;color:#065f46;font-weight:700}.filter-pill-tab .pill-count{padding:1px 6px;border-radius:10px;font-size:.7rem;background-color:#0000000f}.filter-pill-tab.active .pill-count{background-color:#10b981;color:#fff}.grid-container-card{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.65rem .85rem;box-shadow:var(--shadow-sm);overflow:hidden}.grid-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-shrink:0;gap:.5rem;flex-wrap:wrap}.legends-group{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-muted)}.legend-color{width:11px;height:11px;border-radius:3px;border:1px solid transparent}.legend-color.pending{background-color:var(--status-pending-bg);border-color:var(--status-pending)}.legend-color.completed{background-color:var(--status-completed-bg);border-color:var(--status-completed)}.legend-color.cancelled{background-color:var(--status-cancelled-bg);border-color:var(--status-cancelled)}.grid-helper-text{display:flex;align-items:center;gap:.25rem;font-size:.78rem;color:var(--accent-primary)}.grid-tools-group{display:flex;align-items:center;gap:.45rem}.view-mode-pill{display:inline-flex;align-items:center;background-color:#f1f5f9;border-radius:var(--radius-full);padding:2px;border:1px solid #e2e8f0}.view-mode-btn{border:none;background:transparent;padding:2px 7px;border-radius:var(--radius-full);font-size:.74rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s ease;white-space:nowrap}.view-mode-btn:hover{color:#1e293b}.view-mode-btn.active{background-color:#fff;color:var(--accent-primary);box-shadow:0 1px 3px #0000001a;font-weight:700}.scheduler-scroll-area{flex:1;overflow:auto;border:1px solid var(--border-color);border-radius:var(--radius-md);position:relative;min-height:0;min-width:0;max-height:100%;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc}.scheduler-scroll-area::-webkit-scrollbar{width:9px;height:9px}.scheduler-scroll-area::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.scheduler-scroll-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.scheduler-scroll-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}.scheduler-table{min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.scheduler-table th,.scheduler-table td{border-right:1px solid #f0f0e8;border-bottom:1px solid #f0f0e8;padding:0}.scheduler-table th:last-child,.scheduler-table td:last-child{border-right:none}.scheduler-table th{position:sticky;top:0;background-color:#eae9e3;color:#333;font-size:.85rem;font-weight:700;padding:.5rem;text-align:center;z-index:10;height:38px;border-bottom:1px solid var(--border-color)}.scheduler-table td.time-col{position:sticky;left:0;background-color:#eae9e3;color:#555;font-weight:700;font-size:.775rem;text-align:center;z-index:5;width:70px;height:30px;border-right:1px solid var(--border-color)}.grid-cell-interactive{height:30px;position:relative;cursor:pointer;transition:background-color .15s}.grid-cell-interactive:hover{background-color:#f7f6f0}.scheduler-table.density-compact th{height:30px;padding:.25rem .35rem;font-size:.78rem}.scheduler-table.density-compact td.time-col{height:24px;font-size:.72rem;width:62px}.scheduler-table.density-compact .grid-cell-interactive{height:24px;min-height:24px}.scheduler-table.density-compact .session-block-inline{padding:1px 3px!important}.scheduler-table.density-compact .session-block-details{font-size:.75rem!important;line-height:1.15!important}.session-block-card{position:absolute;left:3px;right:3px;border-radius:6px;border-left:4px solid transparent;padding:4px 6px;font-size:.725rem;line-height:1.2;box-shadow:0 1px 3px #00000014;overflow:hidden;cursor:pointer;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;transition:transform .15s,box-shadow .15s}.session-block-card:hover{transform:scale(1.01);box-shadow:0 3px 8px #0000001f;z-index:3}.session-block-card.pending{background-color:var(--status-pending-bg);border-left-color:var(--status-pending);color:#b45309}.session-block-card.completed{background-color:var(--status-completed-bg);border-left-color:var(--status-completed);color:#065f46}.session-block-card.cancelled{background-color:var(--status-cancelled-bg);border-left-color:var(--status-cancelled);color:#991b1b}.session-block-inline{border-radius:6px;border-left:4px solid transparent;padding:4px 6px;font-size:.725rem;line-height:1.35;box-shadow:0 1px 3px #00000014;cursor:pointer;display:flex;flex-direction:column;gap:1px;transition:transform .15s,box-shadow .15s;width:100%;box-sizing:border-box}.session-block-inline:hover{transform:scale(1.01);box-shadow:0 3px 8px #0000001f}.session-block-inline.pending,.session-block-inline.start-block.pending{background-color:#fff7ed;border-left-color:#f97316;color:#c2410c}.session-block-inline.pending:hover,.session-block-inline.start-block.pending:hover{background-color:#ffedd5}.session-block-inline.end-block.pending{background-color:#e0f2fe;border-left-color:#0284c7;color:#0369a1}.session-block-inline.end-block.pending:hover{background-color:#bae6fd}.session-block-inline.completed{background-color:var(--status-completed-bg);border-left-color:var(--status-completed);color:#065f46}.session-block-inline.cancelled{background-color:var(--status-cancelled-bg);border-left-color:var(--status-cancelled);color:#991b1b}.session-block-name{font-weight:700;word-break:break-word;white-space:normal}.session-block-details{font-size:.65rem;opacity:.85;word-break:break-word;white-space:normal}.session-block-inline{cursor:grab;-webkit-user-select:none;user-select:none}.session-block-inline:active{cursor:grabbing}.session-block-inline.is-dragging{opacity:.35!important;transform:scale(.96)!important;box-shadow:0 0 0 2px var(--accent-primary),0 6px 16px #00000026!important}.drag-over-cell{background-color:#a7f3d0!important;outline:2px dashed #059669!important;outline-offset:-2px}.drag-toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-base);font-weight:600;z-index:9999;animation:slideInToast .25s ease-out}.drag-toast.success{background-color:#065f46;color:#fff;border:1px solid #059669}.drag-toast.error{background-color:#991b1b;color:#fff;border:1px solid #dc2626}@keyframes slideInToast{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.config-item-list{display:flex;flex-direction:column;gap:.75rem;padding-right:.25rem}.config-item-card{display:flex;justify-content:space-between;align-items:center;background-color:#faf9f6;border:1px solid #ebeae3;border-radius:var(--radius-md);padding:.75rem 1rem}.config-item-info{display:flex;flex-direction:column;gap:.15rem;max-width:80%}.config-item-title{font-weight:600;font-size:.9rem;color:#333}.config-item-meta{font-size:.725rem;color:var(--text-muted)}.config-item-actions{display:flex;gap:.35rem}.btn-icon-only{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.35rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon-only:hover{color:var(--text-main);background-color:#eeeae0}.btn-icon-only.danger:hover{color:var(--status-cancelled);background-color:var(--status-cancelled-bg)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-content{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;max-width:580px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg)}.modal-content form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.modal-header{padding:.75rem 1.15rem;border-bottom:1px solid #f0f0e8;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-header h3{font-size:var(--text-lg);font-weight:700;color:#1e293b}.modal-body{padding:.85rem 1.15rem;overflow-y:auto;flex:1;min-height:0}.modal-footer{padding:.65rem 1.15rem;border-top:1px solid #f0f0e8;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;background-color:#faf9f6;flex-shrink:0}.modal-body::-webkit-scrollbar{width:7px}.modal-body::-webkit-scrollbar-track{background:#f1f0ea;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#00a86b;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#008f5b}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#dbdad3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c5c4bd}.search-row{display:flex;gap:.75rem;margin-bottom:1.25rem}.search-input-wrapper{position:relative;flex:1}.search-icon-inside{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-input-wrapper input{padding-left:2.25rem}.session-block-card.start-end-container{background-color:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;display:flex;flex-direction:column}.session-block-part-start,.session-block-part-end{width:100%;border-left:4px solid transparent;box-shadow:0 1px 2px #0000000d}.session-block-part-start.pending,.session-block-part-end.pending{background-color:var(--status-pending-bg);border-left-color:var(--status-pending)}.session-block-part-start.completed,.session-block-part-end.completed{background-color:var(--status-completed-bg);border-left-color:var(--status-completed)}.session-block-part-start.cancelled,.session-block-part-end.cancelled{background-color:var(--status-cancelled-bg);border-left-color:var(--status-cancelled)}.session-block-part-start{border-radius:4px 4px 0 0}.session-block-part-end{border-radius:0 0 4px 4px}.session-block-part-mid{width:100%;border-left:2px dashed #cbd5e1;padding:2px 6px;display:flex;flex-direction:column;justify-content:center;background-color:#ffffffb3;overflow:hidden;box-shadow:0 1px 2px #00000005}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;flex-shrink:0}.kpi-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.65rem .85rem;display:flex;align-items:center;gap:.65rem;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-info{display:flex;flex-direction:column;gap:.1rem}.kpi-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.kpi-value{font-size:1.15rem;font-weight:700;color:var(--text-main);line-height:1.2}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.suggestion-container{display:flex;flex-direction:column;gap:.4rem;padding:.65rem;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:var(--radius-md);margin-top:.25rem}.suggestion-pills-wrapper{display:flex;flex-wrap:wrap;gap:.5rem}.suggestion-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;background-color:#fff;border:1px solid var(--accent-primary);color:var(--accent-primary);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.suggestion-pill:hover{background-color:var(--accent-primary);color:#fff;transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content-card{background-color:#fff;border-radius:var(--radius-md);width:90%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column}.print-ticket-box{padding:1.5rem;border:2px solid #00a86b;border-radius:8px;background-color:#fff;color:#1e293b}.about-header{background:linear-gradient(135deg,#064e3b,#047857,#065f46);padding:1.75rem 1.5rem 1.5rem;color:#fff;position:relative}.about-avatar-box{width:64px;height:64px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;color:#00a86b;box-shadow:0 8px 16px #0003;border:3px solid #a7f3d0;flex-shrink:0}.about-close-btn{position:absolute;top:1rem;right:1rem;background:#ffffff26;border:none;border-radius:50%;width:32px;height:32px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.about-close-btn:hover{background:#ffffff4d}.about-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;background-color:#f8fafc}.about-contact-row{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:.85rem 1rem;border-radius:10px;border:1px solid #e2e8f0}.about-icon-square{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}@media print{body *{visibility:hidden}#printable-ticket,#printable-ticket *{visibility:visible}#printable-ticket{position:absolute;left:0;top:0;width:100%;border:none;box-shadow:none;padding:10mm}}@media (max-width: 900px){html,body,#root{height:auto;min-height:100vh;overflow-y:auto}.app-container{height:auto;min-height:100vh;padding:.75rem .65rem;overflow-y:auto}.app-header{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1rem}.header-controls{justify-content:space-between;width:100%}.tab-navigation{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:.35rem;gap:.5rem;justify-content:flex-start}.tab-button{flex-shrink:0;white-space:nowrap;font-size:.82rem;padding:.5rem .85rem}.tab-button span{white-space:nowrap}.two-column-layout{grid-template-columns:1fr;gap:1rem;height:auto}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.analytics-grid{grid-template-columns:1fr;gap:1rem}.panel-card{padding:1rem;height:auto;min-height:0}.main-content{flex:none;height:auto}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr}.brand-title{font-size:1.25rem}.brand-subtitle{font-size:.78rem}.modal-content-card,.modal-content{width:95%;max-width:100%}}.settings-sidebar-nav{display:flex;flex-direction:column;gap:.35rem;margin-top:.25rem}.settings-sidebar-btn{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:#475569;font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.settings-sidebar-btn:hover{color:#1e293b;background-color:#f1f5f9}.settings-sidebar-btn.active{background-color:#f0fdf4;color:#15803d;border-color:#bbf7d0;font-weight:700}.settings-sidebar-btn-content{display:flex;align-items:center;gap:.55rem}.settings-sidebar-badge{font-size:var(--text-xs);padding:.12rem .5rem;border-radius:999px;background-color:#e2e8f0;color:#475569;font-weight:700}.settings-sidebar-btn.active .settings-sidebar-badge{background-color:#dcfce7;color:#166534}.settings-nav-bar{display:flex;gap:.35rem;background-color:#f1f5f9;padding:.25rem;border-radius:var(--radius-md);border:1px solid #e2e8f0;overflow-x:auto;flex-shrink:0;scrollbar-width:none}.settings-nav-bar::-webkit-scrollbar{display:none}.settings-tab-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:var(--radius-sm);border:none;background:transparent;color:#64748b;font-size:var(--text-base);font-weight:600;cursor:pointer;white-space:nowrap;transition:all .18s ease}.settings-tab-btn:hover{color:#1e293b;background-color:#fff9}.settings-tab-btn.active{background-color:#fff;color:#0f172a;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.settings-tab-badge{font-size:var(--text-xs);padding:.1rem .45rem;border-radius:999px;background-color:#e2e8f0;color:#475569;font-weight:700}.settings-tab-btn.active .settings-tab-badge{background-color:#ecfdf5;color:#059669}.settings-section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.65rem;padding-bottom:.6rem;border-bottom:1px solid #f1f5f9;margin-bottom:.75rem}.settings-section-title-wrap h2{font-size:1.02rem;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:.45rem}.settings-section-title-wrap p{font-size:var(--text-xs);color:#64748b;margin:.15rem 0 0}.settings-filter-bar{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.settings-grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.65rem}.settings-item-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-sm);padding:.75rem;display:flex;flex-direction:column;justify-content:space-between;gap:.65rem;transition:all .2s ease;box-shadow:0 1px 2px #00000008}.settings-item-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}