@import"https://cdn.jsdelivr.net/npm/geist@1.2.0/dist/fonts/geist-sans/style.min.css";@import"https://cdn.jsdelivr.net/npm/@fontsource/geist-sans@5.1.0/index.css";@import"https://cdn.jsdelivr.net/npm/@fontsource/geist-sans@5.1.0/500.css";@import"https://cdn.jsdelivr.net/npm/@fontsource/geist-sans@5.1.0/600.css";.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:9999;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;box-shadow:0 10px 40px #0000004d;min-width:300px;max-width:450px;pointer-events:auto;animation:toast-slide-in .3s ease-out}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;font-size:.875rem;font-weight:500;color:var(--text-primary);line-height:1.4}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:.5rem;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.toast-close:hover{background:#ffffff1a;color:var(--text-primary)}.toast-success{border-left:3px solid var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-left:3px solid var(--error)}.toast-error .toast-icon{color:var(--error)}.toast-warning{border-left:3px solid var(--warning)}.toast-warning .toast-icon{color:var(--warning)}.toast-info{border-left:3px solid var(--accent-primary)}.toast-info .toast-icon{color:var(--accent-primary)}@media (max-width: 480px){.toast-container{left:1rem;right:1rem;bottom:1rem}.toast{min-width:unset;max-width:unset;width:100%}}.tour-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tour-tooltip{position:fixed;width:320px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;box-shadow:var(--shadow-lg);z-index:10000;animation:tooltipFadeIn .3s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tour-tooltip:before{content:"";position:absolute;width:12px;height:12px;background:var(--bg-card);border:1px solid var(--border-primary);transform:rotate(45deg)}.tour-tooltip-top:before{bottom:-7px;left:50%;margin-left:-6px;border-top:none;border-left:none}.tour-tooltip-bottom:before{top:-7px;left:50%;margin-left:-6px;border-bottom:none;border-right:none}.tour-tooltip-left:before{right:-7px;top:50%;margin-top:-6px;border-bottom:none;border-left:none}.tour-tooltip-right:before{left:-7px;top:50%;margin-top:-6px;border-top:none;border-right:none}.tour-tooltip-content{padding:1.5rem 1.5rem 1rem}.tour-step-indicator{font-size:.75rem;color:var(--accent-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.tour-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.tour-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0}.tour-tooltip-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:0 0 1rem 1rem}.tour-skip-btn{background:none;border:none;color:var(--text-muted);font-size:.875rem;cursor:pointer;padding:.5rem;transition:color .2s}.tour-skip-btn:hover{color:var(--text-secondary)}.tour-nav-btns{display:flex;gap:.5rem}.tour-prev-btn,.tour-next-btn{padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tour-prev-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary)}.tour-prev-btn:hover{background:var(--bg-card);color:var(--text-primary)}.tour-next-btn{background:var(--accent-primary);border:none;color:#fff}.tour-next-btn:hover{background:var(--accent-hover)}.tour-progress{display:flex;justify-content:center;gap:.5rem;padding:.75rem 1.5rem 1rem}.tour-dot{width:8px;height:8px;border-radius:50%;background:var(--bg-tertiary);transition:all .3s}.tour-dot.active{background:var(--accent-primary);transform:scale(1.2)}.tour-dot.completed{background:var(--success)}.tour-highlight{position:relative;z-index:9999!important;box-shadow:0 0 0 4px var(--accent-secondary),0 0 0 8px #006c7d33!important;border-radius:.5rem;animation:highlightPulse 2s ease-in-out infinite}@keyframes highlightPulse{0%,to{box-shadow:0 0 0 4px var(--accent-secondary),0 0 0 8px #006c7d33}50%{box-shadow:0 0 0 4px var(--accent-secondary),0 0 0 16px #006c7d1a}}@media (max-width: 768px){.tour-tooltip{width:calc(100vw - 2rem);max-width:320px;left:50%!important;transform:translate(-50%)}.tour-tooltip:before{display:none}}.chat-widget{position:fixed;bottom:0;right:1.5rem;z-index:1050;width:380px;display:flex;flex-direction:column;border-radius:.75rem .75rem 0 0;box-shadow:0 -2px 16px #0000001a,0 0 0 1px var(--border-primary);overflow:hidden}.chat-widget-bar{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;background:var(--bg-card);border-bottom:1px solid var(--border-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease;flex-shrink:0}.chat-widget-bar:hover{background:var(--bg-secondary)}.chat-widget-bar-left{display:flex;align-items:center;gap:.625rem}.chat-widget-bar-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.chat-widget-bar-title{font-size:.875rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.chat-widget-bar-status{width:8px;height:8px;background:#4ade80;border-radius:50%;border:2px solid var(--bg-card);margin-left:-.25rem;animation:status-pulse 2s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-widget-bar-actions{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary)}.chat-widget-bar-actions svg{transition:transform .25s ease}.chat-widget-body{display:flex;flex-direction:column;background:var(--bg-card);height:0;overflow:hidden;transition:height .3s cubic-bezier(.4,0,.2,1)}.chat-widget.open .chat-widget-body{height:480px;transition:height .35s cubic-bezier(0,0,.2,1)}.chat-widget-messages{flex:1;overflow-y:auto;padding:1rem 1rem .5rem;display:flex;flex-direction:column;gap:.625rem;scroll-behavior:smooth}.chat-widget-messages::-webkit-scrollbar{width:4px}.chat-widget-messages::-webkit-scrollbar-track{background:transparent}.chat-widget-messages::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}.chat-widget-msg-row{display:flex;animation:msg-appear .3s cubic-bezier(.4,0,.2,1) both}@keyframes msg-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-widget-msg-row.user{justify-content:flex-end}.chat-widget-msg-row.assistant{justify-content:flex-start}.chat-widget-bubble{max-width:85%;padding:.625rem .875rem;border-radius:1rem;font-size:.8125rem;line-height:1.6;color:var(--text-primary);word-break:break-word}.chat-widget-bubble.user{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border-bottom-right-radius:.25rem}.chat-widget-bubble.assistant{background:var(--bg-secondary);border:1px solid var(--border-primary);border-bottom-left-radius:.25rem;white-space:normal}.chat-widget-bubble.assistant p{margin:.15rem 0}.chat-widget-bubble.assistant strong{font-weight:600}.chat-widget-bubble.assistant ul,.chat-widget-bubble.assistant ol{margin:.25rem 0;padding-left:1.25rem}.chat-widget-bubble.assistant li{margin-bottom:.125rem}.chat-widget-bubble.assistant br{line-height:.5}.chat-widget-pills{display:flex;flex-wrap:wrap;gap:.375rem;padding:.375rem 0}.chat-widget-pill{padding:.375rem .75rem;background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:100px;font-size:.75rem;font-weight:500;color:var(--accent-secondary);cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);animation:pill-appear .25s cubic-bezier(.4,0,.2,1) both}@keyframes pill-appear{0%{opacity:0;transform:translateY(6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-widget-pill:hover{background:var(--bg-secondary);border-color:var(--accent-secondary);box-shadow:0 2px 8px #008b9e1f;transform:translateY(-1px)}.chat-widget-pill:active{transform:scale(.96)}.chat-widget-typing{display:flex;align-items:center;gap:.3rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:1rem 1rem 1rem .25rem;width:fit-content;animation:msg-appear .3s cubic-bezier(.4,0,.2,1) both}.chat-widget-typing-dot{width:7px;height:7px;background:var(--accent-secondary);border-radius:50%;animation:typing-pulse 1.4s ease-in-out infinite;opacity:.6}.chat-widget-typing-dot:nth-child(2){animation-delay:.15s}.chat-widget-typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing-pulse{0%,80%,to{transform:scale(.85);opacity:.4}40%{transform:scale(1.15);opacity:1}}.chat-widget-input-area{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-top:1px solid var(--border-primary);flex-shrink:0;background:var(--bg-card)}.chat-widget-input{flex:1;padding:.5rem .75rem;border:1.5px solid var(--border-primary);border-radius:.625rem;background:var(--input-bg);font-size:.8125rem;color:var(--text-primary);font-family:inherit;outline:none;transition:all .2s ease;min-width:0}.chat-widget-input:focus{border-color:var(--accent-secondary);box-shadow:0 0 0 3px var(--focus-ring)}.chat-widget-input::placeholder{color:var(--text-muted)}.chat-widget-send{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border:none;border-radius:.5rem;cursor:pointer;flex-shrink:0;transition:all .2s ease}.chat-widget-send:disabled{opacity:.35;cursor:not-allowed}.chat-widget-send:not(:disabled):hover{transform:scale(1.05);box-shadow:0 2px 10px #008b9e40}.chat-widget-send:not(:disabled):active{transform:scale(.95)}@media (max-width: 768px){.chat-widget{right:0;left:0;width:100%;border-radius:0;bottom:80px}.chat-widget.open .chat-widget-body{height:calc(100vh - 128px)}}@media (max-width: 480px){.chat-widget{bottom:80px}.chat-widget.open .chat-widget-body{height:calc(100vh - 128px)}}.layout{display:flex;height:100vh;overflow:hidden;background:var(--bg-primary)}.sidebar{width:280px;height:100vh;background:var(--bg-card);border-right:1px solid var(--border-primary);color:var(--text-primary);display:flex;flex-direction:column;padding:1.75rem 0;position:sticky;top:0;transition:width .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;overflow:hidden}.sidebar-header{padding:0 1.5rem}.sidebar-logo{display:flex;align-items:center;min-height:36px}.sidebar-logo .logo-full{height:36px;width:auto;display:block}.sidebar-logo .logo-icon{height:32px;width:32px;display:none}.header-top{display:flex;align-items:center;justify-content:space-between}.theme-toggle{padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--bg-tertiary);color:var(--accent-secondary);border-color:var(--border-secondary)}.sidebar-nav{flex:1;padding:1.5rem 0;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.875rem;padding:.75rem 1.5rem;margin:0 .75rem;color:var(--text-secondary);text-decoration:none;border-radius:.75rem;transition:all .2s ease;font-weight:500;font-size:.9375rem;position:relative;white-space:nowrap;overflow:hidden}.nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-item.active{background:var(--bg-tertiary);color:var(--accent-primary);font-weight:600}.nav-item.active svg{color:var(--accent-primary)}.nav-item svg{flex-shrink:0;color:var(--text-muted);transition:color .2s ease}.nav-item:hover svg{color:var(--text-primary)}.nav-label{transition:opacity .2s ease}.collapse-toggle{display:flex;align-items:center;justify-content:center;padding:.375rem;background:transparent;border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.collapse-toggle:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-secondary)}.sidebar.collapsed{width:72px}.sidebar.collapsed .sidebar-header{padding:0 .75rem;display:flex;justify-content:center}.sidebar.collapsed .header-top{flex-direction:column;align-items:center;gap:.75rem}.sidebar.collapsed .sidebar-logo .logo-full{display:none}.sidebar.collapsed .sidebar-logo .logo-icon{display:block}.sidebar.collapsed .header-actions{display:flex}.sidebar.collapsed .nav-item{padding:.75rem;margin:0 .5rem;justify-content:center}.sidebar.collapsed .nav-label{opacity:0;width:0;overflow:hidden}.sidebar-footer{padding:0 .75rem .75rem;display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.sidebar-profile{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.75rem;text-decoration:none;color:var(--text-primary);transition:background .2s;cursor:pointer}.sidebar-profile:hover{background:var(--bg-secondary)}.sidebar-profile-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.sidebar-profile-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-profile-info{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar-profile-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile-role{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.sidebar-profile:hover .sidebar-profile-arrow{transform:translate(2px);color:var(--text-secondary)}.sidebar-referral-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.375rem}.sidebar-referral-icon{width:40px;height:40px;border-radius:50%;background:var(--accent-secondary);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.sidebar-referral-title{font-size:.875rem;font-weight:700;color:var(--text-primary)}.sidebar-referral-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.sidebar-referral-btn{margin-top:.375rem;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:50px;font-size:.8125rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s;width:100%}.sidebar-referral-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.sidebar-theme-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:.8125rem;font-weight:500;width:100%}.sidebar-theme-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-secondary)}.sidebar-theme-label{transition:opacity .2s}.sidebar.collapsed .sidebar-footer{padding:0 .5rem .75rem;gap:.5rem}.sidebar.collapsed .sidebar-profile{padding:.5rem;justify-content:center}.sidebar.collapsed .sidebar-profile-info,.sidebar.collapsed .sidebar-profile-arrow,.sidebar.collapsed .sidebar-referral-card{display:none}.sidebar.collapsed .sidebar-theme-toggle{padding:.5rem}.sidebar.collapsed .sidebar-theme-label{opacity:0;width:0;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-secondary)}.main-content-body{flex:1;overflow:hidden;display:flex;flex-direction:column}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:page-enter .25s ease-out;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.top-header-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--bg-card);border-bottom:1px solid var(--border-primary);flex-shrink:0;min-height:64px}.top-header-left{display:flex;flex-direction:column;gap:.125rem}.top-header-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;margin:0;line-height:1.3}.top-header-subtitle{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.4}.top-header-right{display:flex;align-items:center;gap:.5rem}.top-header-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.top-header-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-secondary)}.top-header-user-wrapper{position:relative;margin-left:.25rem}.top-header-user{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem .375rem .375rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:50px;cursor:pointer;transition:all .2s}.top-header-user:hover{border-color:var(--border-secondary);background:var(--bg-tertiary)}.user-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent-primary);color:#fff;border-radius:50%;flex-shrink:0;overflow:hidden}.user-avatar-img{width:100%;height:100%;object-fit:cover}.user-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.user-chevron{color:var(--text-muted);transition:transform .2s}.user-chevron.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:260px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;box-shadow:var(--shadow-lg);z-index:100;animation:dropdown-appear .15s ease-out}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{display:flex;align-items:center;gap:.75rem;padding:1rem}.user-dropdown-header .user-avatar{width:36px;height:36px}.user-dropdown-info{display:flex;flex-direction:column;min-width:0}.user-dropdown-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.user-dropdown-email{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-divider{height:1px;background:var(--border-primary)}.user-dropdown-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s;text-decoration:none}.user-dropdown-item:hover{background:var(--bg-secondary)}.user-dropdown-item.danger{color:var(--error)}.user-dropdown-item.danger:hover{background:var(--error-bg)}.user-dropdown-item svg{color:var(--text-muted);flex-shrink:0}.user-dropdown-item.danger svg{color:var(--error)}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.search-modal{width:100%;max-width:520px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;box-shadow:var(--shadow-lg);overflow:hidden;animation:search-appear .15s ease-out}@keyframes search-appear{0%{opacity:0;transform:scale(.97) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.search-input-wrapper{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-primary);color:var(--text-muted)}.search-input-wrapper input{flex:1;background:transparent;border:none;outline:none;font-size:1rem;color:var(--text-primary)}.search-input-wrapper input::placeholder{color:var(--text-muted)}.search-kbd{padding:.125rem .5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;font-size:.6875rem;font-weight:500;color:var(--text-muted);font-family:inherit}.search-results{max-height:320px;overflow-y:auto;padding:.5rem}.search-result-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;border-radius:.5rem;color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .15s;text-align:left}.search-result-item:hover{background:var(--bg-secondary)}.search-result-item svg{color:var(--text-muted);flex-shrink:0}.search-result-item:hover svg{color:var(--accent-primary)}.search-result-label{flex:1}.search-result-badge{padding:.125rem .5rem;background:var(--accent-primary);color:#fff;border-radius:50px;font-size:.6875rem;font-weight:600}.search-result-item.current{background:var(--bg-secondary)}.search-empty{padding:2rem;text-align:center;color:var(--text-muted);font-size:.875rem}.logout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;display:flex;align-items:center;justify-content:center}.logout-modal{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;box-shadow:var(--shadow-lg);padding:2rem;text-align:center;animation:search-appear .15s ease-out}.logout-modal-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--error-bg);color:var(--error);border-radius:50%;margin-bottom:1rem}.logout-modal-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.logout-modal-text{font-size:.875rem;color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.5}.logout-modal-actions{display:flex;gap:.75rem}.logout-modal-cancel{flex:1;padding:.625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.logout-modal-cancel:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.logout-modal-confirm{flex:1;padding:.625rem 1rem;background:var(--error);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.logout-modal-confirm:hover{opacity:.9}.notifications-wrapper{position:relative}.notification-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;background:var(--error);color:#fff;border-radius:50px;font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 .25rem;pointer-events:none}.notifications-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:380px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;box-shadow:var(--shadow-lg);z-index:100;animation:dropdown-appear .15s ease-out;overflow:hidden}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-primary)}.notifications-title{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.notifications-mark-read{background:none;border:none;color:var(--accent-primary);font-size:.8125rem;font-weight:500;cursor:pointer;padding:0;transition:opacity .15s}.notifications-mark-read:hover{opacity:.8}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;transition:background .15s;position:relative}.notification-item:hover,.notification-item.unread{background:var(--bg-secondary)}.notification-item+.notification-item{border-top:1px solid var(--border-primary)}.notification-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0;margin-top:.125rem}.notification-icon.success{background:var(--success-bg);color:var(--success)}.notification-icon.warning{background:var(--warning-bg);color:var(--warning)}.notification-icon.info{background:#3b82f61a;color:#3b82f6}.notification-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.notification-item-title{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.notification-message{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.notification-time{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.notification-dot{width:8px;height:8px;background:var(--accent-primary);border-radius:50%;flex-shrink:0;margin-top:.5rem}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:var(--bg-card);border-bottom:1px solid var(--border-primary);padding:0 1rem;align-items:center;justify-content:space-between;z-index:900}.mobile-header h1{font-size:1.25rem;color:var(--text-primary);font-weight:700;letter-spacing:-.03em}.menu-toggle{padding:.5rem;background:transparent;border:none;color:var(--text-primary);cursor:pointer;border-radius:.5rem;transition:background .2s}.menu-toggle:hover{background:var(--bg-secondary)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.close-sidebar{display:none;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.close-sidebar:hover{background:#dc26260f;color:var(--error);border-color:var(--error)}.header-actions{display:flex;align-items:center;gap:.5rem}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:70px;background:var(--bg-card);border-top:1px solid var(--border-primary);padding:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));z-index:900}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;color:var(--text-muted);text-decoration:none;font-size:.75rem;font-weight:500;border-radius:.75rem;transition:all .2s}.bottom-nav-item:hover{color:var(--text-primary);background:var(--bg-secondary)}.bottom-nav-item.active{color:var(--accent-primary);background:var(--bg-tertiary)}.bottom-nav-item svg{flex-shrink:0}@media (max-width: 1024px){.sidebar:not(.collapsed){width:260px}}@media (max-width: 768px){.mobile-header,.bottom-nav{display:flex}.sidebar-overlay{display:block}.close-sidebar{display:flex;align-items:center;justify-content:center}.collapse-toggle,.top-header-bar{display:none}.main-content{display:block;overflow-y:auto}.main-content-body{overflow:visible;display:block}.sidebar.collapsed{width:280px}.sidebar.collapsed .sidebar-logo .logo-full{display:block}.sidebar.collapsed .sidebar-logo .logo-icon{display:none}.sidebar.collapsed .header-actions{display:flex}.sidebar.collapsed .header-top{flex-direction:row;align-items:center}.sidebar.collapsed .nav-item{padding:.75rem 1.5rem;margin:0 .75rem;justify-content:flex-start}.sidebar.collapsed .nav-label{opacity:1;width:auto}.sidebar.collapsed .sidebar-header{padding:0 1.5rem;justify-content:flex-start}.sidebar.collapsed .sidebar-footer{padding:0 .75rem .75rem;gap:.75rem}.sidebar.collapsed .sidebar-profile{padding:.75rem;justify-content:flex-start}.sidebar.collapsed .sidebar-profile-info,.sidebar.collapsed .sidebar-profile-arrow,.sidebar.collapsed .sidebar-referral-card{display:flex}.sidebar.collapsed .sidebar-theme-label{opacity:1;width:auto}.sidebar{width:280px;max-width:85vw;position:fixed;top:0;left:0;bottom:0;z-index:1000;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.open{transform:translate(0)}.main-content{width:100%;padding-top:60px;padding-bottom:80px}.layout{flex-direction:column}}@media (max-width: 480px){.sidebar{width:100%;max-width:100%}.bottom-nav-item span{font-size:.6875rem}.mobile-header h1{font-size:1.125rem}}.login-container{min-height:100vh;font-family:Geist Sans,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}.login-split{display:flex;width:100%;min-height:100vh;background:var(--bg-primary)}.login-image-panel{position:relative;width:42%;min-height:100%;overflow:hidden;flex-shrink:0}.login-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.login-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#00000026,#0000001a,#0000008c)}.login-image-logo{position:absolute;top:2rem;left:2rem;z-index:1}.login-image-logo img{height:36px;width:auto}.login-image-quote{position:absolute;bottom:2rem;left:2rem;right:2rem;z-index:1}.login-quote-text{font-size:1.25rem;font-weight:600;color:#fff;line-height:1.4;margin-bottom:1rem;letter-spacing:-.02em}.login-quote-author{display:flex;flex-direction:column;gap:.125rem}.login-quote-name{font-size:.875rem;font-weight:600;color:#fff}.login-quote-role{font-size:.8125rem;color:#ffffffb3}.login-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem}.login-form-inner{width:100%;max-width:380px}.login-header{text-align:center;margin-bottom:2rem;transition:all .3s ease}.login-heading{font-family:Geist Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.75rem;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:.5rem;line-height:1.2}.login-header p{color:var(--text-secondary);font-size:.875rem;font-weight:400;line-height:1.5;max-width:320px;margin:0 auto}.signup-fields{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease,opacity .3s ease;opacity:0}.signup-fields-visible{grid-template-rows:1fr;opacity:1}.signup-fields-inner{overflow:hidden;min-height:0}.form-group{position:relative;margin-bottom:1.25rem}.login-container .form-group label{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-weight:400;font-size:.9375rem;pointer-events:none;transition:all .2s ease;background:var(--input-bg);padding:0 .25rem;z-index:1}.login-container .form-group input{width:100%;padding:.875rem;background:var(--input-bg);background-color:var(--input-bg);border:1.5px solid var(--border-primary);border-radius:.75rem;font-size:.9375rem;font-family:Geist Sans,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary);transition:all .2s ease}.login-container .form-group input::placeholder{color:transparent}.login-container .form-group input:focus,.login-container .form-group input:not(:placeholder-shown){padding-top:1.125rem;padding-bottom:.625rem}.login-container .form-group input:focus+label,.login-container .form-group input:not(:placeholder-shown)+label{top:0;transform:translateY(-50%);font-size:.75rem;color:var(--text-secondary);font-weight:500}.login-container .form-group input:focus{outline:none;border-color:var(--accent-primary);background:var(--input-bg);background-color:var(--input-bg);box-shadow:0 0 0 3px var(--focus-ring)}.login-container .form-group input:focus+label{color:var(--text-primary)}.login-container .form-group input:disabled{background:var(--bg-secondary);background-color:var(--bg-secondary);opacity:.6;cursor:not-allowed}.login-container .form-group input:disabled+label{background:var(--bg-secondary)}.error-message{background:var(--error-bg);color:var(--error);padding:.625rem .875rem;border:1px solid rgba(220,38,38,.15);border-radius:.75rem;margin-bottom:1.25rem;font-size:.8125rem;font-weight:500}.login-btn{width:100%;padding:.75rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:50px;font-size:.9375rem;font-weight:500;font-family:Geist Sans,-apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer;transition:all .2s ease}.login-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md)}.login-btn:active:not(:disabled){transform:scale(.98)}.login-btn:disabled{background:var(--border-secondary);color:var(--text-muted);cursor:not-allowed}.social-login-buttons{display:flex;flex-direction:column;gap:.75rem}.social-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.75rem 1.5rem;background:var(--bg-card);color:var(--text-primary);border:1.5px solid var(--border-primary);border-radius:50px;font-size:.9375rem;font-weight:500;font-family:Geist Sans,-apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer;transition:all .2s ease}.social-btn:hover:not(:disabled){background:var(--bg-secondary);box-shadow:0 1px 3px #00000014}.social-btn:active:not(:disabled){transform:scale(.98)}.social-btn:disabled{opacity:.5;cursor:not-allowed}.google-btn:hover:not(:disabled){border-color:#4285f4}.facebook-btn:hover:not(:disabled){border-color:#1877f2}.social-btn svg{flex-shrink:0}.auth-tabs{display:flex;gap:.25rem;margin-bottom:1.75rem;background:var(--bg-tertiary);border-radius:50px;padding:.25rem}.auth-tab{flex:1;padding:.5rem 1rem;background:transparent;border:none;border-radius:50px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;font-family:Geist Sans,-apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer;transition:all .2s ease}.auth-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 2px #0000000f}.auth-tab:hover:not(.active){color:var(--text-primary)}.divider{display:flex;align-items:center;margin:1.25rem 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-primary)}.divider span{padding:0 .875rem;color:var(--text-muted);font-size:.75rem;font-weight:500}.demo-btn{width:100%;padding:.75rem 1.5rem;background:var(--bg-card);color:var(--text-primary);border:1.5px solid var(--border-primary);border-radius:50px;font-size:.9375rem;font-weight:500;font-family:Geist Sans,-apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer;transition:all .2s ease}.demo-btn:hover:not(:disabled){border-color:var(--border-secondary);background:var(--bg-secondary)}.demo-btn:disabled{opacity:.5;cursor:not-allowed}.auth-footer{text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:.8125rem}.link-btn{background:none;border:none;color:var(--accent-secondary);font-size:inherit;font-weight:500;font-family:Geist Sans,-apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.link-btn:hover{color:var(--accent-hover)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-secondary);color:var(--text-secondary);font-family:Geist Sans,-apple-system,BlinkMacSystemFont,sans-serif}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--success);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 768px){.login-split{flex-direction:column}.login-image-panel{width:100%;height:280px;min-height:auto}.login-image-quote{bottom:1.25rem;left:1.25rem;right:1.25rem}.login-quote-text{font-size:1rem;margin-bottom:.625rem}.login-form-panel{padding:2rem 1.5rem}}.setup-checklist{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;position:relative;overflow:hidden}.setup-checklist:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-secondary)}.checklist-header{margin-bottom:1.5rem}.checklist-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.checklist-title h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.completion-badge{background:var(--accent-secondary);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:50px}.checklist-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.progress-container{margin-bottom:1.5rem}.progress-bar{height:6px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:var(--accent-secondary);border-radius:4px;transition:width .5s ease-out}.progress-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.checklist-items{display:flex;flex-direction:column;gap:.75rem}.checklist-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;transition:all .2s ease}.checklist-item:hover:not(.completed){border-color:var(--border-secondary);background:var(--bg-tertiary)}.checklist-item.completed{background:var(--success-bg);border-color:#2d6a4f33}.item-icon{flex-shrink:0;padding-top:.125rem}.check-icon{color:var(--success)}.pending-icon{color:var(--text-muted)}.item-content{flex:1;min-width:0}.item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.item-header svg{color:var(--accent-secondary)}.item-title{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.item-description{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.5}.item-action{flex-shrink:0;display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:50px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.item-action:hover{background:var(--accent-hover)}.item-status{flex-shrink:0;font-size:.8125rem;color:var(--success);font-weight:500;padding:.5rem 1rem}.checklist-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-primary);text-align:center}.checklist-footer p{font-size:.8125rem;color:var(--text-muted);margin:0}.checklist-footer a{color:var(--accent-secondary);text-decoration:none;font-weight:500}.checklist-footer a:hover{text-decoration:underline}@media (max-width: 640px){.checklist-item{flex-wrap:wrap}.item-action{margin-top:.5rem;margin-left:2.5rem;width:calc(100% - 2.5rem);justify-content:center}.item-status{margin-left:auto}}.usage-display{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.usage-display.loading{min-height:200px;display:flex;align-items:center;justify-content:center}.loading-pulse{width:40px;height:40px;border-radius:50%;background:var(--accent-secondary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.usage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.usage-title{display:flex;align-items:center;gap:.5rem}.usage-title svg{color:var(--accent-secondary)}.usage-title h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.02em}.plan-badge{background:var(--accent-secondary);color:#fff;font-size:.6875rem;font-weight:600;padding:.25rem .75rem;border-radius:50px;letter-spacing:.02em}.usage-alert{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:.75rem;margin-bottom:1.25rem;font-size:.875rem}.usage-alert.warning{background:var(--warning-bg);border:1px solid rgba(245,158,11,.2);color:var(--warning)}.usage-alert.critical{background:var(--error-bg);border:1px solid rgba(220,38,38,.15);color:var(--error)}.usage-alert svg{flex-shrink:0}.usage-alert span{flex:1}.alert-action{background:var(--accent-primary);color:#fff;border:none;padding:.375rem .75rem;border-radius:50px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .2s}.alert-action:hover{background:var(--accent-hover)}.usage-progress-section{margin-bottom:1.25rem}.usage-stats-row{display:flex;justify-content:space-between;margin-bottom:1rem}.usage-stat{text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-.02em}.stat-value.normal{color:var(--success)}.stat-value.warning{color:var(--warning)}.stat-value.critical{color:var(--error)}.stat-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.progress-bar-container{margin-top:.5rem}.usage-display .progress-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.usage-display .progress-fill{height:100%;border-radius:4px;transition:width .5s ease-out}.progress-fill.normal{background:var(--success)}.progress-fill.warning{background:var(--warning)}.progress-fill.critical{background:var(--error)}.progress-label{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--text-muted)}.billing-info{padding:1rem 0;border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);margin-bottom:1rem}.billing-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary);margin-bottom:.5rem}.billing-item:last-child{margin-bottom:0}.billing-item svg{color:var(--text-muted);flex-shrink:0}.usage-actions{display:flex;justify-content:flex-end}.btn-upgrade{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--accent-primary);color:#fff;border:none;border-radius:50px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-upgrade:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upgrade-modal{background:var(--modal-bg);border:1px solid var(--border-primary);border-radius:1rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-primary)}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:var(--text-primary)}.modal-description{padding:1rem 1.5rem;font-size:.875rem;color:var(--text-secondary);margin:0}.message-packs{padding:0 1.5rem 1.5rem}.pack-card{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;margin-bottom:.75rem;position:relative}.pack-card.recommended{border-color:var(--accent-secondary);background:#006c7d0a}.pack-badge{position:absolute;top:-.625rem;left:1rem;background:var(--accent-secondary);color:#fff;font-size:.6875rem;font-weight:600;padding:.25rem .5rem;border-radius:50px;text-transform:uppercase;letter-spacing:.02em}.pack-info h4{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.pack-info p{font-size:.8125rem;color:var(--text-muted);margin:0}.pack-price{display:flex;align-items:center;gap:.75rem}.pack-price .price{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.btn-purchase{padding:.5rem 1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:50px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.btn-purchase:hover:not(:disabled){background:var(--accent-hover)}.btn-purchase:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-primary);text-align:center}.modal-footer p{font-size:.8125rem;color:var(--text-muted);margin:0}.modal-footer a{color:var(--accent-secondary);text-decoration:none}.modal-footer a:hover{text-decoration:underline}.plan-modal{background:var(--modal-bg);border:1px solid var(--border-primary);border-radius:1rem;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.plan-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-primary)}.plan-modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.billing-toggle-container{display:flex;justify-content:center;padding:1.25rem 1.5rem .75rem}.billing-toggle{display:inline-flex;background:var(--bg-secondary);border-radius:50px;padding:3px;border:1px solid var(--border-primary)}.toggle-btn{padding:.5rem 1.25rem;border:none;border-radius:50px;font-size:.8125rem;font-weight:500;cursor:pointer;background:transparent;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;gap:.375rem}.toggle-btn.active{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.save-badge{font-size:.625rem;font-weight:700;background:#10b98126;color:var(--success);padding:.125rem .375rem;border-radius:50px;text-transform:uppercase;letter-spacing:.03em}.toggle-btn.active .save-badge{background:#fff3;color:#fff}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem 1.5rem 1.5rem}.plan-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.875rem;padding:1.25rem;display:flex;flex-direction:column;position:relative;transition:border-color .2s,box-shadow .2s}.plan-card:hover{border-color:var(--accent-secondary);box-shadow:var(--shadow-sm)}.plan-card.recommended{border-color:var(--accent-secondary);box-shadow:0 0 0 1px var(--accent-secondary)}.plan-card.current{border-color:var(--accent-primary);background:#4f46e508}.plan-recommended-badge,.plan-current-badge{position:absolute;top:-.5rem;left:50%;transform:translate(-50%);font-size:.625rem;font-weight:700;padding:.125rem .5rem;border-radius:50px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.plan-recommended-badge{background:var(--accent-secondary);color:#fff}.plan-current-badge{background:var(--accent-primary);color:#fff}.plan-card-header{margin-bottom:.75rem}.plan-card-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .375rem}.plan-price-display{display:flex;align-items:baseline;gap:.125rem}.plan-price-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.plan-price-period{font-size:.75rem;color:var(--text-muted)}.plan-messages{display:flex;align-items:center;gap:.375rem;padding:.5rem .625rem;background:var(--bg-secondary);border-radius:.5rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.75rem}.plan-messages svg{color:var(--accent-secondary);flex-shrink:0}.plan-features{list-style:none;padding:0;margin:0 0 1rem;flex:1}.plan-features li{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-secondary);margin-bottom:.375rem}.plan-features li svg{color:var(--success);flex-shrink:0}.plan-card-action{margin-top:auto}.plan-btn{display:block;width:100%;padding:.625rem;border:none;border-radius:.5rem;font-size:.8125rem;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;transition:all .2s ease}.plan-btn.select{background:var(--accent-primary);color:#fff}.plan-btn.select:hover:not(:disabled){background:var(--accent-hover)}.plan-btn.select:disabled{opacity:.6;cursor:not-allowed}.plan-btn.current{background:var(--bg-secondary);color:var(--text-muted);cursor:default}.plan-btn.contact{background:var(--bg-secondary);color:var(--accent-secondary);border:1px solid var(--accent-secondary)}.plan-btn.contact:hover{background:#006c7d0f}.plan-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-primary);text-align:center}.plan-modal-footer p{font-size:.75rem;color:var(--text-muted);margin:0}@media (max-width: 840px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.usage-stats-row{flex-wrap:wrap;gap:1rem}.usage-stat{flex:1 1 30%}.stat-value{font-size:1.25rem}.plans-grid{grid-template-columns:1fr}.plan-modal{max-width:95vw}}.dashboard{max-width:1400px;padding:2rem 2.5rem;min-height:0;flex:1}.dashboard.loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.125rem;color:var(--text-secondary)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2rem}.metric-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;transition:all .2s ease;position:relative;overflow:hidden}.metric-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}.metric-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.metric-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.75rem;flex-shrink:0}.metric-icon-wrapper.blue{background:#3b82f61a;color:#3b82f6}.metric-icon-wrapper.purple{background:#8b5cf61a;color:#8b5cf6}.metric-icon-wrapper.green{background:#22c55e1a;color:#22c55e}.metric-icon-wrapper.amber{background:#f59e0b1a;color:#f59e0b}.metric-info-btn{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:.5rem;opacity:0;transition:all .2s ease}.metric-card:hover .metric-info-btn{opacity:1}.metric-info-btn:hover{background:var(--bg-secondary);color:var(--text-secondary)}.metric-title{font-size:.8125rem;color:var(--text-muted);font-weight:500;margin:0;letter-spacing:.03em;text-transform:uppercase}.metric-value-row{display:flex;align-items:baseline;gap:.75rem;margin-top:.25rem}.metric-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;line-height:1}.metric-change{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:50px;font-size:.8125rem;font-weight:600}.metric-change.negative{background:var(--error-bg);color:var(--error)}.metric-subtitle{font-size:.8125rem;color:var(--text-muted);margin-top:.25rem}.dashboard-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.dashboard-section h2{margin:0;font-size:1.125rem;color:var(--text-primary);font-weight:600;letter-spacing:-.02em}.dashboard-section>h2{margin-bottom:1.25rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.manage-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-card);color:var(--accent-secondary);border:1.5px solid var(--border-primary);border-radius:50px;font-weight:500;font-size:.8125rem;cursor:pointer;transition:all .2s}.manage-btn:hover{border-color:var(--accent-secondary);background:#006c7d0a}.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.app-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem;transition:all .2s ease}.app-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}.app-card-top{display:flex;align-items:flex-start;gap:.875rem}.app-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex-shrink:0}.app-icon.green{background:#22c55e1a;color:#22c55e}.app-icon.blue{background:#3b82f61a;color:#3b82f6}.app-icon.purple{background:#8b5cf61a;color:#8b5cf6}.app-icon.sky{background:#0ea5e91a;color:#0ea5e9}.app-info h4{margin:0 0 .25rem;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.app-info p{margin:0;font-size:.8125rem;color:var(--text-muted);line-height:1.4}.app-card-bottom{display:flex;align-items:center;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border-primary)}.app-settings-btn{padding:.375rem .875rem;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:50px;font-size:.8125rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.app-settings-btn:hover{border-color:var(--border-secondary);background:var(--bg-tertiary)}.app-remove-btn{padding:.375rem .875rem;background:transparent;border:none;border-radius:50px;font-size:.8125rem;font-weight:500;color:var(--error);cursor:pointer;transition:all .2s}.app-remove-btn:hover{background:var(--error-bg)}.app-toggle{margin-left:auto;width:44px;height:24px;border-radius:.75rem;background:#d1d5db;border:none;cursor:pointer;position:relative;flex-shrink:0;transition:background .3s ease;padding:0}.app-toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .3s cubic-bezier(.4,0,.2,1)}.app-toggle.active{background:#22c55e}.app-toggle.active:after{transform:translate(20px)}.app-toggle:hover{opacity:.85}.app-account-details{display:flex;flex-direction:column;gap:.125rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-primary)}.app-account-details span{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-detail-list{display:flex;flex-direction:column;gap:0}.settings-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.875rem 0;border-bottom:1px solid var(--border-primary)}.settings-detail-row:last-child{border-bottom:none}.settings-detail-label{font-size:.875rem;font-weight:500;color:var(--text-muted)}.settings-detail-value{font-size:.875rem;color:var(--text-primary);font-weight:500;text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:50px;font-size:.8125rem;font-weight:600}.settings-status-badge.active{background:var(--success-bg);color:var(--success)}.settings-status-badge.inactive{background:var(--error-bg);color:var(--error)}.confirm-modal{max-width:420px}.btn-danger{padding:.75rem 1.5rem;border:none;border-radius:50px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;background:var(--error);color:#fff}.btn-danger:hover{opacity:.9;box-shadow:var(--shadow-md)}.btn-danger:active{transform:scale(.98)}.quick-actions{display:flex;gap:.75rem;flex-wrap:wrap}.action-btn{padding:.625rem 1.25rem;background:var(--accent-primary);color:#fff;border:none;border-radius:50px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.action-btn:active{transform:scale(.98)}[data-theme=dark] .metric-icon-wrapper.blue{background:#3b82f626}[data-theme=dark] .metric-icon-wrapper.purple{background:#8b5cf626}[data-theme=dark] .metric-icon-wrapper.green{background:#22c55e26}[data-theme=dark] .metric-icon-wrapper.amber{background:#f59e0b26}@media (max-width: 768px){.dashboard{padding:1rem}.metrics-grid{grid-template-columns:repeat(2,1fr)}.apps-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.manage-btn{width:100%;justify-content:center}.quick-actions{flex-direction:column}.action-btn{width:100%}}@media (max-width: 480px){.metrics-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal,.modal-content{background:var(--modal-bg);border:1px solid var(--border-primary);border-radius:1rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary);font-weight:600;letter-spacing:-.02em}.close-button,.close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s}.close-button:hover,.close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.close-button:disabled,.close-btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.75rem;color:var(--text-primary);font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:.875rem 1rem;background:var(--input-bg);border:1px solid var(--border-primary);border-radius:.75rem;font-size:1rem;color:var(--text-primary);transition:all .2s;box-sizing:border-box;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary);box-shadow:0 0 0 3px var(--focus-ring)}.form-group textarea{resize:vertical;min-height:120px}.help-text{display:block;margin-top:.5rem;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.alert{padding:1rem 1.25rem;border-radius:.75rem;margin-bottom:1.5rem;font-size:.95rem}.alert strong{font-weight:600}.info-box{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem}.info-box h4{margin:0 0 1rem;font-size:1rem;color:var(--text-primary);font-weight:600}.info-box ol{margin:.5rem 0;padding-left:1.5rem}.info-box li{margin-bottom:.75rem;color:var(--text-secondary);line-height:1.6}.info-box a{color:var(--accent-secondary);text-decoration:none;transition:color .2s}.info-box a:hover{color:var(--accent-hover);text-decoration:underline}.info-box .note{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-primary);font-size:.875rem;color:var(--text-muted)}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid var(--border-primary)}.btn{padding:.75rem 1.5rem;border:none;border-radius:50px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background:var(--bg-secondary);color:var(--accent-secondary);border:1px solid var(--border-primary)}.btn-secondary:active:not(:disabled){transform:scale(.98)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.loading-state{text-align:center;padding:2rem;color:var(--text-secondary);font-size:1rem}@media (max-width: 768px){.modal-overlay{padding:0}.modal,.modal-content{max-width:100%;border-radius:0;max-height:100vh}.modal-header,.modal-body,.modal-footer{padding:1rem}.modal-actions{flex-direction:column-reverse}.btn{width:100%;text-align:center}}.conversations-container{display:flex;flex:1;min-height:0;background:var(--bg-primary);overflow:hidden}.conversations-container.loading{align-items:center;justify-content:center;font-size:1.125rem;color:var(--text-secondary)}.conv-sidebar{width:380px;min-width:380px;border-right:1px solid var(--border-primary);display:flex;flex-direction:column;background:var(--bg-card)}.conv-sidebar-header{padding:1.25rem 1rem .75rem;border-bottom:1px solid var(--border-primary);flex-shrink:0}.conv-search{position:relative;margin-bottom:.75rem}.conv-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.conv-search-input{width:100%;padding:.625rem .75rem .625rem 2.25rem;border:1.5px solid var(--border-primary);border-radius:.75rem;background:var(--bg-secondary);font-size:.875rem;color:var(--text-primary);transition:all .2s ease}.conv-search-input:focus{outline:none;border-color:var(--accent-secondary);background:var(--input-bg);box-shadow:0 0 0 3px var(--focus-ring)}.conv-search-input::placeholder{color:var(--text-muted)}.conv-filter-row{display:flex;align-items:center;gap:.5rem}.conv-filter-tabs{display:flex;gap:.375rem;overflow-x:auto;padding-bottom:.25rem;flex:1}.conv-archive-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-primary);border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:all .2s ease}.conv-archive-btn:hover{background:var(--error-bg);color:var(--error);border-color:var(--error)}.conv-filter-tabs::-webkit-scrollbar{display:none}.conv-filter-tab{padding:.375rem .75rem;border:1px solid var(--border-primary);border-radius:50px;background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s ease}.conv-filter-tab:hover{background:var(--bg-secondary);border-color:var(--border-secondary)}.conv-filter-tab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.conv-list{flex:1;overflow-y:auto}.conv-list-empty{padding:3rem 1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.conv-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border-primary);border-left:3px solid transparent}.conv-item:hover{background:var(--bg-secondary)}.conv-item.selected{background:var(--bg-tertiary);border-left-color:var(--accent-secondary)}.conv-item.has-activity:not(.selected){border-left-color:var(--success)}.conv-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8125rem;font-weight:600;letter-spacing:.02em;flex-shrink:0}.conv-avatar.small{width:32px;height:32px;min-width:32px;font-size:.6875rem}.conv-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.conv-item-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.conv-item-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-item-time{font-size:.6875rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.conv-item-bottom{display:flex;align-items:center;gap:.5rem}.conv-item-preview{font-size:.8125rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;line-height:1.4}.conv-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.conv-status-dot.active{background:var(--success)}.conv-status-dot.handoff{background:var(--warning)}.conv-status-dot.completed{background:var(--text-muted)}.chat-panel{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);min-width:0}.chat-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--border-primary);background:var(--bg-card);flex-shrink:0}.chat-back-btn{display:none;align-items:center;justify-content:center;padding:.375rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:.5rem}.chat-back-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.chat-header-info{display:flex;align-items:center;gap:.625rem;flex:1;min-width:0}.chat-header-text{min-width:0}.chat-header-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-meta{display:flex;align-items:center;gap:.75rem;margin-top:.125rem}.chat-meta-item{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.chat-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.chat-status-pill{padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:capitalize}.chat-status-pill.active{background:var(--success-bg);color:var(--success)}.chat-status-pill.handoff{background:var(--warning-bg);color:var(--warning)}.chat-status-pill.completed{background:var(--bg-secondary);color:var(--text-muted)}.chat-takeover-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;background:var(--accent-primary);color:#fff;border:none;border-radius:50px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.chat-takeover-btn:hover{background:var(--accent-hover)}.chat-release-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:50px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.chat-release-btn:hover{border-color:var(--warning);color:var(--warning);background:var(--warning-bg)}.chat-messages{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.25rem}.date-separator{display:flex;align-items:center;gap:1rem;margin:1rem 0}.date-separator:before,.date-separator:after{content:"";flex:1;height:1px;background:var(--border-primary)}.date-separator span{font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.message-row{display:flex;margin-bottom:.375rem}.message-row.patient{justify-content:flex-start}.message-row.ai{justify-content:flex-end}.message-row.system{justify-content:center}.message-bubble{max-width:70%;padding:.75rem 1rem;border-radius:1rem;position:relative}.message-bubble.patient{background:var(--bg-secondary);border:1px solid var(--border-primary);border-bottom-left-radius:.25rem}.message-bubble.ai{background:#006c7d14;border:1px solid rgba(0,108,125,.15);border-bottom-right-radius:.25rem}[data-theme=dark] .message-bubble.ai{background:#008b9e1f;border-color:#008b9e33}.message-bubble.ai.failed{border-color:#dc26264d;background:#dc26260f}.message-failed-badge{display:inline-flex;align-items:center;gap:.25rem;margin-top:.375rem;padding:.125rem .5rem;border-radius:50px;font-size:.6875rem;font-weight:600;color:#dc2626;background:#dc26261a}.message-sender-label{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;margin-bottom:.25rem;color:var(--accent-secondary)}.message-text{font-size:.875rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.message-time{font-size:.6875rem;color:var(--text-muted);margin-top:.375rem;text-align:right}.message-translation{display:flex;align-items:flex-start;gap:.25rem;margin-top:.375rem;padding-top:.375rem;border-top:1px dashed var(--border-primary);font-size:.8125rem;color:var(--text-secondary);font-style:italic;line-height:1.5}.message-translation svg{flex-shrink:0;margin-top:2px}.msg-translate-btn{background:none;border:none;color:var(--accent-secondary);font-size:.6875rem;font-weight:500;cursor:pointer;padding:0 0 0 .5rem;opacity:.7;transition:opacity .2s}.msg-translate-btn:hover{opacity:1;text-decoration:underline}.msg-translate-btn:disabled{opacity:.4;cursor:default}.message-system{padding:.5rem 1rem;background:var(--warning-bg);border:1px solid rgba(245,158,11,.2);border-radius:50px;font-size:.8125rem;color:var(--warning);font-weight:500;text-align:center}.chat-input-area{padding:.875rem 1.25rem;border-top:1px solid var(--border-primary);background:var(--bg-card);flex-shrink:0}.chat-input-wrapper{display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary);border:1.5px solid var(--border-primary);border-radius:50px;padding:.25rem .25rem .25rem 1rem}.chat-input{flex:1;border:none;background:transparent;font-size:.875rem;color:var(--text-primary);padding:.5rem 0;outline:none}.chat-input::placeholder{color:var(--text-muted)}.chat-input:disabled{cursor:not-allowed}.chat-send-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--accent-primary);color:#fff;border:none;cursor:pointer;transition:all .2s ease;flex-shrink:0}.chat-send-btn:hover:not(:disabled){background:var(--accent-hover)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-muted)}.chat-empty-state h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.chat-empty-state p{font-size:.875rem;color:var(--text-secondary);margin:0}.demo-quick-actions{display:flex;gap:.5rem;margin-bottom:.625rem;flex-wrap:wrap}.demo-quick-btn{padding:.375rem .75rem;border:1px solid var(--border-secondary);border-radius:50px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.demo-quick-btn:hover:not(:disabled){background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.demo-quick-btn:disabled{opacity:.5;cursor:not-allowed}.agent-trigger-btn{border-style:dashed}.agent-trigger-btn.followup{border-color:#8b5cf6;color:#8b5cf6}.agent-trigger-btn.followup:hover:not(:disabled){background:#8b5cf6;color:#fff;border-color:#8b5cf6}.agent-trigger-btn.review{border-color:#f59e0b;color:#f59e0b}.agent-trigger-btn.review:hover:not(:disabled){background:#f59e0b;color:#fff;border-color:#f59e0b}.agent-trigger-btn.reminder{border-color:#3b82f6;color:#3b82f6}.agent-trigger-btn.reminder:hover:not(:disabled){background:#3b82f6;color:#fff;border-color:#3b82f6}.agent-trigger-btn.refill{border-color:#10b981;color:#10b981}.agent-trigger-btn.refill:hover:not(:disabled){background:#10b981;color:#fff;border-color:#10b981}.ai-typing-indicator{display:flex;gap:4px;padding:4px 0}.ai-typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--text-muted);animation:typingBounce 1.4s infinite ease-in-out}.ai-typing-indicator span:nth-child(1){animation-delay:0s}.ai-typing-indicator span:nth-child(2){animation-delay:.2s}.ai-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}@media (max-width: 768px){.conversations-container{flex:1;min-height:0}.conv-sidebar{width:100%;min-width:100%}.chat-panel{width:100%}.mobile-hidden{display:none!important}.chat-back-btn{display:flex}.message-bubble{max-width:85%}}@media (max-width: 480px){.chat-header,.chat-messages,.chat-input-area{padding:.75rem}.message-bubble{max-width:90%}.conv-filter-tabs{gap:.25rem}.conv-filter-tab{padding:.25rem .5rem;font-size:.6875rem}}.appointments-page{padding:1.5rem 2rem;background:var(--bg-primary);min-height:100vh;height:100%}.appointments-page.loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.125rem;color:var(--text-secondary)}.appt-split-layout{display:flex;gap:1.5rem}.appt-list-panel{flex:1;max-width:900px;display:flex;flex-direction:column;transition:max-width .35s cubic-bezier(.4,0,.2,1),flex .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.appt-detail-panel{flex:0;width:0;min-width:0;opacity:0;overflow:hidden;transition:flex .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1),opacity .25s ease .1s}.has-detail .appt-split-layout{height:calc(100% - 3rem)}.has-detail .appt-list-panel{width:400px;min-width:340px;max-width:400px;flex-shrink:0;flex-grow:0;overflow-y:auto}.has-detail .appt-detail-panel{flex:1;min-width:280px;opacity:1;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;overflow-y:auto;overflow-x:hidden}.appt-detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-muted)}.appt-detail-empty p{font-size:.875rem;margin:0}.appt-detail-panel-header{display:flex;justify-content:flex-end;padding:1rem 1.25rem 0}.detail-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-muted);cursor:pointer;transition:all .2s}.detail-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mobile-only{display:none}.desktop-only{display:flex}.appt-header{margin-bottom:1.25rem;flex-shrink:0}.appt-header-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.appt-filter-tabs{display:flex;gap:.375rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:50px;padding:.25rem}.appt-filter-tab{padding:.5rem 1rem;border:none;border-radius:50px;background:transparent;color:var(--text-secondary);font-size:.8125rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s}.appt-filter-tab:hover{color:var(--text-primary)}.appt-filter-tab.active{background:var(--bg-card);color:var(--text-primary);font-weight:600;box-shadow:var(--shadow-sm)}.appt-header-actions{display:flex;align-items:center;gap:.5rem}.appt-sync-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:50px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.appt-sync-btn:hover{border-color:var(--border-secondary);color:var(--text-primary)}.appt-sync-btn:disabled{opacity:.6;cursor:not-allowed}.appt-new-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:50px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.appt-new-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.appt-search{position:relative}.appt-search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.appt-search-input{width:100%;padding:.625rem .875rem .625rem 2.5rem;border:1.5px solid var(--border-primary);border-radius:.75rem;background:var(--bg-card);font-size:.875rem;color:var(--text-primary);transition:all .2s}.appt-search-input:focus{outline:none;border-color:var(--accent-secondary);box-shadow:0 0 0 3px var(--focus-ring)}.appt-search-input::placeholder{color:var(--text-muted)}.appt-timeline{display:flex;flex-direction:column;gap:1.75rem}.has-detail .appt-timeline{gap:1.5rem;overflow-y:auto;flex:1}.appt-date-group{display:flex;flex-direction:column;gap:.625rem}.appt-date-label{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em;transition:font-size .3s cubic-bezier(.4,0,.2,1)}.has-detail .appt-date-label{font-size:.875rem}.appt-date-cards{display:flex;flex-direction:column;gap:.5rem}.has-detail .appt-date-cards{gap:.375rem}.appt-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.has-detail .appt-card{gap:.75rem;padding:.75rem 1rem;border-radius:.75rem}.appt-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}.appt-card.selected{border-color:var(--accent-primary);background:var(--accent-bg, rgba(15, 118, 110, .04));box-shadow:0 0 0 1px var(--accent-primary)}.appt-avatar{width:44px;height:44px;min-width:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.02em;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),font-size .3s cubic-bezier(.4,0,.2,1)}.has-detail .appt-avatar{width:38px;height:38px;min-width:38px;font-size:.8125rem}.appt-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.appt-card-top{display:flex;flex-direction:column;gap:.125rem}.appt-card-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;transition:font-size .3s cubic-bezier(.4,0,.2,1)}.has-detail .appt-card-name{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appt-card-type{font-size:.8125rem;color:var(--text-muted);transition:font-size .3s cubic-bezier(.4,0,.2,1)}.has-detail .appt-card-type{font-size:.75rem}.appt-card-time-row{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary);transition:font-size .3s cubic-bezier(.4,0,.2,1),gap .3s cubic-bezier(.4,0,.2,1)}.has-detail .appt-card-time-row{gap:.375rem;font-size:.75rem}.appt-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.appt-status-dot.scheduled{background:var(--success)}.appt-status-dot.completed{background:#3b82f6}.appt-status-dot.cancelled{background:var(--error)}.appt-status-dot.no-show{background:var(--warning)}.appt-card-day{font-weight:500}.appt-card-date,.appt-card-time{color:var(--text-muted)}.appt-card-arrow{color:var(--text-muted);flex-shrink:0;transition:color .2s}.appt-card:hover .appt-card-arrow{color:var(--text-secondary)}.appt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1.5rem;color:var(--text-muted);text-align:center}.appt-empty h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.appt-empty p{font-size:.8125rem;color:var(--text-secondary);margin:0}.appt-detail-panel .appointment-detail{padding:0 1.5rem 1.5rem;flex:1}.appt-detail-panel .detail-card{background:transparent;border:none;border-radius:0;padding:0}.detail-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.detail-card-header h2{font-size:1.125rem;color:var(--text-primary);margin:0}.status-badge{padding:.25rem .75rem;border-radius:50px;font-size:.6875rem;font-weight:600;letter-spacing:.02em;text-transform:capitalize;color:#fff}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem}.detail-grid .detail-item{display:flex;gap:.75rem;align-items:flex-start}.detail-grid .detail-item svg{color:var(--text-muted);flex-shrink:0;margin-top:.125rem}.detail-grid .detail-item.full-width{grid-column:1 / -1}.detail-grid .detail-item label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem;display:block}.detail-grid .detail-item p{font-size:.8125rem;color:var(--text-primary);line-height:1.5;margin:0}.detail-actions{display:flex;gap:.75rem;padding-top:1.25rem;border-top:1px solid var(--border-primary)}.detail-action-btn{padding:.5rem 1rem;border:1px solid var(--border-primary);border-radius:50px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--bg-secondary);color:var(--text-secondary)}.detail-action-btn.primary{background:var(--success-bg);color:var(--success);border-color:#2d6a4f4d}.detail-action-btn.primary:hover{background:#2d6a4f26}.detail-action-btn.danger{background:var(--error-bg);color:var(--error);border-color:#dc262633}.detail-action-btn.danger:hover{background:#dc26261f}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.modal{background:var(--modal-bg);border:1px solid var(--border-primary);border-radius:1rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-primary)}.modal-header h3{color:var(--text-primary);margin:0;font-size:1.125rem}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-body .form-group{margin-bottom:1.25rem}.modal-body .form-group:last-child{margin-bottom:0}.modal-body label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.modal-body input,.modal-body select,.modal-body textarea{width:100%;padding:.75rem;background:var(--input-bg);border:1.5px solid var(--border-primary);border-radius:.75rem;color:var(--text-primary);font-size:.875rem;box-sizing:border-box;transition:all .2s}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{outline:none;border-color:var(--accent-secondary);box-shadow:0 0 0 3px var(--focus-ring)}.modal-body textarea{resize:vertical}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border-primary)}.secondary-btn{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:50px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.secondary-btn:hover{border-color:var(--border-secondary);background:var(--bg-tertiary)}.save-btn{padding:.5rem 1.25rem;background:var(--accent-primary);border:none;border-radius:50px;color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.save-btn:hover{background:var(--accent-hover)}.save-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 900px){.has-detail .appt-split-layout{height:auto}.has-detail .appt-list-panel{width:0;min-width:0;max-width:0;overflow:hidden;opacity:0;flex:0}.has-detail .appt-detail-panel{width:100%;max-width:none;min-height:60vh}.mobile-only{display:flex}.desktop-only{display:none}.appt-detail-panel-header{justify-content:flex-start}}@media (max-width: 768px){.appointments-page{padding:1rem}.appt-header-top{flex-direction:column;align-items:stretch}.appt-filter-tabs{overflow-x:auto}.appt-filter-tabs::-webkit-scrollbar{display:none}.appt-header-actions{justify-content:flex-end}.appt-card{padding:.75rem;gap:.625rem}.appt-avatar{width:36px;height:36px;min-width:36px;font-size:.75rem}.appt-card-time-row{flex-wrap:wrap;gap:.25rem .375rem}.detail-grid{grid-template-columns:1fr}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:50px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;transition:all .2s}.back-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}}@media (max-width: 480px){.appt-filter-tab{padding:.375rem .625rem;font-size:.6875rem}.appt-new-btn span{display:none}}.analytics{max-width:1400px;padding:2rem;background:var(--bg-primary)}.analytics.loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.125rem;color:var(--text-secondary)}.analytics-date-range{display:flex;align-items:center;gap:.375rem;margin-bottom:1.5rem;flex-wrap:wrap}.date-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border:1px solid var(--border-primary);border-radius:50px;background:transparent;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.date-pill:hover{background:var(--bg-secondary);border-color:var(--border-secondary)}.date-pill.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.custom-date-inputs{display:flex;align-items:center;gap:.5rem;margin-left:.5rem}.custom-date-inputs input[type=date]{padding:.3rem .625rem;border:1px solid var(--border-primary);border-radius:.5rem;background:var(--bg-secondary);color:var(--text-primary);font-size:.8125rem;font-family:inherit;outline:none;transition:border-color .2s ease}.custom-date-inputs input[type=date]:focus{border-color:var(--accent-secondary);box-shadow:0 0 0 2px var(--focus-ring)}.date-separator-text{font-size:.75rem;color:var(--text-muted);font-weight:500}.date-range-label{font-size:.75rem;color:var(--text-secondary);font-weight:600;padding:.2rem .5rem;background:var(--bg-tertiary);border-radius:50px;white-space:nowrap}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:1.5rem}.analytics-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;padding:1.25rem;transition:all .2s ease}.analytics-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem}.card-header h3{font-size:.8125rem;color:var(--text-secondary);font-weight:500;letter-spacing:.02em;text-transform:uppercase}.analytics-icon-wrapper{width:36px;height:36px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.analytics-icon-wrapper.green{background:#22c55e1a;color:#22c55e}.analytics-icon-wrapper.blue{background:#3b82f61a;color:#3b82f6}.analytics-icon-wrapper.amber{background:#f59e0b1a;color:#f59e0b}.analytics-icon-wrapper.purple{background:#a855f71a;color:#a855f7}[data-theme=dark] .analytics-icon-wrapper.green{background:#22c55e26}[data-theme=dark] .analytics-icon-wrapper.blue{background:#3b82f626}[data-theme=dark] .analytics-icon-wrapper.amber{background:#f59e0b26}[data-theme=dark] .analytics-icon-wrapper.purple{background:#a855f726}.card-content{text-align:left}.metric-value-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.metric-large{font-size:1.75rem;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;line-height:1.2}.metric-subtitle{color:var(--text-muted);font-size:.8125rem;font-weight:400}.metric-change{display:inline-flex;align-items:center;gap:.125rem;padding:.125rem .5rem;border-radius:50px;font-size:.75rem;font-weight:600;white-space:nowrap}.metric-change.positive{background:var(--success-bg);color:var(--success)}.metric-change.negative{background:#ef44441a;color:#ef4444}[data-theme=dark] .metric-change.negative{background:#ef444426}.analytics-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.analytics-section h2{font-size:1rem;color:var(--text-primary);font-weight:600;letter-spacing:-.01em;margin:0}.analytics-chart-container{min-height:320px}.chart-empty{display:flex;align-items:center;justify-content:center;min-height:320px;color:var(--text-muted);font-size:.875rem}.analytics-tooltip{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.5rem;padding:.625rem .875rem;box-shadow:var(--shadow-md)}.analytics-tooltip p{margin:0;font-size:.8125rem;line-height:1.6}.tooltip-label{font-weight:600;color:var(--text-primary)!important;margin-bottom:.25rem!important}.agent-performance-table{display:flex;flex-direction:column}.agent-perf-header,.agent-perf-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:.75rem;padding:.75rem 0;align-items:center;font-size:.8125rem}.agent-perf-header{font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.6875rem;letter-spacing:.05em;border-bottom:1px solid var(--border-primary)}.agent-perf-row{color:var(--text-primary);border-bottom:1px solid var(--border-primary)}.agent-perf-row:last-child{border-bottom:none}.agent-perf-name{font-weight:500}.text-success{color:var(--success);font-weight:600}@media (max-width: 768px){.analytics{padding:1rem}.analytics-grid{grid-template-columns:1fr 1fr}.metric-large{font-size:1.5rem}.analytics-chart-container{min-height:240px}.hide-mobile{display:none!important}.agent-perf-header,.agent-perf-row{grid-template-columns:2fr 1fr 1fr}}@media (max-width: 480px){.analytics-grid{grid-template-columns:1fr}.analytics-date-range{justify-content:center}.custom-date-inputs{width:100%;margin-left:0;margin-top:.5rem;flex-wrap:wrap;justify-content:center}}.integrations{max-width:1400px;padding:2rem;background:var(--bg-primary);min-height:100vh}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.integration-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;padding:2rem;display:flex;flex-direction:column;gap:1rem;transition:all .2s ease;position:relative;overflow:hidden}.integration-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-secondary);opacity:0;transition:opacity .2s}.integration-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}.integration-card:hover:before{opacity:1}.integration-icon{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.integration-icon svg{width:44px;height:44px}.integration-content{flex:1}.integration-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.integration-header h3{font-size:1.25rem;color:var(--text-primary);font-weight:600;letter-spacing:-.02em}.integration-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:1rem}.integration-category{display:inline-block;padding:.375rem .875rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:50px;font-size:.75rem;color:var(--accent-secondary);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.connect-btn{width:100%;padding:.875rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:50px;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .2s ease}.connect-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.connect-btn:active{transform:scale(.98)}.connect-btn.connected{background:var(--error-bg);color:var(--error);border:1px solid rgba(220,38,38,.2)}.connect-btn.connected:hover{background:#dc26261f}.loading-state{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary);font-size:1.125rem}@media (max-width: 768px){.integrations{padding:1rem}.integrations-grid{grid-template-columns:1fr}}.agent-config-page{display:flex;flex:1;min-height:0;background:var(--bg-primary);overflow:hidden}.agent-sidebar{width:340px;min-width:340px;border-right:1px solid var(--border-primary);display:flex;flex-direction:column;background:var(--bg-secondary)}.agent-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.25rem 1rem;flex-shrink:0}.agent-sidebar-header h3{font-size:.8125rem;font-weight:600;color:var(--text-muted);margin:0;text-transform:uppercase;letter-spacing:.05em}.agent-sidebar-count{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-muted);font-size:.6875rem;font-weight:600}.agent-sidebar-list{flex:1;overflow-y:auto;padding:0 .75rem .75rem;display:flex;flex-direction:column;gap:.5rem}.agent-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-primary);border-radius:.875rem;background:var(--bg-card);text-align:left;width:100%;font-family:inherit}.agent-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.agent-card.selected{box-shadow:var(--shadow-md)}.agent-card.selected.green{border-color:#22c55e}.agent-card.selected.blue{border-color:#3b82f6}.agent-card.selected.amber{border-color:#f59e0b}.agent-card.selected.purple{border-color:#8b5cf6}.agent-card-top{display:flex;align-items:center;justify-content:space-between}.agent-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:.75rem;flex-shrink:0}.agent-card-icon.green{background:#22c55e1a;color:#25d366}.agent-card-icon.blue{background:#3b82f61a;color:#3b82f6}.agent-card-icon.amber{background:#f59e0b14;color:#f59e0b}.agent-card-icon.purple{background:#8b5cf61a;color:#8b5cf6}[data-theme=dark] .agent-card-icon.green{background:#22c55e26}[data-theme=dark] .agent-card-icon.blue{background:#3b82f626}[data-theme=dark] .agent-card-icon.amber{background:#f59e0b26}[data-theme=dark] .agent-card-icon.purple{background:#8b5cf626}.agent-card.selected .agent-card-icon{box-shadow:0 0 0 2px var(--bg-card),0 0 0 3px currentColor}.agent-card-badge{padding:.1875rem .625rem;border-radius:50px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--success-bg);color:var(--success);flex-shrink:0}.agent-card-body{display:flex;flex-direction:column;gap:.25rem}.agent-card-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);line-height:1.3;letter-spacing:-.01em}.agent-card-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.agent-config-content{flex:1;min-width:0;overflow-y:auto;padding:1.5rem 2rem 5rem}.agent-top-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.agent-top-left{display:flex;align-items:flex-start;gap:.5rem;min-width:0}.agent-config-header{min-width:0}.agent-config-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .125rem;letter-spacing:-.02em}.agent-config-header p{color:var(--text-muted);font-size:.8125rem;margin:0;line-height:1.4}.agent-info-trigger{position:relative;display:flex;align-items:center;color:var(--text-muted);cursor:help;margin-top:.125rem;flex-shrink:0}.agent-info-trigger:hover{color:var(--accent-secondary)}.agent-info-tooltip{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:300px;padding:.75rem;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.75rem;box-shadow:0 8px 24px #0000001f;z-index:20;flex-direction:column;gap:.375rem}[data-theme=dark] .agent-info-tooltip{box-shadow:0 8px 24px #0006}.agent-info-trigger:hover .agent-info-tooltip{display:flex}.agent-info-tooltip:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--bg-card);border-left:1px solid var(--border-primary);border-top:1px solid var(--border-primary)}.agent-top-right{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.btn-reset-sm{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--error-bg);color:var(--error);border:1px solid rgba(220,38,38,.15);border-radius:50px;font-weight:500;font-size:.8125rem;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.btn-reset-sm:hover:not(:disabled){background:#dc26261f;border-color:var(--error)}.btn-reset-sm:disabled{opacity:.4;cursor:not-allowed}.capability-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:50px;font-size:.6875rem;color:var(--text-secondary);line-height:1.4}.capability-chip svg{color:var(--success);flex-shrink:0}.agent-mobile-tabs{display:none;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.agent-mobile-tab{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:50px;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:.8125rem;font-weight:500;color:var(--text-primary);font-family:inherit}.agent-mobile-tab:hover{border-color:var(--border-secondary);background:var(--bg-secondary)}.agent-mobile-tab.active{background:var(--accent-secondary);border-color:var(--accent-secondary);color:#fff}.agent-mobile-tab svg{flex-shrink:0;color:var(--text-muted)}.agent-mobile-tab.active svg{color:#fff}.alert{padding:1rem 1.25rem;border-radius:.75rem;margin-bottom:2rem;font-size:.875rem}.alert-success{background:var(--success-bg);color:var(--success);border:1px solid rgba(45,106,79,.2)}.alert-error{background:var(--error-bg);color:var(--error);border:1px solid rgba(220,38,38,.2)}.info-banner{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;padding:.875rem 1.25rem;margin-bottom:1.5rem;color:var(--text-secondary);font-size:.875rem}.info-banner strong{color:var(--accent-secondary);font-weight:600}.form-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid var(--border-primary)}.form-tab{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-weight:500;font-size:.8125rem;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.form-tab svg{flex-shrink:0;opacity:.6}.form-tab:hover{color:var(--text-primary)}.form-tab:hover svg{opacity:.8}.form-tab.active{color:var(--accent-secondary);border-bottom-color:var(--accent-secondary)}.form-tab.active svg{opacity:1}.sub-toggle{display:inline-flex;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:50px;padding:.25rem;gap:.125rem;margin-bottom:1.25rem}.sub-toggle button{display:flex;align-items:center;gap:.375rem;padding:.5rem 1.125rem;background:none;border:none;border-radius:50px;color:var(--text-secondary);font-weight:500;font-size:.8125rem;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.sub-toggle button svg{flex-shrink:0;opacity:.6}.sub-toggle button:hover{color:var(--text-primary)}.sub-toggle button:hover svg{opacity:.8}.sub-toggle button.active{background:var(--bg-card);color:var(--accent-secondary);box-shadow:0 1px 3px #00000014}.sub-toggle button.active svg{opacity:1}.form-section{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary);font-size:.875rem}.form-group label svg{color:var(--text-muted);cursor:help}.form-group input,.form-group textarea,.form-group select{padding:.875rem 1rem;background:var(--input-bg);border:1px solid var(--border-primary);border-radius:.75rem;font-size:.875rem;color:var(--text-primary);transition:all .2s;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary);box-shadow:0 0 0 3px var(--focus-ring)}.form-group textarea{resize:vertical;font-family:Courier New,monospace;line-height:1.5}.required{color:var(--error)}.char-count{font-size:.875rem;color:var(--text-muted);text-align:right}.button-labels-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.button-labels-section>label{font-weight:600;font-size:.95rem;color:var(--text-primary);display:block;margin-bottom:.25rem}.button-label-inputs{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.button-label-inputs .form-group{position:relative}.button-label-inputs .char-count{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.75rem}.label-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.btn-generate-ai{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--bg-secondary);color:var(--accent-secondary);border:1px solid var(--border-primary);border-radius:50px;font-weight:500;font-size:.8125rem;cursor:pointer;transition:all .2s ease}.btn-generate-ai:hover:not(:disabled){border-color:var(--accent-secondary);background:var(--bg-tertiary)}.btn-generate-ai:disabled{opacity:.6;cursor:not-allowed}.btn-generate-ai svg{flex-shrink:0}.btn-generate-ai .spin{animation:spin 1s linear infinite}.toggle-group{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:.75rem;transition:background .2s}.toggle-label:hover{background:var(--bg-tertiary)}.toggle-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-secondary)}.toggle-label span{color:var(--text-primary);font-size:.875rem}.toggle-label svg{margin-left:auto;color:var(--text-muted)}.save-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:50px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);color:var(--accent-secondary);border:1px solid var(--border-primary);border-radius:50px;font-weight:500;font-size:.8125rem;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){border-color:var(--accent-secondary);background:var(--bg-tertiary)}.ai-modal{max-width:700px}.modal-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.language-chips{display:flex;flex-wrap:wrap;gap:.75rem}.chip-label{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:50px;cursor:pointer;transition:all .2s;font-size:.875rem;color:var(--text-primary)}.chip-label:has(input:checked){background:var(--accent-secondary);border-color:var(--accent-secondary);color:#fff}.chip-label input{display:none}.spin{animation:spin 1s linear infinite}.clinic-context-form{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;padding:2rem;margin-bottom:1.5rem}.context-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary);color:var(--accent-secondary)}.context-header h2{font-size:1.25rem;color:var(--text-primary);font-weight:600;letter-spacing:-.02em;margin:0}.context-header p{color:var(--text-secondary);font-size:.875rem;margin:.25rem 0 0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-grid .full-width{grid-column:1 / -1}.form-actions{margin-top:1.5rem;display:flex;justify-content:flex-end}.agent-preview-panel{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.agent-preview-header{text-align:center}.agent-preview-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;letter-spacing:-.02em}.agent-preview-header p{color:var(--text-muted);font-size:.8125rem;margin:0}.agent-preview-phone-wrap{display:flex;justify-content:center;width:100%}.agent-preview-note{font-size:.75rem;color:var(--text-muted);text-align:center;max-width:360px;line-height:1.5;margin:0}.phone-frame{width:340px;height:640px;border-radius:2rem;background:var(--bg-card);border:3px solid var(--border-primary);box-shadow:0 20px 60px #0000001f,0 0 0 1px var(--border-primary),inset 0 0 0 1px var(--border-primary);display:flex;flex-direction:column;overflow:hidden;position:relative}[data-theme=dark] .phone-frame{border-color:var(--border-secondary);box-shadow:0 20px 60px #0006,0 0 0 1px var(--border-secondary)}.phone-frame:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:24px;background:var(--border-primary);border-radius:0 0 1rem 1rem;z-index:2}[data-theme=dark] .phone-frame:before{background:var(--border-secondary)}.phone-status-bar{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1.25rem .5rem;font-size:.6875rem;font-weight:600;color:var(--text-primary);background:var(--bg-card);z-index:1;flex-shrink:0}.phone-time{font-variant-numeric:tabular-nums}.phone-status-icons{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary)}.phone-chat-header{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;flex-shrink:0}.phone-chat-header.green{background:#075e54;color:#fff}.phone-chat-header.blue{background:#2563eb;color:#fff}.phone-chat-header.amber{background:#d97706;color:#fff}.phone-chat-header.purple{background:#7c3aed;color:#fff}.phone-chat-avatar{width:36px;height:36px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.phone-chat-info{display:flex;flex-direction:column;min-width:0}.phone-chat-name{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-chat-status{font-size:.6875rem;opacity:.8}.phone-messages{flex:1;overflow-y:auto;padding:.75rem .625rem;display:flex;flex-direction:column;gap:.375rem;background:#ece5dd;scroll-behavior:smooth}[data-theme=dark] .phone-messages{background:#0b141a}.phone-messages::-webkit-scrollbar{width:3px}.phone-messages::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.phone-msg{display:flex;animation:phone-msg-in .3s cubic-bezier(.4,0,.2,1) both}@keyframes phone-msg-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.phone-msg.user{justify-content:flex-end}.phone-msg.bot{justify-content:flex-start}.phone-msg.system{justify-content:center}.phone-bubble{max-width:85%;padding:.5rem .625rem;border-radius:.5rem;font-size:.75rem;line-height:1.55;word-break:break-word;position:relative}.phone-bubble.user{background:#dcf8c6;color:#111;border-top-right-radius:0}[data-theme=dark] .phone-bubble.user{background:#005c4b;color:#e9edef}.phone-bubble.bot{background:#fff;color:#111;border-top-left-radius:0}[data-theme=dark] .phone-bubble.bot{background:#1f2c34;color:#e9edef}.phone-bubble.system{background:#0000000f;color:var(--text-muted);border-radius:.5rem;font-size:.6875rem;text-align:center;max-width:90%}.phone-bubble strong{font-weight:600}.phone-msg-time{display:block;font-size:.625rem;color:#0006;text-align:right;margin-top:.25rem}[data-theme=dark] .phone-msg-time{color:#ffffff59}.phone-typing{display:flex;align-items:center;gap:.25rem;padding:.625rem .75rem;background:#fff;border-radius:.5rem;border-top-left-radius:0}[data-theme=dark] .phone-typing{background:#1f2c34}.phone-typing-dot{width:6px;height:6px;background:#999;border-radius:50%;animation:phone-typing-pulse 1.4s ease-in-out infinite;opacity:.5}.phone-typing-dot:nth-child(2){animation-delay:.15s}.phone-typing-dot:nth-child(3){animation-delay:.3s}@keyframes phone-typing-pulse{0%,80%,to{transform:scale(.8);opacity:.4}40%{transform:scale(1.2);opacity:1}}.phone-input-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f0f0f0;flex-shrink:0}[data-theme=dark] .phone-input-bar{background:#1f2c34}.phone-input-field{flex:1;padding:.5rem .75rem;border-radius:1.25rem;background:#fff;font-size:.75rem;color:#999}[data-theme=dark] .phone-input-field{background:#2a3942;color:#8696a0}.phone-send-btn{width:34px;height:34px;border-radius:50%;background:#075e54;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kb-section{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.kb-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.kb-category-filter{padding:.5rem .75rem;background:var(--input-bg);border:1px solid var(--border-primary);border-radius:.5rem;font-size:.8125rem;color:var(--text-primary);cursor:pointer}.btn-sm{padding:.5rem 1rem;font-size:.8125rem;gap:.375rem}.kb-form-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;overflow:hidden}.kb-form-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-primary)}.kb-form-header h4{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.kb-form-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:.25rem}.kb-form-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.kb-form-body{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.kb-form-group{display:flex;flex-direction:column;gap:.375rem}.kb-form-group label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.kb-form-group input,.kb-form-group textarea,.kb-form-group select{padding:.625rem .75rem;background:var(--input-bg);border:1px solid var(--border-primary);border-radius:.5rem;font-size:.875rem;color:var(--text-primary);font-family:inherit;resize:vertical}.kb-form-group input:focus,.kb-form-group textarea:focus,.kb-form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring)}.kb-form-actions{display:flex;gap:.5rem;padding-top:.25rem}.kb-list{display:flex;flex-direction:column;gap:.5rem}.kb-entry{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;transition:border-color .2s}.kb-entry:hover{border-color:var(--border-secondary)}.kb-entry-content{flex:1;min-width:0}.kb-entry-question{font-weight:600;font-size:.875rem;color:var(--text-primary);margin-bottom:.25rem}.kb-entry-answer{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.5rem}.kb-entry-category{display:inline-block;padding:.125rem .5rem;background:var(--bg-tertiary);color:var(--accent-secondary);border-radius:4px;font-size:.6875rem;font-weight:500;text-transform:capitalize}.kb-entry-actions{display:flex;gap:.25rem;flex-shrink:0}.kb-action-btn{padding:.375rem;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:.375rem;transition:all .2s}.kb-action-btn:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.kb-action-delete:hover{background:var(--error-bg);color:var(--error)}.empty-state-hint{font-size:.8125rem;color:var(--text-muted);margin-top:.25rem}@media (max-width: 768px){.agent-sidebar{display:none}.agent-mobile-tabs{display:flex}.agent-config-content{padding:1rem}.agent-top-bar{flex-direction:column;gap:.75rem}.agent-top-right{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.save-section,.form-actions{justify-content:stretch}.save-section button,.form-actions button{width:100%;justify-content:center}}@media (max-width: 480px){.agent-mobile-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.agent-config-content{padding:.75rem}}.profile-page{max-width:900px;padding:2rem;min-height:100vh}.profile-content{display:flex;flex-direction:column;gap:2rem}.profile-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;padding:2rem;transition:all .2s ease}.profile-section:hover{border-color:var(--border-secondary)}.profile-section-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;color:var(--accent-secondary)}.profile-section-header h2{font-size:1.125rem;color:var(--text-primary);font-weight:600;letter-spacing:-.02em;margin:0}.profile-section-header p{font-size:.8125rem;color:var(--text-muted);margin:.125rem 0 0}.profile-section-header svg{margin-top:.125rem;flex-shrink:0}.profile-picture-row{display:flex;align-items:center;gap:1.25rem}.profile-picture-preview{width:80px;height:80px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-primary);display:flex;align-items:center;justify-content:center;color:var(--text-muted);overflow:hidden;flex-shrink:0}.profile-picture-preview img{width:100%;height:100%;object-fit:cover}.profile-picture-info{display:flex;flex-direction:column;gap:.375rem}.profile-picture-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.profile-picture-btns{display:flex;align-items:center;gap:.5rem}.btn-upload{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:.5rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-upload:hover{background:var(--accent-hover);box-shadow:var(--shadow-sm)}.btn-upload:active{transform:scale(.97)}.btn-remove{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:.5rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-remove:hover{border-color:var(--error);color:var(--error);background:var(--error-bg)}.btn-remove:active{transform:scale(.97)}.profile-picture-hint{font-size:.75rem;color:var(--text-muted);margin:0}.profile-divider{height:1px;background:var(--border-primary);margin:1.5rem 0}.profile-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1;min-width:0}.form-row.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.profile-form .form-group{display:flex;flex-direction:column;gap:.5rem}.profile-form .form-group label{font-weight:500;color:var(--text-primary);font-size:.875rem}.profile-form .form-group input{padding:.75rem 1rem;background:var(--input-bg);border:1px solid var(--border-primary);border-radius:.75rem;font-size:.9375rem;color:var(--text-primary);transition:all .2s}.profile-form .form-group input::placeholder{color:var(--text-muted)}.profile-form .form-group input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary);box-shadow:0 0 0 3px var(--focus-ring)}.profile-form-actions{display:flex;align-items:center;gap:.75rem;padding-top:.5rem}.profile-save-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:50px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.profile-save-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.profile-save-btn:active{transform:scale(.98)}.profile-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-cancel-btn{display:inline-flex;align-items:center;padding:.75rem 1.5rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:50px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.profile-cancel-btn:hover{border-color:var(--border-secondary);background:var(--bg-secondary)}.profile-cancel-btn:active{transform:scale(.98)}.profile-add-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-secondary);color:var(--accent-secondary);border:1px solid var(--border-primary);border-radius:50px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.profile-add-btn:hover{border-color:var(--accent-secondary);background:var(--bg-tertiary)}.profile-add-btn:active{transform:scale(.98)}.profile-page .team-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.profile-page .team-member{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;transition:all .2s}.profile-page .team-member:hover{border-color:var(--border-secondary)}.profile-page .member-avatar{width:40px;height:40px;background:var(--accent-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;flex-shrink:0}.profile-page .member-info{flex:1;min-width:0}.profile-page .member-name{display:block;font-weight:500;color:var(--text-primary);margin-bottom:.125rem}.profile-page .member-email{display:block;font-size:.8125rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-page .member-role{padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:500;text-transform:capitalize;background:var(--bg-tertiary);color:var(--accent-secondary)}.profile-page .member-role.admin{background:var(--error-bg);color:var(--error)}.profile-page .member-role.manager{background:var(--warning-bg);color:var(--warning)}.profile-page .member-status{padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:500;text-transform:capitalize}.profile-page .member-status.active{background:var(--success-bg);color:var(--success)}.profile-page .member-status.pending{background:var(--warning-bg);color:var(--warning)}.profile-page .remove-member-btn{padding:.5rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:.5rem;transition:all .2s}.profile-page .remove-member-btn:hover{background:var(--error-bg);color:var(--error)}.profile-page .plan-details{display:flex;flex-direction:column;gap:1.5rem}.profile-page .current-plan{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:var(--bg-secondary);border-radius:.75rem;border:1px solid var(--border-primary)}.profile-page .plan-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--accent-secondary);color:#fff;border-radius:50px;font-weight:600;font-size:.875rem}.profile-page .plan-price{display:flex;align-items:baseline;gap:.25rem}.profile-page .plan-price .price{font-size:2rem;font-weight:700;color:var(--text-primary)}.profile-page .plan-price .period{font-size:.875rem;color:var(--text-secondary)}.profile-page .plan-usage{padding:1.25rem;background:var(--bg-secondary);border-radius:.75rem;border:1px solid var(--border-primary)}.profile-page .usage-header{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.875rem;color:var(--text-secondary)}.profile-page .usage-count{font-weight:600;color:var(--text-primary)}.profile-page .usage-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:.75rem}.profile-page .usage-fill{height:100%;background:var(--accent-secondary);border-radius:4px;transition:width .5s ease-out}.profile-page .usage-fill.warning{background:var(--warning)}.profile-page .usage-fill.critical{background:var(--error)}.profile-page .usage-footer{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--text-muted)}.profile-page .billing-period{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);padding:.75rem 1rem;background:var(--bg-secondary);border-radius:.75rem}.profile-page .billing-period svg{color:var(--accent-secondary)}.profile-page .plan-features h4{font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem;font-weight:500}.profile-page .plan-features ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.profile-page .plan-features li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary)}.profile-page .plan-features li svg{color:var(--success);flex-shrink:0}.profile-page .plan-actions{display:flex;gap:1rem;padding-top:.5rem}.profile-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.profile-page .modal{background:var(--modal-bg);border:1px solid var(--border-primary);border-radius:1rem;width:100%;max-width:450px;box-shadow:var(--shadow-lg);animation:profile-modal-appear .2s ease-out}@keyframes profile-modal-appear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.profile-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-primary)}.profile-page .modal-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.profile-page .modal-close{padding:.5rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:.5rem;transition:all .2s}.profile-page .modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.profile-page .modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.profile-page .modal-body .form-group{display:flex;flex-direction:column;gap:.5rem}.profile-page .modal-body .form-group label{font-weight:500;color:var(--text-primary);font-size:.875rem}.profile-page .modal-body .form-group input,.profile-page .modal-body .form-group select{padding:.75rem 1rem;background:var(--input-bg);border:1px solid var(--border-primary);border-radius:.75rem;font-size:.9375rem;color:var(--text-primary);transition:all .2s}.profile-page .modal-body .form-group select{cursor:pointer}.profile-page .modal-body .form-group input:focus,.profile-page .modal-body .form-group select:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary);box-shadow:0 0 0 3px var(--focus-ring)}.profile-page .modal-note{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-muted);margin:0;padding:.75rem;background:var(--bg-secondary);border-radius:.75rem}.profile-page .modal-note svg{color:var(--accent-secondary);flex-shrink:0}.profile-page .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border-primary)}.profile-page .loading-state{text-align:center;padding:2rem;color:var(--text-muted)}.audit-controls{margin-bottom:1rem}.audit-filter{padding:.5rem .75rem;background:var(--input-bg);border:1px solid var(--border-primary);border-radius:.5rem;font-size:.8125rem;color:var(--text-primary);cursor:pointer;transition:border-color .2s}.audit-filter:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring)}.audit-table-wrapper{overflow-x:auto;border:1px solid var(--border-primary);border-radius:.75rem}.audit-table{width:100%;border-collapse:collapse;font-size:.8125rem}.audit-table th{text-align:left;padding:.75rem 1rem;background:var(--bg-secondary);color:var(--text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-primary)}.audit-table td{padding:.625rem 1rem;color:var(--text-primary);border-bottom:1px solid var(--border-primary)}.audit-table tbody tr:last-child td{border-bottom:none}.audit-table tbody tr:hover{background:var(--bg-secondary)}.audit-date{white-space:nowrap;color:var(--text-muted);font-size:.75rem}.audit-action-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500;text-transform:capitalize;background:var(--bg-tertiary);color:var(--accent-secondary)}.audit-action-badge.login{background:var(--success-bg);color:var(--success)}.audit-action-badge.conversation-handoff{background:var(--warning-bg);color:var(--warning)}.audit-action-badge.settings-updated,.audit-action-badge.agent-config-saved{background:#ede9fe;color:#7c3aed}[data-theme=dark] .audit-action-badge.settings-updated,[data-theme=dark] .audit-action-badge.agent-config-saved{background:#7c3aed26;color:#a78bfa}.audit-details{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.audit-user{white-space:nowrap;font-weight:500}.audit-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.audit-page-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.375rem;font-size:.8125rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.audit-page-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.audit-page-btn:disabled{opacity:.4;cursor:not-allowed}.audit-page-info{font-size:.75rem;color:var(--text-muted)}.audit-loading,.audit-empty{text-align:center;padding:2rem;color:var(--text-muted);font-size:.875rem}.profile-page .danger-zone{border:1px solid #fecaca;background:#fef2f2}[data-theme=dark] .profile-page .danger-zone{border-color:#7f1d1d;background:#7f1d1d26}.profile-page .danger-zone h2{color:#dc2626;display:flex;align-items:center;gap:.5rem}.profile-page .danger-zone p{color:#991b1b}[data-theme=dark] .profile-page .danger-zone p{color:#fca5a5}.profile-page .danger-delete-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#dc2626;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.profile-page .danger-delete-btn:hover{background:#b91c1c}.profile-page .danger-modal .modal-header h3{display:flex;align-items:center;gap:.5rem;color:#dc2626}.profile-page .danger-warning{padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;font-size:.875rem;color:#991b1b;line-height:1.6}[data-theme=dark] .profile-page .danger-warning{background:#7f1d1d26;border-color:#7f1d1d;color:#fca5a5}.profile-page .danger-warning p{margin:0}.profile-page .danger-warning ul{margin:.5rem 0 0;padding-left:1.25rem}.profile-page .danger-warning li{margin-bottom:.25rem}.profile-page .danger-error{color:#dc2626;font-size:.8125rem;margin:0}.profile-page .danger-confirm-btn{padding:.625rem 1.25rem;background:#dc2626;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.profile-page .danger-confirm-btn:hover{background:#b91c1c}.profile-page .danger-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.profile-page .danger-modal{background:var(--modal-bg);border:1px solid var(--border-primary);border-radius:1rem;width:100%;max-width:480px;box-shadow:var(--shadow-lg);animation:profile-modal-appear .2s ease-out}@media (max-width: 768px){.profile-page{padding:1rem}.profile-section{padding:1.5rem}.profile-picture-row{flex-direction:column;align-items:flex-start}.profile-picture-btns{flex-wrap:wrap}.form-row.two-col{grid-template-columns:1fr}.profile-form-actions{flex-direction:column}.profile-save-btn,.profile-cancel-btn,.profile-add-btn{width:100%;text-align:center;justify-content:center}.profile-page .current-plan{flex-direction:column;gap:1rem;text-align:center}.profile-page .plan-features ul{grid-template-columns:1fr}.profile-page .plan-actions{flex-direction:column}.profile-page .team-member{flex-wrap:wrap}.profile-page .usage-footer{flex-direction:column;gap:.25rem}}.wa-connect-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(135deg,#075e54,#128c7e,#25d366);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.wa-connect-card{background:#fff;border-radius:1rem;padding:2rem 1.5rem;max-width:400px;width:100%;box-shadow:0 8px 32px #0003;text-align:center}.wa-connect-logo{width:48px;height:48px;margin:0 auto .5rem}.wa-connect-logo svg{width:48px;height:48px}.wa-connect-brand{font-size:14px;color:#6b7280;margin:0 0 1.5rem;font-weight:500}.wa-connect-clinic{font-size:22px;font-weight:700;color:#111827;margin:0 0 .5rem}.wa-connect-desc{font-size:14px;color:#6b7280;margin:0 0 1.75rem;line-height:1.5}.wa-connect-btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:.875rem 1.5rem;border:none;border-radius:.75rem;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;background:#25d366;color:#fff}.wa-connect-btn:hover:not(:disabled){background:#1da851;transform:translateY(-1px);box-shadow:0 4px 12px #25d36666}.wa-connect-btn:disabled{opacity:.6;cursor:not-allowed}.wa-connect-btn svg{width:22px;height:22px;flex-shrink:0}.wa-connect-status{display:flex;flex-direction:column;align-items:center;padding:1rem 0}.wa-connect-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#25d366;border-radius:50%;animation:wa-spin .8s linear infinite;margin:1rem 0}@keyframes wa-spin{to{transform:rotate(360deg)}}.wa-connect-status-text{font-size:16px;font-weight:600;color:#111827;margin:.5rem 0 .25rem}.wa-connect-status-sub{font-size:14px;color:#6b7280;margin:0}.wa-connect-success-icon{width:64px;height:64px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;animation:wa-pop .3s ease-out}.wa-connect-success-icon svg{width:32px;height:32px;color:#fff}@keyframes wa-pop{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}.wa-connect-error{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:.75rem;margin:1rem 0;color:#991b1b;font-size:14px}.wa-connect-invalid{text-align:center}.wa-connect-invalid-icon{font-size:48px;margin-bottom:.75rem}.wa-connect-invalid h2{font-size:20px;color:#111827;margin:0 0 .5rem}.wa-connect-invalid p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.wa-connect-footer{margin-top:1.5rem;font-size:12px;color:#ffffffb3}.wa-connect-footer a{color:#ffffffe6;text-decoration:none}.roi-container{min-height:100vh;font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;background:#f8faf9;color:#1a1a1a}.roi-header{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #e8ece9}.roi-header-inner{max-width:1120px;margin:0 auto;padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.roi-logo img{height:32px;width:auto}.roi-share-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1.5px solid #d4ddd7;border-radius:50px;font-size:.8125rem;font-weight:500;font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;color:#374740;cursor:pointer;transition:all .2s ease}.roi-share-btn:hover{background:#f0f5f2;border-color:#2d6a4f;color:#2d6a4f}.roi-hero{padding:3.5rem 1.5rem 2rem;text-align:center}.roi-hero-inner{max-width:640px;margin:0 auto}.roi-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;background:#2d6a4f14;color:#2d6a4f;border-radius:50px;font-size:.75rem;font-weight:600;letter-spacing:.02em;margin-bottom:1.25rem}.roi-title{font-size:2.25rem;font-weight:750;letter-spacing:-.035em;line-height:1.15;color:#111;margin-bottom:.75rem}.roi-subtitle{font-size:1.0625rem;line-height:1.6;color:#5f6d64;max-width:520px;margin:0 auto}.roi-main{max-width:1120px;margin:0 auto;padding:0 1.5rem 3rem}.roi-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.roi-inputs-card{background:#fff;border-radius:16px;padding:2rem;border:1px solid #e8ece9;box-shadow:0 1px 3px #0000000a;position:sticky;top:80px}.roi-card-title{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;color:#111;margin-bottom:.25rem}.roi-card-desc{font-size:.875rem;color:#5f6d64;margin-bottom:2rem}.roi-input-group{margin-bottom:2rem}.roi-input-group:last-child{margin-bottom:0}.roi-input-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.roi-input-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#333}.roi-input-label svg{color:#2d6a4f;flex-shrink:0}.roi-input-value{font-size:.9375rem;font-weight:700;color:#2d6a4f;background:#2d6a4f0f;padding:.25rem .75rem;border-radius:8px}.roi-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,#2D6A4F 0%,#2D6A4F var(--slider-pct, 50%),#e0e7e2 var(--slider-pct, 50%),#e0e7e2 100%);outline:none;cursor:pointer;transition:background .1s ease}.roi-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:2.5px solid #2D6A4F;box-shadow:0 1px 4px #2d6a4f40;cursor:pointer;transition:box-shadow .2s ease,transform .15s ease}.roi-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 8px #2d6a4f59;transform:scale(1.08)}.roi-slider::-webkit-slider-thumb:active{transform:scale(.96)}.roi-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2.5px solid #2D6A4F;box-shadow:0 1px 4px #2d6a4f40;cursor:pointer;transition:box-shadow .2s ease,transform .15s ease}.roi-slider::-moz-range-thumb:hover{box-shadow:0 2px 8px #2d6a4f59;transform:scale(1.08)}.roi-slider::-moz-range-track{height:6px;border-radius:3px;background:transparent;border:none}.roi-range-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:#8a9a8f}.roi-results-section{display:flex;flex-direction:column;gap:1rem}.roi-stat-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;background:#fff;border-radius:14px;border:1px solid #e8ece9;box-shadow:0 1px 3px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.roi-stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.roi-stat-icon-wrap{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;flex-shrink:0}.roi-icon-loss{background:#dc354514;color:#dc3545}.roi-icon-savings{background:#2d6a4f14;color:#2d6a4f}.roi-icon-time{background:#1971c214;color:#1971c2}.roi-stat-content{flex:1;min-width:0}.roi-stat-label{font-size:.8125rem;font-weight:500;color:#5f6d64;margin-bottom:.25rem}.roi-stat-number{font-size:1.5rem;font-weight:750;letter-spacing:-.03em;line-height:1.2;margin-bottom:.125rem}.roi-loss-number{color:#dc3545}.roi-savings-number{color:#2d6a4f}.roi-time-number{color:#1971c2}.roi-stat-detail{font-size:.75rem;color:#8a9a8f}.roi-net-card{background:linear-gradient(135deg,#2d6a4f,#40916c);border-radius:16px;padding:1.75rem 2rem;color:#fff;box-shadow:0 4px 20px #2d6a4f40;transition:box-shadow .3s ease}.roi-net-card:hover{box-shadow:0 8px 30px #2d6a4f4d}.roi-net-header{margin-bottom:1rem}.roi-net-label{font-size:.9375rem;font-weight:600;opacity:.95;margin-bottom:.125rem}.roi-net-sublabel{font-size:.75rem;opacity:.7}.roi-net-value-wrap{margin-bottom:1.25rem}.roi-net-value{font-size:2.5rem;font-weight:800;letter-spacing:-.04em;line-height:1.1}.roi-positive{color:#fff}.roi-negative{color:#ffb3b3}.roi-net-multiplier{font-size:.8125rem;font-weight:600;margin-top:.375rem;opacity:.85;background:#ffffff26;display:inline-block;padding:.25rem .625rem;border-radius:6px}.roi-net-breakdown{background:#ffffff1a;border-radius:10px;padding:.875rem 1rem}.roi-breakdown-row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;padding:.375rem 0}.roi-breakdown-row span:first-child{opacity:.85}.roi-breakdown-positive{font-weight:600;color:#a8f0c6}.roi-breakdown-negative{font-weight:600;color:#ffb3b3}.roi-breakdown-divider{height:1px;background:#ffffff26;margin:.375rem 0}.roi-breakdown-total{font-weight:700;font-size:.875rem}.roi-breakdown-total span:first-child{opacity:1}.roi-cta-section{margin-top:2.5rem}.roi-cta-inner{text-align:center;background:#fff;border:1px solid #e8ece9;border-radius:16px;padding:3rem 2rem;box-shadow:0 1px 3px #0000000a}.roi-cta-title{font-size:1.5rem;font-weight:750;letter-spacing:-.03em;color:#111;margin-bottom:.5rem}.roi-cta-text{font-size:1rem;color:#5f6d64;margin-bottom:1.5rem;max-width:460px;margin-left:auto;margin-right:auto}.roi-cta-btn{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 2rem;background:#2d6a4f;color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #2d6a4f4d}.roi-cta-btn:hover{background:#245a42;box-shadow:0 4px 16px #2d6a4f59;transform:translateY(-1px)}.roi-cta-btn:active{transform:translateY(0) scale(.98)}.roi-footer{text-align:center;padding:2rem 1.5rem;font-size:.8125rem;color:#8a9a8f;border-top:1px solid #e8ece9}@media (max-width: 960px){.roi-grid{grid-template-columns:1fr}.roi-inputs-card{position:static}.roi-title{font-size:1.875rem}}@media (max-width: 640px){.roi-hero{padding:2.5rem 1rem 1.5rem}.roi-title{font-size:1.5rem}.roi-subtitle{font-size:.9375rem}.roi-main{padding:0 1rem 2rem}.roi-inputs-card{padding:1.5rem}.roi-card-title{font-size:1.125rem}.roi-input-header{flex-direction:column;align-items:flex-start;gap:.375rem}.roi-stat-card{padding:1rem 1.25rem}.roi-stat-number{font-size:1.25rem}.roi-net-card{padding:1.5rem}.roi-net-value{font-size:2rem}.roi-cta-inner{padding:2rem 1.25rem}.roi-cta-title{font-size:1.25rem}.roi-cta-btn{width:100%;justify-content:center}.roi-header-inner{padding:.75rem 1rem}.roi-share-btn span{display:none}}.sa-layout .sidebar-nav{padding-top:2rem}.sa-logo-text{display:flex;align-items:center;gap:.5rem}.sa-badge{display:inline-block;padding:.125rem .5rem;background:var(--accent-secondary);color:#fff;border-radius:50px;font-size:.6875rem;font-weight:600;letter-spacing:.02em}.sa-page{max-width:1400px;padding:2rem 2.5rem;min-height:0;flex:1}.sa-page.sa-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;font-size:1rem;color:var(--text-secondary)}.sa-login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-secondary);padding:1rem}.sa-login-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;padding:2.5rem;box-shadow:var(--shadow-md)}.sa-login-header{text-align:center;margin-bottom:2rem}.sa-login-logo{height:36px;margin-bottom:.5rem}.sa-login-subtitle{color:var(--text-secondary);font-size:.875rem;margin-top:.75rem}.sa-login-form{display:flex;flex-direction:column;gap:1.25rem}.sa-form-group{display:flex;flex-direction:column;gap:.375rem}.sa-form-group label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.sa-form-group input,.sa-form-group select{padding:.625rem .875rem;background:var(--input-bg);border:1px solid var(--border-primary);border-radius:.5rem;font-size:.9375rem;color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.sa-form-group input:focus,.sa-form-group select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring)}.sa-form-group input::placeholder{color:var(--text-muted)}.sa-form-group input:disabled{opacity:.6;cursor:not-allowed}.sa-login-btn{padding:.75rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s}.sa-login-btn:hover{background:var(--accent-hover)}.sa-login-btn:disabled{opacity:.6;cursor:not-allowed}.sa-error-message{padding:.75rem;background:var(--error-bg);color:var(--error);border-radius:.5rem;font-size:.875rem;font-weight:500;text-align:center}.sa-error-card{display:flex;align-items:center;gap:.75rem;padding:1.25rem;background:var(--error-bg);color:var(--error);border-radius:.75rem;font-size:.9375rem;font-weight:500}.sa-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;overflow:hidden;margin-bottom:1.5rem}.sa-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-primary)}.sa-card-header h3{font-size:.9375rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;margin:0}.sa-card-header h3 svg{color:var(--text-muted)}.sa-card-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .375rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:50px;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.sa-card-badge.warning{background:var(--warning-bg);border-color:transparent;color:var(--warning)}.sa-card-body{padding:1rem 1.25rem}.sa-link-btn{background:none;border:none;color:var(--accent-primary);font-size:.8125rem;font-weight:500;cursor:pointer;padding:0;transition:opacity .15s}.sa-link-btn:hover{opacity:.8}.sa-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.sa-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:0}.sa-detail-grid .sa-card{margin-bottom:0}.sa-list{display:flex;flex-direction:column}.sa-list-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-primary)}.sa-list-item:last-child{border-bottom:none}.sa-list-item.clickable{cursor:pointer;margin:0 -1.25rem;padding:.75rem 1.25rem;border-radius:0;transition:background .15s}.sa-list-item.clickable:hover{background:var(--bg-secondary)}.sa-list-item-info{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.sa-list-item-name{font-size:.875rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.sa-list-item-detail{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:.25rem}.sa-list-item-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.sa-list-arrow{color:var(--text-muted)}.sa-usage-bar-wrapper{display:flex;align-items:center;gap:.5rem}.sa-usage-bar{width:80px;height:6px;background:var(--bg-secondary);border-radius:50px;overflow:hidden}.sa-usage-bar-fill{height:100%;border-radius:50px;transition:width .3s ease}.sa-usage-bar-fill.green{background:var(--success)}.sa-usage-bar-fill.orange{background:var(--warning)}.sa-usage-bar-fill.red{background:var(--error)}.sa-usage-pct{font-size:.75rem;font-weight:600;min-width:32px;text-align:right}.sa-usage-pct.green{color:var(--success)}.sa-usage-pct.orange{color:var(--warning)}.sa-usage-pct.red{color:var(--error)}.sa-usage-bar-large{margin-top:1rem}.sa-usage-bar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.sa-limit-badge{padding:.125rem .5rem;background:var(--error-bg);color:var(--error);border-radius:50px;font-size:.6875rem;font-weight:600}.sa-status-badge{display:inline-block;padding:.125rem .625rem;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:capitalize}.sa-status-badge.active{background:var(--success-bg);color:var(--success)}.sa-status-badge.suspended{background:var(--warning-bg);color:var(--warning)}.sa-status-badge.inactive{background:var(--bg-secondary);color:var(--text-muted)}.sa-role-badge{padding:.125rem .5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:50px;font-size:.6875rem;font-weight:600;color:var(--text-secondary);text-transform:capitalize}.sa-inactive-badge{padding:.125rem .375rem;background:var(--error-bg);color:var(--error);border-radius:4px;font-size:.625rem;font-weight:600}.sa-action-badge{display:inline-block;padding:.125rem .5rem;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:capitalize}.sa-action-badge.add{background:var(--success-bg);color:var(--success)}.sa-action-badge.set{background:#3b82f61a;color:#3b82f6}.sa-action-badge.subtract{background:var(--error-bg);color:var(--error)}.sa-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.sa-search-wrapper{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.5rem;flex:1;max-width:400px;color:var(--text-muted);transition:border-color .2s}.sa-search-wrapper:focus-within{border-color:var(--accent-primary)}.sa-search-wrapper input{flex:1;background:transparent;border:none;outline:none;font-size:.875rem;color:var(--text-primary)}.sa-search-wrapper input::placeholder{color:var(--text-muted)}.sa-filter-wrapper{display:flex;align-items:center;gap:.5rem;color:var(--text-muted)}.sa-filter-wrapper select{padding:.5rem .75rem;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.5rem;font-size:.875rem;color:var(--text-primary);cursor:pointer;outline:none}.sa-filter-wrapper select:focus{border-color:var(--accent-primary)}.sa-toolbar-info{margin-left:auto;font-size:.8125rem;color:var(--text-muted)}.sa-table-wrapper{overflow-x:auto}.sa-table{width:100%;border-collapse:collapse}.sa-table thead th{padding:.75rem 1rem;background:var(--bg-secondary);font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border-primary)}.sa-table tbody td{padding:.75rem 1rem;font-size:.875rem;color:var(--text-primary);border-bottom:1px solid var(--border-primary);white-space:nowrap}.sa-table tbody tr:last-child td{border-bottom:none}.sa-table-row.clickable{cursor:pointer;transition:background .15s}.sa-table-row.clickable:hover{background:var(--bg-secondary)}.sa-table-empty{text-align:center;padding:3rem 1rem!important;color:var(--text-muted)}.sa-table-empty svg{margin-bottom:.5rem;opacity:.5}.sa-table-empty p{margin:0;font-size:.875rem}.sa-table-clinic-name{display:flex;flex-direction:column;gap:.125rem}.sa-table-name{font-weight:600}.sa-table-slug{font-size:.75rem;color:var(--text-muted)}.sa-table-plan{font-size:.8125rem;font-weight:500}.sa-table-usage{display:flex;flex-direction:column;gap:.375rem;font-size:.8125rem}.sa-table-usage .sa-usage-bar{width:100px}.sa-remaining.exhausted{color:var(--error);font-weight:600}.sa-table-users{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;color:var(--text-secondary)}.sa-table-activity{font-size:.8125rem;color:var(--text-muted)}.sa-table-arrow{color:var(--text-muted)}.sa-table-row.clickable:hover .sa-table-arrow{color:var(--accent-primary)}.sa-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 0;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;margin-bottom:1.5rem;transition:color .15s}.sa-back-btn:hover{color:var(--text-primary)}.sa-detail-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;margin-bottom:1.5rem}.sa-detail-header-left{display:flex;align-items:center;gap:1rem}.sa-detail-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-tertiary);border-radius:.75rem;color:var(--accent-primary)}.sa-detail-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.sa-detail-slug{font-size:.8125rem;color:var(--text-muted)}.sa-detail-header-right{display:flex;align-items:center;gap:1rem}.sa-status-actions{display:flex;gap:.5rem}.sa-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s}.sa-btn:disabled{opacity:.6;cursor:not-allowed}.sa-btn-primary{background:var(--accent-primary);color:#fff;width:100%}.sa-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.sa-btn-success{background:var(--success);color:#fff}.sa-btn-success:hover:not(:disabled){opacity:.9}.sa-btn-warning{background:var(--warning);color:#fff}.sa-btn-warning:hover:not(:disabled){opacity:.9}.sa-usage-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.sa-stat{display:flex;flex-direction:column;gap:.125rem}.sa-stat-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.sa-stat-value{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.sa-stat-value.exhausted{color:var(--error)}.sa-billing-period{display:flex;align-items:center;gap:.375rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-primary);font-size:.8125rem;color:var(--text-muted)}.sa-credit-form{display:flex;flex-direction:column;gap:1rem}.sa-credit-actions-row{display:flex;gap:.5rem}.sa-credit-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s}.sa-credit-action-btn:hover{border-color:var(--border-secondary);background:var(--bg-tertiary)}.sa-credit-action-btn.active.green{background:var(--success-bg);border-color:var(--success);color:var(--success)}.sa-credit-action-btn.active.blue{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.sa-credit-action-btn.active.red{background:var(--error-bg);border-color:var(--error);color:var(--error)}.sa-credit-message{padding:.625rem;border-radius:.5rem;font-size:.8125rem;font-weight:500;text-align:center}.sa-credit-message.success{background:var(--success-bg);color:var(--success)}.sa-credit-message.error{background:var(--error-bg);color:var(--error)}.sa-refresh-bar{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-bottom:1.25rem}.sa-refresh-time{font-size:.75rem;color:var(--text-muted)}.sa-refresh-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:.5rem;font-size:.75rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s}.sa-refresh-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.sa-btn-danger{background:var(--error);color:#fff}.sa-btn-danger:hover:not(:disabled){opacity:.9}.sa-btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}.sa-btn-secondary:hover:not(:disabled){background:var(--bg-tertiary)}.sa-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.sa-modal{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;padding:2rem;max-width:420px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.sa-modal-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;margin-bottom:1rem}.sa-modal-icon.danger{background:var(--error-bg);color:var(--error)}.sa-modal h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.sa-modal p{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0 0 1.5rem}.sa-modal-actions{display:flex;gap:.75rem;justify-content:center}.sa-modal-actions .sa-btn{flex:1}.sa-btn-sm{padding:.3rem .625rem;font-size:.75rem;border-radius:.375rem}.sa-btn-sm.sa-btn-primary{width:auto}.sa-edit-form{display:flex;flex-direction:column;gap:.875rem}.sa-details-view{display:flex;flex-direction:column;gap:.625rem}.sa-detail-row{display:flex;align-items:center;justify-content:space-between;padding:.375rem 0;border-bottom:1px solid var(--border-primary)}.sa-detail-row:last-child{border-bottom:none}.sa-detail-label{font-size:.8125rem;font-weight:500;color:var(--text-muted);display:flex;align-items:center;gap:.25rem}.sa-detail-value{font-size:.875rem;font-weight:500;color:var(--text-primary);text-align:right;max-width:60%;word-break:break-all}.sa-detail-value a{color:var(--accent-primary);text-decoration:none}.sa-detail-value a:hover{text-decoration:underline}.sa-empty-state{padding:2rem;text-align:center;color:var(--text-muted);font-size:.875rem}@media (max-width: 1024px){.sa-grid-two,.sa-detail-grid{grid-template-columns:1fr}}@media (max-width: 768px){.sa-page{padding:1.5rem 1rem}.sa-toolbar{flex-wrap:wrap}.sa-search-wrapper{max-width:none;flex:1 1 100%}.sa-detail-header{flex-direction:column;align-items:flex-start;gap:1rem}.sa-detail-header-right{width:100%;justify-content:space-between}.sa-usage-stats{grid-template-columns:1fr}}@media (max-width: 480px){.sa-page{padding:1rem .75rem}.sa-credit-actions-row{flex-direction:column}}:root,[data-theme=light]{--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-tertiary: #F5F1EB;--bg-card: #FFFFFF;--text-primary: #1a1a1a;--text-secondary: #6B7280;--text-muted: #9CA3AF;--accent-primary: #1a1a2e;--accent-secondary: #006C7D;--accent-hover: #2a2a3e;--success: #2D6A4F;--success-bg: rgba(45, 106, 79, .08);--error: #DC2626;--error-bg: rgba(220, 38, 38, .06);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .08);--border-primary: #E5E7EB;--border-secondary: #D1D5DB;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .1);--modal-bg: #FFFFFF;--modal-overlay: rgba(0, 0, 0, .5);--input-bg: #FFFFFF;--focus-ring: rgba(0, 0, 0, .04);color-scheme:light}[data-theme=dark]{--bg-primary: #0F1117;--bg-secondary: #1A1D27;--bg-tertiary: #252836;--bg-card: #1A1D27;--text-primary: #F0F0F5;--text-secondary: #9CA3AF;--text-muted: #6B7280;--accent-primary: #008B9E;--accent-secondary: #00B4CC;--accent-hover: #007A8C;--success: #40916C;--success-bg: rgba(64, 145, 108, .15);--error: #EF4444;--error-bg: rgba(239, 68, 68, .12);--warning: #FBBF24;--warning-bg: rgba(251, 191, 36, .12);--border-primary: rgba(255, 255, 255, .08);--border-secondary: rgba(255, 255, 255, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--modal-bg: #1A1D27;--modal-overlay: rgba(0, 0, 0, .7);--input-bg: #1A1D27;--focus-ring: rgba(0, 139, 158, .2);color-scheme:dark}:root{font-family:Geist Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;letter-spacing:-.01em;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;background-color:var(--bg-primary);color:var(--text-primary);min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh;background-color:var(--bg-primary)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;letter-spacing:-.02em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--text-secondary);line-height:1.6}a{color:var(--accent-secondary);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}button{font-family:inherit;cursor:pointer;border:none;transition:all .2s ease}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:1rem;color:var(--text-primary);background-color:var(--input-bg);border:1.5px solid var(--border-primary);border-radius:.75rem;padding:.75rem;transition:all .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring)}input::placeholder,textarea::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:1400px;margin:0 auto;padding:2rem}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:1rem;padding:1.5rem;transition:all .2s ease}.card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--accent-primary);color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-weight:500;font-size:.875rem}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:50px;border:1.5px solid var(--border-primary);font-weight:500;font-size:.875rem}.btn-secondary:hover{border-color:var(--border-secondary);background:var(--bg-secondary)}.text-muted{color:var(--text-muted);font-size:.875rem}.text-success{color:var(--success)}.text-error{color:var(--error)}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;margin-bottom:.5rem}.page-header p{color:var(--text-secondary);font-size:.9375rem}.loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary);font-size:1.125rem}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--border-primary);border-top-color:var(--accent-secondary);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@media (max-width: 768px){.container{padding:1rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}}