:root{--primary-hue:239;--primary-sat:84%;--primary-lightness:67%;--primary:hsl(var(--primary-hue), var(--primary-sat), var(--primary-lightness));--primary-hover:hsl(var(--primary-hue), var(--primary-sat), 60%);--primary-light:hsl(var(--primary-hue), var(--primary-sat), 96%);--success-hue:162;--success-sat:76%;--success-lightness:41%;--success:hsl(var(--success-hue), var(--success-sat), var(--success-lightness));--success-hover:hsl(var(--success-hue), var(--success-sat), 35%);--success-light:hsl(var(--success-hue), var(--success-sat), 96%);--warning:#f59e0b;--warning-light:#fef3c7;--error:#ef4444;--error-light:#fee2e2;--bg-sidebar:#0b0f19;--bg-sidebar-hover:#1e293b;--bg-sidebar-active:#334155;--bg-app:#f8fafc;--bg-card:#fff;--border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-white:#fff;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0f172a0d;--shadow-md:0 4px 6px -1px #0f172a0d, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a0d, 0 4px 6px -4px #0f172a0d;--shadow-xl:0 20px 25px -5px #0f172a0f, 0 8px 10px -6px #0f172a0f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-all:all .25s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;width:100%;height:100%;overflow-x:hidden}#root{width:100%;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);display:flex;overflow:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;outline:none}button *{pointer-events:none}ul{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-container{width:100%;max-width:100vw;height:100%;display:flex;overflow:hidden}.main-content{background-color:var(--bg-app);flex-direction:column;flex:1;min-width:0;max-width:100%;height:100%;display:flex;position:relative;overflow:hidden}.view-wrapper{flex-direction:column;flex:1;min-width:0;max-width:100%;min-height:0;display:flex;overflow:hidden}.view-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.view-header h1{letter-spacing:-.5px;font-size:24px;font-weight:800}.view-header p{color:var(--text-secondary);margin-top:4px;font-size:14px}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition-all);padding:24px}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{border-radius:var(--radius-md);transition:var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--text-white);box-shadow:0 4px 10px #6366f133}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 14px #6366f14d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{background-color:var(--bg-app);color:var(--text-primary);border-color:var(--text-muted)}.btn-success{background-color:var(--success);color:var(--text-white);box-shadow:0 4px 10px #10b98133}.btn-success:hover{background-color:var(--success-hover);transform:translateY(-1px)}.form-group{text-align:left;flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.2px;font-size:13px;font-weight:600}.form-control{background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition-fast);padding:12px 16px;font-size:14px}.form-control:focus{border-color:var(--primary);background-color:var(--bg-card);outline:none;box-shadow:0 0 0 4px #6366f11a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.badge{border-radius:var(--radius-full);align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-primary{background-color:var(--primary-light);color:var(--primary)}.badge-success{background-color:var(--success-light);color:var(--success)}.badge-warning{background-color:var(--warning-light);color:var(--warning)}.badge-error{background-color:var(--error-light);color:var(--error)}.dashboard-container,.contacts-container,.platform-admin-container,.tenant-settings-container,.payments-container,.quick-start-container,.quickstart-container,.profile-view-container,.quotes-container,.marketing-portal-container,.lessons-hub-container,.gym-members-container,.gym-dashboard-container,.gym-memberships-container,.gym-schedule-container,.email-hub-root,.help-center-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;max-width:100%;height:100%;scroll-padding-bottom:32px;overflow-y:auto!important}.table-wrapper{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto!important}.admin-toolbar-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-left:auto;display:flex}.responsive-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=1280px){.hide-tablet{display:none!important}.dashboard-container,.contacts-container,.platform-admin-container,.tenant-settings-container,.payments-container,.quick-start-container,.quickstart-container,.profile-view-container,.quotes-container,.marketing-portal-container,.lessons-hub-container,.gym-members-container,.gym-dashboard-container,.gym-memberships-container,.gym-schedule-container,.email-hub-root{gap:16px!important;padding:20px!important}.contacts-toolbar{flex-wrap:wrap;gap:12px}.admin-toolbar-actions{width:100%;margin-left:0}}@media (width<=768px){.view-header{padding:14px 16px}.contacts-container,.dashboard-container,.pipeline-container,.payments-container,.marketing-portal-container,.lessons-hub-container,.quick-start-container,.quickstart-container,.platform-admin-container,.tenant-settings-container,.profile-view-container,.quotes-container,.gym-members-container,.gym-dashboard-container,.gym-memberships-container,.gym-schedule-container,.email-hub-root{gap:12px!important;padding:12px!important}.hide-mobile{display:none!important}.responsive-grid-2{grid-template-columns:1fr;gap:12px}.contacts-toolbar{flex-flow:column wrap;align-items:stretch;gap:10px}.contacts-toolbar>div[style*="width: 300px"],.contacts-toolbar>div[style*="position: relative"]{width:100%!important}.contacts-toolbar>div:not(:first-child){flex-direction:column;align-items:stretch;gap:10px;width:100%;display:flex}.contacts-filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex-shrink:0;width:100%;max-width:100%;overflow-x:auto}.contacts-toolbar>div:not(:first-child)>div{gap:8px;width:100%;display:flex}.contacts-toolbar>div:not(:first-child)>div>.btn{flex:1}.filter-btn{white-space:nowrap;padding:7px 12px;font-size:12px}.card:hover{transform:none}.btn{min-height:44px}.modal-card{max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;margin:12px!important}.details-drawer{border-left:none!important;width:100vw!important;max-width:100%!important}.contacts-table th,.contacts-table td{padding:12px 14px;font-size:13px}.metrics-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.metric-value{font-size:22px!important}.admin-toolbar-actions{flex-wrap:wrap!important;gap:8px!important;width:100%!important;margin-left:0!important}.admin-toolbar-actions .btn{flex:1!important;justify-content:center!important;min-width:120px!important}}.top-bar{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:16px 24px;display:flex}.top-bar-left{flex:1;align-items:center;gap:0;min-width:0;display:flex}.top-bar-title{letter-spacing:-.5px;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:18px;font-weight:800;overflow:hidden}.top-bar-right{color:var(--text-secondary);flex-shrink:0;align-items:center;gap:16px;font-size:14px;font-weight:500;display:flex}@media (width<=1280px){.mobile-nav-toggle{display:block!important}}@media (width<=768px){.top-bar{box-sizing:border-box;gap:8px;width:100%;padding:12px 16px}.top-bar-left{gap:0;min-width:0}.top-bar-title{max-width:160px;font-size:15px}.top-bar-right{gap:8px}}.toast-notification{z-index:10000;animation:.3s cubic-bezier(.175,.885,.32,1.275) both toast-slide-in;position:fixed;bottom:24px;right:24px}.toast-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#0f172ad9;border:1px solid #6366f14d;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;font-size:13.5px;font-weight:600;display:flex;box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #6366f133}.toast-icon{font-size:16px;animation:1.5s linear infinite rotate-sparkle}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes rotate-sparkle{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.2)}to{transform:rotate(360deg)scale(1)}}.subtabs-navigation{border-bottom:1px solid var(--border-color);flex-shrink:0;gap:8px;margin-bottom:20px;padding-bottom:0;display:flex}.subtab-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;font-size:13.5px;font-weight:700;position:relative}.subtab-btn:hover{color:var(--text-primary)}.subtab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.hub-container{flex-direction:column;height:100%;display:flex}.login-container{background-color:#030712;width:100%;min-height:100dvh;display:flex;overflow-y:auto}.login-hero{color:var(--text-white);background:radial-gradient(circle at 10% 20%,#6366f126 0%,#0000 40%),radial-gradient(circle at 90% 80%,#10b9811a 0%,#0000 40%);border-right:1px solid #ffffff0d;flex-direction:column;flex:1.2;justify-content:space-between;padding:48px;display:flex;position:relative}.login-hero:before{content:"";z-index:1;background:linear-gradient(135deg,#6366f10d 0%,#0000 100%);position:absolute;inset:0}.login-hero-content{z-index:2;max-width:480px;margin-top:80px;position:relative}.login-brand{font-family:var(--font-heading);letter-spacing:-.03em;background:linear-gradient(135deg,#fff 40%,#a5b4fc 100%);-webkit-text-fill-color:transparent;z-index:2;-webkit-background-clip:text;background-clip:text;align-items:center;font-size:28px;font-weight:900;display:flex;position:relative}.login-brand-icon{background:linear-gradient(135deg, var(--primary), var(--success));border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;font-weight:800;display:flex}.login-hero-title{letter-spacing:-1px;background:linear-gradient(135deg,#fff 50%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:40px;font-weight:800;line-height:1.2}.login-hero-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:16px;line-height:1.5}.login-feature-item{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;align-items:flex-start;gap:16px;margin-bottom:24px;padding:16px;display:flex}.login-feature-icon{color:var(--primary);border-radius:var(--radius-sm);background:#6366f11a;justify-content:center;align-items:center;padding:8px;display:flex}.login-feature-text h4{color:var(--text-white);margin-bottom:4px;font-size:14px;font-weight:600}.login-feature-text p{color:var(--text-muted);font-size:13px;line-height:1.4}.login-hero-footer{z-index:2;color:var(--text-muted);font-size:13px;position:relative}.login-form-column{background-color:#030712;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;height:100%;padding:48px 24px;display:flex;position:relative;overflow-y:auto}.login-form-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2;text-align:center;background:#111827b3;border:1px solid #ffffff14;width:100%;max-width:420px;margin:auto 0;padding:40px;box-shadow:0 25px 50px -12px #00000080}.login-form-card.register-mode{padding:24px 28px}.login-form-card.register-mode h2{margin-bottom:4px;font-size:22px}.login-form-card.register-mode p{margin-bottom:16px;font-size:13px}.login-form-card.register-mode .form-group{margin-bottom:10px}.login-form-card.register-mode .form-control{height:38px;padding:8px 12px 8px 40px;font-size:13px}.login-form-card.register-mode .password-input-wrapper .form-control{padding-right:50px}.login-form-card.register-mode .password-toggle-btn{padding:2px 6px;right:8px}.login-form-card.register-mode .form-label{margin-bottom:2px;font-size:11px}.login-form-card.register-mode .avatar-upload-container{margin-bottom:12px!important}.login-form-card.register-mode .avatar-upload-preview{width:64px!important;height:64px!important}.login-form-card.register-mode .avatar-upload-preview span{font-size:8px!important}.login-form-card.register-mode .password-checklist{margin-top:8px;margin-bottom:10px;padding:8px 12px}.login-form-card.register-mode .password-checklist ul{flex-wrap:wrap;gap:4px 12px;display:flex}.login-form-card.register-mode .password-checklist li{font-size:11px}.login-form-card.register-mode .login-submit-btn{margin-top:8px;padding:10px;font-size:14px}.login-form-card h2{color:var(--text-white);letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:800}.login-form-card p{color:var(--text-muted);margin-bottom:32px;font-size:14px}.login-form-card .form-label{color:#e2e8f0}.login-form-card .form-control{color:var(--text-white);background-color:#ffffff08;border:1px solid #ffffff1a}.login-form-card .form-control:focus{border-color:var(--primary);background-color:#ffffff0d}.password-input-wrapper{width:100%;position:relative}.password-toggle-btn{color:var(--text-muted);border-radius:var(--radius-sm);transition:var(--transition-fast);padding:4px 8px;font-size:12px;font-weight:600;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--text-white);background:#ffffff0d}.form-actions{justify-content:space-between;align-items:center;margin-bottom:24px;font-size:13px;display:flex}.remember-me{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;display:flex}.remember-me input{accent-color:var(--primary);cursor:pointer}.forgot-password{color:var(--primary);transition:var(--transition-fast);font-weight:600}.forgot-password:hover{filter:brightness(1.2);text-decoration:underline}.login-submit-btn{width:100%;margin-top:12px;padding:12px;font-size:15px;font-weight:700}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.login-hero{display:none}.login-form-column{background:radial-gradient(circle,#6366f114 0%,#030712 100%);flex:1}}.password-complexity-card{text-align:left;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff14;margin-top:16px;margin-bottom:24px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000026}.strength-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.strength-label{color:#94a3b8;letter-spacing:.3px;font-size:12px;font-weight:700}.strength-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:800}.strength-badge.weak{color:#f87171;background:#ef44441f;border:1px solid #ef444433}.strength-badge.fair{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b33}.strength-badge.strong{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f633}.strength-badge.excellent{color:#34d399;background:#10b9811f;border:1px solid #10b98133;box-shadow:0 0 10px #10b98126}.strength-bar-container{background:#ffffff0d;border-radius:3px;height:6px;margin-bottom:16px;position:relative;overflow:hidden}.strength-bar-fill{border-radius:3px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1),background-color .3s}.strength-bar-fill.weak{background:#ef4444}.strength-bar-fill.fair{background:#f59e0b}.strength-bar-fill.strong{background:#3b82f6}.strength-bar-fill.excellent{background:#10b981;box-shadow:0 0 8px #10b98180}.complexity-checklist{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.checklist-item{align-items:center;gap:10px;font-size:11.5px;transition:all .25s;display:flex}.checklist-item span{transition:color .25s}.checklist-item.pending span{color:var(--text-muted)}.checklist-item.met span{color:#ffffffe6;font-weight:500}.bullet-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.checklist-item.pending .bullet-wrapper{background:#ffffff08;border:1px solid #ffffff1a}.checklist-item.pending .dot{background:var(--text-muted);border-radius:50%;width:4px;height:4px}.checklist-item.met .bullet-wrapper{background:#10b98126;border:1px solid #10b9814d;transform:scale(1.1)}.checklist-item.met .check-icon{color:#34d399;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards scalePop}@keyframes scalePop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.firebase-setup-alert{color:#a5b4fc;border-radius:var(--radius-md);cursor:pointer;text-align:left;background:#6366f11a;border:1px dashed #6366f166;align-items:center;gap:12px;margin-bottom:20px;padding:12px;transition:all .2s;display:flex}.firebase-setup-alert:hover{border-color:var(--primary);color:#fff;background:#6366f12e}.setup-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#030712d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.setup-modal-card{border-radius:var(--radius-lg);background-color:#0b0f19;border:1px solid #ffffff14;flex-direction:column;width:90%;max-width:580px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #000c}.setup-modal-header{color:#fff;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.setup-modal-header h3{margin:0;font-size:18px;font-weight:800}.setup-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.setup-close-btn:hover{color:#fff;background:#ffffff0d}.setup-modal-body{text-align:left;color:#d1d5db;padding:24px;font-size:14px;line-height:1.5;overflow-y:auto}.setup-intro{color:#9ca3af;margin-bottom:24px;font-size:14px}.setup-step{border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff0a;gap:16px;margin-bottom:20px;padding:16px;display:flex}.step-num{background:linear-gradient(135deg, var(--primary), var(--success));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:flex;box-shadow:0 4px 10px #6366f14d}.setup-step strong{color:#fff;margin-bottom:4px;font-size:15px;display:block}.setup-step p{color:#9ca3af;font-size:13px;line-height:1.4;margin:0!important}.setup-step code{border-radius:var(--radius-sm);color:#f43f5e;background:#0000004d;padding:2px 6px;font-family:monospace;font-size:12px}.setup-step a{color:var(--primary);font-weight:600;text-decoration:none}.setup-step a:hover{text-decoration:underline}.setup-modal-footer{background:#ffffff03;border-top:1px solid #ffffff0d;justify-content:flex-end;padding:16px 24px;display:flex}.sidebar{background-color:var(--bg-sidebar);color:#94a3b8;z-index:1000;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;justify-content:space-between;width:260px;height:100dvh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-header{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:24px;display:flex}.sidebar-logo{color:var(--text-white);font-family:var(--font-heading);letter-spacing:-.5px;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--primary), var(--success));border-radius:var(--radius-md);justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;font-weight:800;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:6px;padding:20px 12px;display:flex;overflow-y:auto}.sidebar-nav-item{border-radius:var(--radius-md);color:#94a3b8;cursor:pointer;transition:var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:600;display:flex;position:relative}.sidebar-nav-item:hover{background-color:var(--bg-sidebar-hover);color:var(--text-white)}.sidebar-nav-item.active{color:#a5b4fc;background-color:#6366f11a}.sidebar-nav-item.active:before{content:"";background-color:var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:4px;height:70%;position:absolute;top:15%;left:0}.sidebar-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#ec4899);border-radius:999px;justify-content:center;align-items:center;min-width:18px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:800;line-height:1;animation:2s ease-in-out infinite pulse-glow;display:flex;box-shadow:0 2px 8px #ef444466}@keyframes pulse-glow{0%{box-shadow:0 0 #a855f766}to{box-shadow:0 0 12px 4px #a855f733}}.sidebar-nav-header{text-transform:uppercase;letter-spacing:.8px;color:#475569;padding:12px 16px 6px;font-size:11px;font-weight:700}.sidebar-profile{padding:20px;padding-bottom:max(20px, env(safe-area-inset-bottom));background-color:#00000026;border-top:1px solid #ffffff08;align-items:center;gap:12px;display:flex}.profile-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary), #818cf8);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.profile-info{flex:1;overflow:hidden}.profile-name{color:var(--text-white);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.profile-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.logout-btn{border-radius:var(--radius-sm);color:#64748b;transition:var(--transition-fast);justify-content:center;align-items:center;padding:6px;display:flex}.logout-btn:hover{color:var(--error);background-color:#ef44441a}.mobile-nav-toggle{color:var(--text-primary);background:0 0;border:none;margin-right:12px;padding:8px;display:none}@media (width<=1280px){.sidebar{z-index:1000;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.mobile-nav-toggle{display:block}.sidebar-backdrop{z-index:999;background-color:#0000008c;animation:.2s fadeIn;position:fixed;inset:0}}.quickstart-container{box-sizing:border-box;flex-direction:column;gap:28px;width:100%;max-width:100%;padding:32px 32px 48px;display:flex}.welcome-banner{border-radius:var(--radius-lg);color:var(--text-white);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#1e1b4b 0%,#0f172a 100%);border:1px solid #ffffff14;padding:32px;position:relative;overflow:hidden}.welcome-banner:after{content:"";border-radius:var(--radius-full);background:radial-gradient(circle,#6366f126 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-50px;right:-50px}.welcome-banner h2{color:var(--text-white);margin-bottom:8px;font-size:28px}.welcome-banner p{color:var(--text-muted);max-width:600px;font-size:15px;line-height:1.5}.progress-card{background-color:var(--bg-card);flex-direction:column;gap:16px;display:flex}.progress-header{justify-content:space-between;align-items:center;display:flex}.progress-title{color:var(--text-primary);font-size:16px;font-weight:700}.progress-percentage{color:var(--primary);font-size:18px;font-weight:800}.progress-bar-bg{background-color:var(--bg-app);border-radius:var(--radius-full);border:1px solid var(--border-color);width:100%;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary) 0%, var(--success) 100%);border-radius:var(--radius-full);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.steps-grid{flex-direction:column;gap:16px;display:flex}.step-card{background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition-all);align-items:center;gap:20px;padding:20px;display:flex}.step-card:hover{border-color:#6366f14d;transform:translate(4px)}.step-card.completed{background-color:#10b98103;border-color:#10b98133}.step-checkbox{border-radius:var(--radius-full);border:2px solid var(--text-muted);color:#fff;width:24px;height:24px;transition:var(--transition-fast);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-checkbox.checked{background-color:var(--success);border-color:var(--success)}.step-details{flex:1}.step-details h3{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:4px;font-size:15px;font-weight:700;display:flex}.step-details p{color:var(--text-secondary);font-size:13px}.step-action-btn{border-radius:var(--radius-sm);padding:8px 14px;font-size:12px}.dashboard-container{box-sizing:border-box;--metrics-grid-gap:20px;--metric-card-padding:20px;--metric-header-font:11px;--metric-value-font:26px;--metric-change-font:11.5px;--metric-icon-size:18px;--panel-header-mb:20px;--panel-title-font:16px;--panel-subtitle-font:12.5px;--funnel-gap:12px;--funnel-stage-font:12px;--funnel-conv-font:10px;--funnel-bar-height:38px;--funnel-bar-text-font:12px;--source-gap:18px;--source-name-font:12px;--source-track-height:8px;--tasks-max-height:280px;--quick-task-input-font:13px;--quick-task-select-font:12px;--quick-task-input-height:36px;--quick-task-select-width:150px;--quick-task-btn-size:36px;--task-chk-size:16px;--task-text-font:13px;--task-sub-font:11px;--task-date-font:10px;--agenda-gap:10px;--agenda-date-w:46px;--agenda-month-font:9px;--agenda-day-font:14px;--agenda-title-font:12.5px;--agenda-time-font:11px;--agenda-time-icon-size:10px;--activity-text-font:12px;--activity-time-font:10px;--btn-font:13px;--btn-padding:10px 16px;--btn-font-sm:12px;--btn-padding-sm:6px 12px;flex-direction:column;gap:24px;width:100%;max-width:100%;min-height:0;padding:24px;display:flex;overflow-y:auto}.dashboard-container .btn{font-size:var(--btn-font)!important;padding:var(--btn-padding)!important}.dashboard-container .btn-sm{font-size:var(--btn-font-sm)!important;padding:var(--btn-padding-sm)!important}.metrics-grid{gap:var(--metrics-grid-gap);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.metric-card{padding:var(--metric-card-padding);flex-direction:column;justify-content:space-between;display:flex}.metric-header{color:var(--text-secondary);font-size:var(--metric-header-font);letter-spacing:.5px;text-transform:uppercase;justify-content:space-between;align-items:center;font-weight:700;display:flex}.metric-value{font-size:var(--metric-value-font);font-weight:800;font-family:var(--font-heading);letter-spacing:-.5px;color:var(--text-primary);margin:12px 0 6px}.metric-change{font-size:var(--metric-change-font);align-items:center;gap:4px;font-weight:600;display:flex}.metric-change.positive{color:var(--success)}.metric-icon-box{border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.metric-icon-box svg{width:var(--metric-icon-size)!important;height:var(--metric-icon-size)!important}.metric-icon-box.primary{color:var(--primary);background-color:#6366f114}.metric-icon-box.success{color:var(--success);background-color:#10b98114}.metric-icon-box.warning{color:var(--warning);background-color:#f59e0b14}.metric-icon-box.secondary{color:#8b5cf6;background-color:#8b5cf614}.dashboard-row-primary{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (width<=1024px){.dashboard-row-primary{grid-template-columns:1fr}}.panel-header{margin-bottom:var(--panel-header-mb);justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-title{font-size:var(--panel-title-font);color:var(--text-primary);margin:0;font-weight:800}.panel-subtitle{font-size:var(--panel-subtitle-font);color:var(--text-secondary);margin:4px 0 0}.funnel-container{gap:var(--funnel-gap);flex-direction:column;flex:1;margin:16px 0;display:flex}.funnel-row{align-items:center;gap:20px;display:flex}.funnel-label-col{text-align:right;flex-direction:column;justify-content:center;align-items:flex-end;width:120px;display:flex}.funnel-stage-name{font-size:var(--funnel-stage-font);color:var(--text-primary);font-weight:700}.funnel-conv-tag{font-size:var(--funnel-conv-font);color:var(--text-muted);font-weight:700}.funnel-bar-col{flex:1;align-items:center;display:flex}.funnel-bar-fill{height:var(--funnel-bar-height);border-radius:8px;align-items:center;min-width:60px;padding:0 16px;transition:width .8s cubic-bezier(.4,0,.2,1);display:flex}.funnel-bar-text{font-size:var(--funnel-bar-text-font);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.source-distribution-list{gap:var(--source-gap);flex-direction:column;margin-top:10px;display:flex}.source-row{flex-direction:column;gap:6px;display:flex}.source-info{font-size:var(--source-name-font);justify-content:space-between;font-weight:700;display:flex}.source-name{color:var(--text-primary)}.source-count{color:var(--text-secondary)}.source-progress-track{height:var(--source-track-height);background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.source-progress-fill{border-radius:4px;height:100%;transition:width .6s ease-out}.dashboard-row-secondary{grid-template-columns:2fr 1fr 1fr;gap:24px;display:grid}@media (width<=1200px){.dashboard-row-secondary{grid-template-columns:1fr 1fr}.tasks-panel-card{grid-column:span 2}}@media (width<=768px){.dashboard-row-secondary{grid-template-columns:1fr}.tasks-panel-card{grid-column:span 1}}.tasks-panel-card{flex-direction:column;display:flex}.tasks-dashboard-list{max-height:var(--tasks-max-height)!important}.task-dashboard-item{transition:opacity .2s,transform .2s}.task-dashboard-item:hover{transform:translateY(-1px);border-color:var(--primary)!important}.task-dashboard-item.completed{opacity:.65}.task-dashboard-item input[type=checkbox]{width:var(--task-chk-size)!important;height:var(--task-chk-size)!important}.task-dashboard-item div>div:first-child{font-size:var(--task-text-font)!important}.task-dashboard-item div>div:nth-child(2){font-size:var(--task-sub-font)!important}.task-dashboard-item>span{font-size:var(--task-date-font)!important}.quick-task-form input[type=text]{font-size:var(--quick-task-input-font)!important;height:var(--quick-task-input-height)!important}.quick-task-form select{font-size:var(--quick-task-select-font)!important;height:var(--quick-task-input-height)!important;width:var(--quick-task-select-width)!important}.quick-task-form button{width:var(--quick-task-btn-size)!important;height:var(--quick-task-btn-size)!important}.upcoming-appointments-list{gap:var(--agenda-gap)!important}.upcoming-appointments-list .activity-info>div:first-child{min-width:var(--agenda-date-w)!important}.upcoming-appointments-list .activity-info>div:first-child>span:first-child{font-size:var(--agenda-month-font)!important}.upcoming-appointments-list .activity-info>div:first-child>span:nth-child(2){font-size:var(--agenda-day-font)!important}.upcoming-appointments-list .activity-info>div:nth-child(2)>div:first-child{font-size:var(--agenda-title-font)!important}.upcoming-appointments-list .activity-info>div:nth-child(2)>div:nth-child(2){font-size:var(--agenda-time-font)!important}.upcoming-appointments-list .activity-info>div:nth-child(2)>div:nth-child(2) svg{width:var(--agenda-time-icon-size)!important;height:var(--agenda-time-icon-size)!important}.tasks-dashboard-list::-webkit-scrollbar{width:4px}.upcoming-appointments-list::-webkit-scrollbar{width:4px}.activity-list::-webkit-scrollbar{width:4px}.tasks-dashboard-list::-webkit-scrollbar-track{background:0 0}.upcoming-appointments-list::-webkit-scrollbar-track{background:0 0}.activity-list::-webkit-scrollbar-track{background:0 0}.tasks-dashboard-list::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:2px}.upcoming-appointments-list::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:2px}.activity-list::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:2px}.activity-item{align-items:center;gap:12px;display:flex}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.activity-dot.primary{background-color:var(--primary)}.activity-dot.success{background-color:var(--success)}.activity-dot.warning{background-color:var(--warning)}.activity-info{flex:1;min-width:0}.activity-text{font-size:var(--activity-text-font)!important}.activity-time{color:var(--text-muted);margin-top:2px;font-size:var(--activity-time-font)!important}@media (width<=1280px){.dashboard-container{gap:16px;padding:20px}}@media (width<=768px){.dashboard-container{gap:12px!important;padding:12px!important}.metrics-grid{grid-template-columns:1fr 1fr;gap:12px}.metric-value{font-size:20px!important}}@media (width>=1800px){.dashboard-container{--metrics-grid-gap:28px;--metric-card-padding:28px;--metric-header-font:13.5px;--metric-value-font:36px;--metric-change-font:13.5px;--metric-icon-size:22px;--panel-header-mb:28px;--panel-title-font:20px;--panel-subtitle-font:15px;--funnel-gap:18px;--funnel-stage-font:15px;--funnel-conv-font:12.5px;--funnel-bar-height:48px;--funnel-bar-text-font:15px;--source-gap:24px;--source-name-font:15px;--source-track-height:12px;--tasks-max-height:420px;--quick-task-input-font:15px;--quick-task-select-font:14px;--quick-task-input-height:46px;--quick-task-select-width:190px;--quick-task-btn-size:46px;--task-chk-size:20px;--task-text-font:15.5px;--task-sub-font:13.5px;--task-date-font:12.5px;--agenda-gap:14px;--agenda-date-w:58px;--agenda-month-font:11.5px;--agenda-day-font:18px;--agenda-title-font:15.5px;--agenda-time-font:13.5px;--agenda-time-icon-size:13px;--activity-text-font:15px;--activity-time-font:12.5px;--btn-font:15.5px;--btn-padding:12px 20px;--btn-font-sm:14px;--btn-padding-sm:8px 16px;gap:40px;max-width:100%;padding:40px}}.dashboard-row-tertiary{grid-template-columns:2fr 1fr 1fr;gap:24px;display:grid}@media (width<=1200px){.dashboard-row-tertiary{grid-template-columns:1fr 1fr}.finance-cockpit-card{grid-column:span 2}}@media (width<=768px){.dashboard-row-tertiary{grid-template-columns:1fr}.finance-cockpit-card{grid-column:span 1}}.finance-cockpit-card,.marketing-analytics-card,.b2b-board-feed-card{flex-direction:column;min-height:250px;display:flex}.b2b-feed-item{transition:transform .2s,box-shadow .2s,border-color .2s}.b2b-feed-item:hover{box-shadow:var(--shadow-sm);cursor:pointer;transform:translateY(-2px);border-color:#6366f14d!important}.messages-container{flex:1;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.filter-btn{border-radius:var(--radius-sm);color:var(--text-secondary);border:1px solid var(--border-color);background-color:var(--bg-card);transition:var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.filter-btn:hover{background-color:var(--bg-app);color:var(--text-primary)}.filter-btn.active{background-color:var(--primary-light);color:var(--primary);border-color:var(--primary)}.messages-sidebar{border-right:1px solid var(--border-color);background-color:var(--bg-card);flex-direction:column;flex-shrink:0;width:300px;min-width:300px;display:flex;overflow:hidden}.search-box-wrapper{border-bottom:1px solid var(--border-color);padding:16px}.search-box-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-app);width:100%;padding:10px 14px;font-size:13px}.search-box-input:focus{border-color:var(--primary);background-color:var(--bg-card);outline:none}.contact-chat-list{flex:1;overflow-y:auto}.contact-chat-item{cursor:pointer;transition:var(--transition-fast);text-align:left;border-bottom:1px solid #00000005;border-left:4px solid #0000;align-items:center;gap:12px;width:100%;padding:16px;display:flex}.contact-chat-item:hover{background-color:var(--bg-app)}.contact-chat-item.active{background-color:var(--primary-light)}.contact-avatar-wrapper{position:relative}.status-dot{border-radius:var(--radius-full);border:2px solid #fff;width:10px;height:10px;position:absolute;bottom:0;right:0}.status-dot.active{background-color:var(--success)}.status-dot.away{background-color:var(--warning)}.contact-chat-details{flex:1;overflow:hidden}.contact-chat-name-row{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.contact-chat-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.contact-chat-time{color:var(--text-muted);font-size:10.5px}.contact-chat-preview{color:var(--text-secondary);justify-content:space-between;align-items:center;width:100%;font-size:12px;display:flex}.chat-item-delete-btn{color:var(--text-muted);cursor:pointer;opacity:.2;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:8px;padding:4px;transition:all .2s;display:flex}.contact-chat-item:hover .chat-item-delete-btn,.contact-chat-item.active .chat-item-delete-btn{opacity:.6}.chat-item-delete-btn:hover{background-color:#ef444414;color:#ef4444!important;opacity:1!important}.chat-pane{background-color:var(--bg-app);flex-direction:column;flex:1;height:100%;display:flex}.chat-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);align-items:center;gap:16px;padding:16px 24px;display:flex}.chat-header-name{font-size:15px;font-weight:700}.chat-header-status{color:var(--text-secondary);font-size:11px}.chat-history{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.message-bubble-row{gap:12px;max-width:75%;display:flex}.message-bubble-row.sent{flex-direction:row-reverse;align-self:flex-end}.message-bubble-row.received{align-self:flex-start}.message-bubble{border-radius:var(--radius-md);padding:12px 16px;font-size:13.5px;line-height:1.45}.message-bubble-row.sent .message-bubble{background-color:var(--primary);color:var(--text-white);border-bottom-right-radius:2px;box-shadow:0 4px 10px #6366f126}.message-bubble-row.received .message-bubble{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:2px}.message-meta{color:var(--text-muted);text-align:right;margin-top:4px;font-size:10px}.message-bubble-row.received .message-meta{text-align:left}.chat-input-bar{background-color:var(--bg-card);border-top:1px solid var(--border-color);align-items:center;gap:12px;padding:16px 24px;display:flex}.chat-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-app);flex:1;padding:12px 16px;font-size:14px}.chat-input:focus{border-color:var(--primary);background-color:var(--bg-card);outline:none}.typing-indicator{border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-secondary);background:#fff;align-self:flex-start;align-items:center;gap:4px;margin-left:24px;padding:8px 14px;font-size:12px;animation:.2s fadeIn;display:flex}.typing-dot{background-color:var(--text-muted);border-radius:var(--radius-full);width:5px;height:5px;animation:1s infinite bounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.chat-back-btn{width:44px;height:44px;color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;padding:10px;display:none}.chat-back-btn:hover{background-color:var(--bg-app);color:var(--text-primary)}@media (width<=768px){.messages-container{flex:1;height:100%;min-height:0;position:relative;overflow:hidden}.messages-sidebar{z-index:2;visibility:visible;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility .3s;position:absolute;inset:0;transform:translate(0);pointer-events:auto!important;width:100%!important;min-width:100%!important}.chat-pane{z-index:1;visibility:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility .3s;position:absolute;inset:0;transform:translate(100%);pointer-events:none!important;width:100%!important}.messages-container.show-chat-mobile .messages-sidebar{visibility:hidden;transform:translate(-100%);pointer-events:none!important}.messages-container.show-chat-mobile .chat-pane{z-index:2;visibility:visible;transform:translate(0);pointer-events:auto!important}.chat-back-btn{display:flex!important}.chat-header{padding:12px 16px}.chat-history{gap:12px;padding:16px}.chat-input-bar{padding:12px 16px}.message-bubble-row{max-width:88%}}.hot-lead-alert-banner{color:#92400e;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-bottom:1px solid #fde68a;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;font-size:13px;display:flex}.hot-lead-badge{color:#fff;border-radius:var(--radius-sm);letter-spacing:.5px;background-color:#ef4444;padding:2px 6px;font-size:10px;font-weight:800}.hot-lead-text{font-weight:500}.hot-lead-assignee{color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background-color:#f59e0b;padding:4px 10px;font-size:12px;font-weight:600}.contact-chat-item.unread{border-left-color:var(--primary);background-color:#6366f10a}.contact-chat-item.unread:hover{background-color:#6366f114}.contact-chat-item.unread .contact-chat-name{font-weight:700!important}.contact-chat-item.unread .contact-chat-preview{color:var(--text-primary)!important;font-weight:600!important}.unread-indicator-dot{background-color:var(--primary);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg-card);border-radius:50%;flex-shrink:0;display:inline-block;position:relative}.unread-indicator-dot:after{content:"";background-color:var(--primary);opacity:.6;border-radius:50%;width:100%;height:100%;animation:1.8s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;top:0;left:0}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.95)}50%{opacity:.4}to{opacity:0;transform:scale(2.2)}}.contacts-container{box-sizing:border-box;flex-direction:column;flex:1;gap:24px;width:100%;height:100%;min-height:0;max-height:100%;padding:32px;display:flex;overflow-y:auto}.contacts-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.contacts-filters{background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);gap:8px;padding:4px;display:flex}.filter-btn{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition-fast);padding:8px 16px;font-size:13px;font-weight:600}.filter-btn:hover{color:var(--text-primary);background-color:var(--bg-app)}.filter-btn.active{background-color:var(--primary);color:var(--text-white)}.table-wrapper{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden}.contacts-table{border-collapse:collapse;text-align:left;width:100%}.contacts-table th,.contacts-table td{border-bottom:1px solid var(--border-color);padding:16px 24px}.contacts-table th{font-family:var(--font-heading);text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;z-index:10;box-shadow:inset 0 -1px 0 var(--border-color);background-color:#f8fafc;font-size:12px;font-weight:700;position:sticky;top:0}.contacts-table tr{transition:var(--transition-fast)}.contacts-table tbody tr{cursor:pointer}.contacts-table tbody tr:hover{background-color:#f8fafc}.contacts-table tr:last-child td{border-bottom:none}.contact-name-cell{align-items:center;gap:12px;display:flex}.contact-info-cell h4{color:var(--text-primary);font-size:14px;font-weight:700}.contact-info-cell p{color:var(--text-muted);font-size:12px}.details-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background-color:#0f172a4d;justify-content:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.details-drawer{background-color:var(--bg-card);width:100%;max-width:520px;height:100%;box-shadow:var(--shadow-xl);border-left:1px solid var(--border-color);flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;overflow:hidden}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.drawer-profile-section{border-bottom:1px solid var(--border-color);flex-shrink:0;padding:20px 24px}.drawer-tab-content{flex:1;padding:20px 24px;overflow-y:auto}.drawer-tab-content::-webkit-scrollbar{width:5px}.drawer-tab-content::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}.drawer-avatar-section{text-align:center;border-bottom:1px solid var(--border-color);flex-direction:column;align-items:center;gap:12px;padding-bottom:20px;display:flex}.drawer-info-grid{grid-template-columns:1fr;gap:16px;display:grid}.drawer-info-item{flex-direction:column;gap:4px;display:flex}.drawer-info-item label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:11px;font-weight:700}.drawer-info-item span{color:var(--text-primary);font-size:14px;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background-color:#0f172a66;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:500px;box-shadow:var(--shadow-xl);flex-direction:column;max-height:calc(100dvh - 40px);margin:auto;animation:.3s cubic-bezier(.16,1,.3,1) zoomIn;display:flex;overflow:hidden}.modal-card form{flex-direction:column;flex:1;display:flex;overflow:hidden}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);background-color:#f8fafc;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.table-tags-list{flex-wrap:wrap;gap:6px;max-width:200px;display:flex}.tag-badge{border-radius:var(--radius-sm);letter-spacing:.3px;text-transform:capitalize;align-items:center;padding:3px 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.tag-pill,.tag-pill button{transition:var(--transition-fast)}.tag-pill button:hover{color:var(--error)!important;opacity:1!important}.tag-selector-pill{font-family:var(--font-sans);outline:none}.tag-selector-pill:hover{transform:translateY(-1px)}.tag-selector-pill.selected{font-weight:700;box-shadow:0 2px 8px #6366f126}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}.health-badge{border-radius:var(--radius-full);text-transform:capitalize;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.health-badge.health-excellent{color:#10b981;background-color:#10b9811a;border:1px solid #10b98133}.health-badge.health-good{color:#6366f1;background-color:#6366f11a;border:1px solid #6366f133}.health-badge.health-warning{color:#f59e0b;background-color:#f59e0b1a;border:1px solid #f59e0b33}.health-badge.health-critical{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433;animation:2s ease-in-out infinite pulseHealth}.health-dot{border-radius:50%;width:6px;height:6px;display:inline-block}@keyframes pulseHealth{0%,to{opacity:1;box-shadow:0 0 #ef444466}50%{opacity:.8;box-shadow:0 0 6px 2px #ef444433}}.drawer-tabs{border-bottom:1px solid var(--border-color);gap:4px;display:flex}.drawer-tab-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 16px;font-size:13.5px;font-weight:700;display:flex}.drawer-tab-btn:hover{color:var(--text-primary)}.drawer-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-badge-count{background-color:var(--error);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.task-row{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-fast);flex-direction:column;gap:8px;padding:12px;display:flex}.task-row:hover{box-shadow:var(--shadow-sm);border-color:#cbd5e1}.task-main-content{align-items:center;gap:12px;display:flex}.task-checkbox{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.task-info{cursor:pointer;flex-direction:column;flex:1;gap:2px;display:flex}.task-title{color:var(--text-primary);transition:var(--transition-fast);font-size:13px;font-weight:700}.task-date{color:var(--text-muted);align-items:center;font-size:11px;display:flex}.task-actions-wrapper{align-items:center;gap:8px;display:flex}.task-expand-btn,.task-delete-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:inline-flex}.task-expand-btn:hover{color:var(--text-primary);background-color:var(--bg-app)}.task-delete-btn:hover{color:var(--error);background-color:#ef44441a}.task-row.completed{opacity:.7;background-color:#f8fafc}.task-row.completed .task-title{color:var(--text-muted);text-decoration:line-through}.task-row.overdue{border-left:3px solid var(--error)}.task-row.overdue .task-date{color:var(--error);font-weight:600}.task-notes-expanded{background-color:var(--bg-app);border-radius:var(--radius-sm);border-left:2px solid var(--border-color);margin-top:4px;padding:10px;font-size:12px}.task-notes-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:6px;font-weight:700;display:flex}.task-edit-notes-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:700}.task-edit-notes-btn:hover{text-decoration:underline}.task-notes-text{color:var(--text-secondary);white-space:pre-wrap;line-height:1.4}.task-notes-edit-form{flex-direction:column;gap:6px;display:flex}.avatar-group{align-items:center;display:flex}.assignee-avatar-sm{border-radius:var(--radius-full);border:2px solid var(--bg-card);width:26px;height:26px;box-shadow:var(--shadow-sm);cursor:default;justify-content:center;align-items:center;font-size:10px;font-weight:700;transition:transform .15s,z-index .15s;display:inline-flex}.assignee-avatar-sm:hover{transform:translateY(-2px)scale(1.1);z-index:20!important}.assignee-avatar-xs{border-radius:var(--radius-full);border:1px solid var(--bg-card);cursor:default;justify-content:center;align-items:center;width:20px;height:20px;font-size:8px;font-weight:700;display:inline-flex}.task-directory-row{transition:background-color var(--transition-fast)}.task-directory-row:hover{background-color:var(--bg-app)}.task-directory-row.completed{opacity:.65}.contact-link-btn{transition:color var(--transition-fast);text-decoration:none}.contact-link-btn:hover{text-decoration:underline;color:var(--primary-hover)!important}.advanced-filters-pane{border:1px solid var(--border-color);border-radius:var(--radius-md);animation:.25s cubic-bezier(.16,1,.3,1) forwards slideDownFilter;box-shadow:inset 0 2px 4px #00000005}@keyframes slideDownFilter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.contacts-pagination-bar{background-color:var(--bg-card);border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.pagination-info{color:var(--text-secondary);font-size:13.5px}.pagination-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pagination-btn{height:32px;min-height:32px;padding:6px 12px;font-size:12.5px}.pagination-page-btn{justify-content:center;align-items:center;min-width:32px;height:32px;min-height:32px;padding:6px 12px;font-size:12.5px;display:inline-flex}.pagination-page-btn.active{background-color:var(--primary);border-color:var(--primary);color:var(--text-white);pointer-events:none}.pagination-ellipsis{color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:0 4px;font-size:14px}.pagination-size{align-items:center;gap:8px;display:flex}.pagination-size-label{color:var(--text-secondary);white-space:nowrap;font-size:13px;font-weight:500}.pagination-size-select{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:80px;height:32px;color:var(--text-primary);cursor:pointer;outline:none;padding:4px 8px;font-size:12.5px}@media (width<=768px){.contacts-pagination-bar{text-align:center;flex-direction:column;align-items:center;padding:16px}.pagination-actions,.pagination-size{justify-content:center;width:100%}}.contacts-select-checkbox{cursor:pointer;border-radius:var(--radius-sm);border:1.5px solid var(--border-color);width:17px;height:17px;accent-color:var(--primary);vertical-align:middle;transition:transform var(--transition-fast), border-color var(--transition-fast);display:inline-block}.contacts-select-checkbox:hover{border-color:var(--primary);transform:scale(1.08)}.contacts-table tbody tr.selected-row{background-color:#6366f10a!important}.contacts-table tbody tr.selected-row:hover{background-color:#6366f114!important}.contacts-bulk-action-bar{z-index:100;-webkit-backdrop-filter:blur(12px)saturate(180%);border-radius:var(--radius-lg);color:#f8fafc;box-sizing:border-box;background:#1e293bd9;border:1px solid #ffffff14;align-items:center;gap:24px;min-width:500px;max-width:calc(100% - 32px);padding:12px 24px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #0006,0 8px 10px -6px #0000004d}.bulk-selected-info{white-space:nowrap;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.selected-count{background-color:var(--primary);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:700;display:inline-flex}.bulk-actions-group{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:12px;display:flex}.bulk-action-btn{border-radius:var(--radius-md);height:34px;transition:all var(--transition-fast) cubic-bezier(.4,0,.2,1);align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.bulk-action-btn:hover{transform:translateY(-1px)}.divider-vr{background-color:#ffffff26;width:1px;height:20px;margin:0 4px}.bulk-clear-btn{padding:4px 8px;font-size:12.5px;font-weight:500;text-decoration:none;color:#94a3b8!important}.bulk-clear-btn:hover{text-decoration:underline;color:#cbd5e1!important}.bulk-tag-popover{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:110;min-width:280px;padding:16px;animation:.2s cubic-bezier(.16,1,.3,1) forwards slideUpPopover;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-10px)}.bulk-tag-popover h4{color:var(--text-primary);margin:0 0 4px;font-size:13.5px;font-weight:700}.popover-input{flex:1;height:32px;padding:4px 8px;font-size:12.5px}.animate-slide-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUpBar}@keyframes slideUpBar{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes slideUpPopover{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=768px){.contacts-bulk-action-bar{border-radius:var(--radius-md);flex-direction:column;align-items:stretch;gap:12px;width:calc(100% - 24px);min-width:0;padding:16px;position:fixed;bottom:12px;left:12px;transform:none}.bulk-selected-info,.bulk-actions-group{justify-content:center}@keyframes slideUpBar{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bulk-tag-popover{box-sizing:border-box;width:100%;left:0;transform:translateY(-10px)}}.pipeline-container{flex-direction:column;flex:1;gap:24px;width:100%;min-height:0;padding:32px;display:flex;overflow:hidden}.pipeline-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.kanban-board{flex:1;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex;overflow-x:auto}.kanban-column{border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:#f1f5f980;flex-direction:column;flex-shrink:0;width:280px;max-height:100%;display:flex}.kanban-column-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-card);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);justify-content:space-between;align-items:center;padding:16px;display:flex}.column-title-box{align-items:center;gap:8px;display:flex}.column-title{color:var(--text-primary);font-size:13.5px;font-weight:700}.column-count{background-color:var(--bg-app);color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color);padding:2px 6px;font-size:10.5px;font-weight:800}.column-total{color:var(--text-secondary);font-size:12px;font-weight:700}.kanban-cards-list{flex-direction:column;flex:1;gap:12px;min-height:200px;padding:12px;display:flex;overflow-y:auto}.deal-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:grab;transition:var(--transition-fast);-webkit-user-select:none;user-select:none;text-align:left;padding:16px}.deal-card:hover{box-shadow:var(--shadow-md);border-color:#6366f166;transform:translateY(-2px)}.deal-card:active{cursor:grabbing}.deal-card-title{color:var(--text-primary);margin-bottom:6px;font-size:14px;font-weight:700}.deal-card-company{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:12px;font-size:11px;font-weight:700}.deal-card-footer{justify-content:space-between;align-items:center;display:flex}.deal-card-value{color:var(--primary);font-size:14px;font-weight:800}.deal-card-value.won{color:var(--success)}.deal-card-value.lost{color:var(--error)}.deal-card-actions{gap:4px;display:flex}.deal-action-btn{border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition-fast);padding:4px}.deal-action-btn:hover{color:var(--text-primary);background-color:var(--bg-app)}.deal-action-btn.win:hover{color:var(--success);background-color:var(--success-light)}.column-empty-state{text-align:center;color:var(--text-muted);border:1px dashed var(--border-color);borderRadius:var(--radius-md);padding:30px 10px;font-size:11px}.deal-chevron-roadmap{background-color:var(--bg-app);border-bottom:1px solid var(--border-color);flex-shrink:0;gap:2px;padding:8px 16px;display:flex;overflow-x:auto}.chevron-step{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-fast);clip-path:polygon(0% 0%,calc(100% - 12px) 0%,100% 50%,calc(100% - 12px) 100%,0% 100%,12px 50%);text-align:center;white-space:nowrap;background-color:#e2e8f0;flex:1;justify-content:center;align-items:center;padding:10px 10px 10px 24px;font-size:11px;font-weight:700;display:flex;position:relative}.chevron-step:first-child{clip-path:polygon(0% 0%,calc(100% - 12px) 0%,100% 50%,calc(100% - 12px) 100%,0% 100%);padding-left:16px}.chevron-step:last-child{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%,12px 50%);padding-right:16px}.chevron-step:hover{color:var(--text-primary);background-color:#cbd5e1}.chevron-step.active{background-color:var(--primary);color:#fff}.chevron-step.completed{background-color:var(--primary-light);color:var(--primary)}.chevron-step.won-active{background-color:var(--success);color:#fff}.chevron-step.lost-active{background-color:var(--error);color:#fff}.guidance-playbook{background-color:var(--bg-app);border-left:4px solid var(--primary);flex-direction:column;gap:12px;padding:16px;display:flex}.guidance-header{align-items:center;gap:8px;display:flex}.guidance-header h4{color:var(--text-primary);font-size:13.5px;font-weight:700}.guidance-checklist{flex-direction:column;gap:8px;display:flex}.guidance-item{color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:12.5px;display:flex}.guidance-item span{line-height:1.3}.forecast-dashboard{flex-direction:column;flex:1;gap:24px;padding-bottom:24px;display:flex;overflow-y:auto}.quota-target-card{flex-direction:column;gap:20px;display:flex}.quota-header{justify-content:space-between;align-items:flex-start;display:flex}.quota-header h3{font-size:15px;font-weight:800}.quota-header p{color:var(--text-secondary);font-size:12.5px}.quota-target-badge{color:var(--text-secondary);background-color:var(--bg-app);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:6px 12px;font-size:12px}.quota-progress-container{flex-direction:column;gap:12px;display:flex}.quota-progress-bar{border-radius:var(--radius-full);background-color:#e2e8f0;height:14px;display:flex;position:relative;overflow:hidden}.quota-progress-fill{height:100%;position:absolute;top:0;bottom:0}.quota-progress-fill.won{background-color:var(--success)}.quota-progress-fill.projected{opacity:.85;background-color:#6366f1}.quota-legend{flex-wrap:wrap;gap:24px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:12.5px;display:flex}.legend-color{border-radius:50%;width:12px;height:12px}.legend-color.won{background-color:var(--success)}.legend-color.projected{background-color:#6366f1}.legend-color.muted{background-color:#e2e8f0}.forecast-table-card{padding:24px}.add-column-card-btn{border:1px dashed var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background-color:#0000;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:10px;font-size:12px;font-weight:600;display:flex}.add-column-card-btn:hover{background-color:var(--bg-card);border-color:var(--primary);color:var(--primary)}.deal-action-btn.delete:hover{color:var(--error)!important;background-color:var(--error-light)!important}@media (width<=768px){.pipeline-header{flex-direction:column;align-items:stretch;gap:12px}.pipeline-header .contacts-filters{width:100%;display:flex}.pipeline-header .filter-btn{text-align:center;flex:1;padding:8px;font-size:13px}.pipeline-header .btn-primary{justify-content:center;width:100%}}.pipeline-stages-editor-list{max-height:250px;overflow-y:auto}.pipeline-stage-editor-row{transition:var(--transition-fast)}.pipeline-stage-editor-row:hover{border-color:var(--primary)!important}.pipeline-badge-flow{max-width:100%}.pipeline-selector-wrapper select{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);outline:none;font-weight:500}.pipeline-selector-wrapper select:hover{border-color:var(--primary)}.chevron-step:disabled{opacity:.5;cursor:not-allowed}.deal-card-quick-actions{border-top:1px dashed var(--border-color);gap:8px;margin-bottom:12px;padding-top:10px;display:flex}.deal-quick-btn{background:var(--bg-app);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.deal-quick-btn:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary);transform:scale(1.08)}.marketing-portal-container{flex-direction:column;gap:24px;width:100%;padding:32px;display:flex}.composer-card{flex-direction:column;gap:20px;padding:24px;display:flex}.composer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;padding-bottom:16px;display:flex}.social-network-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-all);flex-direction:column;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden}.social-network-card.connected{border-color:#6366f140;box-shadow:0 4px 12px #6366f10d}.social-network-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.social-network-header{justify-content:space-between;align-items:center;display:flex}.social-network-brand{align-items:center;gap:12px;display:flex}.social-network-brand h4{color:var(--text-primary);font-size:15px;font-weight:800}.social-status-label{color:var(--text-muted);margin-top:2px;font-size:11.5px;display:block}.social-icon-box{border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.social-icon-box.linkedin{background-color:#0077b5}.social-icon-box.twitter{background-color:#1da1f2}.social-icon-box.instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.social-icon-box.facebook{background-color:#1877f2}.social-stats-subcard{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-app);flex:1;justify-content:center;align-items:center;min-height:100px;padding:16px;display:flex}.social-stats-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.social-stat-item{flex-direction:column;gap:4px;display:flex}.social-stat-item label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:9.5px;font-weight:700}.social-stat-item span{color:var(--text-primary);font-size:16px;font-weight:800}.social-stats-gate{color:var(--text-secondary);text-align:center;align-items:center;gap:10px;padding:8px;font-size:12px;line-height:1.4;display:flex}.btn-connect{height:32px;padding:6px 14px;font-size:12px}.btn-disconnect{height:32px;color:var(--error);border-color:#ef444433;padding:6px 14px;font-size:12px}.btn-disconnect:hover{border-color:var(--error);background-color:#ef44440c}.platform-select-label{transition:var(--transition-fast);-webkit-user-select:none;user-select:none}.platform-select-label:hover:not(.disabled){background-color:var(--bg-app);border-color:var(--primary)}.platform-select-label.checked{background-color:var(--primary-light)!important;border-color:var(--primary)!important;color:var(--primary)!important}.platform-select-label.disabled{background-color:var(--bg-app);color:var(--text-muted);cursor:not-allowed;opacity:.5}.chart-card{box-shadow:var(--shadow-sm);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-all)}.chart-card:hover{box-shadow:var(--shadow-md);transform:translateY(0)!important}.payments-container{flex-direction:column;gap:24px;width:100%;padding:32px;display:flex}.payments-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.summary-card{flex-direction:column;gap:8px;display:flex}.summary-card label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:11px;font-weight:700}.summary-card span{font-size:24px;font-weight:800;font-family:var(--font-heading)}.summary-card.paid span{color:var(--success)}.summary-card.pending span{color:var(--warning)}.summary-card.overdue span{color:var(--error)}.payments-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}@media (width<=1024px){.payments-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.payments-summary{grid-template-columns:1fr 1fr;gap:12px}.payments-toolbar{flex-direction:column;align-items:stretch}.payments-toolbar .form-control{width:100%!important}}.quotes-container{flex-direction:column;gap:24px;padding:32px;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex}.quotes-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.quotes-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.branding-layout{grid-template-columns:1fr 1.2fr;gap:24px;display:grid}@media (width<=1024px){.branding-layout{grid-template-columns:1fr}}.color-picker-group{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.color-bubble{border-radius:var(--radius-full);cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);box-shadow:var(--shadow-sm);border:2px solid #0000}.color-bubble:hover{transform:scale(1.1)}.color-bubble.active{border-color:var(--text-primary);transform:scale(1.15)}.branding-preview-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-card);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:24px;display:flex;position:relative;overflow:hidden}.branding-preview-header{border-bottom:2px solid var(--brand-accent,var(--primary));justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.branding-preview-logo{font-family:var(--font-heading);color:var(--brand-accent,var(--primary));align-items:center;gap:6px;font-size:18px;font-weight:800;display:flex}.itemized-table{border-collapse:collapse;width:100%;margin-top:10px;margin-bottom:16px}.itemized-table th{background-color:var(--bg-app);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--border-color);padding:8px 12px;font-size:11px;font-weight:700}.itemized-table td{vertical-align:middle;border-bottom:1px solid var(--border-color);padding:8px 12px}.client-portal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#0f172ab3;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.client-portal-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background-color:#fff;border:1px solid #ffffff1a;flex-direction:column;width:100%;max-width:840px;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex;overflow:hidden}.client-portal-accent-bar{background-color:var(--brand-accent,var(--primary));width:100%;height:6px}.client-portal-header{background-color:var(--bg-app);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.client-action-banner{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 32px;display:flex}.client-letterhead-document{color:#1e293b;background-color:#fff;flex-direction:column;gap:24px;padding:48px;font-family:Inter,sans-serif;line-height:1.5;display:flex}@media (width<=520px){.client-letterhead-document{padding:20px}.client-portal-header,.client-action-banner{padding:12px 20px}}.document-header-grid{border-bottom:2px solid #f1f5f9;grid-template-columns:1.5fr 1fr;gap:32px;padding-bottom:24px;display:grid}@media (width<=600px){.document-header-grid{grid-template-columns:1fr;gap:20px}}.document-parties-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (width<=520px){.document-parties-grid{grid-template-columns:1fr;gap:20px}}.document-table{border-collapse:collapse;width:100%;margin-top:16px;margin-bottom:24px}.document-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;text-align:left;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:700}.document-table td{border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:13.5px}.document-table tr:last-child td{border-bottom:none}.document-summary-block{border-top:2px solid #f1f5f9;flex-direction:column;gap:10px;width:320px;margin-left:auto;padding-top:16px;display:flex}@media (width<=520px){.document-summary-block{width:100%}}.summary-line-item{justify-content:space-between;font-size:13.5px;display:flex}.summary-line-item.grand-total{color:var(--brand-accent,var(--primary));border-top:1px solid #e2e8f0;margin-top:4px;padding-top:10px;font-size:16px;font-weight:800}.signature-capture-box{border-radius:var(--radius-md);text-align:center;background-color:#fafafc;border:1px dashed #cbd5e1;padding:20px;position:relative}.signature-badge{color:#0f172a;border-top:1px solid #94a3b8;padding:6px 32px 0;font-family:Caveat,Dancing Script,cursive,sans-serif;font-size:24px;display:inline-block}.type-signature-input{text-align:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:#fff;width:100%;max-width:300px;margin:12px auto 0;padding:6px 12px;font-family:Caveat,Dancing Script,cursive,sans-serif;font-size:20px}.quote-status-badge{border-radius:var(--radius-full);align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-draft{color:#475569;background-color:#f1f5f9}.badge-sent{color:#d97706;background-color:#fef3c7}.badge-accepted{color:#059669;background-color:#d1fae5}.badge-declined{color:#dc2626;background-color:#fee2e2}.badge-invoiced{color:#2563eb;background-color:#dbeafe}@media (width<=1024px){.quotes-summary{grid-template-columns:repeat(2,1fr)}.quotes-toolbar{flex-wrap:wrap}}@media (width<=768px){.quotes-container{gap:12px;padding:12px}.quotes-summary{grid-template-columns:1fr 1fr;gap:12px}.quotes-toolbar{flex-direction:column;align-items:stretch;gap:10px}.quotes-toolbar .form-control,.quotes-toolbar input{width:100%!important}}.platform-admin-container{flex-direction:column;gap:24px;width:100%;padding:32px;display:flex}.admin-overview-grid{flex-direction:column;gap:24px;display:flex}.admin-metrics-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.admin-metric-icon{flex-shrink:0;margin-right:16px}.admin-metric-content{flex-direction:column;gap:4px;display:flex}.admin-metric-content label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:11px;font-weight:700}.admin-metric-content span{color:var(--text-primary);font-size:24px;font-weight:800}.admin-health-card{flex-direction:column;gap:16px;display:flex}.admin-health-card h3{font-size:16px;font-weight:800}.admin-platform-desc{color:var(--text-secondary);font-size:13.5px;line-height:1.5}.health-status-grid{background:var(--bg-app);border-radius:var(--radius-md);border:1px solid var(--border-color);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:16px;display:grid}.health-status-item{flex-direction:column;gap:6px;display:flex}.health-status-item label{text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.tenant-table-card{padding:24px}.details-drawer-overlay{z-index:1000!important}.badge-secondary{background-color:var(--bg-app);color:var(--text-secondary);border:1px solid var(--border-color)}@media (width<=1024px){.admin-metrics-row,.health-status-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.admin-metrics-row{grid-template-columns:1fr 1fr;gap:12px}.health-status-grid{grid-template-columns:1fr;gap:12px}.tenant-table-card{padding:16px}}.email-hub-root{flex-direction:column;gap:0;width:100%;max-width:100%;height:100%;margin:0;padding:28px 32px 40px;display:flex}.email-hub-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.email-hub-title{color:var(--text-primary);letter-spacing:-.5px;margin:0 0 4px;font-size:22px;font-weight:800}.email-hub-subtitle{color:var(--text-muted);margin:0;font-size:13px}.email-hub-stat-row{flex-wrap:wrap;gap:12px;display:flex}.email-hub-stat{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:10px;min-width:72px;padding:10px 18px}.email-hub-stat span{color:var(--text-primary);margin-bottom:4px;font-size:22px;font-weight:900;line-height:1;display:block}.email-hub-stat{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.email-hub-stat.success span{color:#10b981}.email-hub-stat.error span{color:#ef4444}.email-hub-stat.pending span{color:#6366f1}.email-hub-tabs{border-bottom:1px solid var(--border-color);gap:4px;margin-bottom:0;padding:0;display:flex}.email-hub-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.email-hub-tab:hover{color:var(--text-primary)}.email-hub-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.email-hub-panel{background:var(--card-bg);border:1px solid var(--border-color);border-top:none;border-radius:0 0 14px 14px;min-height:420px;padding:28px}.email-hub-compose{flex-direction:column;gap:16px;height:100%;display:flex}.email-compose-field{flex-direction:column;gap:6px;display:flex}.email-compose-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:700}.email-compose-body{resize:vertical;min-height:200px;max-height:400px;font-family:Roboto Mono,monospace,sans-serif;font-size:13px;line-height:1.7}.email-template-card{cursor:pointer;padding:18px;transition:transform .15s,box-shadow .15s,border-color .15s}.email-template-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #6366f11f}.spin{animation:1s linear infinite spin}@media (width<=1024px){.email-hub-root{padding:20px}}@media (width<=768px){.email-hub-root{max-width:100%;padding:12px}.email-hub-header{flex-direction:column;gap:12px}.email-hub-stat-row{gap:8px}.email-hub-stat{min-width:60px;padding:8px 12px}.email-hub-panel{padding:14px!important}.email-hub-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.email-hub-tab{white-space:nowrap;padding:10px 14px;font-size:12px}}.tenant-settings-container{flex-direction:column;gap:24px;width:100%;padding:32px;display:flex}.my-tenant-card{padding:24px}.tenant-badge-icon{border-radius:var(--radius-md);background-color:var(--primary-light);width:56px;height:56px;color:var(--primary);justify-content:center;align-items:center;display:flex}.users-board-card{padding:24px}.member-avatar{border-radius:var(--radius-full);background-color:var(--primary-light);width:36px;height:36px;color:var(--primary);border:1px solid var(--border-color);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.policy-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-app);transition:border-color var(--transition-fast);justify-content:space-between;align-items:center;gap:24px;padding:16px 20px;display:flex}.policy-box:hover{border-color:var(--primary-light)}.switch{flex-shrink:0;width:46px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:16px;height:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:4px;left:4px;box-shadow:0 1px 3px #0000001a}input:checked+.slider{background-color:var(--primary)}input:focus+.slider{box-shadow:0 0 1px var(--primary)}input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:var(--radius-full)}.slider.round:before{border-radius:50%}@media (width<=768px){.tenant-settings-container{gap:14px;padding:12px}.my-tenant-card>div{flex-wrap:wrap;gap:12px}.my-tenant-card>div>span{align-self:flex-start;margin-left:0!important}.filter-btn[style]{gap:4px!important;padding:6px 10px!important;font-size:12px!important}.users-board-card{padding:16px;overflow-x:auto}.policy-box{flex-direction:column;align-items:flex-start;gap:12px}}.compliance-hub-card{border-left:4px solid #8b5cf6;position:relative;overflow:hidden}.evidence-export-btn{transition:all .2s;color:#fff!important;background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;border:none!important}.evidence-export-btn:hover{opacity:.9;transform:translateY(-1px)}.profile-form-grid-2{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.profile-form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=768px){.profile-form-grid-2,.profile-form-grid-3{grid-template-columns:1fr!important;gap:12px!important}}.lessons-hub-container{flex-direction:column;gap:24px;width:100%;height:100%;padding:32px;display:flex;overflow:hidden}.lessons-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.lessons-summary-icon{flex-shrink:0;margin-right:16px}.lessons-toolbar-card{padding:16px 24px}.lessons-toolbar-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;align-items:center;gap:16px;display:grid}@media (width<=992px){.lessons-toolbar-grid{grid-template-columns:1fr 1fr}}@media (width<=576px){.lessons-toolbar-grid{grid-template-columns:1fr}}.toolbar-search-wrapper{width:100%;position:relative}.toolbar-search-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.toolbar-toggle-wrapper{align-items:center;display:flex}.lessons-catalog-header{margin-top:8px}.lessons-catalog-header h3{color:var(--text-primary);font-size:16px;font-weight:800}.lessons-catalog-header p{color:var(--text-secondary);margin-top:4px;font-size:13px}.lessons-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding-bottom:32px;display:grid}.lesson-card{text-align:left;cursor:pointer;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-all);flex-direction:column;padding:24px;display:flex;position:relative}.lesson-card:hover{box-shadow:var(--shadow-lg);border-color:#6366f14d;transform:translateY(-4px)}.lesson-card.spotlight-highlight{background:linear-gradient(135deg, var(--bg-card) 95%, #f59e0b08 100%);border:2px solid #f59e0b;box-shadow:0 4px 14px #f59e0b14}.lesson-card.spotlight-highlight:hover{border-color:#f59e0b;box-shadow:0 8px 20px #f59e0b26}.spotlight-ribbon{color:#fff;border-radius:var(--radius-sm);letter-spacing:.5px;background-color:#f59e0b;align-items:center;padding:2px 6px;font-size:8.5px;font-weight:800;display:flex;position:absolute;top:10px;right:12px}.lesson-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.lesson-company-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:10.5px;font-weight:800}.lesson-card-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:800;line-height:1.3}.lesson-card-value{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:700}.lesson-takeaways-preview{color:var(--text-secondary);-webkit-line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;flex:1;margin-top:12px;font-size:12.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.lesson-card-footer{border-top:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;margin-top:20px;padding-top:12px;display:flex}.lesson-author{align-items:center;gap:8px;display:flex}.author-avatar{background-color:var(--primary-light);width:20px;height:20px;color:var(--primary);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:800;display:flex}.read-more-action{color:var(--primary);transition:color var(--transition-fast);align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.read-more-action:hover{color:var(--primary-hover)}.lessons-empty-card{padding:48px}.lesson-reader-modal{border-top:4px solid var(--primary)}.lesson-reader-modal.spotlight-highlight{border-top:4px solid #f59e0b}.reader-text-block{background-color:var(--bg-app);border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-secondary);white-space:pre-wrap;min-height:120px;padding:16px 20px;font-size:13.5px;line-height:1.6}.ai-coaching-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#6366f112 0%,#6366f105 100%);border:1px solid #6366f133;border-left:4px solid #818cf8;padding:16px 20px;box-shadow:0 4px 16px #6366f10a}.ai-coaching-title{color:#818cf8;letter-spacing:.3px;align-items:center;gap:8px;margin-bottom:12px;font-size:13.5px;font-weight:700;display:flex}.ai-coaching-list{color:var(--text-secondary);margin:0;padding-left:20px;font-size:12.5px;line-height:1.6}.ai-coaching-list li{margin-bottom:8px;list-style-type:decimal}.ai-coaching-list li::marker{color:#818cf8;font-weight:700}.discussion-board{flex-direction:column;gap:12px;display:flex}.discussion-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:4px;font-size:13.5px;font-weight:700;display:flex}.comments-list{flex-direction:column;gap:10px;max-height:260px;padding-right:6px;display:flex;overflow-y:auto}.comments-list::-webkit-scrollbar{width:4px}.comments-list::-webkit-scrollbar-track{background:0 0}.comments-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.comments-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.comment-item{border:1px solid var(--border-color);border-radius:var(--radius-md);transition:background-color var(--transition-fast);background-color:#ffffff03;gap:12px;padding:12px;display:flex}.comment-item:hover{background-color:#ffffff05}.comment-avatar{background-color:var(--primary-light);width:28px;height:28px;color:var(--primary);border:1px solid #6366f126;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.comment-content{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.comment-header-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.comment-author-name{color:var(--text-primary);font-size:12px;font-weight:700}.comment-timestamp{color:var(--text-muted);margin-left:auto;font-size:10px}.comment-text-bubble{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;font-size:12.5px;line-height:1.5}.comment-delete-btn{cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:4px;padding:2px;display:flex}.comment-delete-btn:hover{color:var(--error);background-color:#ef444414}.comment-input-row{gap:8px;margin-top:4px;display:flex}.comment-input{flex:1;height:36px;font-size:12.5px}@media (width>=768px){.lesson-reader-modal{width:95%!important;max-width:900px!important}.lesson-reader-split-body{grid-template-columns:1.1fr 1fr;align-items:start;gap:28px;max-height:70vh;overflow:hidden;display:grid!important}.lesson-reader-left-pane,.lesson-reader-right-pane{flex-direction:column;gap:20px;height:100%;padding-right:8px;display:flex;overflow-y:auto}.lesson-reader-left-pane::-webkit-scrollbar{width:4px}.lesson-reader-right-pane::-webkit-scrollbar{width:4px}.lesson-reader-left-pane::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.lesson-reader-right-pane::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}}@media (width<=767px){.lesson-reader-split-body{flex-direction:column;gap:24px;max-height:75vh;display:flex;overflow-y:auto}}.profile-view-container{max-width:1000px;margin:0 auto;padding:32px}.profile-header-section{margin-bottom:32px}.profile-header-section h2{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:6px;font-size:28px;font-weight:800}.profile-header-section p{color:var(--text-muted);font-size:14px}.profile-grid{grid-template-columns:1fr 2fr;align-items:start;gap:32px;display:grid}.profile-avatar-card{text-align:center;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11182766;flex-direction:column;align-items:center;padding:40px 24px;display:flex}.avatar-preview-wrapper{margin-bottom:24px}.avatar-large{background:#ffffff08;border:3px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:190px;height:190px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000004d}.avatar-image-full{object-fit:cover;width:100%;height:100%}.avatar-letters-large{color:var(--text-primary);font-size:48px;font-weight:800}.avatar-loading-overlay{color:#fff;z-index:10;text-transform:uppercase;background:#030712cc;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}.spinner-icon{color:var(--primary);animation:1s linear infinite spin}.avatar-edit-overlay{color:#fff;opacity:0;cursor:pointer;z-index:5;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:opacity .2s;display:flex;position:absolute;inset:0}.avatar-large:hover .avatar-edit-overlay{opacity:1}.avatar-edit-overlay span{text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.avatar-card-info h3{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:750}.profile-role-badge{text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;font-size:10px}.avatar-card-email{color:var(--text-muted);margin-top:12px;font-size:13px}.profile-details-card{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11182766;padding:32px}.section-title{color:var(--text-primary);border-bottom:1px solid #ffffff0d;margin-bottom:24px;padding-bottom:12px;font-size:18px;font-weight:750}.input-icon{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.message-banner{border-radius:var(--radius-md);text-align:left;align-items:center;gap:10px;margin-bottom:24px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.banner-success{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.banner-error{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.profile-submit-btn{align-items:center;gap:8px;margin-top:12px;padding:10px 20px;font-size:13px;font-weight:700;display:flex}.profile-submit-btn:disabled{opacity:.6;cursor:not-allowed}.profile-details-card .spinner{animation:1s linear infinite spin}@media (width<=768px){.profile-grid{grid-template-columns:1fr;gap:24px}.profile-view-container{padding:16px}}.profile-security-card .password-complexity-card{text-align:left;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff04;border:1px solid #ffffff14;margin-top:16px;margin-bottom:24px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000026}.profile-security-card .strength-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.profile-security-card .strength-label{color:#94a3b8;letter-spacing:.3px;font-size:11px;font-weight:700}.profile-security-card .strength-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:800}.profile-security-card .strength-badge.weak{color:#f87171;background:#ef44441f;border:1px solid #ef444433}.profile-security-card .strength-badge.fair{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b33}.profile-security-card .strength-badge.strong{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f633}.profile-security-card .strength-badge.excellent{color:#34d399;background:#10b9811f;border:1px solid #10b98133;box-shadow:0 0 10px #10b98126}.profile-security-card .strength-bar-container{background:#ffffff0d;border-radius:3px;height:6px;margin-bottom:16px;position:relative;overflow:hidden}.profile-security-card .strength-bar-fill{border-radius:3px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1),background-color .3s}.profile-security-card .strength-bar-fill.weak{background:#ef4444}.profile-security-card .strength-bar-fill.fair{background:#f59e0b}.profile-security-card .strength-bar-fill.strong{background:#3b82f6}.profile-security-card .strength-bar-fill.excellent{background:#10b981;box-shadow:0 0 8px #10b98180}.profile-security-card .complexity-checklist{grid-template-columns:1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.profile-security-card .checklist-item{align-items:center;gap:10px;font-size:11.5px;transition:all .25s;display:flex}.profile-security-card .checklist-item span{transition:color .25s}.profile-security-card .checklist-item.pending span{color:var(--text-muted)}.profile-security-card .checklist-item.met span{color:#ffffffe6;font-weight:500}.profile-security-card .bullet-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.profile-security-card .checklist-item.pending .bullet-wrapper{background:#ffffff08;border:1px solid #ffffff1a}.profile-security-card .checklist-item.pending .dot{background:var(--text-muted);border-radius:50%;width:4px;height:4px}.profile-security-card .checklist-item.met .bullet-wrapper{background:#10b98126;border:1px solid #10b9814d;transform:scale(1.1)}.profile-security-card .checklist-item.met .check-icon{color:#34d399;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards profileScalePop}.profile-security-card{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11182766;padding:32px}@keyframes profileScalePop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.feedback-view-container{justify-content:center;align-items:flex-start;min-height:calc(100vh - 100px);padding:24px;display:flex}.feedback-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e293b66;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:640px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000005e}.feedback-card:hover{border-color:#6366f14d;box-shadow:0 12px 40px #6366f11a}.feedback-header{text-align:center;margin-bottom:28px}.feedback-icon-wrapper{color:#a855f7;background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #a855f74d;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;animation:2s infinite alternate pulse-glow;display:inline-flex}.feedback-title{color:#fff;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 8px;font-size:24px;font-weight:800}.feedback-subtitle{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.5}.feedback-error{color:#f87171;background-color:#ef44441a;border:1px solid #ef444440;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:13px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=560px){.form-grid{grid-template-columns:1fr;gap:16px}}.rating-stars-container{align-items:center;gap:6px;height:38px;display:flex}.star-btn{cursor:pointer;color:#ffffff26;background:0 0;border:none;outline:none;padding:0;transition:transform .15s,color .15s}.star-btn:hover{transform:scale(1.15)}.star-btn.active{color:#fbbf24}.rating-text{color:#fbbf24;margin-left:8px;font-size:12.5px;font-weight:700}.submit-feedback-btn{cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;margin-top:10px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.submit-feedback-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.submit-feedback-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-success-state{text-align:center;flex-direction:column;align-items:center;padding:24px 0;display:flex}.success-icon-wrapper{color:#34d399;background:#10b9811a;border:1px solid #10b98133;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:flex}.success-checkmark{animation:.4s cubic-bezier(.175,.885,.32,1.275) both scale-up-check}@keyframes scale-up-check{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.success-title{color:#fff;margin:0 0 10px;font-size:24px;font-weight:800}.success-message{color:var(--text-muted);max-width:440px;margin:0 0 28px;font-size:14px;line-height:1.6}.feedback-close-x-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.feedback-close-x-btn:hover{color:#fff;background:#ffffff14}.helpboard-container{flex-direction:column;gap:20px;height:100%;animation:.3s fadeIn;display:flex}.helpboard-navbar{border-bottom:1px solid var(--border-color);gap:12px;padding-bottom:12px;display:flex}.helpboard-nav-btn{color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.helpboard-nav-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.helpboard-nav-btn.active{background-color:var(--primary-light);color:var(--primary)}.helpboard-empty-state{text-align:center;background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;justify-content:center;align-items:center;max-width:600px;margin:40px auto;padding:60px 20px;display:flex}.helpboard-empty-state .empty-icon{color:var(--primary);opacity:.8;margin-bottom:16px}.helpboard-empty-state h4{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:700}.helpboard-empty-state p{color:var(--text-muted);max-width:400px;font-size:14px;line-height:1.5}.helpboard-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:10px;display:grid}.helpboard-card{flex-direction:column;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.helpboard-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.helpboard-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.partner-name-badge{text-transform:uppercase;letter-spacing:.05em;color:#a65af2;border-radius:var(--radius-sm);background-color:#8026d91f;padding:4px 10px;font-size:11px;font-weight:800}.budget-tag{color:#10b981;align-items:center;gap:2px;font-size:15px;font-weight:800;display:flex}.helpboard-card-title{color:var(--text-primary);margin-bottom:8px;font-size:17px;font-weight:800;line-height:1.3}.helpboard-card-desc{color:var(--text-muted);flex-grow:1;margin-bottom:20px;font-size:13px;line-height:1.6}.helpboard-card-meta{border-top:1px solid var(--border-color);flex-direction:column;gap:8px;margin-bottom:20px;padding-top:12px;display:flex}.meta-item{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.claim-btn{width:100%;height:42px;margin-top:auto;font-weight:700}.helpboard-form-card{max-width:650px;margin:10px auto;padding:32px}.form-header{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:16px}.form-header h3{color:var(--text-primary);margin-bottom:6px;font-size:20px;font-weight:800}.form-header p{color:var(--text-muted);font-size:13px;line-height:1.5}.helpboard-form{flex-direction:column;gap:20px;display:flex}.helpboard-form .form-group{flex-direction:column;gap:6px;display:flex}.helpboard-form label{color:var(--text-primary);font-size:13px;font-weight:700}.helpboard-form input,.helpboard-form select,.helpboard-form textarea{background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.helpboard-form input:focus,.helpboard-form select:focus,.helpboard-form textarea:focus{border-color:var(--primary)}.input-icon-left{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.submit-post-btn{height:46px;margin-top:10px;font-weight:700}.helpboard-table-wrapper{border:1px solid var(--border-color);overflow-x:auto}.helpboard-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.helpboard-table th{background-color:var(--bg-hover);color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:14px 18px;font-weight:700}.helpboard-table td{border-bottom:1px solid var(--border-color);color:var(--text-muted);padding:16px 18px}.helpboard-table tr:last-child td{border-bottom:none}.req-title-cell strong{color:var(--text-primary);margin-bottom:4px;font-size:14px;display:block}.req-title-cell p{color:var(--text-muted);margin:0;font-size:12px}.status-badge-marketplace{text-transform:uppercase;border-radius:var(--radius-sm);padding:3px 8px;font-size:11px;font-weight:800;display:inline-block}.status-badge-marketplace.open{color:#10b981;background-color:#10b9811f}.status-badge-marketplace.claimed{color:#3b82f6;background-color:#3b82f61f}.status-badge-marketplace.completed{color:#9ca3af;background-color:#6b72801f}.partner-name{color:var(--primary);font-weight:700}.no-partner{opacity:.6;font-style:italic}.helpboard-filters .switch{flex-shrink:0;width:40px;height:20px;display:inline-block;position:relative}.helpboard-filters .switch input{opacity:0;width:0;height:0}.helpboard-filters .slider{cursor:pointer;background-color:var(--border-color);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.helpboard-filters .slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0000001a}.helpboard-filters input:checked+.slider{background-color:var(--primary)}.helpboard-filters input:checked+.slider:before{transform:translate(20px)}.help-center-container{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:32px;display:flex}.help-hero{border-radius:var(--radius-lg);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f11a 0%,#a855f71a 100%);border:1px solid #ffffff14;flex-direction:column;align-items:center;gap:12px;padding:40px 24px;display:flex}.help-hero h2{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:26px;font-weight:800}.help-hero p{color:var(--text-secondary);max-width:500px;margin:0;font-size:14px}.help-search-wrapper{width:100%;max-width:480px;margin-top:16px;position:relative}.help-search-wrapper .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.help-search-wrapper input{background:var(--bg-card);border:1px solid var(--border-color);width:100%;height:48px;color:var(--text-primary);border-radius:9999px;outline:none;padding:0 16px 0 44px;font-size:14.5px;transition:all .2s;box-shadow:0 4px 20px #00000026}.help-search-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126,0 4px 20px #00000026}.help-content-layout{grid-template-columns:240px 1fr;align-items:start;gap:32px;display:grid}@media (width<=768px){.help-content-layout{grid-template-columns:1fr;gap:20px}}.help-tabs{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff05;flex-direction:column;gap:6px;padding:8px;display:flex}@media (width<=768px){.help-tabs{flex-direction:row;padding:6px;overflow-x:auto}}.help-tab-btn{text-align:left;width:100%;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:10px 14px;font-size:13.5px;font-weight:600;transition:all .2s}.help-tab-btn:hover{color:var(--text-primary);background:#ffffff0a}.help-tab-btn.active{background:var(--primary);color:#fff}.help-topics-list{flex-direction:column;gap:16px;display:flex}.help-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.help-card:hover{border-color:#ffffff26}.help-card.expanded{border-color:var(--primary-glow);box-shadow:0 4px 20px #00000040}.help-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.help-card-header h3{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:700}.help-card-header .summary-text{color:var(--text-muted);margin:0;font-size:13px}.expand-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.help-card-header:hover .expand-toggle{color:var(--text-primary);background:#ffffff0d}.help-card-body{border-top:1px solid var(--border-color);color:var(--text-secondary);padding:0 24px 24px;font-size:14px;line-height:1.6}.help-card-body h4{color:var(--text-primary);margin:20px 0 10px;font-size:14.5px;font-weight:700}.help-card-body p{margin:0 0 14px}.help-card-body ul{margin:0 0 16px;padding-left:20px}.help-card-body li{margin-bottom:8px}.help-card-body code{color:#a78bfa;background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12.5px}.category-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;width:fit-content;padding:2px 8px;font-size:10px;font-weight:800}.category-badge.crm{color:#fb923c;background:#f9731626}.category-badge.b2b{color:#818cf8;background:#6366f126}.category-badge.tools{color:#2dd4bf;background:#14b8a626}.category-badge.integrations{color:#f472b6;background:#ec489926}.help-tip-box,.help-warning-box{border-radius:var(--radius-md);align-items:flex-start;gap:12px;margin:18px 0;padding:14px 18px;font-size:13px;line-height:1.5;display:flex}.help-tip-box{color:#93c5fd;background:#3b82f614;border:1px solid #3b82f626}.help-warning-box{color:#c4b5fd;background:#a78bfa14;border:1px solid #a78bfa26}.timeline-container{flex-direction:column;gap:20px;margin:24px 0;padding-left:36px;display:flex;position:relative}.timeline-container:before{content:"";background:var(--border-color);width:2px;position:absolute;top:10px;bottom:10px;left:15px}.timeline-step{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff05;padding:16px 20px;position:relative}.timeline-step:hover{background:#ffffff08}.timeline-step .step-number{background:var(--primary);color:#fff;border:4px solid var(--bg-card);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:flex;position:absolute;top:14px;left:-48px}.timeline-step h4{color:var(--text-primary);font-size:14.5px;font-weight:700;margin:0 0 6px!important}.timeline-step p{color:var(--text-secondary);font-size:12.5px;line-height:1.5;margin:0!important}.no-results-box{text-align:center;border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);padding:48px}.no-results-box h4{color:var(--text-primary);margin:12px 0 6px}.no-results-box p{margin:0;font-size:13px}.automations-container{flex-direction:column;width:100%;max-width:1200px;min-height:0;margin:0 auto;padding:32px;display:flex}.automations-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.workflow-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000008}.workflow-card:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 6px 16px #6366f114}.workflow-card.inactive{opacity:.7}.workflow-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.trigger-badge{color:var(--primary);text-transform:uppercase;background-color:#6366f114;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.condition-badge{color:#d97706;text-transform:uppercase;background-color:#f59e0b14;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.delete-wf-btn{opacity:0;transition:opacity .2s}.workflow-card:hover .delete-wf-btn{opacity:1}.workflow-card-body{flex-direction:column;flex:1;display:flex}.workflow-title{color:var(--text-primary);margin-bottom:16px;font-size:16px;font-weight:700;line-height:1.4}.flow-explanation-box{background:var(--bg-app);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;display:flex;position:relative}.flow-step{flex-direction:column;gap:2px;font-size:12px;display:flex}.step-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.step-value{color:var(--text-primary);font-weight:600}.flow-connector-line{background-color:var(--border-color);width:1px;height:12px;margin-left:8px}.action-details-preview{color:var(--text-secondary);border-top:1px solid var(--border-color);flex-direction:column;gap:4px;padding-top:12px;font-size:12px;display:flex}.workflow-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;display:flex}.status-indicator{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.status-dot{border-radius:50%;width:6px;height:6px}.status-dot.active{background-color:#10b981;box-shadow:0 0 8px #10b98166}.status-dot.inactive{background-color:var(--text-muted)}.toggle-switch{width:36px;height:20px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--border-color);border-radius:20px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:var(--primary)}input:checked+.toggle-slider:before{transform:translate(16px)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background-color:#0f172a66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-dialog{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:580px;box-shadow:var(--shadow-xl);flex-direction:column;max-height:calc(100dvh - 40px);margin:auto;animation:.3s cubic-bezier(.16,1,.3,1) zoomIn;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-body{flex-direction:column;flex:1;gap:16px;min-height:0;padding:24px;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);background-color:var(--bg-app);flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.flow-editor-container{background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-lg);height:75vh;min-height:500px;box-shadow:var(--shadow-lg);flex-direction:column;margin-top:16px;display:flex;overflow:hidden}.flow-editor-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.flow-editor-workspace{flex:1;min-height:0;display:flex;position:relative}.node-sidebar{background:var(--bg-card);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;gap:20px;width:260px;padding:20px;display:flex;overflow-y:auto}.sidebar-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:11px;font-weight:700}.sidebar-node-item{background:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:12px;display:flex}.sidebar-node-item:hover{border-color:var(--primary);background:var(--primary-light);transform:translateY(-1px)}.sidebar-node-icon{color:#fff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.sidebar-node-icon.trigger{background-color:var(--primary)}.sidebar-node-icon.condition{background-color:#f59e0b}.sidebar-node-icon.action{background-color:#10b981}.sidebar-node-label{color:var(--text-primary);font-size:13px;font-weight:600}.flow-canvas-wrapper{background-color:#fafbfc;flex:1;height:100%;position:relative}.custom-flow-node{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);width:220px;box-shadow:var(--shadow-md);transition:box-shadow .2s,border-color .2s;overflow:hidden}.custom-flow-node:hover{box-shadow:var(--shadow-lg)}.custom-flow-node.selected{box-shadow:0 0 0 3px #6366f133, var(--shadow-lg);border-color:var(--primary-hover)!important}.custom-flow-node .node-header{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #0000000d;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:700;display:flex}.custom-flow-node .node-header-icon{flex-shrink:0}.custom-flow-node .node-body{background:var(--bg-card);padding:12px}.custom-flow-node .node-content{flex-direction:column;gap:4px;display:flex}.custom-flow-node .node-summary-title{color:var(--text-primary);font-size:13px;font-weight:700}.custom-flow-node .node-summary-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.custom-flow-handle{background-color:var(--bg-card)!important;border:2.5px solid var(--primary)!important;width:10px!important;height:10px!important;transition:transform .15s!important}.custom-flow-handle:hover{transform:scale(1.3)}.config-drawer{background:var(--bg-card);border-left:1px solid var(--border-color);z-index:10;flex-direction:column;gap:16px;width:320px;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;overflow-y:auto}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.config-drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.config-drawer-title{color:var(--text-primary);font-size:14px;font-weight:700}.canvas-empty-overlay{pointer-events:none;text-align:center;opacity:.6;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-empty-text{color:var(--text-secondary);font-size:13.5px;font-weight:500}.wf-builder{flex-direction:column;height:calc(100vh - 132px);min-height:560px;display:flex}.wf-topbar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;display:flex}.wf-name-input{color:var(--text-primary);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;width:280px;padding:6px 8px;font-size:16px;font-weight:700}.wf-name-input:hover{border-color:var(--border-color)}.wf-name-input:focus{border-color:var(--primary);background:var(--bg-app);outline:none}.wf-topbar-spacer{flex:1}.wf-toggle{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.wf-toggle input{display:none}.wf-toggle-track{background:var(--border-color);border-radius:9999px;width:34px;height:20px;transition:background .15s;position:relative}.wf-toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.wf-toggle input:checked+.wf-toggle-track{background:var(--success)}.wf-toggle input:checked+.wf-toggle-track .wf-toggle-thumb{transform:translate(14px)}.wf-toggle-text{color:var(--text-secondary);min-width:34px;font-size:12px;font-weight:600}.wf-test-btn{align-items:center;gap:6px;display:inline-flex}.wf-body{flex:1;gap:12px;min-height:0;display:flex}.wf-library{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-shrink:0;width:208px;padding:12px;overflow-y:auto}.wf-search{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:6px;margin-bottom:12px;padding:6px 8px;display:flex}.wf-search input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:12px}.wf-lib-group{margin-bottom:14px}.wf-lib-heading{letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:10px;font-weight:700}.wf-lib-item{border:1px solid var(--border-color);border-left:3px solid var(--primary);background:var(--bg-card);border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--text-primary);text-align:left;align-items:center;gap:8px;margin-bottom:6px;padding:7px 9px;font-size:12.5px;font-weight:500;transition:background .12s,transform 50ms;display:flex}.wf-lib-item:hover{background:var(--bg-app)}.wf-lib-item:active{transform:scale(.98)}.wf-lib-icon{display:inline-flex}.wf-lib-plus{color:var(--text-muted);opacity:0;margin-left:auto;transition:opacity .12s}.wf-lib-item:hover .wf-lib-plus{opacity:1}.wf-canvas{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex:1;min-width:0;position:relative;overflow:hidden}.wf-canvas .react-flow__attribution{display:none}.wf-canvas-empty{z-index:5;pointer-events:none;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;inset:0}.wf-config{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;flex-shrink:0;width:300px;display:flex;overflow:hidden}.wf-config-head{border-bottom:1px solid var(--border-color);align-items:flex-start;gap:10px;padding:14px;display:flex}.wf-config-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.wf-config-title{color:var(--text-primary);font-size:14px;font-weight:700}.wf-config-sub{color:var(--text-muted);margin-top:2px;font-size:11px;line-height:1.4}.wf-config-body{flex:1;padding:14px;overflow-y:auto}.wf-field-label{color:var(--text-secondary);margin:12px 0 4px;font-size:11px;font-weight:600;display:block}.wf-field-label:first-child{margin-top:0}.wf-config-body .form-control{font-size:12.5px}.wf-code{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.wf-webhook-url{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-app);align-items:center;gap:6px;padding:6px 8px;display:flex}.wf-webhook-url code{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.wf-hint{color:var(--text-muted);align-items:flex-start;gap:5px;margin-top:10px;font-size:11px;line-height:1.5;display:flex}.wf-hint code{background:var(--bg-app);border-radius:4px;padding:1px 4px;font-size:10.5px}.wf-config-foot{border-top:1px solid var(--border-color);padding:12px 14px}.wf-delete-node{width:100%;color:var(--error);border-color:var(--error-light);justify-content:center}.flow-node{background:var(--bg-card);border:1px solid var(--border-color);border-top:3px solid var(--node-accent,var(--primary));border-radius:10px;width:158px;padding:9px 11px;box-shadow:0 1px 2px #0f172a0a}.flow-node.selected{border-color:var(--node-accent,var(--primary));box-shadow:0 0 0 2px var(--node-accent,var(--primary))}.flow-node-head{align-items:center;gap:8px;display:flex}.flow-node-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.flow-node-titles{flex-direction:column;min-width:0;line-height:1.2;display:flex}.flow-node-label{color:var(--text-primary);font-size:12.5px;font-weight:700}.flow-node-cat{letter-spacing:.4px;text-transform:uppercase;font-size:9.5px;font-weight:700}.flow-node-summary{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;padding-left:30px;font-size:10.5px;overflow:hidden}.flow-handle{background:var(--bg-card)!important;border:2px solid var(--node-accent,var(--primary))!important;width:9px!important;height:9px!important}.flow-handle:hover{background:var(--node-accent,var(--primary))!important}.flow-handle-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:9px;font-weight:700;position:absolute;right:-34px}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.calendar-container{flex-direction:column;flex:1;width:100%;max-width:100%;height:100%;min-height:0;margin:0;padding:24px;display:flex}.calendar-controls-bar{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 20px;display:flex;box-shadow:0 4px 12px #00000005}.navigation-buttons{align-items:center;gap:12px;display:flex}.nav-arrow{background-color:var(--bg-app);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-primary);border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.nav-arrow:hover{background-color:var(--border-color);color:var(--primary)}.current-date-title{color:var(--text-primary);margin:0 4px;font-size:17px;font-weight:800}.view-switcher-toggles{background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:8px;padding:4px;display:flex}.toggle-view-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:700;transition:all .2s}.toggle-view-btn:hover{color:var(--text-primary)}.toggle-view-btn.active{background-color:var(--bg-card);color:var(--primary);box-shadow:0 2px 6px #0000000a}.calendar-canvas-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000005}.month-grid-wrapper{flex-direction:column;flex:1;height:100%;display:flex}.weekday-header-grid{border-bottom:1px solid var(--border-color);background-color:var(--bg-app);text-align:center;grid-template-columns:repeat(7,1fr);padding:10px 0;display:grid}.weekday-header-grid span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.month-days-grid{flex:1;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(7,1fr);display:grid}.month-day-cell{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);cursor:pointer;flex-direction:column;gap:4px;padding:8px;transition:background-color .2s;display:flex;position:relative}.month-day-cell:nth-child(7n){border-right:none}.month-day-cell:hover{background-color:#6366f105}.month-day-cell.outside{background-color:#00000003}.month-day-cell.outside .day-number-label{color:var(--text-muted)}.month-day-cell.today{background-color:#6366f108}.month-day-cell.today .day-number-label{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:inline-flex}.day-number-label{color:var(--text-primary);margin-bottom:2px;font-size:12px;font-weight:600}.day-cell-appointments-list{flex-direction:column;flex:1;gap:4px;max-height:calc(100% - 20px);display:flex;overflow-y:auto}.appt-grid-bubble{background-color:var(--bg-app);border:1px solid var(--border-color);color:var(--text-primary);border-left-width:3px;border-radius:4px;align-items:center;gap:6px;max-width:100%;padding:4px 6px;font-size:11px;font-weight:600;display:flex;position:relative}.bubble-title-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.bubble-type-icon{flex-shrink:0;display:inline-flex}.cancel-appt-inline{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;align-items:center;padding:0;display:inline-flex}.appt-grid-bubble:hover .cancel-appt-inline{opacity:1}.cancel-appt-inline:hover{color:#ef4444}.week-columns-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.week-grid-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-app);z-index:10;grid-template-columns:70px repeat(7,1fr);display:grid;position:sticky;top:0}.time-col-spacer{border-right:1px solid var(--border-color)}.week-header-day{border-right:1px solid var(--border-color);flex-direction:column;justify-content:center;align-items:center;padding:10px 0;display:flex}.week-header-day:last-child{border-right:none}.week-header-day.today{background-color:#6366f10d}.week-day-name{color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:700}.week-day-num{color:var(--text-primary);font-size:16px;font-weight:800}.week-header-day.today .week-day-num{color:var(--primary)}.week-grid-body{grid-template-columns:70px 1fr;min-height:660px;display:grid;position:relative}.week-time-label-column{border-right:1px solid var(--border-color);flex-direction:column;display:flex}.time-row-label{height:60px;color:var(--text-muted);text-align:right;align-items:flex-start;padding-top:6px;padding-right:12px;font-size:11px;font-weight:700;display:flex}.week-columns-grid{grid-template-columns:repeat(7,1fr);display:grid;position:relative}.week-day-column{border-right:1px solid var(--border-color);cursor:pointer;height:100%;position:relative}.week-day-column:last-child{border-right:none}.week-day-column:hover{background-color:#6366f103}.week-hour-row-line{border-bottom:1px solid var(--border-color);height:60px}.week-appt-card{border:1px solid var(--border-color);z-index:5;cursor:default;border-left-width:4px;border-radius:8px;flex-direction:column;gap:2px;padding:6px 10px;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;left:6px;right:6px;box-shadow:0 2px 6px #00000005}.week-appt-card:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000000d}.week-appt-header{justify-content:space-between;align-items:center;display:flex}.appt-type-badge-inline{text-transform:uppercase;align-items:center;gap:4px;font-size:9px;font-weight:700;display:inline-flex}.week-appt-delete-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.week-appt-delete-btn:hover{color:#ef4444}.week-appt-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.week-appt-time{color:var(--text-secondary);font-size:10px;font-weight:500}.day-timeline-wrapper{flex-direction:column;padding:24px;display:flex}.day-timeline-header{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:14px}.day-timeline-header h3{color:var(--text-primary);font-size:16px;font-weight:800}.day-agenda-list{flex-direction:column;gap:12px;display:flex}.day-agenda-card{background-color:var(--bg-app);border:1px solid var(--border-color);border-left-width:4px;border-radius:10px;align-items:center;gap:24px;padding:16px 20px;transition:background-color .2s;display:flex;position:relative}.day-agenda-card:hover{background-color:#6366f103}.agenda-time-box{flex-shrink:0;align-items:center;gap:8px;width:140px;display:flex}.agenda-time-text{color:var(--text-primary);font-size:13.5px;font-weight:700}.agenda-info-box{flex:1}.agenda-title{color:var(--text-primary);font-size:15px;font-weight:700}.agenda-meta-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.agenda-notes-preview{color:var(--text-muted);white-space:pre-wrap;margin-top:8px;font-size:12.5px;line-height:1.4}.delete-agenda-btn{color:var(--text-muted);opacity:.6}.delete-agenda-btn:hover{color:#ef4444;opacity:1}.gym-reception-root{background:#0b0f19;height:100%;min-height:0;display:flex;overflow:hidden}.gym-reception-main{flex-direction:column;flex:1;gap:28px;min-height:0;padding:32px 40px;display:flex;overflow-y:auto}.gym-reception-header{justify-content:space-between;align-items:center;display:flex}.gym-reception-logo{color:#fff;letter-spacing:-.5px;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.gym-reception-logo-icon{background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.gym-reception-stats{align-items:center;gap:20px;display:flex}.gym-reception-stat{color:#94a3b8;align-items:center;gap:6px;font-size:14px;display:flex}.gym-reception-stat strong{color:#fff;font-size:18px;font-weight:800}.gym-reception-time{color:#fff;letter-spacing:1px;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.gym-search-container{flex-direction:column;gap:8px;display:flex}.gym-search-wrap{align-items:center;display:flex;position:relative}.gym-search-icon{color:#6366f1;pointer-events:none;position:absolute;left:20px}.gym-search-input{color:#fff;background:#1e293b;border:2px solid #334155;border-radius:16px;outline:none;width:100%;height:72px;padding:0 60px;font-size:22px;font-weight:500;transition:border-color .2s,box-shadow .2s}.gym-search-input::placeholder{color:#475569}.gym-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f126}.gym-search-clear{color:#94a3b8;cursor:pointer;background:#334155;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .15s;display:flex;position:absolute;right:20px}.gym-search-clear:hover{color:#fff;background:#475569}.gym-search-hint{color:#475569;align-items:center;gap:6px;padding-left:4px;font-size:12px;display:flex}.gym-member-area{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.gym-idle-state{text-align:center;color:#475569;max-width:400px}.gym-idle-icon{filter:grayscale(.4);margin-bottom:16px;font-size:72px}.gym-idle-state h2{color:#94a3b8;margin-bottom:8px;font-size:22px;font-weight:700}.gym-idle-state p{color:#475569;font-size:14px;line-height:1.6}.gym-no-result{text-align:center;color:#ef4444}.gym-no-result svg{opacity:.7;margin-bottom:12px}.gym-no-result h2{color:#ef4444;margin-bottom:6px;font-size:20px}.gym-no-result p{color:#94a3b8;font-size:14px}.gym-member-card{background:#1e293b;border:1px solid #334155;border-radius:20px;width:100%;max-width:640px;animation:.3s cubic-bezier(.16,1,.3,1) forwards cardIn;overflow:hidden}@keyframes cardIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.gym-member-card-top{align-items:flex-start;gap:20px;padding:28px 28px 20px;display:flex}.gym-member-avatar{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;font-weight:800;display:flex;overflow:hidden}.gym-member-avatar img{object-fit:cover;width:100%;height:100%}.gym-member-info{flex-direction:column;flex:1;gap:4px;display:flex}.gym-member-name{color:#fff;letter-spacing:-.5px;font-size:26px;font-weight:800}.gym-member-meta{color:#64748b;align-items:center;gap:6px;font-size:13px;display:flex}.gym-dot{color:#334155}.gym-member-badges{align-items:center;gap:10px;margin-top:6px;display:flex}.gym-status-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:999px;align-items:center;padding:4px 14px;font-size:13px;font-weight:800;display:inline-flex}.gym-payment-badge{font-size:13px;font-weight:600}.gym-expiry-block{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.gym-expiry-block label{text-transform:uppercase;letter-spacing:.5px;color:#475569;font-size:11px}.gym-expiry-block span{color:#94a3b8;font-size:14px;font-weight:700}.gym-overdue-label{font-size:11px;font-weight:700;color:#ef4444!important}.gym-note-row{padding:0 28px 16px}.gym-note-input{color:#94a3b8;background:#0b0f19;border:1px solid #334155;border-radius:10px;outline:none;width:100%;height:40px;padding:0 14px;font-size:13px;transition:border-color .15s}.gym-note-input:focus{border-color:#6366f1}.gym-note-input::placeholder{color:#334155}.gym-action-row{gap:12px;padding:0 28px 28px;display:flex}.gym-btn-checkin{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:10px;height:58px;font-size:18px;font-weight:800;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 20px #10b9814d}.gym-btn-checkin:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #10b98173}.gym-btn-checkin:active:not(:disabled){transform:translateY(0)}.gym-btn-deny{color:#ef4444;cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:10px;height:58px;font-size:18px;font-weight:800;transition:background .15s,transform .15s;display:flex}.gym-btn-deny:hover{background:#ef444433;transform:translateY(-2px)}.gym-warn-bar{color:#f59e0b;background:#f59e0b1a;border-top:1px solid #f59e0b40;padding:12px 28px;font-size:13px;font-weight:500}.gym-result-card{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:480px;animation:.4s cubic-bezier(.16,1,.3,1) forwards cardIn;display:flex}.gym-result-card.allowed .gym-result-icon{color:#10b981}.gym-result-card.denied .gym-result-icon{color:#ef4444}.gym-result-card h2{letter-spacing:-1px;font-size:36px;font-weight:900}.gym-result-card.allowed h2{color:#10b981}.gym-result-card.denied h2{color:#ef4444}.gym-result-name{color:#fff;font-size:22px;font-weight:700}.gym-result-sub{color:#64748b;font-size:14px}.gym-result-reset{color:#334155;margin-top:8px;font-size:12px}.gym-reception-sidebar{background:#111827;border-left:1px solid #1e293b;flex-direction:column;flex-shrink:0;gap:12px;width:260px;padding:28px 20px;display:flex;overflow-y:auto}.gym-sidebar-title{color:#475569;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.gym-sidebar-empty{color:#334155;text-align:center;margin-top:20px;font-size:13px}.gym-recent-list{flex-direction:column;gap:8px;display:flex}.gym-recent-item{background:#1e293b;border:1px solid #263549;border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.gym-recent-avatar{color:#94a3b8;background:#334155;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.gym-recent-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.gym-recent-name{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.gym-recent-time{color:#475569;font-size:11px}.gym-recent-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.gym-recent-dot.allowed{background:#10b981}.gym-recent-dot.denied{background:#ef4444}.gym-sidebar-divider{background:#1e293b;height:1px;margin:4px 0}.gym-sidebar-tip{color:#334155;align-items:flex-start;gap:6px;font-size:12px;line-height:1.5;display:flex}.gym-sidebar-tip svg{color:#6366f1;flex-shrink:0;margin-top:1px}@media (width<=768px){.gym-reception-sidebar{display:none}.gym-reception-main{padding:20px}.gym-search-input{height:56px;font-size:16px}.gym-member-name{font-size:20px}.gym-action-row{flex-direction:column}}.gym-result-overlay{z-index:99999;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;animation:.25s forwards fadeInOverlay;display:flex;position:fixed;top:0;left:0}.gym-result-overlay.allowed{color:#fff;background:#10b981fa}.gym-result-overlay.denied{color:#fff;background:#ef4444fa}.gym-result-overlay-content{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:650px;padding:40px;animation:.35s cubic-bezier(.16,1,.3,1) forwards scaleUpOverlay;display:flex}@keyframes scaleUpOverlay{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.gym-signup-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#0f172abf;justify-content:center;align-items:center;width:100vw;height:100dvh;animation:.25s forwards fadeInOverlay;display:flex;position:fixed;top:0;left:0}.gym-signup-card{background:#1e293b;border:1px solid #334155;border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards scaleUpOverlay;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0006}.gym-signup-header{background:#0f172a;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.gym-signup-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.gym-signup-close:hover{color:#fff;background:#ffffff0d}.gym-signup-form{flex-direction:column;padding:24px;display:flex;overflow-y:auto}.gym-signup-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.gym-signup-actions{border-top:1px solid #334155;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:20px;display:flex}@media (width<=640px){.gym-signup-grid{grid-template-columns:1fr;gap:12px}.gym-signup-card{border-radius:0;max-height:100dvh}}.gym-members-container{flex-direction:column;gap:20px;padding:24px 32px;display:flex}.gym-members-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.gym-members-filters{flex-wrap:wrap;gap:8px;display:flex}.gym-filter-count{min-width:20px;height:18px;color:var(--primary);background:#6366f126;border-radius:999px;justify-content:center;align-items:center;margin-left:4px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.gym-members-actions{align-items:center;gap:10px;display:flex}.gym-search-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:8px;height:38px;padding:0 14px;display:flex}.gym-search-box svg{color:var(--text-muted);flex-shrink:0}.gym-search-box input{width:180px;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:13.5px}.gym-search-box input::placeholder{color:var(--text-muted)}@media (width<=768px){.gym-members-container{padding:16px}.gym-members-toolbar{flex-direction:column;align-items:flex-start}}