:root{--bg-app: #050a0e;--bg-panel: #0b141a;--bg-header: rgba(17, 27, 33, .8);--bg-input: #1a2730;--bg-card: rgba(31, 44, 52, .5);--bg-hover: rgba(42, 57, 66, .6);--bg-message-in: #1f2c34;--bg-message-out: #005c4b;--bg-modal-overlay: rgba(0, 0, 0, .7);--border: rgba(42, 57, 66, .6);--border-light: rgba(35, 49, 56, .4);--text-primary: #e9edef;--text-secondary: #8696a0;--text-muted: #667781;--accent: #00a884;--accent-hover: #06cf9c;--accent-bg: rgba(0, 168, 132, .1);--accent-text: #000;--danger: #ea4335;--danger-bg: rgba(234, 67, 53, .1);--warning: #fbbc04;--warning-bg: rgba(251, 188, 4, .1);--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .06);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 32px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 64px rgba(0, 0, 0, .4);--radius: 14px;--transition: all .3s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-app: #f0f2f5;--bg-panel: #ffffff;--bg-header: rgba(240, 242, 245, .85);--bg-input: #ffffff;--bg-card: rgba(255, 255, 255, .7);--bg-hover: rgba(245, 246, 246, .8);--bg-message-in: #ffffff;--bg-message-out: #d9fdd3;--bg-modal-overlay: rgba(0, 0, 0, .4);--border: rgba(0, 0, 0, .08);--border-light: rgba(0, 0, 0, .04);--text-primary: #111b21;--text-secondary: #54656f;--text-muted: #8696a0;--accent: #00a884;--accent-hover: #008f72;--accent-bg: rgba(0, 168, 132, .08);--accent-text: #fff;--danger: #ea4335;--danger-bg: rgba(234, 67, 53, .08);--warning: #fbbc04;--warning-bg: rgba(251, 188, 4, .08);--glass: rgba(255, 255, 255, .5);--glass-border: rgba(0, 0, 0, .06);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 32px rgba(0, 0, 0, .06);--shadow-lg: 0 16px 64px rgba(0, 0, 0, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-app);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:clamp(16px,3vw,32px)}.header{display:flex;justify-content:space-between;align-items:center;padding:14px clamp(16px,3vw,32px);background:var(--bg-header);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:50}.header h1{font-size:20px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#00a884,#25d366);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-brand{display:flex;align-items:center;gap:10px}.header-brand-mark{width:32px;height:32px;background:linear-gradient(135deg,#00a884,#25d366);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#000;font-weight:900;font-size:14px;box-shadow:0 4px 16px #00a88440}.header button{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-secondary);padding:8px 16px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header button:hover{border-color:#00a8844d;color:var(--text-primary);background:var(--bg-hover)}.theme-toggle{width:36px;height:36px;background:var(--glass)!important;border:1px solid var(--glass-border)!important;color:var(--text-secondary)!important;border-radius:10px!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);padding:0!important}.theme-toggle:hover{border-color:#00a8844d!important;transform:scale(1.05)}.theme-toggle svg{width:18px;height:18px}.card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);padding:clamp(16px,2.5vw,24px);margin-bottom:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:var(--transition)}.card:hover{border-color:var(--border)}.card h3{font-size:15px;font-weight:700;letter-spacing:-.3px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge:before{content:"";width:6px;height:6px;border-radius:50%;display:inline-block}.badge-connected{background:var(--accent-bg);color:var(--accent)}.badge-connected:before{background:var(--accent);box-shadow:0 0 6px var(--accent)}.badge-pending{background:var(--warning-bg);color:var(--warning)}.badge-pending:before{background:var(--warning);box-shadow:0 0 6px var(--warning)}.badge-disconnected,.badge-error{background:var(--danger-bg);color:var(--danger)}.badge-disconnected:before,.badge-error:before{background:var(--danger);box-shadow:0 0 6px var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:var(--transition);font-family:inherit;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#00a884,#25d366);color:#000;box-shadow:0 4px 16px #00a88440,inset 0 1px #ffffff26}.btn-primary:hover{box-shadow:0 8px 28px #00a88459,inset 0 1px #ffffff26}.btn-danger{background:linear-gradient(135deg,#ea4335,#d93025);color:#fff;box-shadow:0 4px 16px #ea433533}.btn-danger:hover{box-shadow:0 8px 28px #ea43354d}.btn-secondary{background:var(--glass);color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{border-color:#00a8844d;background:var(--bg-hover)}.btn-sm{padding:7px 16px;font-size:12px;border-radius:8px}.btn-block{width:100%}.btn-loading{display:flex;align-items:center;gap:8px}.btn-loading svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:7px;font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:-.1px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:11px 16px;background:var(--bg-input);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00a8841a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:28px}.stat-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);padding:clamp(16px,2vw,24px);text-align:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:var(--transition);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,168,132,0),transparent);transition:background .4s}.stat-card:hover:before{background:linear-gradient(90deg,transparent,#00a884,transparent)}.stat-card:hover{border-color:#00a88433;transform:translateY(-2px)}.stat-card .number{font-size:clamp(28px,3vw,36px);font-weight:800;background:linear-gradient(135deg,#00a884,#25d366);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.stat-card .label{font-size:12px;color:var(--text-muted);margin-top:4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:var(--bg-app);position:relative;overflow:hidden}.auth-ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.auth-orb{position:absolute;border-radius:50%;filter:blur(140px)}.auth-orb-1{width:500px;height:500px;background:#00a8841a;top:-150px;right:-100px;animation:lp-float 20s ease-in-out infinite}.auth-orb-2{width:400px;height:400px;background:#25d3660f;bottom:-100px;left:-100px;animation:lp-float 25s ease-in-out infinite reverse}[data-theme=light] .auth-orb-1{background:#00a8840d}[data-theme=light] .auth-orb-2{background:#25d36608}.auth-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:20px;padding:clamp(28px,5vw,44px);width:420px;max-width:90vw;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);box-shadow:var(--shadow-lg);position:relative;z-index:1}.auth-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.auth-brand span{font-size:26px;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#00a884,#25d366);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-brand-mark{width:40px;height:40px;background:linear-gradient(135deg,#00a884,#25d366);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#000;font-weight:900;font-size:18px;box-shadow:0 4px 20px #00a8844d}.auth-subtitle{text-align:center;color:var(--text-muted);font-size:14px;margin-bottom:28px;line-height:1.5}.auth-error{background:var(--danger-bg);color:var(--danger);font-size:13px;padding:10px 16px;border-radius:10px;border:1px solid rgba(234,67,53,.15);margin-bottom:16px;text-align:center}.error-msg{color:var(--danger);font-size:13px;margin-bottom:12px;text-align:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-modal-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;animation:modal-fade-in .2s ease}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:20px;padding:clamp(24px,4vw,36px);width:500px;max-width:90vw;box-shadow:var(--shadow-lg);animation:modal-slide-in .3s cubic-bezier(.16,1,.3,1)}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h3{margin-bottom:20px;font-size:17px;font-weight:700;letter-spacing:-.3px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.client-card{cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.client-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,168,132,0),transparent);transition:background .4s}.client-card:hover{border-color:#00a8844d;transform:translateY(-3px);box-shadow:0 12px 40px #00a88414}.client-card:hover:before{background:linear-gradient(90deg,transparent,#00a884,transparent)}.messages-container{max-height:500px;overflow-y:auto;padding:16px}.message{padding:10px 14px;border-radius:12px;margin-bottom:8px;max-width:70%;font-size:14px;transition:var(--transition)}.message-inbound{background:var(--bg-message-in);margin-right:auto;border-top-left-radius:4px}.message-outbound{background:var(--bg-message-out);margin-left:auto;border-top-right-radius:4px}.message-meta{font-size:11px;color:var(--text-muted);margin-top:4px}.section-divider{border-bottom:1px solid var(--glass-border);padding-bottom:18px;margin-bottom:18px}.section-divider h4{color:var(--accent);font-size:14px;font-weight:700;margin-bottom:14px;letter-spacing:-.2px}h4{color:var(--accent)!important}.toggle-switch{display:flex;align-items:center;gap:10px;cursor:pointer}.toggle-switch-label{font-size:13px;font-weight:600}.toggle-switch-track{width:44px;height:24px;border-radius:12px;position:relative;transition:background .3s}.toggle-switch-track.active{background:var(--accent);box-shadow:0 0 12px #00a8844d}.toggle-switch-track.inactive{background:var(--border)}.toggle-switch-thumb{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:3px;transition:left .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 4px #0003}.tabs{display:flex;gap:4px;padding:4px;background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:fit-content}.tab{padding:8px 18px;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;transition:var(--transition);background:transparent;color:var(--text-muted);font-family:inherit}.tab:hover{color:var(--text-primary)}.tab.active{background:linear-gradient(135deg,#00a884,#25d366);color:#000;box-shadow:0 2px 10px #00a88440}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.empty-state{text-align:center;padding:clamp(32px,5vw,60px) 20px;color:var(--text-muted)}.empty-state-icon{width:56px;height:56px;border-radius:16px;background:var(--accent-bg);border:1px solid rgba(0,168,132,.12);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.empty-state p{font-size:14px;line-height:1.6}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:page-enter .4s cubic-bezier(.16,1,.3,1) forwards}@media(max-width:768px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.tabs{width:100%}.tab{flex:1;text-align:center}}@media(max-width:480px){.stats{grid-template-columns:1fr}}.portal-layout{display:flex;min-height:100vh;min-height:100dvh;background:var(--bg-app)}.portal-sidebar{width:260px;background:var(--bg-panel);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;flex-shrink:0;transition:width .3s cubic-bezier(.16,1,.3,1);position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden}.portal-sidebar.collapsed{width:68px}.portal-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--glass-border)}.portal-sidebar-brand{display:flex;align-items:center;gap:10px}.portal-sidebar-brand span{font-size:18px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#00a884,#25d366);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.portal-sidebar-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:8px;transition:var(--transition);display:flex;align-items:center}.portal-sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.portal-sidebar-info{padding:14px 16px;border-bottom:1px solid var(--glass-border)}.portal-sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.portal-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;transition:var(--transition);width:100%;text-align:left;font-family:inherit}.portal-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.portal-nav-item.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.portal-nav-item.active svg{color:var(--accent)}.portal-nav-item--danger:hover{background:var(--danger-bg);color:var(--danger)}.portal-sidebar-footer{padding:8px;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:2px}.portal-main{flex:1;padding:clamp(20px,3vw,40px);overflow-y:auto;min-width:0}.portal-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.portal-page-header{margin-bottom:28px}.portal-page-header h2{font-size:clamp(20px,2.5vw,26px);font-weight:800;letter-spacing:-.5px;margin-bottom:4px}.portal-page-header p{color:var(--text-muted);font-size:14px}.wpp-container{display:flex;height:calc(100vh - 140px);border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden;background:var(--bg-panel)}.wpp-contacts{width:380px;border-right:1px solid var(--glass-border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.wpp-contacts-header{display:flex;align-items:center;gap:10px;padding:14px 16px;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--glass-border);background:var(--bg-header);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.wpp-contacts-list{flex:1;overflow-y:auto}.wpp-contact{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:var(--transition);border-bottom:1px solid var(--glass-border)}.wpp-contact:hover{background:var(--bg-hover)}.wpp-contact.active{background:var(--accent-bg)}.wpp-contact-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#00a88426,#25d36626);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.wpp-contact-info{flex:1;min-width:0}.wpp-contact-name{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.wpp-contact-last{font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px;margin-top:3px}.wpp-contact-meta{text-align:right;flex-shrink:0}.wpp-contact-time{font-size:11px;color:var(--text-muted)}.wpp-contact-badge{background:var(--accent);color:#000;font-size:10px;font-weight:800;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-top:4px}.wpp-chat{flex:1;display:flex;flex-direction:column;min-width:0}.wpp-chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:12px}.wpp-chat-empty-icon{opacity:.3}.wpp-chat-empty h3{font-size:18px;font-weight:600;color:var(--text-secondary)}.wpp-chat-empty p{font-size:14px}.wpp-chat-header{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--bg-header);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);flex-shrink:0}.wpp-chat-body{flex:1;padding:20px 60px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;background-color:#0b141a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cdefs%3E%3Cpattern id='d' width='200' height='200' patternUnits='userSpaceOnUse'%3E%3Cpath d='M30 10 l4 4 l-4 4' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='1'/%3E%3Ccircle cx='80' cy='15' r='3' fill='none' stroke='rgba(255,255,255,0.025)' stroke-width='0.8'/%3E%3Crect x='140' y='8' width='8' height='6' rx='1' fill='none' stroke='rgba(255,255,255,0.02)' stroke-width='0.8'/%3E%3Cpath d='M15 50 Q20 42 25 50' fill='none' stroke='rgba(255,255,255,0.025)' stroke-width='0.8'/%3E%3Ccircle cx='110' cy='55' r='5' fill='none' stroke='rgba(255,255,255,0.02)' stroke-width='0.8'/%3E%3Cpath d='M170 45 l0 10 l-7 -5z' fill='none' stroke='rgba(255,255,255,0.025)' stroke-width='0.8'/%3E%3Crect x='55' y='48' width='10' height='10' rx='2' fill='none' stroke='rgba(255,255,255,0.02)' stroke-width='0.8'/%3E%3Cpath d='M40 100 l8 0 l-4 -7z' fill='none' stroke='rgba(255,255,255,0.025)' stroke-width='0.8'/%3E%3Ccircle cx='90' cy='95' r='4' fill='none' stroke='rgba(255,255,255,0.02)' stroke-width='0.8'/%3E%3Cpath d='M150 90 Q155 85 160 90 Q155 95 150 90' fill='none' stroke='rgba(255,255,255,0.025)' stroke-width='0.8'/%3E%3Crect x='10' y='140' width='7' height='10' rx='1' fill='none' stroke='rgba(255,255,255,0.02)' stroke-width='0.8'/%3E%3Cpath d='M75 135 l6 6 l6 -6' fill='none' stroke='rgba(255,255,255,0.025)' stroke-width='0.8'/%3E%3Ccircle cx='130' cy='140' r='3.5' fill='none' stroke='rgba(255,255,255,0.02)' stroke-width='0.8'/%3E%3Cpath d='M180 135 l0 12' fill='none' stroke='rgba(255,255,255,0.02)' stroke-width='0.8'/%3E%3Cpath d='M176 141 l8 0' fill='none' stroke='rgba(255,255,255,0.02)' stroke-width='0.8'/%3E%3Cpath d='M50 180 l5 -8 l5 8' fill='none' stroke='rgba(255,255,255,0.025)' stroke-width='0.8'/%3E%3Ccircle cx='160' cy='185' r='4' fill='none' stroke='rgba(255,255,255,0.02)' stroke-width='0.8'/%3E%3Cpath d='M105 178 l10 0 l0 8 l-10 0z' fill='none' stroke='rgba(255,255,255,0.02)' stroke-width='0.8'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23d)' width='200' height='200'/%3E%3C/svg%3E")}[data-theme=light] .wpp-chat-body{background-color:#efeae2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cdefs%3E%3Cpattern id='d' width='200' height='200' patternUnits='userSpaceOnUse'%3E%3Cpath d='M30 10 l4 4 l-4 4' fill='none' stroke='rgba(0,0,0,0.04)' stroke-width='1'/%3E%3Ccircle cx='80' cy='15' r='3' fill='none' stroke='rgba(0,0,0,0.035)' stroke-width='0.8'/%3E%3Crect x='140' y='8' width='8' height='6' rx='1' fill='none' stroke='rgba(0,0,0,0.03)' stroke-width='0.8'/%3E%3Cpath d='M15 50 Q20 42 25 50' fill='none' stroke='rgba(0,0,0,0.035)' stroke-width='0.8'/%3E%3Ccircle cx='110' cy='55' r='5' fill='none' stroke='rgba(0,0,0,0.03)' stroke-width='0.8'/%3E%3Cpath d='M170 45 l0 10 l-7 -5z' fill='none' stroke='rgba(0,0,0,0.035)' stroke-width='0.8'/%3E%3Crect x='55' y='48' width='10' height='10' rx='2' fill='none' stroke='rgba(0,0,0,0.03)' stroke-width='0.8'/%3E%3Cpath d='M40 100 l8 0 l-4 -7z' fill='none' stroke='rgba(0,0,0,0.035)' stroke-width='0.8'/%3E%3Ccircle cx='90' cy='95' r='4' fill='none' stroke='rgba(0,0,0,0.03)' stroke-width='0.8'/%3E%3Cpath d='M150 90 Q155 85 160 90 Q155 95 150 90' fill='none' stroke='rgba(0,0,0,0.035)' stroke-width='0.8'/%3E%3Crect x='10' y='140' width='7' height='10' rx='1' fill='none' stroke='rgba(0,0,0,0.03)' stroke-width='0.8'/%3E%3Cpath d='M75 135 l6 6 l6 -6' fill='none' stroke='rgba(0,0,0,0.035)' stroke-width='0.8'/%3E%3Ccircle cx='130' cy='140' r='3.5' fill='none' stroke='rgba(0,0,0,0.03)' stroke-width='0.8'/%3E%3Cpath d='M180 135 l0 12' fill='none' stroke='rgba(0,0,0,0.03)' stroke-width='0.8'/%3E%3Cpath d='M176 141 l8 0' fill='none' stroke='rgba(0,0,0,0.03)' stroke-width='0.8'/%3E%3Cpath d='M50 180 l5 -8 l5 8' fill='none' stroke='rgba(0,0,0,0.035)' stroke-width='0.8'/%3E%3Ccircle cx='160' cy='185' r='4' fill='none' stroke='rgba(0,0,0,0.03)' stroke-width='0.8'/%3E%3Cpath d='M105 178 l10 0 l0 8 l-10 0z' fill='none' stroke='rgba(0,0,0,0.03)' stroke-width='0.8'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23d)' width='200' height='200'/%3E%3C/svg%3E")}.wpp-bubble{max-width:55%;padding:8px 12px;border-radius:10px;font-size:14px;line-height:1.5;position:relative}.wpp-bubble--in{background:var(--bg-message-in);align-self:flex-start;border-top-left-radius:3px}.wpp-bubble--out{background:var(--bg-message-out);align-self:flex-end;border-top-right-radius:3px}.wpp-bubble-content{word-wrap:break-word}.wpp-bubble-time{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:10px;color:var(--text-muted);margin-top:4px;opacity:.8}.wpp-chat-footer{padding:10px 16px;background:var(--bg-panel);border-top:1px solid var(--glass-border);flex-shrink:0}.wpp-chat-input-bar{padding:10px 16px;background:var(--bg-input);border-radius:20px;font-size:13px;color:var(--text-muted);text-align:center}@media(max-width:900px){.portal-sidebar{width:68px}.portal-sidebar-brand span,.portal-sidebar-info,.portal-nav-item span{display:none}.wpp-contacts{width:280px}.wpp-chat-body{padding:16px 20px}}@media(max-width:600px){.portal-layout{flex-direction:column}.portal-sidebar{width:100%;height:auto;flex-direction:row;position:fixed;bottom:0;left:0;right:0;z-index:50;border-right:none;border-top:1px solid var(--glass-border)}.portal-sidebar-header,.portal-sidebar-info,.portal-sidebar-footer{display:none}.portal-sidebar-nav{flex-direction:row;padding:8px;justify-content:space-around}.portal-nav-item{flex-direction:column;gap:2px;padding:8px;font-size:10px;justify-content:center}.portal-nav-item svg{width:20px;height:20px}.portal-main{padding-bottom:80px}.wpp-container{flex-direction:column;height:calc(100vh - 160px)}.wpp-contacts{width:100%;max-height:240px;border-right:none;border-bottom:1px solid var(--glass-border)}.wpp-chat{min-height:300px;flex:1}.wpp-chat-body{padding:12px 16px}}.token-alert{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--danger-bg);border:1px solid rgba(234,67,53,.3);border-radius:12px;margin-bottom:16px;font-size:13px;color:var(--text-primary)}.token-alert p{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.token-alert-icon{flex-shrink:0;color:var(--danger)}.token-alert--inline{padding:10px 14px;margin-bottom:12px;font-size:12px;gap:10px}.token-alert--inline svg{flex-shrink:0;color:var(--danger)}.card--warning{border-color:#ea43354d!important}.faq-item{padding:14px;margin-bottom:10px;background:var(--bg-input);border-radius:10px;border:1px solid var(--glass-border);transition:var(--transition)}.faq-item:hover{border-color:var(--border)}.faq-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.faq-item-number{width:24px;height:24px;border-radius:50%;background:var(--accent-bg);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.media-dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:40px 24px;text-align:center;cursor:pointer;transition:var(--transition);background:var(--glass);margin-bottom:16px}.media-dropzone:hover,.media-dropzone.dragover{border-color:var(--accent);background:#00a8840d}.media-dropzone svg{color:var(--text-muted);margin-bottom:12px}.media-dropzone p{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.media-dropzone span{font-size:12px;color:var(--text-muted)}.media-tip{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#00a88414;border:1px solid rgba(0,168,132,.2);border-radius:10px;font-size:13px;color:var(--text-secondary);margin-bottom:20px}.media-tip svg{flex-shrink:0;color:var(--accent)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.media-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition)}.media-card:hover{border-color:var(--border)}.media-preview{position:relative;height:170px;background:var(--bg-input);overflow:hidden;display:flex;align-items:center;justify-content:center}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:cover}.media-type-badge{position:absolute;top:8px;right:8px;padding:3px 10px;border-radius:100px;font-size:10px;font-weight:700;text-transform:uppercase;background:#0009;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.media-doc-icon{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-muted)}.media-doc-icon span{font-size:11px;font-weight:700;text-transform:uppercase}.media-info{padding:14px}.media-name{font-size:13px;font-weight:600;margin-bottom:4px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-size{font-size:11px;color:var(--text-muted);margin-bottom:10px}.media-description{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:12px;font-family:inherit;resize:vertical;min-height:64px;transition:var(--transition);box-sizing:border-box}.media-description:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00a8841a}.media-description::placeholder{color:var(--text-muted)}.media-delete{display:flex;align-items:center;gap:6px;margin:0 14px 14px;padding:8px 14px;background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition)}.media-delete:hover{background:#ef44441a;border-color:#ef4444}.media-empty{text-align:center;padding:60px 24px;color:var(--text-muted)}.media-empty svg{margin-bottom:16px;opacity:.4}.media-empty p{font-size:15px;font-weight:600;margin:0 0 6px;color:var(--text-secondary)}.media-empty span{font-size:13px}.media-dropzone--inline{display:flex;align-items:center;gap:16px;padding:20px 24px;text-align:left;margin-bottom:16px}.media-dropzone--inline svg{margin-bottom:0;flex-shrink:0}.media-dropzone--inline p{margin:0 0 2px}.media-grid--inline{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:12px}.media-card--inline{border-radius:10px}.media-preview--inline{height:120px}.media-tip--inline{margin-bottom:0;margin-top:4px;padding:10px 14px;font-size:12px}@media(max-width:600px){.media-grid,.media-grid--inline{grid-template-columns:1fr}.media-dropzone{padding:24px 16px}.media-dropzone--inline{flex-direction:column;text-align:center;padding:16px}}.dash-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-bottom:24px}.dash-kpi-card{display:flex;align-items:center;gap:14px;padding:clamp(14px,2vw,20px);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:var(--transition);position:relative;overflow:hidden}.dash-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,168,132,0),transparent);transition:background .4s}.dash-kpi-card:hover:before{background:linear-gradient(90deg,transparent,#00a884,transparent)}.dash-kpi-card:hover{border-color:#00a88433;transform:translateY(-2px)}.dash-kpi-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-kpi-data{min-width:0}.dash-kpi-number{font-size:26px;font-weight:800;letter-spacing:-1px;line-height:1.1;color:var(--text-primary)}.dash-kpi-label{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.dash-kpi-sub{font-size:11px;color:var(--text-muted);margin-top:1px;font-family:monospace}.dash-charts-row{display:grid;grid-template-columns:3fr 2fr;gap:16px;margin-bottom:20px}.dash-chart-card{padding:clamp(18px,2.5vw,28px)!important;margin-bottom:0!important}.dash-chart-card h3{font-size:15px;font-weight:700;letter-spacing:-.3px;margin-bottom:2px}.dash-chart-sub{font-size:12px;color:var(--text-muted);margin-bottom:16px}.dash-chart-legend{display:flex;gap:20px;margin-top:12px}.dash-chart-legend span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.dash-chart-legend i{width:10px;height:10px;border-radius:3px;display:inline-block;font-style:normal}.dash-svg-chart text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dash-top-list{display:flex;flex-direction:column}.dash-top-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--glass-border);cursor:pointer;transition:var(--transition)}.dash-top-row:last-child{border-bottom:none}.dash-top-row:hover{background:var(--bg-hover);margin:0 -12px;padding:10px 12px;border-radius:10px}.dash-top-rank{font-size:12px;font-weight:800;color:var(--text-muted);width:28px;flex-shrink:0;font-family:monospace}.dash-top-info{flex:1;min-width:0}.dash-top-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.dash-top-bar-track{height:5px;background:var(--glass);border-radius:3px;overflow:hidden}.dash-top-bar{height:100%;border-radius:3px;background:linear-gradient(90deg,#00a884,#25d366);transition:width .8s cubic-bezier(.16,1,.3,1)}.dash-top-stats{display:flex;align-items:center;gap:8px;flex-shrink:0}.dash-top-stats span:first-child{font-size:12px;color:var(--text-muted);font-family:monospace;font-weight:600}@media(max-width:900px){.dash-charts-row{grid-template-columns:1fr}.dash-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.dash-kpis{grid-template-columns:1fr}}.login-split{display:flex;min-height:100vh;min-height:100dvh}.login-left{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:clamp(32px,5vw,80px);overflow:hidden;background:linear-gradient(135deg,#050a0e,#0a1f18 40%,#0d2b1f,#0f3625)}[data-theme=light] .login-left{background:linear-gradient(135deg,#e8faf3,#d0f5e4 40%,#b8efd5,#a0e8c6)}.login-left-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.login-left-orb{position:absolute;border-radius:50%;filter:blur(120px)}.login-left-orb-1{width:400px;height:400px;background:#00a88433;top:-100px;right:-50px;animation:lp-float 18s ease-in-out infinite}.login-left-orb-2{width:300px;height:300px;background:#25d36626;bottom:-50px;left:-80px;animation:lp-float 22s ease-in-out infinite reverse}.login-left-orb-3{width:200px;height:200px;background:#00d4aa1a;top:50%;left:30%;animation:lp-float 15s ease-in-out infinite}[data-theme=light] .login-left-orb-1{background:#00a88426}[data-theme=light] .login-left-orb-2{background:#25d3661a}[data-theme=light] .login-left-orb-3{background:#00d4aa14}.login-left-content{position:relative;z-index:1;max-width:440px}.login-left-brand{display:flex;align-items:center;gap:12px;margin-bottom:clamp(28px,4vh,48px)}.login-left-mark{width:44px;height:44px;background:linear-gradient(135deg,#00a884,#25d366);border-radius:13px;display:flex;align-items:center;justify-content:center;color:#000;font-weight:900;font-size:20px;box-shadow:0 8px 32px #00a88459}.login-left-brand span{font-size:28px;font-weight:900;letter-spacing:-1px;color:#e9edef}[data-theme=light] .login-left-brand span{color:#111b21}.login-left-title{font-size:clamp(28px,3.5vw,42px);font-weight:800;line-height:1.1;letter-spacing:-1.5px;color:#e9edef;margin-bottom:clamp(12px,2vh,20px)}[data-theme=light] .login-left-title{color:#111b21}.login-left-title span{background:linear-gradient(135deg,#00a884,#25d366,#00d4aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-left-desc{font-size:clamp(14px,1.2vw,16px);color:#8696a0;line-height:1.7;margin-bottom:clamp(24px,4vh,40px)}[data-theme=light] .login-left-desc{color:#54656f}.login-left-features{display:flex;flex-direction:column;gap:14px}.login-left-feature{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:#e9edefb3}[data-theme=light] .login-left-feature{color:#111b2199}.login-left-feature svg{color:#00a884;flex-shrink:0}.login-right{width:clamp(380px,35vw,500px);display:flex;align-items:center;justify-content:center;padding:clamp(32px,5vw,60px);background:var(--bg-panel);border-left:1px solid var(--glass-border)}.login-form-wrapper{width:100%;max-width:360px}.login-form-title{font-size:26px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px;background:linear-gradient(135deg,#00a884,#25d366);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-form-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:32px;line-height:1.5}.login-error{background:var(--danger-bg);color:var(--danger);font-size:13px;padding:10px 16px;border-radius:10px;border:1px solid rgba(234,67,53,.15);margin-bottom:20px;text-align:center}.login-field{margin-bottom:20px}.login-field label{display:block;margin-bottom:7px;font-size:13px;font-weight:600;color:var(--text-secondary)}.login-field input{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--glass-border);border-radius:11px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:var(--transition)}.login-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00a8841a}.login-field input::placeholder{color:var(--text-muted)}.login-btn{width:100%;padding:13px 24px;background:linear-gradient(135deg,#00a884,#25d366);color:#000;border:none;border-radius:11px;font-size:15px;font-weight:700;cursor:pointer;transition:var(--transition);font-family:inherit;box-shadow:0 4px 20px #00a8844d,inset 0 1px #ffffff26;margin-top:4px}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00a88466,inset 0 1px #ffffff26}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-btn-loading{display:flex;align-items:center;justify-content:center;gap:8px}.login-btn-loading svg{animation:spin 1s linear infinite}.login-footer{text-align:center;margin-top:32px;font-size:12px;color:var(--text-muted)}.login-footer strong{color:var(--accent);font-weight:700}@media(max-width:900px){.login-split{flex-direction:column}.login-left{min-height:40vh;padding:clamp(40px,8vw,60px) 24px}.login-left-features{display:none}.login-right{width:100%;border-left:none;border-top:1px solid var(--glass-border);padding:32px 24px 48px}}@media(max-width:480px){.login-left{min-height:30vh;padding:32px 20px}.login-left-title{font-size:24px}}.register-right{overflow-y:auto}.register-step{max-height:85vh;overflow-y:auto}.register-warning{background:#f973160f;border:1px solid rgba(249,115,22,.2);border-radius:14px;padding:20px;margin-bottom:8px}.register-warning-icon{width:42px;height:42px;border-radius:11px;background:#f973161f;color:#f97316;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.register-warning h3{font-size:16px;font-weight:700;color:#f97316;margin-bottom:16px;letter-spacing:-.3px}.register-warning-items{display:flex;flex-direction:column;gap:14px}.register-warning-item{display:flex;gap:12px}.register-warning-bullet{width:26px;height:26px;border-radius:50%;background:#f973161f;color:#f97316;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;margin-top:2px}.register-warning-item strong{display:block;font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.register-warning-item p{font-size:12.5px;color:var(--text-muted);line-height:1.6;margin:0}.register-warning-item p strong{display:inline;color:#f97316;font-size:inherit}.register-checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer;margin-top:18px;padding:14px;border-radius:10px;border:1px solid var(--glass-border);background:var(--glass);transition:var(--transition)}.register-checkbox:hover{border-color:#00a8844d}.register-check{width:22px;height:22px;border-radius:6px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition);margin-top:1px}.register-check.checked{background:linear-gradient(135deg,#00a884,#25d366);border-color:transparent;color:#000}.register-checkbox span{font-size:13px;color:var(--text-secondary);line-height:1.5}.register-link{color:var(--accent);text-decoration:none;font-weight:600;transition:color .2s}.register-link:hover{color:var(--accent-hover)}.login-field-hint{display:block;margin-top:6px;font-size:11px;color:var(--text-muted);font-style:italic}.lp{background:#050a0e;color:#e9edef;overflow-x:hidden;position:relative}[data-theme=light] .lp{background:#f8fafb;color:#111b21}.lp-ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.lp-orb{position:absolute;border-radius:50%;filter:blur(140px)}.lp-orb-1{width:600px;height:600px;background:#00a8841f;top:-200px;right:-100px;animation:lp-float 20s ease-in-out infinite}.lp-orb-2{width:500px;height:500px;background:#25d36614;bottom:10%;left:-150px;animation:lp-float 25s ease-in-out infinite reverse}.lp-orb-3{width:300px;height:300px;background:#00d4aa0f;top:50%;left:50%;animation:lp-float 18s ease-in-out infinite}[data-theme=light] .lp-orb-1{background:#00a8840f}[data-theme=light] .lp-orb-2{background:#25d3660a}[data-theme=light] .lp-orb-3{background:#00d4aa08}@keyframes lp-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}.lp-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,168,132,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,168,132,.03) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 20%,transparent 70%)}[data-theme=light] .lp-grid-overlay{background-image:linear-gradient(rgba(0,168,132,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,168,132,.05) 1px,transparent 1px)}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:all .4s cubic-bezier(.16,1,.3,1)}.lp-nav--scrolled{background:#050a0ecc;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid rgba(0,168,132,.1);padding:10px 0}[data-theme=light] .lp-nav--scrolled{background:#f8fafbd9;border-bottom:1px solid rgba(0,0,0,.06)}.lp-nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.lp-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:#00a884;letter-spacing:-.5px}.lp-brand-mark{width:34px;height:34px;background:linear-gradient(135deg,#00a884,#25d366);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#000;font-weight:900;font-size:16px;box-shadow:0 4px 16px #00a8844d}.lp-nav-links{display:flex;align-items:center;gap:28px}.lp-nav-links a{color:#8696a0;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s;position:relative}.lp-nav-links a:hover{color:#e9edef}[data-theme=light] .lp-nav-links a:hover{color:#111b21}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-decoration:none;font-family:inherit}.lp-btn--primary{background:linear-gradient(135deg,#00a884,#25d366);color:#000;box-shadow:0 4px 20px #00a8844d,inset 0 1px #ffffff26}.lp-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00a88466,inset 0 1px #ffffff26}.lp-btn--glass{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#e9edef;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] .lp-btn--glass{background:#0000000a;border:1px solid rgba(0,0,0,.1);color:#111b21}.lp-btn--glass:hover{background:#ffffff1a;border-color:#00a88466;transform:translateY(-2px)}[data-theme=light] .lp-btn--glass:hover{background:#0000000f;border-color:#00a88466}.lp-btn--sm{padding:8px 18px;font-size:13px}.lp-btn--lg{padding:14px 30px;font-size:15px;border-radius:12px}.lp-btn--block{width:100%}.lp-hero{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;gap:clamp(32px,5vw,80px);max-width:1200px;margin:0 auto;padding:clamp(80px,12vh,140px) 24px clamp(40px,6vh,100px);position:relative;z-index:1}.lp-hero-content{flex:1;max-width:580px}.lp-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 16px 6px 10px;background:#00a88414;border:1px solid rgba(0,168,132,.15);border-radius:100px;font-size:13px;color:#00a884;font-weight:500;margin-bottom:clamp(16px,2vh,28px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lp-chip-dot{width:8px;height:8px;background:#00a884;border-radius:50%;box-shadow:0 0 8px #00a884;animation:lp-pulse 2s ease-in-out infinite}@keyframes lp-pulse{0%,to{opacity:1;box-shadow:0 0 8px #00a884}50%{opacity:.5;box-shadow:0 0 16px #00a884,0 0 32px #00a8844d}}.lp-hero h1{font-size:clamp(32px,4.5vw,56px);font-weight:800;line-height:1.08;letter-spacing:-2px;margin-bottom:clamp(12px,1.5vh,20px)}.lp-grad{background:linear-gradient(135deg,#00a884,#25d366,#00d4aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-hero-sub{font-size:clamp(14px,1.3vw,17px);line-height:1.7;color:#8696a0;margin-bottom:clamp(20px,3vh,36px);max-width:480px}[data-theme=light] .lp-hero-sub{color:#54656f}.lp-hero-actions{display:flex;gap:14px;margin-bottom:clamp(24px,4vh,52px)}.lp-metrics{display:flex;gap:1px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] .lp-metrics{background:#00000005;border-color:#0000000f}.lp-metric{flex:1;padding:16px 20px;text-align:center;display:flex;flex-direction:column;gap:2px}.lp-metric+.lp-metric{border-left:1px solid rgba(255,255,255,.06)}[data-theme=light] .lp-metric+.lp-metric{border-left-color:#0000000f}.lp-metric-val{font-size:24px;font-weight:800;color:#00a884;letter-spacing:-.5px}.lp-metric-label{font-size:12px;color:#667781;font-weight:500}.lp-hero-visual{flex:0 0 clamp(280px,26vw,360px);position:relative;z-index:1}.lp-phone{background:#0b141a;border-radius:32px;border:2px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 40px 80px #0006,0 0 0 1px #ffffff08,inset 0 1px #ffffff0d;position:relative}[data-theme=light] .lp-phone{background:#fff;border-color:#0000001a;box-shadow:0 40px 80px #0000001f,0 0 0 1px #0000000a}.lp-phone-notch{width:120px;height:24px;background:#050a0e;border-radius:0 0 16px 16px;margin:0 auto;position:relative;z-index:2}[data-theme=light] .lp-phone-notch{background:#f0f2f5}.lp-phone-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#111b21;border-bottom:1px solid rgba(255,255,255,.05)}[data-theme=light] .lp-phone-header{background:#f0f2f5;border-bottom-color:#0000000f}.lp-phone-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#00a884,#25d366);color:#000;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.lp-phone-name{font-weight:600;font-size:14px}.lp-phone-status{font-size:11px;color:#00a884}.lp-phone-body{padding:clamp(10px,1.2vw,16px) clamp(8px,1vw,12px);min-height:clamp(240px,38vh,340px);display:flex;flex-direction:column;gap:6px;background:#0b141a;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='p' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='1' cy='1' r='0.5' fill='rgba(255,255,255,0.015)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23p)' width='100' height='100'/%3E%3C/svg%3E")}[data-theme=light] .lp-phone-body{background:#efeae2;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='p' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='1' cy='1' r='0.5' fill='rgba(0,0,0,0.02)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23p)' width='100' height='100'/%3E%3C/svg%3E")}.lp-msg{padding:8px 12px;border-radius:10px;font-size:12.5px;line-height:1.5;max-width:82%;opacity:0;animation:lp-msg-in .4s ease forwards}.lp-msg--in{background:#1f2c34;align-self:flex-start;border-top-left-radius:2px;box-shadow:0 1px 2px #0000001a}[data-theme=light] .lp-msg--in{background:#fff;box-shadow:0 1px 3px #0000000f}.lp-msg--out{background:#005c4b;align-self:flex-end;border-top-right-radius:2px}[data-theme=light] .lp-msg--out{background:#d9fdd3;color:#111b21}.lp-msg--a1{animation-delay:.5s}.lp-msg--a2{animation-delay:1.5s}.lp-msg--a3{animation-delay:2.8s}.lp-msg--a4{animation-delay:4s}.lp-msg--a5{animation-delay:5.2s}@keyframes lp-msg-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.lp-phone-input{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#111b21;border-top:1px solid rgba(255,255,255,.05)}[data-theme=light] .lp-phone-input{background:#f0f2f5;border-top-color:#0000000f}.lp-phone-input-bar{flex:1;padding:8px 14px;background:#1f2c34;border-radius:20px;font-size:12px;color:#667781}[data-theme=light] .lp-phone-input-bar{background:#fff}.lp-phone-send{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#00a884,#25d366);display:flex;align-items:center;justify-content:center;color:#000;flex-shrink:0}.lp-social-proof{position:relative;z-index:1;text-align:center;padding:40px 24px 60px;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}[data-theme=light] .lp-social-proof{border-color:#0000000a}.lp-social-proof>span{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#667781;font-weight:600;display:block;margin-bottom:20px}.lp-logos{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.lp-logo-item{font-size:14px;font-weight:700;color:#8696a0;opacity:.5;letter-spacing:-.3px}.lp-section{padding:clamp(60px,10vh,120px) 24px;position:relative;z-index:1}.lp-section--alt{background:#ffffff04;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}[data-theme=light] .lp-section--alt{background:#00000004;border-color:#0000000a}.lp-section-inner{max-width:1200px;margin:0 auto}.lp-section-head{text-align:center;margin-bottom:clamp(36px,5vh,64px)}.lp-tag{display:inline-block;padding:5px 14px;background:#00a88414;border:1px solid rgba(0,168,132,.12);color:#00a884;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;border-radius:100px;margin-bottom:18px}.lp-section-head h2{font-size:clamp(26px,3.2vw,40px);font-weight:800;letter-spacing:-1.5px;margin-bottom:12px;line-height:1.1}.lp-section-head p{font-size:16px;color:#8696a0;max-width:480px;margin:0 auto;line-height:1.6}[data-theme=light] .lp-section-head p{color:#54656f}.lp-section .lp-feature,.lp-section .lp-step,.lp-section .lp-price-card{opacity:0;transform:translateY(30px);transition:none}.lp-visible .lp-feature,.lp-visible .lp-step,.lp-visible .lp-price-card{animation:lp-reveal .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes lp-reveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lp-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lp-feature{padding:32px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}[data-theme=light] .lp-feature{background:#fff9;border-color:#0000000f}.lp-feature:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,168,132,0),transparent);transition:background .4s}.lp-feature:hover{border-color:#00a88440;transform:translateY(-4px);background:#00a88408;box-shadow:0 20px 50px #00a88414}.lp-feature:hover:before{background:linear-gradient(90deg,transparent,#00a884,transparent)}.lp-feature-icon{width:44px;height:44px;border-radius:12px;background:#00a88414;border:1px solid rgba(0,168,132,.12);color:#00a884;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.lp-feature h3{font-size:16px;font-weight:700;margin-bottom:8px;letter-spacing:-.3px}.lp-feature p{font-size:13.5px;color:#8696a0;line-height:1.6}[data-theme=light] .lp-feature p{color:#54656f}.lp-steps{display:flex;justify-content:center;gap:20px;position:relative}.lp-step{flex:1;max-width:340px;text-align:center;padding:40px 32px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}[data-theme=light] .lp-step{background:#fff9;border-color:#0000000f}.lp-step:hover{border-color:#00a88440;transform:translateY(-4px)}.lp-step-n{font-size:32px;font-weight:900;color:#00a884;margin-bottom:16px;font-family:monospace;letter-spacing:-2px}.lp-step h3{font-size:18px;font-weight:700;margin-bottom:8px}.lp-step p{font-size:14px;color:#8696a0;line-height:1.6}[data-theme=light] .lp-step p{color:#54656f}.lp-step-connector{display:none}.lp-steps .lp-step+.lp-step:before{content:"";position:absolute;left:-20px;top:50%;width:20px;height:2px;background:linear-gradient(90deg,#00a8844d,#00a8841a)}.lp-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.lp-price-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:36px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}[data-theme=light] .lp-price-card{background:#fff9;border-color:#0000000f}.lp-price-card:hover{transform:translateY(-4px)}.lp-price-card--featured{border-color:#00a88466;background:#00a8840a;box-shadow:0 0 60px #00a8841a,inset 0 1px #00a8841a}[data-theme=light] .lp-price-card--featured{background:#00a88408;box-shadow:0 0 60px #00a8840f}.lp-price-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);padding:4px 18px;background:linear-gradient(135deg,#00a884,#25d366);color:#000;font-size:11px;font-weight:800;border-radius:100px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 16px #00a8844d}.lp-price-name{font-size:16px;font-weight:700;margin-bottom:16px;letter-spacing:-.3px}.lp-price-amount{margin-bottom:24px;display:flex;align-items:baseline;gap:2px}.lp-price-curr{font-size:16px;font-weight:600;color:#8696a0}.lp-price-num{font-size:48px;font-weight:900;color:#00a884;line-height:1;letter-spacing:-2px}.lp-price-per{font-size:14px;color:#667781}.lp-price-custom{font-size:24px;font-weight:700;color:#00a884}.lp-price-list{list-style:none;margin-bottom:28px;padding:0}.lp-price-list li{padding:8px 0;font-size:13.5px;color:#8696a0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:center;gap:10px}[data-theme=light] .lp-price-list li{color:#54656f;border-bottom-color:#0000000a}.lp-price-list li svg{color:#00a884;flex-shrink:0}.lp-cta{padding:clamp(60px,10vh,120px) 24px;text-align:center;position:relative;z-index:1}.lp-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(0,168,132,.06) 0%,transparent 70%)}.lp-cta-inner{max-width:600px;margin:0 auto}.lp-cta h2{font-size:clamp(26px,3.2vw,40px);font-weight:800;margin-bottom:14px;letter-spacing:-1.5px}.lp-cta p{font-size:16px;color:#8696a0;margin-bottom:36px;line-height:1.6}[data-theme=light] .lp-cta p{color:#54656f}.lp-cta .lp-cta-inner{opacity:0;transform:translateY(30px)}.lp-cta.lp-visible .lp-cta-inner{animation:lp-reveal .6s cubic-bezier(.16,1,.3,1) forwards}.lp-footer{position:relative;z-index:1;padding:32px 24px;border-top:1px solid rgba(255,255,255,.04)}[data-theme=light] .lp-footer{border-top-color:#0000000f}.lp-footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.lp-footer-brand p{color:#667781;font-size:13px;margin-top:6px}.lp-footer-copy{font-size:13px;color:#667781}@media(max-width:1024px){.lp-features,.lp-pricing{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.lp-hero{flex-direction:column;text-align:center}.lp-hero-sub{margin-left:auto;margin-right:auto}.lp-hero-actions{justify-content:center}.lp-hero-visual{flex:none;width:100%;max-width:300px}.lp-features{grid-template-columns:1fr}.lp-steps{flex-direction:column;align-items:center}.lp-steps .lp-step+.lp-step:before{display:none}.lp-pricing{grid-template-columns:1fr;max-width:400px;margin:0 auto}.lp-nav-links a{display:none}.lp-footer-inner{flex-direction:column;gap:16px;text-align:center}}@media(max-width:600px){.lp-hero-actions{flex-direction:column;align-items:center;width:100%}.lp-hero-actions .lp-btn{width:100%;max-width:280px;justify-content:center}.lp-metrics{flex-direction:column}.lp-metric+.lp-metric{border-left:none;border-top:1px solid rgba(255,255,255,.06)}[data-theme=light] .lp-metric+.lp-metric{border-top-color:#0000000f}.lp-social-proof{padding:24px 16px 40px}.lp-logos{gap:20px}}.pipeline-stats{display:flex;gap:16px;margin-bottom:20px}.pipeline-stat{display:flex;flex-direction:column;align-items:center;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;padding:12px 24px;min-width:100px}.pipeline-stat-number{font-size:22px;font-weight:700;color:var(--text-primary)}.pipeline-stat-label{font-size:11px;color:var(--text-muted);margin-top:2px}.pipeline-board{display:flex;gap:12px;overflow-x:auto;padding-bottom:16px;min-height:400px}.pipeline-column{flex:1;min-width:220px;max-width:280px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:14px;display:flex;flex-direction:column}.pipeline-column-header{display:flex;align-items:center;gap:8px;padding:14px 16px 10px;border-bottom:1px solid var(--glass-border)}.pipeline-column-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pipeline-column-title{font-size:13px;font-weight:600;color:var(--text-primary)}.pipeline-column-count{margin-left:auto;font-size:11px;color:var(--text-muted);background:var(--bg-input);padding:2px 8px;border-radius:10px}.pipeline-column-body{flex:1;padding:8px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.pipeline-card{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:10px;padding:12px;cursor:grab;transition:var(--transition)}.pipeline-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.pipeline-card.dragging{opacity:.5;transform:rotate(2deg)}.pipeline-card-phone{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.pipeline-card-preview{font-size:12px;color:var(--text-muted);line-height:1.4;margin-bottom:8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pipeline-card-footer{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted)}.pipeline-empty{text-align:center;color:var(--text-muted);font-size:12px;padding:24px 12px;opacity:.6}@media(max-width:768px){.pipeline-board{flex-direction:column}.pipeline-column{max-width:100%}}.stage-badge{display:inline-block;font-size:9px;font-weight:600;padding:2px 6px;border-radius:6px;margin-left:6px;vertical-align:middle;letter-spacing:.3px;text-transform:uppercase}.stage-filters{display:flex;gap:5px;padding:10px 12px;overflow-x:auto;border-bottom:1px solid var(--border-light);flex-shrink:0;flex-wrap:wrap}.stage-filter-chip{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:14px;border:1px solid var(--border-light);background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer;white-space:nowrap;transition:var(--transition)}.stage-filter-chip:hover{background:var(--bg-hover)}.stage-filter-chip.active{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent)}.stage-filter-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.stage-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:5px 28px 5px 10px;font-size:12px;font-weight:600;color:var(--text-primary);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238696a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:var(--transition)}.stage-select:hover{border-color:var(--accent)}.stage-select:focus{outline:none;border-color:var(--accent)}
