@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#344767;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}body{color:#344767;background-color:#f0f2f5;min-width:320px;min-height:100vh;margin:0;padding:0;display:block}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}a:hover{color:#764ba2}.sidenav{z-index:1000;background:#fff;flex-direction:column;height:100vh;transition:width .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.main-content{width:calc(100% - 75px);min-height:100vh;margin-left:75px;transition:margin-left .28s cubic-bezier(.4,0,.2,1),width .28s cubic-bezier(.4,0,.2,1)}body.sidebar-expanded .main-content{width:calc(100% - 260px);margin-left:260px}@media (max-width:1023px){.main-content,body.sidebar-expanded .main-content{width:100%!important;margin-left:0!important}}.sidebar-hamburger{cursor:pointer;color:#344767;background:#fff;border:1px solid #e9ecef;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:none}@media (max-width:1023px){.sidebar-hamburger{display:flex!important}.main-content,.main-content .container-fluid{padding-bottom:88px!important}}.table-responsive{overflow-x:auto;width:100%!important}.table{width:100%!important}.card-body{width:100%;overflow-x:hidden}.main-content .container-fluid{width:100%;max-width:100%}.label-dropdown,.dropdown-menu,.suggestions-dropdown,.dropdown-menu.show{z-index:10001!important}:root{--ui-primary:#667eea;--ui-primary-end:#764ba2;--ui-primary-glow:#667eea59;--ui-primary-soft:#667eea1a;--ui-danger:#ef4444;--ui-danger-soft:#fee2e2;--ui-success:#10b981;--ui-success-soft:#d1fae5;--ui-warning:#f59e0b;--ui-warning-soft:#fef3c7;--ui-info:#3b82f6;--ui-info-soft:#dbeafe;--ui-radius:10px;--ui-radius-sm:7px;--ui-radius-lg:14px;--ui-shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--ui-shadow-md:0 4px 16px #0000001a, 0 2px 6px #0000000f;--ui-shadow-lg:0 20px 60px #00000029, 0 8px 24px #00000014;--ui-transition:.18s cubic-bezier(.4, 0, .2, 1)}.ui-btn{border-radius:var(--ui-radius);cursor:pointer;transition:transform var(--ui-transition), box-shadow var(--ui-transition), background var(--ui-transition), opacity var(--ui-transition);white-space:nowrap;letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:7px;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:hidden}.ui-btn:after{content:"";border-radius:inherit;background:#fff0;transition:background .3s;position:absolute;inset:0}.ui-btn:active:not(:disabled):after{background:#ffffff26}.ui-btn:disabled{opacity:.52;cursor:not-allowed}.ui-btn .material-symbols-rounded{flex-shrink:0;font-size:17px}.ui-btn--sm{padding:6px 13px;font-size:.8rem}.ui-btn--md{padding:9px 18px;font-size:.875rem}.ui-btn--lg{padding:11px 24px;font-size:.95rem}.ui-btn--primary{background:linear-gradient(135deg, var(--ui-primary) 0%, var(--ui-primary-end) 100%);color:#fff;box-shadow:0 4px 14px var(--ui-primary-glow)}.ui-btn--primary:hover:not(:disabled){box-shadow:0 6px 20px var(--ui-primary-glow);transform:translateY(-1px)}.ui-btn--primary:active:not(:disabled){box-shadow:0 2px 8px var(--ui-primary-glow);transform:translateY(0)}.ui-btn--secondary{color:#374151;box-shadow:var(--ui-shadow-sm);background:#fff;border:1.5px solid #e5e7eb}.ui-btn--secondary:hover:not(:disabled){box-shadow:var(--ui-shadow-md);background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.ui-btn--secondary:active:not(:disabled){transform:translateY(0)}.ui-btn--danger{background:var(--ui-danger-soft);color:var(--ui-danger);border:1.5px solid #fecaca}.ui-btn--danger:hover:not(:disabled){background:#fecaca;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}.ui-btn--danger:active:not(:disabled){transform:translateY(0)}.ui-btn--ghost{color:#6b7280;background:0 0;border:1.5px solid #0000}.ui-btn--ghost:hover:not(:disabled){color:#374151;background:#f3f4f6;border-color:#e5e7eb}.ui-icon-btn{border-radius:var(--ui-radius-sm);cursor:pointer;transition:background var(--ui-transition), color var(--ui-transition), transform var(--ui-transition), box-shadow var(--ui-transition);color:#6b7280;background:#f3f4f6;border:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;display:inline-flex}.ui-icon-btn:disabled{opacity:.5;cursor:not-allowed}.ui-icon-btn--sm{width:28px;height:28px}.ui-icon-btn--md{width:34px;height:34px}.ui-icon-btn--lg{width:40px;height:40px}.ui-icon-btn .material-symbols-rounded{font-size:16px}.ui-icon-btn--md .material-symbols-rounded{font-size:18px}.ui-icon-btn--lg .material-symbols-rounded{font-size:20px}.ui-icon-btn--default:hover:not(:disabled){color:#374151;background:#e5e7eb;transform:scale(1.08)}.ui-icon-btn--edit:hover:not(:disabled){color:#1d4ed8;background:#dbeafe;transform:scale(1.08)}.ui-icon-btn--delete:hover:not(:disabled){color:#dc2626;background:#fee2e2;transform:scale(1.08)}.ui-icon-btn--success:hover:not(:disabled){color:#065f46;background:#d1fae5;transform:scale(1.08)}.ui-icon-btn--warning:hover:not(:disabled){color:#92400e;background:#fef3c7;transform:scale(1.08)}.ui-field{flex-direction:column;gap:6px;display:flex}.ui-label{color:#374151;letter-spacing:.02em;font-size:.78rem;font-weight:600}.ui-label--req:after{content:" *";color:var(--ui-danger)}.ui-input,.ui-select,.ui-textarea{border-radius:var(--ui-radius);color:#111827;transition:border-color var(--ui-transition), box-shadow var(--ui-transition), background var(--ui-transition);box-sizing:border-box;background:#fafafa;border:1.5px solid #e5e7eb;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:.875rem;line-height:1.5}.ui-input:hover:not(:disabled):not(:focus),.ui-select:hover:not(:disabled):not(:focus),.ui-textarea:hover:not(:disabled):not(:focus){background:#f5f6fa;border-color:#c4c9d4}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-soft);background:#fff}.ui-input:disabled,.ui-select:disabled,.ui-textarea:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6;border-color:#e5e7eb}.ui-input--error,.ui-select--error,.ui-textarea--error{border-color:var(--ui-danger);background:#fff8f8}.ui-input--error:focus,.ui-select--error:focus,.ui-textarea--error:focus{box-shadow:0 0 0 3px #ef44441f}.ui-input--sm,.ui-select--sm{padding:6px 10px;font-size:.82rem}.ui-textarea{resize:vertical;min-height:80px}.ui-select{appearance:none;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='%239ca3af' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.ui-field-hint{color:#9ca3af;margin:0;font-size:.72rem}.ui-field-error{color:var(--ui-danger);margin:0;font-size:.72rem;font-weight:500}.ui-overlay{-webkit-backdrop-filter:blur(6px);z-index:1050;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;animation:.2s ui-overlay-in;display:flex;position:fixed;inset:0}@keyframes ui-overlay-in{0%{opacity:0}to{opacity:1}}.ui-modal{box-shadow:0 0 0 1px #6366f10f, var(--ui-shadow-lg);background:#fff;border-radius:18px;flex-direction:column;width:100%;max-height:92vh;animation:.22s cubic-bezier(.34,1.56,.64,1) ui-modal-in;display:flex;overflow:hidden}@keyframes ui-modal-in{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.ui-modal--sm{max-width:420px}.ui-modal--md{max-width:560px}.ui-modal--lg{max-width:860px}.ui-modal--xl{max-width:1100px}.ui-modal-header{background:linear-gradient(135deg,#f8f9ff 0%,#f3f4f6 100%);border-bottom:1px solid #f0f2f5;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.ui-modal-header h2,.ui-modal-header-title>h2{color:#1e293b;letter-spacing:-.2px;margin:0;font-size:1.05rem;font-weight:700}.ui-modal-header-title{flex:1;align-items:center;min-width:0;display:flex}.ui-modal-body{flex:1;padding:22px 24px;overflow-y:auto}.ui-modal-body::-webkit-scrollbar{width:5px}.ui-modal-body::-webkit-scrollbar-track{background:0 0}.ui-modal-body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:99px}.ui-modal-body::-webkit-scrollbar-thumb:hover{background:#d1d5db}.ui-modal-footer{background:#fafafa;border-top:1px solid #f0f2f5;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.ui-close-btn{border-radius:var(--ui-radius-sm);cursor:pointer;color:#6b7280;width:34px;height:34px;transition:background var(--ui-transition), color var(--ui-transition), transform var(--ui-transition);background:#0000000d;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ui-close-btn:hover{color:var(--ui-danger);background:#fee2e2;transform:rotate(90deg)}.ui-close-btn .material-symbols-rounded{font-size:18px}.ui-badge{text-transform:capitalize;white-space:nowrap;letter-spacing:.03em;transition:transform var(--ui-transition), box-shadow var(--ui-transition);border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.ui-badge:hover{transform:scale(1.04)}.ui-spinner{border-style:solid;border-radius:50%;flex-shrink:0;animation:.65s linear infinite ui-spin;display:inline-block}.ui-spinner--sm{border-width:2px;width:14px;height:14px}.ui-spinner--md{border-width:2px;width:20px;height:20px}.ui-spinner--lg{border-width:3px;width:32px;height:32px}.ui-spinner--xl{border-width:4px;width:44px;height:44px}.ui-spinner--white{border-color:#fff #ffffff4d #ffffff4d}.ui-spinner--dark{border-color:#e5e7eb;border-top-color:var(--ui-primary)}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:64px 24px;animation:.3s ui-fade-up;display:flex}@keyframes ui-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ui-empty__icon{color:#d1d5db;font-size:52px;animation:3s ease-in-out infinite ui-empty-float}@keyframes ui-empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.ui-empty__title{color:#4b5563;margin:0;font-size:1rem;font-weight:700}.ui-empty__desc{color:#9ca3af;max-width:320px;margin:0;font-size:.83rem;line-height:1.5}.ui-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:1.5rem;animation:.25s ui-fade-up;display:flex}.ui-page-header__title{color:#1e293b;letter-spacing:-.3px;margin:0;font-size:1.25rem;font-weight:800}.ui-page-header__sub{color:#7b809a;margin:3px 0 0;font-size:.83rem;line-height:1.4}.ui-toast-wrap{z-index:99999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.ui-toast{color:#fff;pointer-events:all;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:10px;min-width:280px;max-width:400px;padding:13px 16px;font-size:.875rem;font-weight:500;animation:.3s cubic-bezier(.34,1.56,.64,1) ui-toast-in;display:flex;box-shadow:0 8px 24px #0000002e,0 2px 8px #0000001a}.ui-toast--success{background:linear-gradient(135deg,#059669,#10b981)}.ui-toast--error{background:linear-gradient(135deg,#dc2626,#ef4444)}.ui-toast--warning{background:linear-gradient(135deg,#d97706,#f59e0b)}.ui-toast--info{background:linear-gradient(135deg,#2563eb,#3b82f6)}.ui-toast__close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:6px;flex-shrink:0;align-items:center;margin-left:auto;padding:3px;transition:background .15s;display:flex}.ui-toast__close:hover{background:#ffffff4d}.ui-toast__close .material-symbols-rounded{font-size:15px}@keyframes ui-toast-in{0%{opacity:0;transform:translate(24px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.ui-checkbox-label{cursor:pointer;border-radius:var(--ui-radius);transition:background var(--ui-transition), border-color var(--ui-transition), box-shadow var(--ui-transition);background:#fafafa;border:1.5px solid #e5e7eb;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.ui-checkbox-label:hover{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-soft);background:#f5f6ff}.ui-checkbox{width:16px;height:16px;accent-color:var(--ui-primary);cursor:pointer;flex-shrink:0;margin-top:2px}.ui-checkbox-content{flex-direction:column;gap:2px;display:flex}.ui-checkbox-text{color:#374151;font-size:.875rem;font-weight:500}.ui-alert{border-radius:var(--ui-radius);align-items:center;gap:8px;margin-bottom:14px;padding:11px 15px;font-size:.83rem;font-weight:500;animation:.2s ui-fade-up;display:flex}.ui-alert--error{background:var(--ui-danger-soft);color:#991b1b;border:1px solid #fecaca}.ui-alert--warning{background:var(--ui-warning-soft);color:#92400e;border:1px solid #fde68a}.ui-alert--info{background:var(--ui-info-soft);color:#1d4ed8;border:1px solid #bfdbfe}.ui-alert--success{background:var(--ui-success-soft);color:#065f46;border:1px solid #a7f3d0}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:600px){.ui-modal{border-radius:18px 18px 0 0;max-height:96vh;margin-top:auto}.ui-overlay{align-items:flex-end;padding:0}.ui-toast-wrap{bottom:16px;left:12px;right:12px}.ui-toast{min-width:unset;max-width:100%}}.toast{z-index:999999!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important;background:#fff!important;border:2px solid #ddd!important;border-radius:8px!important;align-items:center!important;gap:12px!important;min-width:300px!important;max-width:500px!important;padding:16px 20px!important;animation:.3s ease-out slideIn!important;display:flex!important;position:fixed!important;top:20px!important;right:20px!important;box-shadow:0 4px 12px #00000080!important}@keyframes slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:700;display:flex}.toast-error{border-left:4px solid red!important}.toast-error .toast-icon{color:#c33!important;background:#fee!important}.toast-success{border-left:4px solid #0f0!important}.toast-success .toast-icon{color:#3c3!important;background:#efe!important}.toast-info{border-left:4px solid #00f!important}.toast-info .toast-icon{color:#33c!important;background:#eef!important}.toast-message{color:#000!important;flex:1!important;font-size:16px!important;font-weight:600!important;line-height:1.4!important}.toast-close{color:#999;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:24px;transition:color .2s;display:flex}.toast-close:hover{color:#333}*{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}.background-image{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;height:100vh}header{z-index:10;width:100%;padding:0 10px;position:fixed;top:0;left:0}.form-popup{z-index:10;opacity:0;pointer-events:none;background:#fff;border:2px solid #fff;width:100%;max-width:720px;position:fixed;top:50%;left:50%;transform:translate(-50%,-70%)}.form-popup.show-popup{opacity:1;pointer-events:auto;transition:transform .3s,opacity .1s;transform:translate(-50%,-50%)}.form-popup .close-btn{color:#878484;cursor:pointer;position:absolute;top:12px;right:12px}.blur-bg-overlay{z-index:10;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(5px);width:100%;height:100%;transition:all .1s;position:fixed;top:0;left:0}.blur-bg-overlay.show-popup{opacity:1;pointer-events:auto}.form-popup .form-box{display:flex}.form-box .form-details{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:330px;display:flex}.login .form-details{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) 50%/cover;padding:0 40px}.signup .form-details{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%) 50%/cover;padding:0 20px}.form-box .form-content{width:100%;padding:35px}.form-box h2{text-align:center;margin-bottom:29px}form .input-field{width:100%;height:50px;margin-top:20px;position:relative}.input-field input{background:0 0;border:1px solid #717171;border-radius:3px;outline:none;width:100%;height:100%;padding:0 15px;font-size:.95rem}.input-field input:focus{border:1px solid #00bcd4}.input-field label{color:#4a4646;pointer-events:none;transition:all .2s;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.input-field input:is(:focus,:valid){padding:16px 15px 0}.input-field input:is(:focus,:valid)~label{color:#00bcd4;font-size:.75rem;transform:translateY(-120%)}.form-box a{color:#00bcd4;text-decoration:none}.form-box a:hover{text-decoration:underline}form :where(.forgot-pass-link,.policy-text){margin-top:13px;font-size:.95rem;display:inline-flex}form button{color:#fff;cursor:pointer;background:#00bcd4;border:none;border-radius:3px;outline:none;width:100%;margin:25px 0;padding:14px 0;font-size:1rem;font-weight:500;transition:all .2s}form button:hover{background:#0097a7}.form-content .bottom-link{text-align:center}.form-popup .signup,.form-popup.show-signup .login{display:none}.form-popup.show-signup .signup{display:flex}.signup .policy-text{align-items:center;margin-top:14px;display:flex}.signup .policy-text input{width:14px;height:14px;margin-right:7px}@media (max-width:950px){.navbar :is(.hamburger-btn,.close-btn){display:block}.navbar{padding:15px 0}.navbar .logo img{display:none}.navbar .logo h2{font-size:1.4rem}.navbar .links{z-index:10;text-align:center;background:#fff;width:100%;height:100vh;padding-top:60px;transition:all .2s;display:block;position:fixed;top:0;left:-100%}.navbar .links.show-menu{left:0}.navbar .links a{color:#000;margin:20px 0;font-size:1.2rem;display:inline-flex}.navbar .links a:hover{color:#00bcd4}.navbar .login-btn{padding:7px 10px;font-size:.9rem}}@media (max-width:760px){.form-popup{width:95%}.form-box .form-details{display:none}.form-box .form-content{padding:30px 20px}}.loader-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.loader-small{gap:8px}.loader-medium{gap:16px}.loader-large{gap:24px}.loader-spinner{border:3px solid #667eea1a;border-top-color:#667eea;border-radius:50%;animation:.8s linear infinite loader-spin;position:relative}.loader-spinner-inner{border:2px solid #0000;border-top-color:#667eea;border-radius:50%;animation:1.2s linear infinite reverse loader-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-small .loader-spinner{border-width:2px;width:24px;height:24px}.loader-small .loader-spinner-inner{border-width:2px;width:16px;height:16px}.loader-medium .loader-spinner{border-width:3px;width:48px;height:48px}.loader-medium .loader-spinner-inner{border-width:3px;width:32px;height:32px}.loader-large .loader-spinner{border-width:4px;width:64px;height:64px}.loader-large .loader-spinner-inner{border-width:3px;width:48px;height:48px}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-dots{align-items:center;gap:8px;display:flex}.loader-dot{background-color:#667eea;border-radius:50%;animation:1.4s ease-in-out infinite both loader-bounce}.loader-small .loader-dot{width:6px;height:6px}.loader-medium .loader-dot{width:10px;height:10px}.loader-large .loader-dot{width:14px;height:14px}.loader-dot:first-child{animation-delay:-.32s}.loader-dot:nth-child(2){animation-delay:-.16s}@keyframes loader-bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.loader-pulse{justify-content:center;align-items:center;display:flex;position:relative}.loader-pulse-ring{border:3px solid #667eea;border-radius:50%;animation:1.5s cubic-bezier(.215,.61,.355,1) infinite loader-pulse-ring;position:absolute}.loader-pulse-ring:nth-child(2){animation-delay:.75s}.loader-pulse-core{background-color:#667eea;border-radius:50%;animation:1.5s ease-in-out infinite loader-pulse-core}.loader-small .loader-pulse-ring{width:32px;height:32px}.loader-small .loader-pulse-core{width:8px;height:8px}.loader-medium .loader-pulse-ring{width:56px;height:56px}.loader-medium .loader-pulse-core{width:12px;height:12px}.loader-large .loader-pulse-ring{width:80px;height:80px}.loader-large .loader-pulse-core{width:16px;height:16px}@keyframes loader-pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}@keyframes loader-pulse-core{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.loader-text{color:#667eea;text-align:center;margin-top:10px;font-size:14px;font-weight:500;animation:1.5s ease-in-out infinite loader-text-fade}.loader-small .loader-text{font-size:12px}.loader-large .loader-text{font-size:16px}@keyframes loader-text-fade{0%,to{opacity:1}50%{opacity:.5}}.loader-fullscreen{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#fffffff2;justify-content:center;align-items:center;animation:.2s ease-out loader-fade-in;display:flex;position:fixed;inset:0}@keyframes loader-fade-in{0%{opacity:0}to{opacity:1}}.loader-card{justify-content:center;align-items:center;min-height:200px;padding:48px 24px;display:flex}@media (prefers-color-scheme:dark){.loader-fullscreen{background:#1a202cf2}.loader-text{color:#a5b4fc}}@media (max-width:768px){.loader-large .loader-spinner{width:48px;height:48px}.loader-large .loader-spinner-inner{width:36px;height:36px}.loader-large .loader-text{font-size:14px}}.scroll-content{z-index:10;width:100%;min-height:600vh;position:relative}.content-section{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.content-inner{text-align:center;z-index:100;width:100%;max-width:1200px;position:relative}.hero-section{z-index:100;min-height:100vh;position:relative}.hero-title{color:#fff;text-shadow:0 0 40px #25d3664d;margin:0 0 1.5rem;font-size:clamp(2.5rem,8vw,6rem);font-weight:800;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#25d366 0%,#00d9ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#fffc;max-width:700px;margin:0 auto 2rem;font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.6}.hero-badges{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.badge{color:#25d366;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#25d3661a;border:1px solid #25d3664d;border-radius:50px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-block}.badge:hover{background:#25d36633;border-color:#25d36680;transform:translateY(-2px)}.section-title{color:#fff;text-shadow:0 0 30px #25d36633;margin:0 0 1.5rem;font-size:clamp(2rem,5vw,4rem);font-weight:700}.section-text{color:#ffffffb3;max-width:600px;margin:0 auto 2rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.features-section{min-height:120vh}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem;display:grid}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a192966;border:1px solid #25d36633;border-radius:20px;padding:2rem;transition:all .3s}.feature-card:hover{background:#0a192999;border-color:#25d36666;transform:translateY(-5px);box-shadow:0 10px 40px #25d36633}.feature-icon{margin-bottom:1rem;font-size:3rem}.feature-card h3{color:#25d366;margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.feature-card p{color:#ffffffb3;margin:0;font-size:1rem;line-height:1.5}.automation-section{min-height:100vh}.automation-stats{flex-wrap:wrap;justify-content:center;gap:3rem;margin-top:3rem;display:flex}.stat{text-align:center}.stat-number{color:#25d366;text-shadow:0 0 20px #25d36680;margin-bottom:.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.stat-label{color:#fff9;text-transform:uppercase;letter-spacing:1px;font-size:1rem}.integration-logos{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2rem;display:flex}.integration-badge{color:#00d9ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00d9ff1a;border:1px solid #00d9ff4d;border-radius:12px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s}.integration-badge:hover{background:#00d9ff33;border-color:#00d9ff80;transform:translateY(-2px)}.cta-section{min-height:100vh}.cta-title{color:#fff;text-shadow:0 0 40px #25d3664d;margin:0 0 1rem;font-size:clamp(2.5rem,6vw,5rem);font-weight:800}.cta-text{color:#ffffffb3;max-width:600px;margin:0 auto 2.5rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.cta-button{color:#000;cursor:pointer;pointer-events:auto;background:linear-gradient(135deg,#25d366 0%,#00d9ff 100%);border:none;border-radius:50px;align-items:center;gap:.75rem;padding:1.25rem 3rem;font-size:1.25rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 10px 40px #25d36666}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 50px #25d36699}.cta-button:active{transform:translateY(-1px)}.button-arrow{font-size:1.5rem;transition:transform .3s}.cta-button:hover .button-arrow{transform:translate(5px)}.cta-subtext{color:#ffffff80;margin-top:1rem;font-size:.95rem}.scroll-spacer{height:50vh}@media (max-width:768px){.content-section{padding:1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.automation-stats{gap:2rem}.hero-badges,.integration-logos{flex-direction:column;align-items:center}.cta-button{padding:1rem 2rem;font-size:1.1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.content-section{animation:.6s ease-out fadeInUp}*{scroll-behavior:smooth!important}.landing-3d-container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background:linear-gradient(#87ceeb 0%,#1e90ff 50%,navy 100%);width:100%;min-height:100vh;position:relative;overflow:hidden scroll}.canvas-container{z-index:1;pointer-events:none;width:100%;height:100vh;position:fixed;top:0;left:0}.canvas-container canvas{display:block;width:100%!important;height:100%!important}:root{--bg:#08080f;--bg2:#0d0d1a;--bg3:#12121f;--sf:#16162a;--bd:#ffffff12;--bd2:#ffffff21;--tx:#f0f0ff;--tx2:#a8a8c8;--tx3:#6b6b8a;--pur:#8b5cf6;--blu:#3b82f6;--grad:linear-gradient(135deg, #8b5cf6, #3b82f6);--nav:68px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}.landing-page-modern{background:var(--bg);color:var(--tx);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}a{color:inherit;text-decoration:none}.gt{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.slbl{text-transform:uppercase;letter-spacing:.12em;color:var(--pur);align-items:center;gap:6px;margin-bottom:14px;font-size:.73rem;font-weight:600;display:inline-flex}.slbl:before{content:"";background:var(--grad);width:20px;height:1.5px}.stitle{letter-spacing:-.025em;margin-bottom:14px;font-size:clamp(1.85rem,4vw,3rem);font-weight:700;line-height:1.14}.ssub{color:var(--tx2);max-width:560px;font-size:1rem}.aur{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.aur-a{background:radial-gradient(circle,#8b5cf638,#0000 70%);width:600px;height:600px}.aur-b{background:radial-gradient(circle,#3b82f62e,#0000 70%);width:500px;height:500px}.gc{background:var(--sf);border:1px solid var(--bd);border-radius:18px;transition:all .3s}.gc:hover{border-color:#8b5cf64d;transform:translateY(-3px);box-shadow:0 16px 50px #00000040}.bgrd{background:var(--grad);color:#fff;cursor:pointer;border:none;border-radius:12px;font-family:Space Grotesk,sans-serif;font-weight:600;transition:all .25s}.bgrd:hover{color:#fff;transform:translateY(-1px);box-shadow:0 8px 24px #8b5cf666}.boc{border:1px solid var(--bd2);color:var(--tx);cursor:pointer;background:0 0;border-radius:12px;font-family:Space Grotesk,sans-serif;font-weight:500;transition:all .25s}.boc:hover{border-color:var(--pur);color:var(--tx);background:#8b5cf614}.rv{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(26px)}.rv.in{opacity:1;transform:none}.sp{padding:90px 0}#nbar{z-index:1050;height:var(--nav);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--bd);background:#08080fc7;align-items:center;transition:background .3s,box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0}#nbar.scr{background:#08080ff5;box-shadow:0 4px 28px #0006}.logo-i{background:var(--grad);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;display:flex}.logo-link{color:var(--tx);font-size:1.2rem;font-weight:700;text-decoration:none}.nav-link{border-radius:8px;font-size:.9rem;font-weight:500;text-decoration:none;color:var(--tx2)!important;padding:6px 14px!important;transition:all .2s!important}.nav-link:hover{color:var(--tx)!important;background:#ffffff0f!important}#hero{min-height:100vh;padding-top:var(--nav);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.hbadge{color:#a78bfa;background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:100px;align-items:center;gap:8px;margin-bottom:22px;padding:5px 14px 5px 8px;font-size:.78rem;font-weight:600;display:inline-flex}.bdot{background:var(--pur);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite bpls}@keyframes bpls{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.h1{letter-spacing:-.03em;margin-bottom:22px;font-size:clamp(2.4rem,6.5vw,5rem);font-weight:700;line-height:1.09}.hero-subtitle{max-width:580px;color:var(--tx2);margin:0 auto 36px;font-size:clamp(.95rem,1.8vw,1.2rem)}.afu{opacity:0;animation:.8s forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.trust-label{color:var(--tx3);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px;font-size:.71rem}.tlog{opacity:.4;filter:grayscale();color:var(--tx2);font-size:.88rem;font-weight:700;transition:all .3s}.tlog:hover{opacity:.75;filter:none}.dashboard-preview{background:var(--sf);border:1px solid var(--bd2);opacity:0;border-radius:26px;animation:.8s .5s forwards fadeUp;overflow:hidden;box-shadow:0 40px 100px #000000a6,0 0 40px #8b5cf633}#proof{background:var(--bg2);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:44px 0}.pnum{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.9rem;font-weight:700;line-height:1.1}.plbl{color:var(--tx3);margin-top:3px;font-size:.77rem}.problem-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;display:flex}.problem-icon.red{background:#ef44441f;border:1px solid #ef444433}.problem-icon.red .material-symbols-rounded{color:#f87171}.problem-icon.yellow{background:#f59e0b1f;border:1px solid #f59e0b33}.problem-icon.yellow .material-symbols-rounded{color:#fbbf24}.problem-icon.purple{background:#6366f11f;border:1px solid #6366f133}.problem-icon.purple .material-symbols-rounded{color:#a78bfa}.feature-desc{color:var(--tx2);font-size:.875rem}.ftico{background:var(--grad);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:16px;font-size:1rem;display:flex}.ftag{color:#a78bfa;background:#8b5cf61f;border:1px solid #8b5cf633;border-radius:100px;margin-top:10px;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-block}.hnum{background:var(--grad);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 18px;font-size:1.2rem;font-weight:700;display:flex;box-shadow:0 8px 24px #8b5cf659}.integration-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;display:flex}.integration-icon.whatsapp{background:#25d36626}.integration-icon.whatsapp .material-symbols-rounded{color:#25d366}.integration-icon.shopify{background:#9575cd26}.integration-icon.shopify .material-symbols-rounded{color:#9575cd}.integration-icon.zapier{background:#ff66001a}.integration-icon.zapier .material-symbols-rounded{color:#f60}.integration-icon.google{background:#34a8531a}.integration-icon.google .material-symbols-rounded{color:#34d399}.integration-icon.hubspot{background:#ff7a591a}.integration-icon.hubspot .material-symbols-rounded{color:#ff7a59}.integration-icon.slack{background:#4a154b26}.integration-icon.slack .material-symbols-rounded{color:#a78bfa}.integration-desc{color:var(--tx3);margin-bottom:8px;font-size:.78rem}.landing-footer{background:var(--bg);border-top:1px solid var(--bd);padding:60px 0 28px}.footer-title{text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);margin-bottom:14px;font-size:.77rem;font-weight:700}.footer-link{color:var(--tx2);padding:3px 0;font-size:.875rem;text-decoration:none;transition:all .2s;display:block}.footer-link:hover{color:var(--pur)}.footer-bottom{border-top:1px solid var(--bd);justify-content:center;align-items:center;margin-top:2rem;padding-top:2rem;display:flex}.footer-bottom p{color:var(--tx3);margin:0;font-size:.875rem}@media (max-width:991px){.d-lg-flex{display:none!important}}@media (max-width:767px){.sp{padding:60px 0}.h1{font-size:2rem}.stitle{font-size:1.75rem}.hero-subtitle{font-size:1rem}.dashboard-preview{margin-top:2rem}#proof{padding:30px 0}.pnum{font-size:1.5rem}.plbl{font-size:.7rem}}@media (max-width:575px){.d-sm-flex{display:none!important}.container{padding:0 1rem}.gc{padding:1.5rem!important}.hbadge{padding:4px 10px 4px 6px;font-size:.7rem}.bdot{width:6px;height:6px}}.d-flex{display:flex}.d-none{display:none}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.flex-wrap{flex-wrap:wrap}.w-100{width:100%}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-3{margin-top:1rem}.mt-5{margin-top:3rem}.me-1{margin-right:.25rem}.me-2{margin-right:.5rem}.p-4{padding:1.5rem}.px-3{padding-left:1rem;padding-right:1rem}.px-4{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:1rem;padding-bottom:1rem}.text-center{text-align:center}.text-warning{color:#fbbf24}.position-relative{position:relative}.h-100{height:100%}.fs-5{font-size:1.25rem}.fs-6{font-size:1rem}.fw-semibold{font-weight:600}.fw-bold{font-weight:700}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.row{flex-wrap:wrap;margin-left:-15px;margin-right:-15px;display:flex}.col-6,.col-sm-3,.col-md-4,.col-lg-11{width:100%;padding-left:15px;padding-right:15px;position:relative}.col-6{flex:0 0 50%;max-width:50%}@media (min-width:576px){.col-sm-3{flex:0 0 25%;max-width:25%}}@media (min-width:768px){.col-md-4{flex:0 0 33.3333%;max-width:33.3333%}}@media (min-width:992px){.col-lg-11{flex:0 0 91.6667%;max-width:91.6667%}}.g-3{margin-left:-.5rem;margin-right:-.5rem}.g-3>*{margin-bottom:1rem;padding-left:.5rem;padding-right:.5rem}.g-4{margin-left:-.75rem;margin-right:-.75rem}.g-4>*{margin-bottom:1.5rem;padding-left:.75rem;padding-right:.75rem}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.dashboard-page{max-width:1400px;margin:0 auto;padding:1rem}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.dashboard-header h1{color:#1a202c;letter-spacing:-.025em;margin:0 0 .25rem;font-size:1.875rem;font-weight:700}.dashboard-header p{color:#718096;margin:0;font-size:.95rem}.time-range-selector{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;gap:.375rem;padding:.25rem;display:flex}.time-range-selector button{color:#718096;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem 1.125rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.time-range-selector button:hover{color:#4a5568;background:#edf2f7}.time-range-selector button.active{color:#667eea;background:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.stat-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.stat-card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.stat-card-content{z-index:2;position:relative}.stat-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.stat-card-icon-wrapper{position:relative}.stat-card-icon{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative;box-shadow:0 4px 12px #00000026}.stat-card-icon-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.stat-card-icon-success{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.stat-card-icon-warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.stat-card-icon-info{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)}.stat-badge{letter-spacing:.025em;border-radius:8px;align-items:center;gap:.25rem;padding:.375rem .625rem;font-size:.75rem;font-weight:700;display:flex}.stat-badge-up{color:#065f46;background:#d1fae5}.stat-badge-down{color:#991b1b;background:#fee2e2}.stat-badge svg{flex-shrink:0}.stat-card-body{flex-direction:column;gap:.375rem;display:flex}.stat-card-value{color:#1a202c;letter-spacing:-.025em;margin:0;font-size:2.25rem;font-weight:800;line-height:1}.stat-card-title{color:#718096;letter-spacing:.025em;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:600}.stat-card-subtitle{color:#a0aec0;margin:0;font-size:.875rem;font-weight:500}.stat-card-glow{opacity:0;pointer-events:none;z-index:1;width:200%;height:200%;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:absolute;top:-50%;right:-50%}.stat-card:hover .stat-card-glow{opacity:.05}.stat-card-glow-primary{background:radial-gradient(circle,#667eea 0%,#0000 70%)}.stat-card-glow-success{background:radial-gradient(circle,#10b981 0%,#0000 70%)}.stat-card-glow-warning{background:radial-gradient(circle,#f59e0b 0%,#0000 70%)}.stat-card-glow-info{background:radial-gradient(circle,#06b6d4 0%,#0000 70%)}.dashboard-section{margin-bottom:2.5rem}.dashboard-section h2{color:#1a202c;letter-spacing:-.025em;margin:0 0 1.25rem;font-size:1.375rem;font-weight:700}.performance-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.performance-card{background:#fff;border:1px solid #f0f0f0;border-radius:14px;align-items:center;gap:1.25rem;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000000d}.performance-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.performance-card svg{flex-shrink:0}.performance-card h3{letter-spacing:-.025em;margin:0 0 .25rem;font-size:2rem;font-weight:800}.performance-card p{color:#718096;margin:0;font-size:.875rem;font-weight:600}.performance-success svg,.performance-success h3{color:#10b981}.performance-error svg,.performance-error h3{color:#ef4444}.performance-rate svg,.performance-rate h3{color:#06b6d4}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.quick-action-card{cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:14px;align-items:center;gap:1.25rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000000d}.quick-action-card:hover{border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.quick-action-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 12px #00000026}.quick-action-icon-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.quick-action-icon-success{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.quick-action-icon-warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.quick-action-icon-info{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)}.quick-action-icon-shopify{background:linear-gradient(135deg,#95bf47 0%,#7ab317 100%)}.quick-action-icon-secondary{background:linear-gradient(135deg,#64748b 0%,#475569 100%)}.quick-action-content{flex:1}.quick-action-content h4{color:#1a202c;letter-spacing:-.025em;margin:0 0 .25rem;font-size:1rem;font-weight:700}.quick-action-content p{color:#718096;margin:0;font-size:.875rem;font-weight:500}@media (max-width:1200px){.stats-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.dashboard-page{padding:.75rem}.dashboard-header h1{font-size:1.625rem}.stat-card-value{font-size:2rem}.performance-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-page{padding:.5rem}.dashboard-header{flex-direction:column;align-items:stretch;margin-bottom:1.5rem}.dashboard-header h1{font-size:1.5rem}.dashboard-header p{font-size:.875rem}.time-range-selector{justify-content:stretch;width:100%}.time-range-selector button{flex:1;padding:.5rem .75rem;font-size:.8125rem}.stats-grid{grid-template-columns:1fr;gap:1.25rem}.stat-card{padding:1.5rem}.stat-card-value{font-size:1.875rem}.stat-card-icon{width:48px;height:48px}.dashboard-section{margin-bottom:2rem}.dashboard-section h2{margin-bottom:1rem;font-size:1.25rem}.performance-grid{grid-template-columns:1fr;gap:1rem}.performance-card{padding:1.5rem}.performance-card h3{font-size:1.75rem}.quick-actions-grid{grid-template-columns:1fr;gap:1rem}.quick-action-card{padding:1.25rem}.quick-action-icon{width:48px;height:48px}}@media (max-width:480px){.dashboard-page{padding:.5rem}.dashboard-header{margin-bottom:1.25rem}.dashboard-header h1{font-size:1.375rem}.time-range-selector{padding:.2rem}.time-range-selector button{padding:.4rem .5rem;font-size:.75rem}.stat-card{padding:1.25rem}.stat-card-icon{width:44px;height:44px}.stat-card-value{font-size:1.75rem}.stat-card-title{font-size:.8125rem}.stat-badge{padding:.3rem .5rem;font-size:.6875rem}.performance-card{flex-direction:column;align-items:flex-start;padding:1.25rem}.performance-card h3{font-size:1.625rem}.quick-action-card{padding:1.125rem}.quick-action-icon{width:44px;height:44px}.quick-action-content h4{font-size:.9375rem}.quick-action-content p{font-size:.8125rem}}@media (max-width:768px) and (orientation:landscape){.stats-grid{grid-template-columns:repeat(2,1fr)}.performance-grid{grid-template-columns:repeat(3,1fr)}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px) and (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.performance-grid{grid-template-columns:repeat(3,1fr)}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}.chat-label-selector{z-index:1;width:100%;position:relative}.chat-label-selector.small{font-size:.875rem}.chat-label-selector.medium{font-size:1rem}.chat-label-selector.large{font-size:1.125rem}.label-selector-container{background-color:#fff;border:2px solid #e2e8f0;border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:3rem;padding:.75rem;transition:all .2s;display:flex}.label-selector-container:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.selected-labels{flex-wrap:wrap;flex:1;gap:.375rem;min-width:0;display:flex}.selected-label{white-space:nowrap;border-radius:.375rem;align-items:center;gap:.25rem;max-width:200px;padding:.25rem .5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.selected-label:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.remove-label{cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.125rem;transition:all .2s;display:flex}.remove-label:hover{opacity:1;background-color:#fff3}.label-input-container{flex:1;align-items:center;min-width:150px;display:flex;position:relative}.label-input{font-size:inherit;background:0 0;border:none;outline:none;width:100%;min-width:100px;padding:.25rem 0}.label-input::placeholder{color:#94a3b8}.label-input:disabled{opacity:.5;cursor:not-allowed}.input-icon{color:#94a3b8;flex-shrink:0;margin-left:.5rem}.label-dropdown{z-index:10001;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;max-height:400px;margin-top:.25rem;animation:.2s slideDown;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 20px 40px #00000026}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{color:#64748b;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.dropdown-content{max-height:320px;overflow-y:auto}.dropdown-content::-webkit-scrollbar{width:6px}.dropdown-content::-webkit-scrollbar-track{background:#f1f5f9}.dropdown-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dropdown-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.label-options{padding:.5rem 0}.label-option{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;transition:all .2s;display:flex}.label-option:hover{background-color:#f8fafc}.label-option:focus{background-color:#f1f5f9;outline:none}.label-color-dot{border:2px solid #fffc;border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:0 1px 3px #0000001a}.label-content{flex:1;min-width:0}.label-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.125rem;font-weight:500;display:block;overflow:hidden}.label-category{color:#64748b;text-transform:capitalize;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.no-results{text-align:center;color:#64748b;padding:2rem 1rem}.no-results p{margin-bottom:1rem;font-size:.875rem}.create-label-btn{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.create-label-btn:hover{background-color:#5a67d8;transform:translateY(-1px)}.all-labels{padding:.5rem 0}.dropdown-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.dropdown-footer{text-align:center;background-color:#f8fafc;border-top:1px solid #e2e8f0;padding:.75rem 1rem}.label-count{color:#64748b;font-size:.75rem;font-weight:500}@media (max-width:768px){.label-selector-container{min-height:2.5rem;padding:.5rem}.selected-label{max-width:150px;padding:.125rem .375rem;font-size:.75rem}.label-input-container{min-width:120px}.label-dropdown{max-height:300px}.dropdown-content{max-height:220px}.label-option{padding:.5rem .75rem}}.modal-content .chat-label-selector{z-index:1}.modal-content .label-dropdown{z-index:10002;max-height:300px;position:fixed}.modal-body .chat-label-selector .label-dropdown{z-index:10002;position:absolute}@media (prefers-color-scheme:dark){.label-selector-container{background-color:#1e293b;border-color:#334155}.label-selector-container:focus-within{border-color:#667eea}.label-input{color:#f1f5f9}.label-input::placeholder,.input-icon{color:#64748b}.label-dropdown{background-color:#1e293b;border-color:#334155}.dropdown-header,.dropdown-section-title{color:#94a3b8;background-color:#0f172a;border-color:#334155}.label-option:hover{background-color:#334155}.label-option:focus{background-color:#475569}.label-name{color:#f1f5f9}.label-category,.no-results{color:#94a3b8}.dropdown-footer{background-color:#0f172a;border-color:#334155}.label-count{color:#94a3b8}}.selected-label{animation:.3s labelSlideIn}@keyframes labelSlideIn{0%{opacity:0;transform:scale(.8)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.label-option:focus-visible{outline-offset:-2px;outline:2px solid #667eea}.remove-label:focus-visible{outline-offset:1px;outline:2px solid #667eea}.create-label-btn:focus-visible{outline-offset:2px;outline:2px solid #667eea}@media (prefers-contrast:high){.label-selector-container{border-width:3px}.selected-label{border-width:2px!important}.label-dropdown{border-width:2px}}.ctt-trigger{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:color .15s,background .15s;display:flex}.ctt-trigger:hover{color:#667eea;background:#ede9fe}.ctt-trigger .material-symbols-rounded{font-size:15px}.ctt-card{z-index:99999;pointer-events:auto;background:#fff;border:1px solid #f0f2f5;border-radius:12px;width:min(252px,100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);transition:opacity .12s;animation:.15s cubic-bezier(.4,0,.2,1) ctt-in;position:fixed;overflow-y:auto;box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001a}@keyframes ctt-in{0%{opacity:0;transform:scale(.95)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.ctt-header{color:#fff;word-break:break-word;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:12px 14px 10px}.ctt-name{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.ctt-id{opacity:.8;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.72rem;overflow:hidden}.ctt-row{border-bottom:1px solid #f8f9fa;justify-content:space-between;align-items:center;gap:8px;padding:6px 14px;display:flex}.ctt-row:last-of-type{border-bottom:none}.ctt-row-label{text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;flex-shrink:0;font-size:.7rem;font-weight:600}.ctt-value{color:#344767;text-align:right;font-size:.78rem;font-weight:500}.ctt-badge{text-transform:capitalize;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.ctt-badge-icon{font-size:13px}.ctt-flags{flex-wrap:wrap;gap:4px;display:flex}.ctt-flag{border-radius:20px;align-items:center;gap:3px;padding:2px 7px;font-size:.68rem;font-weight:600;display:inline-flex}.ctt-flag .material-symbols-rounded{font-size:12px}.ctt-flag--pin{color:#d97706;background:#fef3c7}.ctt-flag--archive{color:#ea580c;background:#fff7ed}.ctt-flag--block{color:#dc2626;background:#fef2f2}.ctt-labels-section{background:#fafbfc;border-top:1px solid #f0f2f5;padding:8px 14px 12px}.ctt-labels-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.ctt-manage-btn{color:#7c3aed;cursor:pointer;background:#ede9fe;border:none;border-radius:6px;align-items:center;gap:3px;padding:2px 8px;font-size:.68rem;font-weight:600;transition:background .15s;display:inline-flex}.ctt-manage-btn:hover{background:#ddd6fe}.ctt-manage-btn .material-symbols-rounded{font-size:12px}.ctt-no-labels{color:#9ca3af;font-size:.72rem}.ctt-labels{flex-wrap:wrap;gap:4px;display:flex}.ctt-label{border-radius:12px;padding:2px 8px;font-size:.68rem;font-weight:600;display:inline-block}.contacts-list-container{background:var(--chat-bg-sidebar);flex-direction:column;height:100%;display:flex;overflow:hidden}.contacts-header{border-bottom:1px solid var(--chat-border);background:var(--chat-bg-sidebar);flex-shrink:0;padding:16px 14px 10px}.header-title-section{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.header-title-section h5{color:var(--chat-text-primary);letter-spacing:-.3px;margin:0;font-size:20px;font-weight:700}.header-actions .btn{cursor:pointer;width:34px;height:34px;transition:background var(--chat-transition), transform var(--chat-transition);color:var(--chat-text-secondary);background:#ffffff12;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:0;display:flex}.header-actions .btn i,.header-actions .btn .material-symbols-rounded{font-size:18px}.header-actions .btn:hover{color:var(--chat-accent);background:#00b4d826;transform:scale(1.05)}.header-actions .btn.btn-success{color:#10b981;background:#10b98126}.header-actions .btn.btn-success:hover{background:#10b98140}.header-actions .btn.btn-primary,.header-actions .btn.btn-outline-primary.active{color:var(--chat-accent);background:#00b4d833}.search-container{margin-bottom:10px}.search-container .input-group{transition:border-color var(--chat-transition), box-shadow var(--chat-transition);background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:10px;overflow:hidden}.search-container .input-group:focus-within{border-color:var(--chat-accent);background:#fff;box-shadow:0 0 0 3px #0077b61a}.search-container .input-group-text{color:var(--chat-text-muted);background:0 0;border:none;padding:8px 10px}.search-container .form-control{color:var(--chat-text-primary);background:0 0;border:none;outline:none;padding:8px 12px 8px 4px;font-size:13.5px;box-shadow:none!important}.search-container .form-control::placeholder{color:var(--chat-text-muted)}.search-container .form-control:focus{box-shadow:none;background:0 0;border-color:#0000}.filter-tabs{margin-bottom:4px}.filter-tabs .btn-group{background:#f3f4f6;border-radius:10px;gap:2px;padding:3px;display:flex}.filter-tabs .btn{transition:all var(--chat-transition);color:var(--chat-text-secondary);cursor:pointer;background:0 0;flex:1;padding:6px 10px;font-size:12.5px;font-weight:600;border:none!important;border-radius:8px!important}.filter-tabs .btn.btn-primary{background:var(--chat-accent);color:#fff;box-shadow:0 2px 8px #0077b640}.filter-tabs .btn.btn-outline-primary{color:var(--chat-text-secondary);background:0 0}.filter-tabs .btn.btn-outline-primary:hover{color:var(--chat-text-primary);background:#e5e7eb}.label-filter-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;padding:10px}.contacts-list{flex:1 1 0;min-height:0;padding:4px 0;overflow-y:auto}.contact-item{cursor:pointer;transition:background var(--chat-transition);border-bottom:1px solid #f3f4f6;align-items:center;padding:10px 14px;animation:.2s fadeInUp;display:flex;position:relative}.contact-item:hover{box-shadow:none;background:#f9fafb;transform:none}.contact-item.active{border-left:3px solid var(--chat-accent);background:#eff6ff}.contact-item.has-unread{border-left:3px solid var(--chat-accent);background:#f0f9ff}.contact-item.has-unread .contact-name{color:#111827;font-weight:700}.contact-item:last-child{border-bottom:none}.contact-avatar-container{flex-shrink:0;margin-right:12px;position:relative}.contact-avatar{object-fit:cover;border:2px solid #ffffff14;border-radius:50%;width:46px;height:46px}.contact-avatar-default,.contact-avatar-group{color:#fff;background:linear-gradient(135deg,#0077b6,#00b4d8);border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;font-weight:700;display:flex}.contact-avatar-group{background:linear-gradient(135deg,#7c3aed,#a855f7)}.contact-avatar-group i{font-size:20px}.contact-info{flex:1;min-width:0}.contact-main-content{flex:1;align-items:center;min-width:0;display:flex}.contact-header{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.contact-name{color:var(--chat-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0 8px 0 0;font-size:14px;font-weight:600;overflow:hidden}.contact-time{color:var(--chat-text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.contact-message{justify-content:space-between;align-items:center;display:flex}.last-message{color:var(--chat-text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0 8px 0 0;font-size:12.5px;overflow:hidden}.unread-badge{background:var(--chat-accent);color:#fff;text-align:center;border-radius:10px;flex-shrink:0;min-width:20px;padding:2px 7px;font-size:10px;font-weight:700;box-shadow:0 2px 6px #00b4d866}.contact-labels{flex-wrap:wrap;gap:3px;margin-top:4px;display:flex}.contact-label{white-space:nowrap;text-overflow:ellipsis;border-radius:10px;max-width:80px;padding:2px 6px;font-size:10px;font-weight:500;overflow:hidden}.contact-label-more{color:#6b7280;background:#e5e7eb;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:500}.contact-name-section{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.priority-icon{flex-shrink:0;font-size:16px!important}.contact-actions{opacity:0;transition:opacity var(--chat-transition);z-index:1000;flex-shrink:0;align-items:center;gap:4px;margin-left:8px;display:flex;position:relative}.contact-item:hover .contact-actions,.contact-item.expanded .contact-actions,.contact-item.dropdown-open .contact-actions{opacity:1}.contact-actions .btn{color:#6b7280;cursor:pointer;min-width:28px;height:28px;transition:all var(--chat-transition);background:#f3f4f6;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 6px;font-size:12px;display:flex}.contact-actions .btn:hover{color:var(--chat-accent);background:#dbeafe}.expand-toggle{cursor:pointer;transition:all var(--chat-transition);color:var(--chat-text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:2px;display:flex}.expand-toggle:hover{color:var(--chat-accent);background:#00b4d826}.expand-toggle i{font-size:16px}.contact-details{border-top:1px solid var(--chat-border);margin-top:8px;padding-top:8px;animation:.25s slideDown;overflow:hidden}.platform-badge{color:var(--chat-text-muted);text-transform:capitalize;background:#ffffff12;border-radius:10px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:500;display:flex}.contact-item.pinned{background:#ffc1070a;border-left:3px solid #ffc10780}.contact-item.pinned:hover{box-shadow:none;background:#ffc10714;transform:none}.contact-item.pinned.active{background:var(--chat-bg-sidebar-active);border-left:3px solid var(--chat-accent)}.pinned-indicator{color:#1a1a00;z-index:2;background:#ffc107d9;border-radius:10px;align-items:center;gap:2px;padding:2px 6px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.pin-order{text-align:center;min-width:12px;font-size:9px;font-weight:700}.dropdown{z-index:1001;display:inline-block;position:relative}.dropdown-backdrop{z-index:999;background:0 0;position:fixed;inset:0}.dropdown-menu{z-index:1002;pointer-events:auto;background:#1e2a3a;border:1px solid #ffffff1a;border-radius:12px;min-width:190px;margin:4px 0 0;padding:6px 0;font-size:13px;animation:.15s ease-out dropdownFadeIn;display:none;position:absolute;top:100%;right:0;box-shadow:0 8px 32px #00000080}.dropdown-menu.show{display:block}.dropdown-item{width:100%;color:var(--chat-text-primary);white-space:nowrap;cursor:pointer;transition:background var(--chat-transition);background:0 0;border:0;align-items:center;gap:8px;padding:8px 14px;font-weight:500;text-decoration:none;display:flex}.dropdown-item:hover{background:#ffffff0f}.dropdown-item.text-warning{color:#f59e0b}.dropdown-item.text-warning:hover{background:#f59e0b1a}.dropdown-item.text-danger{color:#ef4444}.dropdown-item.text-danger:hover{background:#ef44441a}.dropdown-divider{border-top:1px solid #ffffff12;height:0;margin:6px 0}.dropdown-toggle:after{display:none!important}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.new-chat-container{border-top:1px solid var(--chat-border);background:var(--chat-bg-sidebar);flex-shrink:0;padding:14px}.new-chat-container .btn{color:var(--chat-accent);width:100%;transition:all var(--chat-transition);cursor:pointer;background:#00b4d81f;border:1px solid #00b4d833;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;font-weight:600;display:flex}.new-chat-container .btn:hover{border-color:var(--chat-accent);background:#00b4d833;transform:translateY(-1px)}.contact-item.compact-mode{padding:9px 14px}.contact-item.detailed-mode{padding:12px 14px}.contact-item.compact-mode.expanded{border-left:3px solid var(--chat-accent);background:#00b4d80f;padding:10px 14px}.group-info{color:var(--chat-text-muted);align-items:center;margin-top:2px;font-size:11px;display:flex}.group-info i{margin-right:4px;font-size:14px}.contact-item.dropdown-open{z-index:1000;position:relative;background:#ffffff0a!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{z-index:9999;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{z-index:10000;background:#1e2a3a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;animation:.25s slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #0009}.label-assignment-modal{max-width:600px}.modal-header{background:#ffffff08;border-bottom:1px solid #ffffff12;border-radius:16px 16px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h5{color:var(--chat-text-primary);flex:1;margin:0;font-size:16px;font-weight:700}.modal-header .btn{min-width:32px;height:32px;color:var(--chat-text-secondary);cursor:pointer;transition:all var(--chat-transition);background:#ffffff12;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px 8px;display:flex}.modal-header .btn:hover{color:#ef4444;background:#ef444426}.modal-body{max-height:60vh;color:var(--chat-text-primary);flex:1;padding:20px;overflow-y:auto}.modal-footer{background:#ffffff05;border-top:1px solid #ffffff12;border-radius:0 0 16px 16px;flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}@media (max-width:1023.98px){.contacts-header{padding:12px 12px 8px}.contact-item.compact-mode{padding:8px 12px}.contact-avatar,.contact-avatar-default,.contact-avatar-group{width:40px;height:40px}.contact-avatar-default,.contact-avatar-group{font-size:15px}.new-chat-container{padding:12px}.filter-tabs .btn{padding:5px 8px;font-size:11.5px}.modal-overlay{padding:10px}.modal-content{max-width:100%;max-height:95vh}}.quick-reply-suggestions{-webkit-backdrop-filter:blur(12px);z-index:1050;background:#ebf2fcf7;border:1px solid #b4d2f599;border-radius:14px;animation:.18s cubic-bezier(.34,1.2,.64,1) qrSlideUp;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 -4px 24px #6496dc26,0 2px 8px #0000000f}@keyframes qrSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.qr-header{border-bottom:1px solid #b4d2f580;justify-content:space-between;align-items:center;padding:9px 14px 7px;display:flex}.qr-header-left{align-items:center;gap:6px;display:flex}.qr-prefix-plain{color:#6b7280;font-size:13px;font-weight:400}.qr-prefix-pill{color:#fff;background:#3b82f6;border-radius:20px;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.4}.qr-bolt{color:#3b82f6;font-variation-settings:"wght" 400;font-size:16px}.qr-label{color:#374151;letter-spacing:.6px;text-transform:uppercase;font-size:11px;font-weight:700}.qr-header-right{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:12px;overflow:hidden}.qr-list{max-height:340px;overflow-y:auto}.qr-list::-webkit-scrollbar{width:3px}.qr-list::-webkit-scrollbar-track{background:0 0}.qr-list::-webkit-scrollbar-thumb{background:#6496dc4d;border-radius:3px}.qr-item{cursor:pointer;border-bottom:1px solid #b4d2f559;padding:12px 14px 10px;transition:background .12s}.qr-item:last-child{border-bottom:none}.qr-item:hover,.qr-item.selected{background:#c8e1ff73}.qr-item-title-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.qr-item-title{color:#111827;font-size:14px;font-weight:700;line-height:1.3}.qr-item-title-left{align-items:center;gap:8px;min-width:0;display:flex}.qr-category-pill{color:#6b7280;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:0 0;border:1.5px solid #9ca3af;border-radius:20px;flex-shrink:0;align-items:center;padding:2px 9px;font-size:10px;font-weight:600;display:inline-flex}.qr-shortcut-label{color:#9ca3af;flex-shrink:0;font-size:11px}.qr-item-content{color:#374151;word-break:break-word;margin-bottom:10px;font-size:13px;line-height:1.6}.qr-var-chip{color:#1d4ed8;white-space:nowrap;background:#dbeafe80;border:1px solid #93c5fd;border-radius:5px;align-items:center;margin:0 1px;padding:1px 7px;font-size:12px;font-weight:500;display:inline-flex}.qr-highlight{color:#92400e;background:#fde04780;border-radius:2px;padding:0 1px}.qr-commands-section{margin-top:2px}.qr-commands-label{color:#6b7280;letter-spacing:.7px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700}.qr-commands-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.qr-commands-bolt{color:#3b82f6;flex-shrink:0;font-size:15px}.qr-shortcut-tag{color:#1d4ed8;background:#dbeafe99;border:1px solid #93c5fd;border-radius:6px;align-items:center;padding:3px 10px;font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:600;display:inline-flex}.qr-tab-hint{color:#9ca3af;margin-left:2px;font-size:11px}.qr-loading{color:#6b7280;align-items:center;gap:10px;padding:18px 16px;font-size:13px;display:flex}.qr-empty{text-align:center;padding:22px 16px}.qr-empty-icon{color:#93c5fd;margin-bottom:6px;font-size:28px}.qr-empty-text{color:#374151;margin-bottom:4px;font-size:13px;font-weight:500}.qr-empty-hint{color:#9ca3af;font-size:12px}.qr-empty-hint code{color:#1d4ed8;background:#dbeafe99;border-radius:4px;padding:1px 5px;font-size:11px}.qr-footer{background:#dcebff4d;border-top:1px solid #b4d2f580;justify-content:space-between;align-items:center;padding:7px 14px;display:flex}.qr-footer-hints{gap:10px;display:flex}.qr-footer-hint{color:#6b7280;align-items:center;gap:4px;font-size:11px;display:flex}.qr-footer-hint kbd{color:#374151;background:#ffffffb3;border:1px solid #b4d2f5b3;border-radius:4px;padding:1px 5px;font-family:inherit;font-size:10px;font-weight:600}.qr-footer-type{color:#9ca3af;font-size:11px}.qr-footer-type code{color:#1d4ed8;background:#dbeafe99;border-radius:4px;padding:1px 5px;font-size:10px}@media (max-width:768px){.qr-list{max-height:260px}.qr-item{padding:10px 12px 8px}.qr-footer-hints{gap:6px}}@media (max-width:480px){.qr-list{max-height:200px}.qr-footer-hints{display:none}}.message-toolbar{background:var(--chat-bg-input-area);border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;min-height:40px;padding:4px 14px 3px;display:flex}.toolbar-section{align-items:center;gap:0;display:flex}.toolbar-group{align-items:center;gap:1px;padding:0 6px;display:flex}.toolbar-group+.toolbar-group{border-left:1px solid #e5e7eb}.toolbar-btn,.message-toolbar .btn.toolbar-btn{cursor:pointer;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .13s,color .13s;display:inline-flex;box-shadow:none!important;color:#6b7280!important;background:0 0!important;border:none!important;padding:0!important;text-decoration:none!important}.toolbar-btn:hover,.message-toolbar .btn.toolbar-btn:hover{color:#374151!important;background:#f3f4f6!important}.toolbar-btn:active,.message-toolbar .btn.toolbar-btn:active{background:#e9ecef!important}.toolbar-btn:focus,.message-toolbar .btn.toolbar-btn:focus{box-shadow:none!important;outline:none!important}.toolbar-btn .material-symbols-rounded,.toolbar-btn i.material-symbols-rounded{font-variation-settings:"wght" 400, "FILL" 0;line-height:1;display:block;color:inherit!important;font-size:20px!important}.message-toolbar .dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:180px;padding:6px 0;box-shadow:0 8px 24px #0000001f}.message-toolbar .dropdown-item{color:#374151;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 14px;font-size:13.5px;transition:background .12s;display:flex}.message-toolbar .dropdown-item:hover{background:#f9fafb}.message-toolbar .dropdown-item .material-symbols-rounded{color:#6b7280;font-size:18px}.toolbar-btn.active,.message-toolbar .btn.toolbar-btn.active{color:#2563eb!important;background:#eff6ff!important}.toolbar-btn.recording,.message-toolbar .btn.toolbar-btn.recording{animation:1s infinite tbPulse;color:#dc2626!important;background:#fee2e2!important}@keyframes tbPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.toolbar-btn.business-template-btn,.message-toolbar .btn.toolbar-btn.business-template-btn{position:relative}.toolbar-btn.business-template-btn .material-symbols-rounded{color:#7c3aed!important}.toolbar-btn.business-template-btn:hover,.message-toolbar .btn.toolbar-btn.business-template-btn:hover{background:#f5f3ff!important}.business-paid-badge{color:#b45309;pointer-events:none;letter-spacing:-.5px;font-size:8px;font-weight:800;line-height:1;position:absolute;top:2px;right:1px}.canned-responses-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-size:12.5px;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:inline-flex;box-shadow:0 1px 3px #0000000f}.canned-responses-btn:hover{color:#0077b6;background:#f0f9ff;border-color:#0077b6}.canned-responses-btn .material-symbols-rounded{font-variation-settings:"wght" 400, "FILL" 0;font-size:15px}@media (max-width:1023.98px){.message-toolbar{padding:3px 10px}.toolbar-group{gap:0;padding:0 3px}.toolbar-btn,.message-toolbar .btn.toolbar-btn{width:30px;height:30px}.toolbar-btn .material-symbols-rounded,.toolbar-btn i.material-symbols-rounded{font-size:18px!important}.canned-responses-btn span{display:none}.canned-responses-btn{padding:5px 8px}}.media-preview{background:#f8f9fa;border:1px solid #dee2e6;border-radius:.5rem;max-height:200px;margin-bottom:.5rem;overflow-y:auto}.media-preview-header{background:#e9ecef;border-bottom:1px solid #dee2e6;border-radius:.5rem .5rem 0 0;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.media-count{color:#495057;font-size:.875rem;font-weight:500}.media-preview-list{padding:.5rem}.media-preview-item{border-radius:.375rem;align-items:center;gap:.75rem;padding:.5rem;transition:background-color .2s;display:flex}.media-preview-item:hover{background-color:#e9ecef}.media-thumbnail{border-radius:.375rem;flex-shrink:0;width:48px;height:48px;position:relative;overflow:hidden}.thumbnail-image{object-fit:cover;width:100%;height:100%}.thumbnail-video{width:100%;height:100%;position:relative}.thumbnail-video-element{object-fit:cover;width:100%;height:100%}.video-overlay{color:#fff;background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.thumbnail-file{color:#fff;background:#6c757d;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.thumbnail-file i{font-size:24px}.media-info{flex:1;min-width:0}.media-name{color:#212529;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.125rem;font-size:.875rem;font-weight:500;overflow:hidden}.media-size{color:#6c757d;font-size:.75rem}.media-remove{color:#dc3545;border-radius:50%;padding:.25rem;transition:all .2s}.media-remove:hover{color:#fff;background-color:#dc3545}.media-preview::-webkit-scrollbar{width:6px}.media-preview::-webkit-scrollbar-track{background:#f1f3f4}.media-preview::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.media-preview::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.media-preview{max-height:150px}.media-thumbnail{width:40px;height:40px}.media-preview-item{gap:.5rem;padding:.375rem}.media-name{font-size:.8rem}.media-size{font-size:.7rem}}.vr-root{width:100%;animation:.22s cubic-bezier(.4,0,.2,1) vr-in}@keyframes vr-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.vr-recording,.vr-preview{background:#f5f3ff;border:1.5px solid #e0e7ff;border-radius:12px;align-items:center;gap:8px;min-height:56px;padding:8px 10px;display:flex}.vr-btn{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,transform .1s;display:flex}.vr-btn:active{transform:scale(.92)}.vr-btn--ghost{color:#6b7280;background:0 0}.vr-btn--ghost:hover{color:#374151;background:#e5e7eb}.vr-btn--send{color:#fff;background:#6366f1;box-shadow:0 2px 8px #6366f159}.vr-btn--send:hover:not(:disabled){background:#4f46e5}.vr-btn--send:disabled{opacity:.6;cursor:not-allowed}.vr-btn .material-symbols-rounded{font-size:20px}.vr-centre{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.vr-dot{background:#9ca3af;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:background .3s}.vr-dot--live{background:#ef4444;animation:1.2s ease-in-out infinite vr-pulse}@keyframes vr-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.25)}}.vr-canvas{flex:1;min-width:0;max-width:300px;height:48px;display:block}.vr-timer{font-variant-numeric:tabular-nums;color:#4f46e5;text-align:right;flex-shrink:0;min-width:38px;font-size:.82rem;font-weight:700}.vr-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.vr-player{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.vr-mic-icon{color:#6366f1;flex-shrink:0;font-size:20px}.vr-audio{accent-color:#6366f1;flex:1;min-width:0;height:32px}.vr-audio::-webkit-media-controls-panel{background:0 0}.vr-dur{color:#6b7280;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.75rem;font-weight:600}.vr-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite vr-spin}@keyframes vr-spin{to{transform:rotate(360deg)}}@media (max-width:640px){.vr-canvas{max-width:140px}.vr-audio{height:28px}.vr-btn{width:32px;height:32px}.vr-btn .material-symbols-rounded{font-size:18px}}.emoji-picker{z-index:1000;background:#fff;border:1px solid #dee2e6;border-radius:.5rem;width:320px;height:300px;animation:.2s slideUp;position:absolute;bottom:100%;right:0;box-shadow:0 4px 12px #00000026}.emoji-picker-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;border-radius:.5rem .5rem 0 0;justify-content:space-between;align-items:center;padding:.5rem;display:flex}.emoji-categories{gap:.25rem;display:flex}.category-btn{cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.category-btn:hover{background:#e9ecef}.category-btn.active{color:#fff;background:#007bff}.close-btn i{font-size:16px}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:.25rem;height:calc(100% - 60px);padding:.5rem;display:grid;overflow-y:auto}.emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .2s;display:flex}.emoji-btn:hover{background:#f8f9fa;transform:scale(1.2)}.emoji-btn:active{transform:scale(1.1)}.emoji-grid::-webkit-scrollbar{width:6px}.emoji-grid::-webkit-scrollbar-track{background:#f1f3f4}.emoji-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.emoji-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.emoji-picker{width:280px;height:250px;right:-20px}.emoji-grid{grid-template-columns:repeat(7,1fr)}.emoji-btn{width:28px;height:28px;font-size:18px}.category-btn{width:28px;height:28px;font-size:16px}}@media (prefers-color-scheme:dark){.emoji-picker{background:#2d3748;border-color:#4a5568}.emoji-picker-header{background:#1a202c;border-color:#4a5568}.category-btn:hover,.emoji-btn:hover{background:#4a5568}.close-btn{color:#a0aec0}.close-btn:hover{color:#e2e8f0;background:#4a5568}}.message-templates-modal{z-index:1050;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:absolute;inset:0}.modal-content{background:#fff;border-radius:.75rem;flex-direction:column;width:90%;max-width:900px;height:80%;max-height:600px;animation:.3s modalSlideIn;display:flex;position:relative;box-shadow:0 10px 25px #0003}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;border-radius:.75rem .75rem 0 0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h3{color:#212529;margin:0;font-weight:600}.platform-badge{color:#fff;text-transform:capitalize;background:#007bff;border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.close-btn{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.close-btn:hover{color:#495057;background:#e9ecef}.modal-body{flex:1;display:flex;overflow:hidden}.templates-sidebar{background:#f8f9fa;border-right:1px solid #dee2e6;flex-direction:column;width:250px;display:flex}.search-box{margin:1rem;position:relative}.search-box i{color:#6c757d;font-size:18px;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-box input{border:1px solid #dee2e6;border-radius:.375rem;width:100%;padding:.5rem .75rem .5rem 2.5rem;font-size:.875rem}.search-box input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff40}.categories-list{flex:1;padding:0 1rem 1rem;overflow-y:auto}.category-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.75rem;width:100%;margin-bottom:.25rem;padding:.75rem;transition:all .2s;display:flex}.category-item:hover{background:#e9ecef}.category-item.active{color:#fff;background:#007bff}.category-item i{color:inherit;font-size:18px}.category-item span{font-size:.875rem;font-weight:500}.templates-content{flex:1;padding:1.5rem;overflow-y:auto}.loading-state{color:#6c757d;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.spinner{border:3px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;width:32px;height:32px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.template-card{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:.5rem;padding:1rem;transition:all .2s}.template-card:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 2px 8px #007bff26}.template-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.template-header h4{color:#212529;margin:0;font-size:1rem;font-weight:600}.template-category{color:#6c757d;text-transform:capitalize;background:#e9ecef;border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem}.template-content{margin-bottom:1rem}.template-preview{color:#495057;background:#f8f9fa;border-radius:.375rem;margin-bottom:.5rem;padding:.75rem;font-size:.875rem;line-height:1.4}.template-variables{color:#6c757d;font-size:.75rem}.template-actions{justify-content:flex-end;display:flex}.empty-state{color:#6c757d;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.empty-state i{opacity:.5;margin-bottom:1rem;font-size:48px}.empty-state h4{color:#495057;margin-bottom:.5rem}@media (max-width:768px){.modal-content{width:95%;height:90%;margin:1rem}.modal-body{flex-direction:column}.templates-sidebar{border-bottom:1px solid #dee2e6;border-right:none;width:100%;max-height:200px}.categories-list{gap:.5rem;padding:.5rem 1rem;display:flex;overflow-x:auto}.category-item{white-space:nowrap;flex-shrink:0}.templates-grid{grid-template-columns:1fr;gap:1rem}.templates-content{padding:1rem}}@media (prefers-color-scheme:dark){.modal-content{color:#e2e8f0;background:#2d3748}.modal-header{background:#1a202c;border-color:#4a5568}.modal-header h3{color:#e2e8f0}.templates-sidebar{background:#1a202c;border-color:#4a5568}.search-box input{color:#e2e8f0;background:#2d3748;border-color:#4a5568}.category-item:hover{background:#4a5568}.template-card{background:#2d3748;border-color:#4a5568}.template-preview{color:#a0aec0;background:#1a202c}.template-category{color:#a0aec0;background:#4a5568}}.whatsapp-business-templates-modal .modal-overlay{z-index:1050;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.whatsapp-business-templates-modal .modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;box-shadow:0 10px 40px #0003}.whatsapp-business-templates-modal .modal-content.large{max-width:1100px}.whatsapp-business-templates-modal .modal-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.whatsapp-business-templates-modal .header-content h3{color:#344767;margin:0;font-size:1.25rem;font-weight:600}.whatsapp-business-templates-modal .close-btn{cursor:pointer;color:#67748e;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.whatsapp-business-templates-modal .close-btn:hover{color:#344767;background:#f8f9fa}.whatsapp-business-templates-modal .modal-tabs{border-bottom:1px solid #e9ecef;gap:8px;padding:16px 24px;display:flex;overflow-x:auto}.whatsapp-business-templates-modal .tab-btn{cursor:pointer;white-space:nowrap;color:#67748e;background:0 0;border:1px solid #e9ecef;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;transition:all .2s;display:flex}.whatsapp-business-templates-modal .tab-btn i{font-size:18px}.whatsapp-business-templates-modal .tab-btn .badge{color:#67748e;background:#e9ecef;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.whatsapp-business-templates-modal .tab-btn.active{color:#fff;background:#e91e63;border-color:#e91e63}.whatsapp-business-templates-modal .tab-btn.active .badge{color:#fff;background:#fff3}.whatsapp-business-templates-modal .tab-btn:hover:not(.active){background:#f8f9fa;border-color:#dee2e6}.whatsapp-business-templates-modal .modal-body{flex:1;padding:24px;overflow-y:auto}.whatsapp-business-templates-modal .templates-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.whatsapp-business-templates-modal .whatsapp-template-card{cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:16px;transition:all .2s}.whatsapp-business-templates-modal .whatsapp-template-card:hover{border-color:#e91e63;transform:translateY(-2px);box-shadow:0 4px 12px #e91e631a}.whatsapp-business-templates-modal .template-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.whatsapp-business-templates-modal .template-name{color:#344767;font-size:.95rem;font-weight:600}.whatsapp-business-templates-modal .template-card-body{margin-bottom:12px}.whatsapp-business-templates-modal .template-preview-text{color:#67748e;text-overflow:ellipsis;-webkit-line-clamp:5;white-space:pre-wrap;-webkit-box-orient:vertical;max-height:120px;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.whatsapp-business-templates-modal .template-variables-info{color:#f57c00;background:#fff3e0;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;font-size:.75rem;display:flex}.whatsapp-business-templates-modal .template-variables-info i{font-size:16px}.whatsapp-business-templates-modal .template-card-footer{border-top:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.whatsapp-business-templates-modal .template-language{color:#67748e;align-items:center;gap:4px;font-size:.75rem;display:flex}.whatsapp-business-templates-modal .template-language i{font-size:16px}.whatsapp-business-templates-modal .loading-state,.whatsapp-business-templates-modal .empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.whatsapp-business-templates-modal .empty-state i{color:#dee2e6;margin-bottom:16px;font-size:64px}.whatsapp-business-templates-modal .empty-state h4{color:#344767;margin-bottom:8px}.whatsapp-business-templates-modal .empty-state p{color:#67748e;font-size:.875rem}.template-preview-modal .modal-overlay{z-index:1060;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.template-preview-modal .modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;box-shadow:0 10px 40px #0000004d}.template-preview-modal .modal-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.template-preview-modal .modal-header h4{color:#344767;margin:0;font-size:1.125rem;font-weight:600}.template-preview-modal .modal-body{flex:1;padding:24px;overflow-y:auto}.template-preview-modal .template-info-section{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:16px}.template-preview-modal .info-row{gap:8px;margin-bottom:8px;font-size:.875rem;display:flex}.template-preview-modal .info-row:last-child{margin-bottom:0}.template-preview-modal .info-row strong{color:#344767;min-width:80px}.template-preview-modal .template-params-section{margin-bottom:20px}.template-preview-modal .template-params-section h5{color:#344767;margin-bottom:8px;font-size:1rem;font-weight:600}.template-preview-modal .form-group{margin-bottom:16px}.template-preview-modal .form-group label{color:#344767;margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}.template-preview-modal .form-control{border:1px solid #d2d6da;border-radius:8px;width:100%;padding:10px 12px;font-size:.875rem;transition:all .2s}.template-preview-modal .form-control:focus{border-color:#e91e63;outline:none;box-shadow:0 0 0 3px #e91e631a}.template-preview-modal .template-preview-section{margin-bottom:20px}.template-preview-modal .template-preview-section h5{color:#344767;margin-bottom:12px;font-size:1rem;font-weight:600}.template-preview-modal .preview-box{background:#f0f2f5;border-radius:8px;padding:16px}.template-preview-modal .whatsapp-message-preview{color:#344767;background:#fff;border-radius:8px;padding:12px 16px;font-size:.875rem;line-height:1.5;box-shadow:0 1px 2px #0000001a}.template-preview-modal .cost-warning{color:#856404;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;align-items:flex-start;gap:12px;padding:12px 16px;font-size:.875rem;display:flex}.template-preview-modal .cost-warning i{color:#ffc107;flex-shrink:0;font-size:20px}.template-preview-modal .modal-footer{border-top:1px solid #e9ecef;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.template-preview-modal .btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.template-preview-modal .btn-secondary{color:#67748e;background:#f8f9fa}.template-preview-modal .btn-secondary:hover{background:#e9ecef}.template-preview-modal .btn-primary{color:#fff;background:#e91e63}.template-preview-modal .btn-primary:hover:not(:disabled){background:#c2185b}.template-preview-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}.template-preview-modal .btn i{font-size:18px}@media (max-width:768px){.whatsapp-business-templates-modal .modal-content{border-radius:0;max-width:100%;max-height:100vh}.whatsapp-business-templates-modal .templates-grid{grid-template-columns:1fr}.whatsapp-business-templates-modal .modal-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.template-preview-modal .modal-content{border-radius:0;max-width:100%;max-height:100vh}}.cat-overlay{z-index:1060;background:#00000085;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cat-modal{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:760px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 12px 48px #00000038}.cat-header{border-bottom:1px solid #f0f2f5;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px 12px;display:flex}.cat-header-left{align-items:center;gap:10px;display:flex}.cat-header-icon{color:#25d366;font-variation-settings:"FILL" 1;font-size:22px}.cat-header-title{color:#111827;margin:0;font-size:15px;font-weight:700;line-height:1.2}.cat-header-sub{color:#9ca3af;margin:1px 0 0;font-size:12px}.cat-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .13s,color .13s;display:flex}.cat-close:hover{color:#374151;background:#f3f4f6}.cat-close .material-symbols-rounded{font-size:20px}.cat-tabs{border-bottom:1px solid #f0f2f5;flex-shrink:0;gap:4px;padding:8px 16px 0;display:flex}.cat-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:color .15s,background .15s;display:flex}.cat-tab .material-symbols-rounded{font-size:17px}.cat-tab:hover{color:#374151;background:#f9fafb}.cat-tab--active{color:#0077b6;border-bottom-color:#0077b6;font-weight:600}.cat-tab--active .material-symbols-rounded{color:#0077b6}.cat-body{flex:1;min-height:0;position:relative;overflow:hidden}.cat-tab-content{flex-direction:column;height:100%;display:flex}.cat-toolbar{border-bottom:1px solid #f0f2f5;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px 8px;display:flex}.cat-search{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;flex:1;align-items:center;gap:6px;min-width:0;padding:0 10px;transition:border-color .15s;display:flex;position:relative}.cat-search:focus-within{background:#fff;border-color:#0077b6}.cat-search .material-symbols-rounded{color:#9ca3af;flex-shrink:0;font-size:17px}.cat-search input{color:#374151;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:7px 0;font-size:13px}.cat-search input::placeholder{color:#b0b7c3}.cat-search-clear{cursor:pointer;color:#9ca3af;background:0 0;border:none;align-items:center;padding:0;display:flex}.cat-search-clear .material-symbols-rounded{font-size:16px}.cat-search-clear:hover{color:#374151}.cat-toolbar-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.cat-store-select{color:#374151;cursor:pointer;background:#f8f9fa;border:1px solid #e9ecef;border-radius:7px;outline:none;max-width:160px;height:32px;padding:0 8px;font-size:12.5px}.cat-store-select:focus{border-color:#0077b6}.cat-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.cat-btn .material-symbols-rounded{font-size:16px}.cat-btn--primary{color:#fff;background:#0077b6}.cat-btn--primary:hover:not(:disabled){background:#005f94}.cat-btn--primary:disabled{opacity:.55;cursor:not-allowed}.cat-btn--ghost{color:#6b7280;background:0 0;border:1px solid #e5e7eb}.cat-btn--ghost:hover{color:#374151;background:#f3f4f6}.cat-btn--ghost:disabled{opacity:.5;cursor:not-allowed}.cat-btn--full-catalog{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;font-weight:600}.cat-btn--full-catalog:hover{background:#d1fae5}.cat-grid{flex:1;grid-template-columns:repeat(4,1fr);gap:8px;min-height:0;padding:10px 14px;display:grid;overflow-y:auto}.cat-card{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e9ecef;border-radius:10px;flex-direction:column;padding:0;transition:border-color .15s,box-shadow .15s,transform .12s;display:flex;position:relative;overflow:hidden}.cat-card:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 2px 10px #0077b61f}.cat-card--selected{background:#f0f9ff;border-color:#0077b6;box-shadow:0 0 0 2px #0077b62e}.cat-card-img{aspect-ratio:1;background:#f3f4f6;flex-shrink:0;width:100%;position:relative;overflow:hidden}.cat-card-img img{object-fit:cover;width:100%;height:100%;display:block}.cat-card-no-img{color:#d1d5db;justify-content:center;align-items:center;font-size:32px;display:flex;position:absolute;inset:0}.cat-card-check{background:#0077b6;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:5px;right:5px;box-shadow:0 1px 4px #0003}.cat-card-check .material-symbols-rounded{color:#fff;font-variation-settings:"FILL" 1;font-size:14px}.cat-card-body{flex-direction:column;flex:1;gap:3px;padding:7px 8px 8px;display:flex}.cat-card-name{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.cat-card-price-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.cat-card-price{color:#059669;font-size:12px;font-weight:700}.cat-card-sale{color:#dc2626;font-size:12px;font-weight:700}.cat-card-original{color:#9ca3af;font-size:11px;text-decoration:line-through}.cat-card-sku{color:#9ca3af;margin:0;font-size:10px}.cat-selection-bar{color:#1d4ed8;background:#eff6ff;border-top:1px solid #bfdbfe;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:500;display:flex}.cat-selection-bar .material-symbols-rounded{color:#2563eb;font-variation-settings:"FILL" 1;font-size:16px}.cat-sel-clear{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:12px;text-decoration:underline}.cat-sel-clear:hover{color:#374151}.cat-loading{color:#6b7280;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:40px 20px;font-size:13px;display:flex}.cat-spinner{border:3px solid #e5e7eb;border-top-color:#0077b6;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite catSpin}@keyframes catSpin{to{transform:rotate(360deg)}}.cat-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:36px 20px;display:flex}.cat-empty-icon{color:#d1d5db;font-variation-settings:"FILL" 0;font-size:40px}.cat-empty-title{color:#374151;margin:0;font-size:14px;font-weight:600}.cat-empty-desc{color:#9ca3af;max-width:280px;margin:0;font-size:12.5px}.cat-composer{background:#fafafa;border-top:1px solid #f0f2f5;flex-shrink:0;padding:10px 14px 12px}.cat-composer-fields{gap:10px;margin-bottom:10px;display:flex}.cat-field{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.cat-field:first-child{flex:1.6}.cat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:flex}.cat-label .material-symbols-rounded{font-size:14px}.cat-required{color:#ef4444}.cat-optional{text-transform:none;letter-spacing:0;color:#b0b7c3;font-weight:400}.cat-textarea,.cat-input{color:#374151;resize:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.cat-textarea{min-height:54px;max-height:80px}.cat-input{height:36px}.cat-textarea:focus,.cat-input:focus{border-color:#0077b6;box-shadow:0 0 0 2px #0077b61a}.cat-textarea::placeholder,.cat-input::placeholder{color:#b0b7c3}.cat-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.cat-footer-info{flex:1;min-width:0}.cat-footer-hint{color:#f59e0b;align-items:center;gap:4px;font-size:11.5px;display:flex}.cat-footer-hint .material-symbols-rounded{font-size:14px}.cat-footer-btns{flex-shrink:0;gap:8px;display:flex}.cat-send-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite catSpin}@media (max-width:640px){.cat-overlay{align-items:flex-end;padding:0}.cat-modal{border-radius:16px 16px 0 0;max-width:100%;max-height:95vh}.cat-grid{grid-template-columns:repeat(2,1fr)}.cat-composer-fields{flex-direction:column}}@media (max-width:900px) and (min-width:641px){.cat-grid{grid-template-columns:repeat(3,1fr)}}.mpm-overlay{z-index:9000;background:#00000073;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (min-width:640px){.mpm-overlay{align-items:center;padding:20px}}.mpm-modal{background:#fff;border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:560px;max-height:80vh;animation:.25s cubic-bezier(.4,0,.2,1) mpm-up;display:flex;box-shadow:0 -4px 32px #00000026}@media (min-width:640px){.mpm-modal{border-radius:16px;max-height:70vh;animation:.2s mpm-in}}@keyframes mpm-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes mpm-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.mpm-header{border-bottom:1px solid #f0f2f5;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.mpm-header h3{color:#344767;margin:0;font-size:.95rem;font-weight:700}.mpm-close{cursor:pointer;color:#7b809a;background:0 0;border:none;border-radius:6px;padding:3px;display:flex}.mpm-close:hover{background:#f0f2f5}.mpm-close .material-symbols-rounded{font-size:18px}.mpm-toolbar{border-bottom:1px solid #f0f2f5;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex}.mpm-tabs{gap:4px;display:flex}.mpm-tab{cursor:pointer;color:#7b809a;background:#fff;border:1px solid #e9ecef;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.mpm-tab .material-symbols-rounded{font-size:16px}.mpm-tab:hover{color:#667eea;border-color:#667eea}.mpm-tab--active{color:#fff;background:#667eea;border-color:#667eea}.mpm-search-wrap{flex:1;position:relative}.mpm-search-icon{color:#7b809a;pointer-events:none;font-size:15px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.mpm-search{box-sizing:border-box;border:1px solid #e9ecef;border-radius:7px;outline:none;width:100%;padding:6px 10px 6px 30px;font-size:.82rem}.mpm-search:focus{border-color:#667eea}.mpm-body{flex:1;padding:12px 16px;overflow-y:auto}.mpm-loading,.mpm-empty{color:#7b809a;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px;display:flex}.mpm-empty .material-symbols-rounded{opacity:.3;font-size:36px}.mpm-empty p{margin:0;font-size:.82rem}.mpm-spinner{border:3px solid #e9ecef;border-top-color:#667eea;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite mpm-spin}@keyframes mpm-spin{to{transform:rotate(360deg)}}.mpm-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.mpm-item{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #f0f2f5;border-radius:8px;flex-direction:column;padding:0;transition:all .15s;display:flex;overflow:hidden}.mpm-item:hover{border-color:#667eea;transform:translateY(-1px);box-shadow:0 2px 8px #667eea33}.mpm-thumb{justify-content:center;align-items:center;height:72px;display:flex;position:relative;overflow:hidden}.mpm-thumb-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mpm-thumb-icon{z-index:1;font-size:28px}.mpm-item-name{color:#344767;white-space:nowrap;text-overflow:ellipsis;padding:4px 6px 0;font-size:.68rem;font-weight:600;overflow:hidden}.mpm-item-size{color:#9ca3af;padding:1px 6px 5px;font-size:.62rem}.lp-overlay{z-index:1100;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.lp-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:460px;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}.lp-header{background:#f8f9fa;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.lp-header-left{align-items:center;gap:10px;display:flex}.lp-header-icon{color:#25d366;font-size:24px}.lp-header h3{color:#1a1a2e;margin:0;font-size:16px;font-weight:600}.lp-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:background .15s;display:flex}.lp-close:hover{color:#374151;background:#e5e7eb}.lp-tabs{border-bottom:1px solid #f0f0f0;display:flex}.lp-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.lp-tab .material-symbols-rounded{font-size:18px}.lp-tab:hover{color:#374151;background:#f9fafb}.lp-tab--active{color:#25d366;background:#f0fdf4;border-bottom-color:#25d366}.lp-body{flex:1;padding:20px;overflow-y:auto}.lp-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.lp-error .material-symbols-rounded{flex-shrink:0;font-size:18px}.lp-detecting{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 0;font-size:14px;display:flex}.lp-spinner{border:3px solid #e5e7eb;border-top-color:#25d366;border-radius:50%;width:32px;height:32px;animation:.7s linear infinite lp-spin}.lp-spinner--sm{border-width:2px;width:16px;height:16px}@keyframes lp-spin{to{transform:rotate(360deg)}}.lp-map-preview{background:#e5e7eb;border-radius:12px;height:150px;margin-bottom:16px;position:relative;overflow:hidden}.lp-map-preview--manual{margin-top:16px}.lp-map-img{object-fit:cover;width:100%;height:100%;display:block}.lp-map-pin{color:#ef4444;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.lp-map-pin .material-symbols-rounded{filter:drop-shadow(0 2px 4px #0000004d);font-size:32px}.lp-location-info{background:#f8f9fa;border-radius:10px;margin-bottom:16px;padding:12px 14px}.lp-location-name{color:#1a1a2e;align-items:center;gap:6px;margin-bottom:4px;font-size:14px;display:flex}.lp-location-name .material-symbols-rounded{color:#ef4444;font-size:18px}.lp-location-address{color:#6b7280;margin-bottom:4px;font-size:12px;line-height:1.4}.lp-location-coords{color:#9ca3af;font-family:monospace;font-size:11px}.lp-field{margin-bottom:14px}.lp-field label{color:#374151;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.lp-field input{color:#1a1a2e;box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.lp-field input:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d3661f}.lp-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lp-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.lp-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.lp-btn .material-symbols-rounded{font-size:18px}.lp-btn--ghost{color:#374151;background:#f3f4f6}.lp-btn--ghost:hover{background:#e5e7eb}.lp-btn--send{color:#fff;background:#25d366}.lp-btn--send:hover:not(:disabled){background:#1ebe5d}.lp-btn--send:disabled{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme:dark){.lp-modal{background:#1e2130}.lp-header{background:#252836;border-color:#2d3148}.lp-header h3{color:#f1f5f9}.lp-tabs{border-color:#2d3148}.lp-tab{color:#94a3b8}.lp-tab:hover{color:#e2e8f0;background:#252836}.lp-tab--active{background:#0d2b1a}.lp-location-info{background:#252836}.lp-location-name{color:#f1f5f9}.lp-field label{color:#cbd5e1}.lp-field input{color:#f1f5f9;background:#252836;border-color:#374151}.lp-field input:focus{border-color:#25d366}.lp-btn--ghost{color:#e2e8f0;background:#2d3148}.lp-btn--ghost:hover{background:#374151}}.message-input-container{border-top:1px solid var(--chat-border-messages);background:var(--chat-bg-input-area);flex-grow:0;flex-shrink:0;padding:8px 16px 14px;position:relative;overflow:visible}.message-input-form{align-items:center;gap:10px;padding:0 2px;display:flex}.message-input-wrapper{background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:28px;flex:1;align-items:center;min-height:46px;padding:0 18px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative}.message-input-wrapper:focus-within{background:#fff;border-color:#0077b6;box-shadow:0 0 0 3px #0077b614}.message-input{color:#111827;resize:none;background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:14px;line-height:1.5;box-shadow:none!important}.message-input::placeholder{color:#9ca3af;font-size:14px}.message-input:focus{box-shadow:none;background:0 0}.send-btn{cursor:pointer;background:linear-gradient(145deg,#3d5a80,#2c4a6e);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;transition:all .2s cubic-bezier(.34,1.4,.64,1);display:flex;position:relative;box-shadow:0 3px 12px #2c4a6e66}.send-btn:after{content:"✦";color:#3d5a80;text-align:center;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;line-height:16px;display:flex;position:absolute;bottom:-1px;right:-1px;box-shadow:0 1px 4px #00000026}.send-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 5px 18px #2c4a6e8c}.send-btn:active:not(:disabled){transform:scale(.94)}.send-btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.send-btn i,.send-btn .material-symbols-rounded{color:#fff;font-variation-settings:"wght" 400;font-size:20px}.reply-preview{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px 10px 0 0;margin-bottom:4px;padding:10px 14px}.reply-preview-content{align-items:flex-start;gap:10px;display:flex}.reply-preview-header{color:#0077b6;align-items:center;gap:8px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.reply-preview-header i,.reply-preview-header .material-symbols-rounded{font-size:14px}.reply-preview-header .btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px}.reply-preview-message{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:13px;overflow:hidden}@media (max-width:1023.98px){.message-input-container{padding:6px 12px 10px}.message-input-form{gap:8px}.message-input-wrapper{min-height:42px;padding:0 14px}.send-btn{width:42px;height:42px}.send-btn i,.send-btn .material-symbols-rounded{font-size:18px}.reply-preview-message{max-width:200px}}.chat-bg-btn{color:#128c7e;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:20px;display:flex}.chat-bg-btn:hover{color:#0f6b63}.chat-bg-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chat-bg-modal{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:500px;max-height:80vh;display:flex;box-shadow:0 10px 40px #0003}.chat-bg-modal-header{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:16px;display:flex}.chat-bg-modal-header h3{color:#000;margin:0;font-size:16px;font-weight:600}.chat-bg-close-btn{color:#999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:20px;display:flex}.chat-bg-close-btn:hover{color:#000}.chat-bg-modal-content{flex-direction:column;flex:1;gap:24px;padding:16px;display:flex;overflow-y:auto}.chat-bg-section h4{color:#000;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600}.chat-bg-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;display:grid}.chat-bg-item{cursor:pointer;border:2px solid #0000;border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.chat-bg-item:hover{border-color:#128c7e;transform:scale(1.05)}.chat-bg-item.active{border-color:#128c7e;box-shadow:0 0 0 3px #128c7e33}.chat-bg-preview{aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%}.chat-bg-checkmark{color:#fff;background:#128c7ee6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chat-bg-delete-btn{color:#fff;cursor:pointer;opacity:0;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:4px;right:4px}.chat-bg-item:hover .chat-bg-delete-btn{opacity:1}.chat-bg-delete-btn:hover{background:#e74c3ccc}.chat-bg-upload{cursor:pointer;display:block}.chat-bg-upload input{display:none}.chat-bg-upload-content{color:#999;border:2px dashed #e5e5e5;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;transition:all .2s;display:flex}.chat-bg-upload:hover .chat-bg-upload-content{color:#128c7e;background:#128c7e0d;border-color:#128c7e}.chat-bg-upload-content i{font-size:32px}.chat-bg-upload-content span{font-size:13px;font-weight:500}.ctm-overlay{z-index:99999;-webkit-backdrop-filter:blur(6px);background:#0f172a8c;justify-content:center;align-items:center;padding:16px;animation:.18s ctm-fade-in;display:flex;position:fixed;inset:0}@keyframes ctm-fade-in{0%{opacity:0}to{opacity:1}}.ctm-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:560px;max-height:92vh;animation:.22s cubic-bezier(.34,1.56,.64,1) ctm-slide-up;display:flex;overflow:hidden;box-shadow:0 0 0 1px #6366f114,0 24px 64px #0f172a38,0 8px 24px #0f172a1f}@keyframes ctm-slide-up{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.ctm-header{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 24px 18px;display:flex;position:relative;overflow:hidden}.ctm-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='20'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.ctm-header-left{align-items:center;gap:14px;display:flex;position:relative}.ctm-header-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ctm-header-icon .material-symbols-rounded{color:#fff;font-size:22px}.ctm-title{color:#fff;letter-spacing:-.3px;margin:0;font-size:18px;font-weight:700;line-height:1.2}.ctm-subtitle{color:#fffc;align-items:center;gap:4px;margin:3px 0 0;font-size:12px;display:flex}.ctm-subtitle .material-symbols-rounded{font-size:13px}.ctm-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex;position:relative}.ctm-close:hover{background:#ffffff47}.ctm-close .material-symbols-rounded{font-size:18px}.ctm-body{flex-direction:column;flex:1;gap:18px;min-height:0;padding:24px;display:flex;overflow-y:auto}.ctm-banner{border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;font-weight:500;animation:.2s ctm-fade-in;display:flex}.ctm-banner .material-symbols-rounded{flex-shrink:0;font-size:18px}.ctm-banner-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.ctm-banner-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.ctm-field{flex-direction:column;gap:7px;display:flex}.ctm-label{color:#374151;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.ctm-required{color:#ef4444;font-size:14px;line-height:1}.ctm-hint{color:#9ca3af;margin-left:2px;font-size:11px;font-weight:400}.ctm-input,.ctm-textarea,.ctm-select{color:#111827;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .15s,box-shadow .15s,background .15s}.ctm-input:focus,.ctm-textarea:focus,.ctm-select:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.ctm-input::placeholder,.ctm-textarea::placeholder{color:#9ca3af}.ctm-textarea{resize:vertical;min-height:90px}.ctm-input-icon-wrap{position:relative}.ctm-input-icon{color:#9ca3af;pointer-events:none;font-size:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ctm-input-with-icon{padding-left:38px}.ctm-select-wrap{position:relative}.ctm-select-icon{color:#9ca3af;pointer-events:none;z-index:1;font-size:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ctm-select{appearance:none;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='%239ca3af' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-left:38px;padding-right:32px}.ctm-priority-group{flex-wrap:wrap;gap:8px;display:flex}.ctm-priority-pill{color:#6b7280;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:50px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.ctm-priority-pill .material-symbols-rounded{font-size:15px}.ctm-priority-pill:hover{border-color:var(--pill-color);color:var(--pill-color);background:color-mix(in srgb, var(--pill-color) 8%, transparent)}.ctm-priority-pill.active{border-color:var(--pill-color);background:color-mix(in srgb, var(--pill-color) 12%, transparent);color:var(--pill-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--pill-color) 15%, transparent);font-weight:600}.ctm-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:480px){.ctm-row{grid-template-columns:1fr}}.ctm-footer{border-top:1px solid #f3f4f6;justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;padding-top:6px;display:flex}.ctm-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:7px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.ctm-btn:disabled{opacity:.6;cursor:not-allowed}.ctm-btn .material-symbols-rounded{font-size:17px}.ctm-btn-ghost{color:#6b7280;background:0 0;border:1.5px solid #e5e7eb}.ctm-btn-ghost:hover:not(:disabled){color:#374151;background:#f3f4f6;border-color:#d1d5db}.ctm-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 14px #6366f159}.ctm-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.ctm-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #6366f14d}.ctm-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.65s linear infinite ctm-spin}@keyframes ctm-spin{to{transform:rotate(360deg)}}.ctm-body::-webkit-scrollbar{width:5px}.ctm-body::-webkit-scrollbar-track{background:0 0}.ctm-body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:99px}.ctm-body::-webkit-scrollbar-thumb:hover{background:#d1d5db}@media (max-width:600px){.ctm-modal{border-radius:16px 16px 0 0;max-height:96vh;margin-top:auto}.ctm-overlay{align-items:flex-end;padding:0}.ctm-header{padding:18px 20px 14px}.ctm-body{padding:18px 20px}}.call-button{position:relative}.call-button:disabled{opacity:.6;cursor:not-allowed}.call-button i{font-size:20px}.call-button:hover:not(:disabled) i{color:var(--success-color,#10b981)}.messages-area-container{background:var(--chat-bg-messages);flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden visible}.no-chat-selected{text-align:center;color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.no-chat-selected i{opacity:.25;color:#6b7280;font-size:64px}.chat-header{border-bottom:1px solid var(--chat-border-messages);background:var(--chat-bg-header);z-index:10;flex-shrink:0;align-items:center;height:62px;padding:0 16px;display:flex;position:sticky;top:0}.chat-header-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.chat-avatar-container{flex-shrink:0;position:relative}.chat-header-avatar{object-fit:cover;border-radius:50%;width:42px;height:42px}.chat-header-avatar-default,.chat-header-avatar-group{color:#fff;background:linear-gradient(135deg,#0077b6,#00b4d8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:flex}.chat-header-avatar-group{background:linear-gradient(135deg,#7c3aed,#a855f7)}.chat-info{flex:1;min-width:0}.chat-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:700;line-height:1.3;overflow:hidden}.chat-status{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;line-height:1.3;overflow:hidden}.whatsapp-timer{color:#0077b6;align-items:center;gap:3px;margin-top:1px;font-size:11px;font-weight:500;display:inline-flex}.whatsapp-timer i,.whatsapp-timer .material-symbols-rounded{font-size:13px}.whatsapp-timer.expired{color:#ef4444}.chat-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.chat-actions .btn{color:#6b7280;cursor:pointer;width:36px;height:36px;transition:background var(--chat-transition), color var(--chat-transition);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:0;display:flex}.chat-actions .btn i,.chat-actions .btn .material-symbols-rounded{font-size:20px}.chat-actions .btn:hover{color:#374151;background:#f3f4f6}.chat-actions .btn.active{color:#2563eb;background:#eff6ff}.chat-ticket-btn{color:#7c3aed!important}.chat-ticket-btn:hover{color:#6d28d9!important;background:#f5f3ff!important}.message{align-items:flex-end;gap:6px;margin-bottom:2px;animation:.2s msgIn;display:flex;position:relative}.message-own{flex-direction:row-reverse}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message-avatar-container{flex-shrink:0;display:none}.message-content{flex-direction:column;gap:1px;width:fit-content;min-width:0;max-width:65%;display:flex}.message-own .message-content{align-items:flex-end}.message-sender{color:#9ca3af;margin-bottom:2px;padding-left:4px;font-size:11px;font-weight:600;display:none}.message-bubble{background:var(--bubble-in-bg);color:var(--bubble-in-text);box-shadow:var(--bubble-shadow);word-wrap:break-word;overflow-wrap:break-word;border:1px solid #0000000f;border-radius:0 18px 18px;width:fit-content;min-width:60px;max-width:100%;padding:8px 12px;animation:.18s cubic-bezier(.34,1.2,.64,1) bubbleIn;display:inline-block;position:relative}.message-own .message-bubble{background:var(--bubble-out-bg);color:var(--bubble-out-text);border-color:#0000000a;border-radius:18px 0 18px 18px}@keyframes bubbleIn{0%{opacity:0;transform:scale(.94)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.message-text{color:var(--bubble-in-text);word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;margin:0;font-size:14.2px;font-weight:400;line-height:1.5}.message-own .message-text{color:var(--bubble-out-text)}.message-time{color:var(--bubble-in-time);white-space:nowrap;justify-content:flex-end;align-self:flex-end;align-items:center;gap:3px;width:fit-content;margin-top:2px;padding:0 4px;font-size:11px;line-height:1;display:flex}.message-own .message-time{color:var(--bubble-out-time)}.message-status{font-size:14px}.message-status-pending{color:#d1d5db}.message-status-sent,.message-status-delivered{color:#9ca3af}.message-status-read{color:#34d399}.message-status-failed{color:#ef4444}.message-error-text{color:#ef4444;align-items:center;gap:4px;margin-top:3px;padding-left:4px;font-size:11px;display:flex}.message-error-code{opacity:.7;font-size:10px}.message-actions{opacity:0;pointer-events:none;transform-origin:100% 100%;z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:20px;gap:2px;padding:4px 6px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:-40px;right:4px;transform:translateY(4px)scale(.9);box-shadow:0 4px 16px #0000001f,0 1px 4px #00000014}.message:hover .message-actions{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.message-own .message-actions{transform-origin:0 100%;left:4px;right:auto}.message-actions .btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:0;transition:background .12s,color .12s;display:flex}.message-actions .btn i,.message-actions .btn .material-symbols-rounded{font-size:16px}.message-actions .btn:hover{color:#374151;background:#f3f4f6}.message-actions .btn.text-danger:hover{color:#dc2626;background:#fee2e2}.message-reaction-inline{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:3px;width:fit-content;margin-top:4px;padding:3px 8px;display:inline-flex;box-shadow:0 1px 3px #00000014}.message-own .message-reaction-inline{background:#fffc}.message-reaction-inline .reaction-emoji{font-size:14px;line-height:1}.message-reaction-inline .reaction-count{color:#6b7280;font-size:11px;font-weight:600}.message-whatsapp-meta{flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;display:flex}.message-whatsapp-meta .badge{white-space:nowrap;text-transform:uppercase;letter-spacing:.4px;border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.badge-billable{color:#92400e;background:#fef3c7}.badge-free{color:#065f46;background:#d1fae5}.badge-category{color:#1d4ed8;text-transform:capitalize;background:#dbeafe}.typing-indicator{background:var(--bubble-in-bg);width:fit-content;box-shadow:var(--bubble-shadow);border:1px solid #0000000f;border-radius:18px 18px 18px 4px;align-items:center;gap:4px;padding:12px 16px;display:flex}.typing-dots{align-items:center;gap:4px;display:flex}.typing-dots span{background:#9ca3af;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite typingBounce}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.message-media{flex-direction:column;gap:4px;display:flex}.message-image{cursor:zoom-in;object-fit:cover;border-radius:12px;max-width:100%;max-height:280px;display:block}.message-video{background:#000;border-radius:12px;max-width:100%;max-height:280px;display:block;position:relative}.message-media-expand{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;bottom:8px;right:8px}.message-media-error{color:#dc2626;background:#fee2e2;border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:13px;display:flex}.audio-message{align-items:center;gap:10px;min-width:200px;padding:4px 0;display:flex}.audio-message i,.audio-message .material-symbols-rounded{color:#0077b6;font-size:22px}.audio-message audio{flex:1;height:28px}.document-message{align-items:center;gap:10px;min-width:180px;padding:6px 0;display:flex}.doc-icon{color:#0077b6;flex-shrink:0;font-size:28px}.document-info{flex:1;min-width:0}.document-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.document-ext{color:#6b7280;text-transform:uppercase;font-size:11px}.doc-download{color:#0077b6;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:background .15s;display:flex}.doc-download:hover{background:#eff6ff}.message-location{flex-direction:column;gap:8px;display:flex}.message-location-map{cursor:pointer;border-radius:10px;display:block;position:relative;overflow:hidden}.message-location-img{max-width:100%;height:auto;display:block}.message-location-pin{color:#ef4444;filter:drop-shadow(0 2px 4px #0000004d);font-size:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.message-location-info{flex-direction:column;gap:3px;display:flex}.message-location-name{color:#111827;align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.message-location-name i,.message-location-name .material-symbols-rounded{color:#0077b6;font-size:16px}.message-location-address{color:#6b7280;font-size:12px}.message-location-coords{color:#9ca3af;font-size:11px}.message-location-open{color:#0077b6;align-items:center;gap:4px;margin-top:2px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.message-location-open:hover{text-decoration:underline}.message-reply-preview{background:#0000000d;border-left:3px solid #0077b6;border-radius:8px;gap:8px;margin-bottom:8px;padding:8px 10px;display:flex}.message-own .message-reply-preview{background:#0000000f;border-left-color:#059669}.reply-line{display:none}.reply-content{flex:1;min-width:0}.reply-sender{color:#0077b6;margin-bottom:2px;font-size:11px;font-weight:700}.message-own .reply-sender{color:#059669}.reply-text{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.message-template-bubble{flex-direction:column;gap:8px;display:flex}.message-template-header{color:#0077b6;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.message-template-header i,.message-template-header .material-symbols-rounded{font-size:15px}.message-template-buttons{border-top:1px solid #00000014;flex-direction:column;gap:5px;margin-top:4px;padding-top:8px;display:flex}.message-template-btn{color:#0077b6;cursor:default;background:#0077b612;border:1px solid #0077b633;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:7px 12px;font-size:13px;font-weight:500;display:flex}.message-interactive-reply{color:#374151;align-items:center;gap:6px;padding:2px 0;display:flex}.message-catalog-bubble{flex-direction:column;gap:8px;min-width:220px;max-width:320px;display:flex}.message-catalog-header{color:#25d366;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.message-catalog-header .material-symbols-rounded{font-variation-settings:"FILL" 1;font-size:15px}.message-catalog-type-badge{text-transform:capitalize;color:#25d366;background:#25d3661f;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:600}.message-catalog-type-badge.shopify{color:#95bf47;background:#95bf4726}.message-catalog-products{border-top:1px solid #0000000f;border-bottom:1px solid #0000000f;flex-direction:column;gap:6px;padding:6px 0;display:flex}.message-catalog-product{align-items:center;gap:8px;display:flex}.message-catalog-product img{object-fit:cover;background:#f3f4f6;border-radius:6px;flex-shrink:0;width:36px;height:36px}.message-catalog-product-info{flex:1;min-width:0}.message-catalog-product-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.message-catalog-product-price{color:#059669;font-size:11.5px;font-weight:600}.message-catalog-more{color:#9ca3af;padding-top:2px;font-size:11px;font-style:italic}.message-catalog-footer-text{color:#9ca3af;border-top:1px solid #0000000f;margin:0;padding-top:5px;font-size:11.5px;font-style:italic}.media-viewer-overlay{z-index:9999;background:#000000f2;flex-direction:column;display:flex;position:fixed;inset:0}.media-viewer-toolbar{background:#0009;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.media-viewer-name{color:#fff;font-size:14px;font-weight:500}.media-viewer-actions{gap:10px;display:flex}.media-viewer-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:8px;align-items:center;padding:6px 8px;font-size:20px;transition:background .15s;display:flex}.media-viewer-btn:hover{background:#ffffff38}.media-viewer-content{flex:1;justify-content:center;align-items:center;padding:16px;display:flex}.media-viewer-img,.media-viewer-video{object-fit:contain;max-width:100%;max-height:100%}.media-viewer-audio{color:#fff;flex-direction:column;align-items:center;gap:16px;display:flex}.media-viewer-audio i{font-size:48px}.media-viewer-audio audio{width:300px}.message-sender-label{letter-spacing:.2px;white-space:nowrap;border:1px solid #0000;border-radius:20px;align-self:flex-end;align-items:center;gap:4px;width:fit-content;max-width:100%;margin-bottom:3px;padding:2px 8px 2px 5px;font-size:10.5px;font-weight:600;line-height:1.4;transition:opacity .15s;display:inline-flex}.message-sender-label .material-symbols-rounded{font-variation-settings:"FILL" 1, "wght" 500;flex-shrink:0;font-size:12px}.sender-label-agent{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.sender-label-ai{color:#6d28d9;background:#f3f0ff;border-color:#ddd6fe}.sender-label-reengagement{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.sender-label-auto{color:#0d9488;background:#f0fdfa;border-color:#99f6e4}.sender-label-flow{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.dark .sender-label-agent{color:#93c5fd;background:#1d4ed82e;border-color:#1d4ed859}.dark .sender-label-ai{color:#c4b5fd;background:#6d28d92e;border-color:#6d28d959}.dark .sender-label-reengagement{color:#a5b4fc;background:#4338ca2e;border-color:#4338ca59}.dark .sender-label-auto{color:#5eead4;background:#0d94882e;border-color:#0d948859}.dark .sender-label-flow{color:#fdba74;background:#c2410c2e;border-color:#c2410c59}.message-system{justify-content:center;margin:12px 0;padding:0 16px;display:flex}.message-system-content{color:#92400e;text-align:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;align-items:center;gap:8px;max-width:80%;padding:8px 16px;font-size:13px;display:flex}.message-system-content i{color:#f59e0b;flex-shrink:0;font-size:18px}.message-system-content span{flex:1}@media (max-width:1024px){.message-content{max-width:75%}}@media (max-width:1023.98px){.messages-list{flex:1 1 0;gap:2px;min-height:0;padding:10px 8px}.message-content{max-width:82%}.message-bubble{border-radius:0 14px 14px;padding:7px 10px}.message-own .message-bubble{border-radius:14px 0 14px 14px}.message-text{font-size:13.5px}.message-time{font-size:10.5px}.chat-header{flex-shrink:0;height:56px;padding:0 10px}.message-input-container{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));flex-shrink:0;position:relative;box-shadow:0 -2px 10px #0000000d;z-index:9999!important;visibility:visible!important;background:#f0f2f5!important;display:block!important}.message-image,.message-video{max-height:220px}.audio-message{min-width:160px}.document-message{min-width:150px}}@media (max-width:375px){.message-content{max-width:88%}.message-text{font-size:13px}}.template-carousel-container{scroll-snap-type:x mandatory;scrollbar-width:none;width:100%;margin:8px 0;overflow-x:auto}.template-carousel-container::-webkit-scrollbar{display:none}.template-carousel-track{gap:12px;padding-bottom:4px;display:flex}.template-carousel-card{scroll-snap-align:start;background:#fff;border:1px solid #00000014;border-radius:12px;flex-direction:column;flex:0 0 240px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000d}.template-card-header{width:100%}.template-card-header h5{color:#111827;margin:10px;font-size:14px;font-weight:700}.template-card-header img{object-fit:cover;width:100%;height:120px}.template-card-body{flex:1;padding:10px}.template-card-body p{color:#374151;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.template-card-buttons{background:#f9fafb;border-top:1px solid #0000000d}.template-card-btn{text-align:center;color:#0077b6;border-bottom:1px solid #00000008;padding:8px;font-size:12px;font-weight:600}.template-card-btn:last-child{border-bottom:none}@media (max-width:375px){.template-carousel-card{flex:0 0 200px}}.chat-metadata-container{background:#fff;border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 2px 16px #0000001a}.metadata-empty{text-align:center;color:#a0aec0;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.metadata-empty i{opacity:.5;margin-bottom:12px;font-size:48px}.metadata-header{border-bottom:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.metadata-header h6{color:#2d3748;font-weight:600}.metadata-header .btn{color:#718096}.metadata-header .btn:hover{color:#e91e63}.chat-profile{text-align:center;border-bottom:1px solid #f0f0f0;flex-shrink:0;padding:20px}.chat-profile-avatar{margin-bottom:12px}.profile-avatar{object-fit:cover;border:3px solid #f0f0f0;border-radius:50%;width:80px;height:80px}.profile-avatar-default,.profile-avatar-group{color:#fff;background:linear-gradient(45deg,#667eea,#764ba2);border:3px solid #f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:600;display:flex}.profile-avatar-group{background:linear-gradient(45deg,#f093fb,#f5576c)}.profile-avatar-group i{font-size:36px}.chat-profile-name{color:#2d3748;margin-bottom:4px;font-size:18px;font-weight:600}.chat-profile-status{color:#a0aec0;margin-bottom:8px;font-size:13px}.chat-profile-description{color:#718096;margin:0;font-size:12px;line-height:1.4}.quick-actions{border-bottom:1px solid #f0f0f0;flex-shrink:0;gap:8px;padding:16px 20px;display:flex}.quick-actions .btn{border-radius:6px;flex:1;padding:8px 12px;font-size:12px}.metadata-tabs{flex-shrink:0;padding:16px 20px 0}.metadata-tabs .nav{border-bottom:1px solid #f0f0f0}.metadata-tabs .nav-link{color:#718096;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:8px 12px 12px;font-size:13px;font-weight:500}.metadata-tabs .nav-link.active{color:#e91e63;background:0 0;border-bottom-color:#e91e63}.metadata-tabs .nav-link:hover{color:#e91e63;background:0 0}.metadata-content{flex:1;padding:0 20px;overflow-y:auto}.info-section{border-bottom:1px solid #f8f9fa;padding:16px 0}.info-section:last-child{border-bottom:none}.section-title{color:#2d3748;margin-bottom:12px;font-size:14px;font-weight:600}.info-item{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.info-label{color:#718096;font-size:13px}.info-value{color:#2d3748;font-size:13px;font-weight:500}.shared-links{flex-direction:column;gap:8px;display:flex}.shared-link-item{background:#f8f9fa;border-radius:8px;align-items:center;padding:12px;transition:all .2s;display:flex}.shared-link-item:hover{background:#f1f3f4}.link-icon{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;display:flex}.link-icon i{color:#fff;font-size:16px}.link-info{flex:1;min-width:0}.link-title{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:500;overflow:hidden}.link-date{color:#a0aec0;margin:0;font-size:11px}.shared-files{flex-direction:column;gap:8px;display:flex}.shared-file-item{background:#f8f9fa;border-radius:8px;align-items:center;padding:12px;transition:all .2s;display:flex}.shared-file-item:hover{background:#f1f3f4}.file-icon{background:linear-gradient(45deg,#f093fb,#f5576c);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;display:flex}.file-icon i{color:#fff;font-size:16px}.file-info{flex:1;min-width:0}.file-name{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:500;overflow:hidden}.file-details{color:#a0aec0;margin:0;font-size:11px}.members-list{flex-direction:column;gap:8px;display:flex}.member-item{background:#f8f9fa;border-radius:8px;align-items:center;padding:12px;transition:all .2s;display:flex}.member-avatar-container{flex-shrink:0;margin-right:12px;position:relative}.member-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.member-avatar-default{color:#fff;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.member-info{flex:1;min-width:0}.member-name{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:500;overflow:hidden}.member-role{color:#a0aec0;margin:0;font-size:11px}.status-indicator{border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.metadata-actions{border-top:1px solid #f0f0f0;flex-shrink:0;padding:20px}.metadata-actions .btn{border-radius:6px;font-size:12px;font-weight:500}@media (max-width:767.98px){.metadata-header,.chat-profile,.quick-actions,.metadata-tabs,.metadata-actions{padding-left:16px;padding-right:16px}.metadata-content{padding:0 16px}.profile-avatar,.profile-avatar-default,.profile-avatar-group{width:64px;height:64px;font-size:24px}.profile-avatar-group i{font-size:28px}.quick-actions{flex-direction:column;gap:8px}.quick-actions .btn{width:100%}}.imn-wrap{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.imn-card{pointer-events:all;cursor:pointer;background:#fff;border-left:4px solid #25d366;border-radius:14px;align-items:flex-start;gap:12px;min-width:300px;max-width:360px;padding:12px 14px;transition:opacity .2s,transform .2s;animation:.28s cubic-bezier(.34,1.56,.64,1) imn-slide-in;display:flex;box-shadow:0 8px 32px #00000024,0 2px 8px #00000014}.imn-card:hover{transform:translateY(-1px);box-shadow:0 12px 40px #0000002e}.imn-card--leaving{animation:.22s forwards imn-slide-out}@keyframes imn-slide-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes imn-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}.imn-avatar{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex}.imn-body{flex:1;min-width:0}.imn-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:.82rem;font-weight:700;overflow:hidden}.imn-text{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.78rem;overflow:hidden}.imn-time{color:#9ca3af;flex-shrink:0;margin-top:2px;font-size:.7rem}.imn-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:14px;line-height:1;display:flex;position:absolute;top:8px;right:8px}.imn-close:hover{color:#374151;background:#f3f4f6}.imn-card{position:relative}.imn-mute-btn{cursor:pointer;color:#7b809a;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,color .15s;display:flex;position:relative}.imn-mute-btn:hover{color:#344767;background:#f0f2f5}.imn-mute-btn--muted{color:#ef4444}.imn-mute-btn--muted:hover{color:#dc2626;background:#fee2e2}.imn-mute-btn:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#1f2937;border-radius:5px;padding:3px 8px;font-size:.7rem;transition:opacity .15s;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.imn-mute-btn:hover:after{opacity:1}:root{--chat-bg-sidebar:#fff;--chat-bg-sidebar-hover:#f9fafb;--chat-bg-sidebar-active:#eff6ff;--chat-accent:#0077b6;--chat-accent-dark:#005f8e;--chat-accent-glow:#0077b633;--chat-text-primary:#111827;--chat-text-secondary:#4b5563;--chat-text-muted:#9ca3af;--chat-border-sidebar:#e5e7eb;--chat-bg-messages:#efeae2;--chat-bg-header:#f0f2f5;--chat-bg-input-area:#f0f2f5;--chat-border-messages:#e5e7eb;--bubble-in-bg:#fff;--bubble-in-text:#111827;--bubble-in-time:#9ca3af;--bubble-out-bg:#d9fdd3;--bubble-out-text:#111827;--bubble-out-time:#6b7280;--bubble-shadow:0 1px 2px #0000001f;--chat-transition:.18s cubic-bezier(.4, 0, .2, 1)}body:has(.chat-page-main){overflow:hidden}.chat-page-main{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;max-height:100vh;background:var(--chat-bg-messages);flex-direction:row;max-height:100dvh;transition:left .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0;overflow:hidden}.chat-container{flex-direction:row;flex:1 1 0;min-width:0;height:100%;display:flex;overflow:hidden}.chat-contacts-col{border-right:1px solid var(--chat-border-sidebar);background:var(--chat-bg-sidebar);flex-direction:column;flex-shrink:0;width:360px;min-width:280px;max-width:420px;height:100%;display:flex;overflow:hidden}.chat-messages-col{background:var(--chat-bg-messages);flex-direction:column;flex:1 1 0;min-width:0;height:100%;display:flex;overflow:hidden}.chat-metadata-col{border-left:1px solid var(--chat-border-messages);background:var(--chat-bg-header);flex-direction:column;flex-shrink:0;width:320px;height:100%;display:flex;overflow:hidden}.contacts-list-container{background:var(--chat-bg-sidebar);flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.contacts-list{flex:1 1 0;min-height:0;overflow-y:auto}.messages-area-container{background:var(--chat-bg-messages);flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.messages-list{background:var(--chat-bg-messages);scroll-behavior:smooth;flex-direction:column;flex:1 1 0;gap:4px;min-height:0;padding:16px 20px;display:flex;overflow:hidden auto}.message-input-container{border-top:1px solid var(--chat-border-messages);background:var(--chat-bg-input-area);z-index:10;flex-grow:0;flex-shrink:0;padding:10px 16px 14px;position:relative;overflow:visible}@media (max-width:1023.98px){.chat-page-main{flex-direction:column;width:100vw!important;margin:0!important;padding:0!important;left:0!important}.chat-container{flex-direction:column}.chat-contacts-col{width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important}.chat-messages-col{width:100%!important;height:100%!important}.chat-metadata-col{border-left:none;border-top:1px solid var(--chat-border-messages);width:100%!important;height:100%!important}.messages-list{padding:10px 12px}.message-input-container{padding:8px 10px}}.messages-list::-webkit-scrollbar{width:4px}.contacts-list::-webkit-scrollbar{width:4px}.messages-list::-webkit-scrollbar-track{background:0 0}.contacts-list::-webkit-scrollbar-track{background:0 0}.messages-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.messages-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.contacts-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.contacts-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:.2s fadeIn;z-index:9999!important;box-sizing:border-box!important;background:#00000080!important;justify-content:center!important;align-items:center!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important}.modal-content{animation:.25s cubic-bezier(.4,0,.2,1) slideUp;z-index:10000!important;max-width:90vw!important;max-height:90vh!important;margin:0 auto!important;position:relative!important;overflow-y:auto!important}.add-contact-chat-page{background-color:#f8f9fa;max-width:1200px;min-height:100vh;margin:0 auto;padding:24px}.page-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 4px 20px #667eea4d}.header-navigation{flex-shrink:0;gap:12px;display:flex}.nav-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-btn:hover{color:#fff;background:#ffffff40;border-color:#fff6;transform:translateY(-1px)}.header-title{flex:1;align-items:center;gap:16px;display:flex}.header-icon{color:#fff;width:32px;height:32px}.header-title h1{color:#fff;margin:0;font-size:28px;font-weight:600}.header-title p{color:#ffffffe6;margin:4px 0 0;font-size:14px}.step-indicator{background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:24px;margin-bottom:32px;padding:24px;display:flex;box-shadow:0 2px 8px #0000001a}.step{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.step:not(:last-child):after{content:"";background:#e9ecef;width:24px;height:2px;transition:background-color .3s;position:absolute;top:20px;left:100%}.step.completed:not(:last-child):after{background:#10b981}.step-number{color:#6c757d;background:#e9ecef;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.step.active .step-number{color:#fff;background:#667eea}.step.completed .step-number{color:#fff;background:#10b981}.step-label{color:#6c757d;text-align:center;font-size:12px;font-weight:500}.step.active .step-label{color:#667eea}.step.completed .step-label{color:#10b981}.error-banner{color:#dc2626;background:#fee;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;display:flex}.error-banner button{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:4px}.error-banner button:hover{background:#dc26261a}.form-container{background:#fff;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.form-step{padding:32px}.step-header{border-bottom:1px solid #e9ecef;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:16px;display:flex}.step-icon{color:#667eea;width:24px;height:24px}.step-header h3{color:#1a1a1a;margin:0;font-size:20px;font-weight:600}.step-header p{color:#6c757d;margin:4px 0 0;font-size:14px}.form-content{max-width:800px}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input.error,.form-group textarea.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.error-text{color:#dc3545;margin-top:4px;font-size:12px;display:block}.form-hint{color:#6c757d;margin-top:4px;font-size:12px;display:block}.customer-type-selector{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:8px;display:grid}.customer-type-btn{cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.customer-type-btn:hover{border-color:var(--type-color);background:#667eea0d}.customer-type-btn.active{border-color:var(--type-color);color:var(--type-color);background:#667eea1a}.type-indicator{border-radius:50%;width:12px;height:12px}.platform-selector{grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;display:grid}.platform-btn{cursor:pointer;text-align:left;background:#fff;border:2px solid #e9ecef;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.platform-btn:hover{border-color:var(--platform-color);background:#667eea0d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.platform-btn.active{border-color:var(--platform-color);color:var(--platform-color);background:#667eea1a}.platform-info{flex-direction:column;gap:4px;display:flex}.platform-name{font-size:14px;font-weight:600}.platform-desc{color:#6c757d;font-size:12px}.template-selector{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:8px;display:grid}.template-btn{cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.template-btn:hover{background:#667eea0d;border-color:#667eea}.template-btn.active{color:#667eea;background:#667eea1a;border-color:#667eea}.message-preview{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:24px 0;padding:20px}.message-preview h4{color:#333;margin:0 0 12px;font-size:14px;font-weight:600}.preview-content{justify-content:flex-end;display:flex}.message-bubble{color:#fff;word-wrap:break-word;background:#667eea;border-radius:18px 18px 4px;max-width:70%;padding:12px 16px;font-size:14px;line-height:1.4}.tags-input{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px}.tags-list{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tag{color:#fff;background:#667eea;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;display:flex}.tag-remove{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:flex}.tag-remove:hover{background:#fff3}.add-tag{gap:8px;display:flex}.add-tag input{border:none;outline:none;flex:1;padding:4px 0;font-size:14px}.add-tag-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:flex}.add-tag-btn:hover{background:#5a67d8}.consent-section{border-top:1px solid #e9ecef;margin-top:24px;padding-top:20px}.consent-section h4{color:#333;margin:0 0 16px;font-size:16px;font-weight:600}.checkbox-group{margin-bottom:12px}.checkbox-label{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.checkbox-label input[type=checkbox]{width:auto;margin:0}.checkbox-label span{color:#333;font-weight:500}.success-step{text-align:center;padding:48px 32px}.success-content{max-width:500px;margin:0 auto}.success-icon{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.success-content h3{color:#1a1a1a;margin:0 0 12px;font-size:24px;font-weight:600}.success-content p{color:#6c757d;margin:0 0 32px;font-size:16px}.contact-summary{background:#f8f9fa;border-radius:8px;flex-direction:column;gap:12px;margin-bottom:32px;padding:20px;display:flex}.summary-item{color:#333;align-items:center;gap:8px;font-size:14px;display:flex}.success-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.form-navigation{background:#fff;border-radius:12px;align-items:center;gap:16px;padding:24px;display:flex;box-shadow:0 2px 8px #0000001a}.nav-spacer{flex:1}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.btn-primary:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-primary:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8;transform:none}.btn-secondary:hover{color:#495057;background:#e9ecef;transform:translateY(-1px)}.spinner-sm{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@media (max-width:768px){.add-contact-chat-page{padding:16px}.header-content{flex-direction:column;align-items:flex-start;gap:16px}.header-navigation{justify-content:flex-start;width:100%}.header-title{width:100%}.header-title h1{font-size:24px}.step-indicator{gap:16px;padding:16px}.step:not(:last-child):after{width:16px}.form-step{padding:24px 16px}.form-row{grid-template-columns:1fr;gap:16px}.platform-selector,.template-selector,.customer-type-selector{grid-template-columns:1fr}.form-navigation{flex-direction:column;gap:12px;padding:16px}.nav-spacer{display:none}.success-actions{width:100%}.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.step-indicator{flex-direction:column;gap:12px}.step:not(:last-child):after{display:none}.step{flex-direction:row;gap:12px}.step-number{width:32px;height:32px;font-size:12px}.step-label{font-size:14px}}.mt-page-header{background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:20px 24px;display:flex;box-shadow:0 2px 12px #0000000f}.mt-page-header-left{align-items:center;gap:16px;display:flex}.mt-page-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.mt-page-icon .material-symbols-rounded{color:#fff;font-size:28px}.mt-page-header h1{color:#1a1a2e;margin:0 0 4px;font-size:20px;font-weight:700}.mt-page-header p{color:#6b7280;margin:0;font-size:13px}.mt-page-header-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mt-channel-select-wrap{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.mt-channel-select-wrap .material-symbols-rounded{color:#9ca3af;font-size:16px}.mt-channel-select-wrap select{color:#374151;cursor:pointer;background:0 0;border:none;outline:none;font-size:13px}.mt-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.mt-btn .material-symbols-rounded{font-size:17px}.mt-btn--primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 12px #667eea4d}.mt-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #667eea73}.mt-btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.mt-btn--secondary{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.mt-btn--secondary:hover:not(:disabled){background:#e5e7eb}.mt-btn--secondary:disabled{opacity:.6;cursor:not-allowed}.mt-btn--ghost{color:#6b7280;background:0 0;border:1px solid #e5e7eb}.mt-btn--ghost:hover:not(:disabled){color:#374151;background:#f3f4f6}.mt-btn--ghost:disabled{opacity:.6;cursor:not-allowed}.mt-alert{border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.mt-alert .material-symbols-rounded{flex-shrink:0;font-size:18px}.mt-alert--warning{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.mt-stats{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:20px;display:grid}.mt-stat-card{background:#fff;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;display:flex;box-shadow:0 2px 10px #0000000f}.mt-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.mt-stat-icon .material-symbols-rounded{font-size:22px}.mt-stat-value{color:#1a1a2e;margin-bottom:2px;font-size:22px;font-weight:700;line-height:1}.mt-stat-label{color:#6b7280;font-size:12px}.mt-filters{background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:14px 16px;display:flex;box-shadow:0 2px 8px #0000000d}.mt-search-wrap{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:200px;padding:7px 12px;transition:border-color .15s;display:flex}.mt-search-wrap:focus-within{background:#fff;border-color:#667eea}.mt-search-wrap .material-symbols-rounded{color:#9ca3af;flex-shrink:0;font-size:18px}.mt-search-wrap input{color:#1a1a2e;background:0 0;border:none;outline:none;flex:1;font-size:13px}.mt-search-clear{cursor:pointer;color:#9ca3af;background:0 0;border:none;align-items:center;padding:0;display:flex}.mt-search-clear .material-symbols-rounded{font-size:16px}.mt-select-wrap select{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:7px 12px;font-size:13px;transition:border-color .15s}.mt-select-wrap select:focus{border-color:#667eea}.mt-count{color:#9ca3af;white-space:nowrap;margin-left:auto;font-size:12px}.mt-table-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.mt-table-wrap{overflow-x:auto}.mt-table{border-collapse:collapse;width:100%;font-size:13px}.mt-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;white-space:nowrap;background:#fafbfc;border-bottom:1px solid #f0f2f5;padding:12px 16px;font-size:11px;font-weight:600}.mt-table td{vertical-align:middle;border-bottom:1px solid #f9fafb;padding:14px 16px}.mt-table tr:last-child td{border-bottom:none}.mt-table tr:hover td{background:#f9fafb}.mt-name-cell{flex-direction:column;gap:3px;display:flex}.mt-name-cell strong{color:#1a1a2e;font-size:13px}.mt-id{color:#9ca3af;background:#f3f4f6;border-radius:4px;align-self:flex-start;padding:1px 6px;font-family:monospace;font-size:10px}.mt-lang{color:#374151;background:#f3f4f6;border-radius:6px;padding:3px 8px;font-size:12px}.mt-body-preview{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:12px;display:block;overflow:hidden}.mt-badge{text-transform:capitalize;white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.mt-badge .material-symbols-rounded{font-size:14px}.mt-actions{gap:6px;display:flex}.mt-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.mt-icon-btn .material-symbols-rounded{font-size:18px}.mt-icon-btn--view{color:#667eea}.mt-icon-btn--view:hover{background:#ede9fe}.mt-icon-btn--delete{color:#dc2626}.mt-icon-btn--delete:hover{background:#fee2e2}.mt-icon-btn--delete:disabled{opacity:.4;cursor:not-allowed}.mt-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px;font-size:14px;display:flex}.mt-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:32px;height:32px;animation:.7s linear infinite mt-spin}@keyframes mt-spin{to{transform:rotate(360deg)}}.mt-spin{animation:.7s linear infinite mt-spin}.mt-empty{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px;display:flex}.mt-empty .material-symbols-rounded{font-size:48px}.mt-empty p{margin:0;font-size:14px}.mt-overlay{z-index:1100;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.mt-detail-panel{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #0003}.mt-detail-header{background:#fafbfc;border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.mt-detail-header h3{color:#1a1a2e;margin:0 0 8px;font-size:16px;font-weight:700}.mt-detail-meta{flex-wrap:wrap;gap:8px;display:flex}.mt-detail-body{flex-direction:column;flex:1;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.mt-phone{background:#e5ddd5;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:340px;margin:0 auto;overflow:hidden}.mt-phone-bar{color:#fff;background:#075e54;align-items:center;gap:10px;padding:12px 14px;display:flex}.mt-phone-avatar{background:#128c7e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.mt-phone-name{font-size:14px;font-weight:600}.mt-phone-sub{opacity:.8;font-size:11px}.mt-phone-body{padding:16px 12px}.mt-bubble{color:#1a1a2e;background:#fff;border-radius:0 10px 10px;margin-bottom:6px;padding:10px 12px;font-size:13px;line-height:1.6;box-shadow:0 1px 2px #0000001a}.mt-bubble-header{border-bottom:1px solid #f0f2f5;margin-bottom:8px;padding-bottom:8px}.mt-bubble-body{white-space:pre-wrap;word-break:break-word}.mt-bubble-footer{color:#9ca3af;border-top:1px solid #f0f2f5;margin-top:6px;padding-top:6px;font-size:11px}.mt-bubble-time{color:#9ca3af;justify-content:flex-end;align-items:center;gap:2px;margin-top:4px;font-size:10px;display:flex}.mt-bubble-time .material-symbols-rounded{color:#4fc3f7;font-size:14px}.mt-media-ph{color:#6b7280;background:#f3f4f6;border-radius:8px;align-items:center;gap:6px;padding:10px;font-size:12px;display:flex}.mt-media-ph .material-symbols-rounded{font-size:20px}.mt-ph-text{color:#9ca3af;font-style:italic}.mt-preview-btn{color:#2563eb;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:8px;font-size:13px;font-weight:500;display:flex;box-shadow:0 1px 2px #0000001a}.mt-preview-btn .material-symbols-rounded{font-size:16px}.mt-components h4{color:#374151;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:13px;font-weight:600}.mt-comp-row{border-bottom:1px solid #f0f2f5;gap:12px;padding:10px 0;font-size:13px;display:flex}.mt-comp-row:last-child{border-bottom:none}.mt-comp-type{text-transform:uppercase;letter-spacing:.5px;color:#667eea;min-width:100px;padding-top:2px;font-size:11px;font-weight:700}.mt-comp-detail{color:#374151;flex:1}.mt-comp-detail p{white-space:pre-wrap;margin:0;line-height:1.5}.mt-comp-sub{color:#9ca3af;margin-bottom:4px;font-size:11px;display:block}.mt-comp-detail code{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:11px}.mt-comp-btn{color:#374151;padding:4px 0;font-size:12px}.channel-tabs{margin-bottom:2rem}.tabs-container{border-bottom:2px solid #e5e7eb;gap:.5rem;padding-bottom:0;display:flex;overflow-x:auto}.tab-button{cursor:pointer;white-space:nowrap;color:#6b7280;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:.5rem .5rem 0 0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.tab-button:hover{color:#374151;background-color:#f9fafb}.tab-button.active{color:#2563eb;background-color:#fff;border-bottom-color:#2563eb;box-shadow:0 -2px 4px #0000001a}.tab-icon{font-size:1.125rem}.tab-label{font-weight:inherit}@media (max-width:768px){.tab-button{padding:.5rem 1rem;font-size:.8rem}.tab-icon{font-size:1rem}}.whatsapp-profile-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin-bottom:16px;padding:16px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #667eea40}.whatsapp-profile-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#fff0 100%);position:absolute;inset:0}.whatsapp-profile-card.expanded{background:linear-gradient(135deg,#667eea 0%,#5a67d8 100%)}.whatsapp-profile-card.loading{background:linear-gradient(135deg,#e0e7ff 0%,#ddd6fe 100%);flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.loading-spinner{border:4px solid #667eea33;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.whatsapp-profile-card.loading p{color:#5a67d8;margin-top:16px;font-weight:500}.whatsapp-profile-card.error{background:linear-gradient(135deg,#ffebee 0%,#ffcdd2 100%);flex-direction:column;justify-content:center;align-items:center;min-height:150px;display:flex}.error-icon{margin-bottom:12px;font-size:48px}.whatsapp-profile-card.error p{color:#c62828;margin-bottom:16px}.retry-btn{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:8px;padding:8px 20px;font-weight:500;transition:background .2s}.retry-btn:hover{background:#b71c1c}.profile-header{z-index:1;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex;position:relative}.profile-avatar{flex-shrink:0;position:relative}.profile-avatar img{object-fit:cover;background:#fff;border-radius:50%;width:100%;height:100%;box-shadow:0 2px 8px #00000026}.avatar-placeholder{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex;box-shadow:0 2px 8px #00000026}.status-indicator{border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;bottom:2px;right:2px;box-shadow:0 2px 4px #0003}.status-indicator.active{background:#4caf50}.status-indicator.inactive,.status-indicator.pending{background:#ff9800}.profile-info{color:#fff;flex:1}.profile-name{color:#fff;align-items:center;gap:6px;margin:0 0 2px;font-size:18px;font-weight:700;display:flex}.verified-badge{color:#667eea;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:inline-flex}.profile-phone{opacity:.95;margin:0 0 6px;font-size:14px;font-weight:500}.profile-about{opacity:.9;margin:0;font-size:12px;font-style:italic;display:none}.inline-badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.inline-badge{background:#fffffff2;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #0000001a}.inline-badge.quality-green{color:#2e7d32;background:#e8f5e9}.inline-badge.quality-yellow{color:#f57c00;background:#fff3e0}.inline-badge.quality-red{color:#c62828;background:#ffebee}.inline-badge.quality-unknown{color:#757575;background:#f5f5f5}.inline-badge.health-excellent{color:#2e7d32;background:#e8f5e9}.inline-badge.health-good{color:#f57f17;background:#fff9c4}.inline-badge.health-warning{color:#e65100;background:#fff3e0}.inline-badge.health-critical{color:#b71c1c;background:#ffebee}.inline-badge.status-active{color:#2e7d32;background:#e8f5e9}.inline-badge.status-inactive,.inline-badge.status-pending{color:#f57c00;background:#fff3e0}.inline-badge.limit-badge{color:#f57f17;background:linear-gradient(135deg,#fff9c4 0%,#fff59d 100%);border:1px solid #fbc02d;font-weight:700}.header-actions{align-items:center;gap:8px;display:flex}.icon-btn{color:#6b7280;cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.icon-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.icon-btn.refresh-btn:hover{color:#3b82f6}.icon-btn.edit-btn:hover{color:#8b5cf6}.icon-btn.disconnect-btn:hover{color:#ef4444}.icon-btn svg{display:block}.expand-btn{color:#6b7280;cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.expand-btn:hover{color:#667eea;background:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.expand-btn svg{display:block}.stat-badge{border-radius:6px;align-items:center;gap:3px;width:fit-content;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.quality-green{color:#2e7d32;background:#e8f5e9}.quality-yellow{color:#f57c00;background:#fff3e0}.quality-red{color:#c62828;background:#ffebee}.quality-unknown{color:#757575;background:#f5f5f5}.health-excellent{color:#2e7d32;background:#e8f5e9}.health-good{color:#f57f17;background:#fff9c4}.health-warning{color:#e65100;background:#fff3e0}.health-critical{color:#b71c1c;background:#ffebee}.status-active{color:#2e7d32;background:#e8f5e9}.status-inactive,.status-pending{color:#f57c00;background:#fff3e0}.profile-details{z-index:1;border-top:2px solid #ffffff4d;margin-top:16px;padding-top:16px;animation:.3s slideDown;position:relative}.details-grid-container{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}@media (max-width:968px){.details-grid-container{grid-template-columns:1fr}}.detail-section{background:#fffffff2;border-radius:8px;margin-bottom:12px;padding:12px;box-shadow:0 1px 4px #0000001a}.section-title{color:#4c51bf;align-items:center;gap:6px;margin:0 0 12px;font-size:14px;font-weight:700;display:flex}.detail-list{flex-direction:column;gap:10px;display:flex}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-item.full-width{grid-column:1/-1}.detail-item.highlight-item{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border:2px solid #2196f3;border-radius:8px;margin-bottom:6px;padding:10px}.detail-value-highlight{color:#1565c0;align-items:baseline;gap:8px;font-size:20px;font-weight:800;display:flex}.detail-tier{color:#fff;text-transform:uppercase;background:#1976d2;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:700}.detail-item.full-width.messaging-limit-highlight{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border:2px solid #2196f3;border-radius:8px;margin-bottom:8px;padding:12px}.limit-display{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:6px;display:flex}.limit-number{color:#1565c0;font-size:32px;font-weight:900;line-height:1}.limit-text{color:#1976d2;font-size:13px;font-weight:600}.limit-tier{color:#fff;text-transform:uppercase;letter-spacing:.3px;background:#1976d2;border-radius:12px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.limit-info{margin-top:8px}.limit-note{color:#0d47a1;font-size:11px;font-style:italic;display:block}.limit-note.success{color:#2e7d32;font-style:normal;font-weight:600}.detail-label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.detail-value{color:#212121;word-break:break-word;font-size:13px;font-weight:500}.detail-value.mono{background:#f5f5f5;border-radius:4px;padding:3px 6px;font-family:Courier New,monospace;font-size:11px}.detail-badge{text-transform:uppercase;border-radius:6px;width:fit-content;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.detail-badge.success{color:#2e7d32;background:#e8f5e9}.detail-badge.warning{color:#f57c00;background:#fff3e0}.websites-list{flex-direction:column;gap:6px;display:flex}.website-link{color:#1976d2;align-items:center;gap:4px;font-size:12px;text-decoration:none;transition:color .2s;display:flex}.website-link:hover{color:#0d47a1;text-decoration:underline}.issues-list{margin:0;padding:0;list-style:none}.issue-item{color:#e65100;background:#fff3e0;border-left:3px solid #f57c00;border-radius:4px;margin-bottom:6px;padding:8px;font-size:12px}.profile-actions{gap:8px;margin-top:12px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.action-btn.refresh{display:none}.action-btn:not(.refresh){color:#fff;background:#5a67d8}.action-btn:not(.refresh):hover{background:#4c51bf}.last-updated{text-align:center;color:#fffc;margin-top:12px;font-size:10px;font-style:italic}.icon-btn[data-tooltip],.expand-btn[data-tooltip]{position:relative}.icon-btn[data-tooltip]:before,.expand-btn[data-tooltip]:before{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:1000;background:#111827f2;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(-4px);box-shadow:0 4px 12px #00000026}.icon-btn[data-tooltip]:after,.expand-btn[data-tooltip]:after{content:"";opacity:0;pointer-events:none;z-index:1000;border:6px solid #0000;border-top-color:#111827f2;transition:all .2s;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.icon-btn[data-tooltip]:hover:before,.expand-btn[data-tooltip]:hover:before{opacity:1;transform:translate(-50%)translateY(0)}.icon-btn[data-tooltip]:hover:after,.expand-btn[data-tooltip]:hover:after{opacity:1}@media (max-width:768px){.whatsapp-profile-card{padding:16px}.profile-header{text-align:center;flex-direction:column;align-items:center}.profile-name{justify-content:center;font-size:20px}.profile-stats,.detail-grid{grid-template-columns:1fr}.profile-actions{flex-direction:column}}.ai-channel-config{padding:4px 0}.ai-config-section{margin-bottom:20px}.ai-config-section-title{color:#7b809a;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #f0f2f5;margin:0 0 12px;padding-bottom:6px;font-size:.78rem;font-weight:700}.ai-mode-cards{flex-direction:column;gap:8px;display:flex}.ai-mode-card{cursor:pointer;background:#fafbfc;border:2px solid #e9ecef;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.ai-mode-card:hover{background:#faf5ff;border-color:#c4b5fd}.ai-mode-card.active{background:#f5f3ff;border-color:#667eea}.ai-mode-card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.ai-mode-card-icon.simple{color:#1d4ed8;background:#dbeafe}.ai-mode-card-icon.mcp{color:#15803d;background:#dcfce7}.ai-mode-card-icon.detect{color:#b45309;background:#fef3c7}.ai-mode-card-info{flex:1}.ai-mode-card-title{color:#344767;margin:0 0 2px;font-size:.88rem;font-weight:600}.ai-mode-card-desc{color:#7b809a;margin:0;font-size:.78rem;line-height:1.4}.ai-warning-box{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;align-items:flex-start;gap:8px;margin-top:8px;padding:10px 12px;font-size:.8rem;display:flex}.ai-warning-box .material-symbols-rounded{flex-shrink:0;margin-top:1px;font-size:16px}.ai-reengagement-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;margin-top:8px;padding:14px}.ai-save-row{border-top:1px solid #f0f2f5;justify-content:flex-end;margin-top:4px;padding-top:12px;display:flex}.whatsapp-header{margin-bottom:2rem}.header-content{justify-content:space-between;align-items:center;gap:1rem;display:flex}.platform-info{align-items:center;gap:1rem;display:flex}.platform-icon{background:#f0f9ff;border-radius:.75rem;padding:.75rem;font-size:2.5rem}.platform-info h2{color:#111827;margin:0;font-size:1.5rem;font-weight:600}.platform-info p{color:#6b7280;margin:.25rem 0 0;font-size:.875rem}.add-account-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:background-color .2s}.add-account-btn:hover{background:#1d4ed8}.accounts-section{background:#f9fafb;border-radius:.75rem;min-height:300px;padding:1.5rem}.accounts-list{flex-direction:column;gap:24px;display:flex}.account-wrapper{position:relative}.account-card{background:#fff;border-radius:.5rem;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000001a}.account-info{align-items:center;gap:1rem;display:flex}.account-avatar{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;font-weight:600;display:flex}.account-details h3{color:#111827;margin:0;font-size:1.125rem;font-weight:600}.account-details p{color:#6b7280;margin:.25rem 0;font-size:.875rem}.status-badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.status-badge.connected{color:#065f46;background:#d1fae5}.account-actions{gap:.5rem;display:flex}.btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem}.btn-danger{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem}.btn-secondary:hover{background:#e5e7eb}.btn-danger:hover{background:#fee2e2}.empty-state{text-align:center;padding:3rem 1rem}.empty-icon{margin-bottom:1rem;font-size:4rem}.empty-state p{color:#6b7280;max-width:400px;margin:0 auto 2rem}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:background-color .2s}@media (max-width:768px){.header-content{flex-direction:column;align-items:flex-start}.account-card{flex-direction:column;align-items:flex-start;gap:1rem}.account-actions{justify-content:flex-end;width:100%}}.channels-container{height:calc(100vh - 200px);min-height:600px}.tab-content{margin-top:1rem}.tab-content-placeholder{color:#6b7280;text-align:center;background:#f8fafc;border:2px dashed #e5e7eb;border-radius:.5rem;justify-content:center;align-items:center;height:400px;font-size:1.125rem;display:flex}@media (max-width:767.98px){.channels-container{height:calc(100vh - 160px);min-height:500px}}.platform-comparison-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3500;background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.platform-comparison-modal{background:#fff;border-radius:20px;flex-direction:column;width:95vw;max-width:1600px;height:90vh;max-height:900px;animation:.4s slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px #00000040}.comparison-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:16px 24px;font-size:16px;font-weight:600;transition:all .2s}.tab-btn:hover{color:#475569;background:#6366f10d}.tab-btn.active{color:#6366f1;background:#fff;border-bottom-color:#6366f1}.tab-content{flex:1;overflow-y:auto}.comparison-content{padding:30px 40px}.comparison-header{text-align:center;margin-bottom:30px}.comparison-header h3{color:#1e293b;margin:0 0 8px;font-size:24px;font-weight:700}.comparison-header p{color:#64748b;margin:0;font-size:16px}.comparison-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;display:grid}.comparison-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s}.comparison-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 8px 30px #0000001a}.button-type-header{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.button-type-info h4{color:#1e293b;margin:0 0 6px;font-size:18px;font-weight:700}.button-type-info p{color:#64748b;margin:0;font-size:14px;line-height:1.5}.media-type-header{border-bottom:1px solid #f1f5f9;margin-bottom:20px;padding-bottom:16px}.media-type-header h4{color:#1e293b;text-align:center;background:#6366f11a;border-radius:8px;margin:0;padding:12px;font-size:20px;font-weight:700}.supported-platforms h5{color:#374151;margin:0 0 16px;font-size:14px;font-weight:600}.platforms-list{flex-direction:column;gap:12px;display:flex}.platform-support{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.platform-badge{background:#fff;border:1px solid;border-radius:6px;align-items:center;gap:8px;margin-bottom:8px;padding:6px 12px;display:flex}.platform-dot{border-radius:50%;width:8px;height:8px}.platform-name{color:#374151;font-size:14px;font-weight:600}.platform-specs{flex-wrap:wrap;gap:8px;display:flex}.media-specs{flex-direction:column;gap:6px;display:flex}.spec-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.spec-label{color:#374151;font-weight:500}.spec-value{color:#6b7280;text-align:right;word-break:break-word;max-width:60%}@media (max-width:1200px){.platform-comparison-modal{width:98vw;height:95vh}.comparison-grid{grid-template-columns:1fr}.comparison-content{padding:20px}}@media (max-width:768px){.modal-header{padding:20px}.modal-header h2{font-size:24px}.comparison-tabs{flex-direction:column}.tab-btn{border-bottom:none;border-left:4px solid #0000}.tab-btn.active{border-bottom:none;border-left-color:#6366f1}.comparison-content{padding:15px}.comparison-grid{gap:16px}.comparison-card{padding:16px}}.tab-content::-webkit-scrollbar{width:6px}.tab-content::-webkit-scrollbar-track{background:#f1f5f9}.tab-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.tab-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.channel-selector-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.channel-selector-modal{background:#fff;border-radius:20px;flex-direction:column;width:95vw;max-width:1400px;height:90vh;max-height:900px;animation:.4s slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px #00000040}.modal-header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:30px 40px;position:relative}.modal-header h2{margin:0 0 8px;font-size:32px;font-weight:700}.modal-header p{opacity:.9;margin:0 0 20px;font-size:16px}.header-actions{justify-content:center;align-items:center;gap:16px;display:flex}.comparison-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.comparison-btn:hover{background:#ffffff4d;border-color:#fff6;transform:translateY(-2px)}.close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.modal-content{flex:1;display:flex;overflow:hidden}.category-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;width:280px;padding:20px 0;overflow-y:auto}.category-btn{text-align:left;cursor:pointer;background:0 0;border:none;border-left:4px solid #0000;align-items:center;gap:16px;width:100%;padding:16px 24px;transition:all .2s;display:flex}.category-btn:hover{background:#6366f10d;border-left-color:#6366f14d}.category-btn.active{color:#6366f1;background:#6366f11a;border-left-color:#6366f1}.category-info{flex:1}.category-title{margin-bottom:4px;font-size:16px;font-weight:600;display:block}.category-desc{color:#64748b;font-size:13px;line-height:1.4;display:block}.channels-grid{flex-direction:column;flex:1;display:flex;overflow:hidden}.category-header{border-bottom:1px solid #e2e8f0;padding:30px 40px 20px}.category-header h3{color:#1e293b;margin:0 0 8px;font-size:24px;font-weight:700}.category-header p{color:#64748b;margin:0;font-size:16px}.channels-list{flex:1;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));align-content:start;gap:24px;padding:20px 40px;display:grid;overflow-y:auto}.channel-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s;position:relative;overflow:hidden}.channel-card:before{content:"";background:linear-gradient(90deg, transparent, var(--channel-color,#6366f1), transparent);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.channel-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 8px 30px #0000001a}.channel-card:hover:before{opacity:1}.channel-card.selected{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.channel-card.selected:before{opacity:1;background:#6366f1}.channel-header{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.channel-icon{background:#6366f11a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.channel-card:hover .channel-icon{transform:scale(1.1)}.channel-info{flex:1}.channel-name{color:#1e293b;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;font-size:18px;font-weight:700;display:flex}.channel-description{color:#64748b;margin:0;font-size:14px;line-height:1.5}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600}.badge.popular{color:#d97706;background:#fef3c7}.badge.recommended{color:#16a34a;background:#dcfce7}.selected-indicator{color:#fff;background:#6366f1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.channel-features{margin-bottom:20px}.channel-features h4,.channel-node-types h4{color:#374151;margin:0 0 12px;font-size:14px;font-weight:600}.features-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.feature-item{color:#4b5563;align-items:center;gap:8px;font-size:13px;display:flex}.feature-item svg{color:#10b981;flex-shrink:0}.feature-item.more{color:#6366f1;font-weight:500}.channel-node-types{margin-bottom:24px}.node-types-grid{flex-wrap:wrap;gap:6px;display:flex}.node-type-chip{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;padding:6px 12px;font-size:12px;font-weight:500}.node-type-chip.more{color:#fff;background:#6366f1;border-color:#6366f1}.channel-footer{justify-content:flex-end;display:flex}.select-channel-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.select-channel-btn:hover{background:#5856eb;transform:translate(4px)}.channel-details-sidebar{background:#f8fafc;border-left:1px solid #e2e8f0;width:320px;padding:30px 24px;animation:.3s slideInRight;overflow-y:auto}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.details-header{text-align:center;border-bottom:1px solid #e2e8f0;margin-bottom:30px;padding-bottom:20px}.details-icon{background:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex;box-shadow:0 4px 12px #0000001a}.details-header h3{color:#1e293b;margin:0;font-size:20px;font-weight:700}.details-section{margin-bottom:30px}.details-section h4{color:#374151;margin:0 0 16px;font-size:16px;font-weight:600}.features-list{flex-direction:column;gap:8px;display:flex}.feature-detail{color:#4b5563;align-items:center;gap:10px;font-size:14px;display:flex}.feature-detail svg{color:#10b981;flex-shrink:0}.buttons-list{flex-direction:column;gap:12px;display:flex}.button-detail{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.button-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.button-type{color:#374151;font-size:14px;font-weight:600}.button-count{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:12px}.button-description{color:#6b7280;margin:0 0 8px;font-size:13px;line-height:1.4}.button-specs{flex-wrap:wrap;gap:8px;display:flex}.spec{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:2px 6px;font-size:11px}.spec.required{color:#dc2626;background:#fef2f2;border-color:#fecaca}.media-list{flex-direction:column;gap:12px;display:flex}.media-detail{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.media-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.media-type{color:#374151;font-size:14px;font-weight:600}.media-size{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:12px}.media-formats,.media-duration,.media-dimensions{color:#6b7280;margin-bottom:4px;font-size:12px}.media-formats{font-weight:500}.limitations-list{flex-direction:column;gap:8px;display:flex}.limitation-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.limitation-key{color:#374151;font-weight:500}.limitation-value{color:#6b7280;font-weight:400}.node-types-detail{flex-direction:column;gap:6px;display:flex}.node-type-detail{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px}.node-type-label{color:#374151;font-size:13px;font-weight:500}@media (max-width:1200px){.channel-selector-modal{width:98vw;height:95vh}.channels-list{grid-template-columns:1fr;padding:20px}.channel-details-sidebar{display:none}}@media (max-width:768px){.modal-content{flex-direction:column}.category-sidebar{width:100%;max-height:200px;padding:10px 0;display:flex;overflow:auto hidden}.category-btn{border-bottom:4px solid #0000;border-left:none;flex-shrink:0;min-width:200px}.category-btn:hover,.category-btn.active{border-bottom-color:#6366f1;border-left:none}.channels-list{padding:15px}.channel-card,.modal-header{padding:20px}.modal-header h2{font-size:24px}}.category-sidebar::-webkit-scrollbar{width:6px}.channels-list::-webkit-scrollbar{width:6px}.channel-details-sidebar::-webkit-scrollbar{width:6px}.category-sidebar::-webkit-scrollbar-track{background:#f1f5f9}.channels-list::-webkit-scrollbar-track{background:#f1f5f9}.channel-details-sidebar::-webkit-scrollbar-track{background:#f1f5f9}.category-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.channels-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.channel-details-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.category-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.channels-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.channel-details-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.visual-flow-builder{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;height:100%;position:relative;overflow:hidden}.flow-container{width:100%;height:100%;position:relative;overflow:visible}.floating-toolbar-container{z-index:1000;width:auto;max-width:calc(100vw - 32px);position:absolute;top:16px;left:50%;transform:translate(-50%)}.floating-toolbar-main{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:12px;justify-content:space-between;align-items:center;width:fit-content;min-width:320px;max-width:600px;padding:8px 12px;display:flex;box-shadow:0 4px 20px #00000014}.toolbar-left{flex-shrink:0;align-items:center;gap:12px;display:flex}.toolbar-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.channel-display{background:#6366f11a;border:1px solid #6366f133;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:500;display:flex}.channel-icon{color:#6366f1;background:#6366f133;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.channel-name{color:#374151;white-space:nowrap;font-weight:600}.change-channel-btn{color:#6366f1;cursor:pointer;background:#6366f11a;border:none;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;padding:2px;transition:all .2s;display:flex}.change-channel-btn:hover{background:#6366f133;transform:scale(1.1)}.flow-stats{align-items:center;gap:8px;display:flex}.stat-badge{color:#64748b;white-space:nowrap;background:#64748b1a;border-radius:6px;align-items:center;gap:4px;padding:3px 6px;font-size:11px;font-weight:600;display:flex}.toolbar-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:4px;min-width:32px;height:32px;padding:6px 8px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.toolbar-btn span{display:none}.toolbar-btn.select-platform{color:#fff;background:linear-gradient(45deg,#f59e0b,#d97706);padding:6px 12px;animation:2s infinite pulse-glow}.toolbar-btn.select-platform span{margin-left:2px;display:inline}.toolbar-btn.select-platform:hover:not(:disabled){background:linear-gradient(45deg,#d97706,#b45309);animation:none;transform:translateY(-1px)}.toolbar-btn.add-btn{color:#fff;background:linear-gradient(45deg,#8b5cf6,#7c3aed)}.toolbar-btn.add-btn:hover:not(:disabled){background:linear-gradient(45deg,#7c3aed,#6d28d9);transform:translateY(-1px)}.toolbar-btn.sample-btn{color:#fff;background:linear-gradient(45deg,#10b981,#059669)}.toolbar-btn.sample-btn:hover:not(:disabled){background:linear-gradient(45deg,#059669,#047857);transform:translateY(-1px)}.toolbar-btn.export-btn{color:#fff;background:linear-gradient(45deg,#3b82f6,#2563eb)}.toolbar-btn.export-btn:hover:not(:disabled){background:linear-gradient(45deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.toolbar-btn.import-btn{color:#64748b;background:#64748b1a;border:1px solid #64748b33}.toolbar-btn.import-btn:hover:not(:disabled){color:#475569;background:#64748b33;transform:translateY(-1px)}.toolbar-btn.clear-btn{color:#fff;background:linear-gradient(45deg,#ef4444,#dc2626)}.toolbar-btn.clear-btn:hover:not(:disabled){background:linear-gradient(45deg,#dc2626,#b91c1c);transform:translateY(-1px)}@keyframes pulse-glow{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 6px #f59e0b00}}.import-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.import-modal-content{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:80vh;animation:.3s slideUp;overflow:hidden;box-shadow:0 20px 60px #0003}.import-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.import-modal-header h3{color:#111827;margin:0;font-size:18px;font-weight:600}.close-modal-btn{color:#6b7280;cursor:pointer;background:#6b72801a;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.close-modal-btn:hover{color:#374151;background:#6b728033}.import-modal-body{padding:16px 24px}.import-textarea{resize:vertical;border:2px solid #e5e7eb;border-radius:8px;width:100%;min-height:200px;padding:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.5;transition:border-color .2s}.import-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.import-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 24px 20px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:8px;min-width:80px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.modal-btn.cancel-btn{color:#6b7280;background:#6b72801a}.modal-btn.cancel-btn:hover{color:#374151;background:#6b728033}.modal-btn.import-btn{color:#fff;background:linear-gradient(45deg,#3b82f6,#2563eb)}.modal-btn.import-btn:hover:not(:disabled){background:linear-gradient(45deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.modal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media (max-width:768px){.floating-toolbar-container{max-width:calc(100vw - 24px);top:12px}.floating-toolbar-main{gap:8px;min-width:280px;padding:6px 8px}.toolbar-left{gap:8px}.toolbar-right{gap:4px}.toolbar-btn{min-width:28px;height:28px;padding:5px 6px}.channel-display{padding:3px 6px;font-size:11px}.stat-badge{padding:2px 4px;font-size:10px}.import-modal-content{width:95%;margin:16px}.import-modal-header,.import-modal-body,.import-modal-footer{padding-left:16px;padding-right:16px}}@media (max-width:480px){.floating-toolbar-main{flex-direction:column;gap:8px;min-width:260px;padding:8px}.toolbar-left,.toolbar-right{justify-content:center;width:100%}.flow-stats{order:-1}}.message-node{z-index:1;background:#fff;border:2px solid #0000;border-radius:16px;min-width:280px;max-width:400px;transition:all .2s;position:relative;overflow:visible;box-shadow:0 4px 20px #0000001a}.message-node:hover{z-index:2;transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.message-node.selected{z-index:3;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.message-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:12px 16px;display:flex}.message-icon{color:#3b82f6}.message-label{color:#1e293b;flex:1;font-size:14px;font-weight:600}.edit-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.edit-btn:hover{color:#475569;background:#e2e8f0}.message-content{padding:16px}.message-textarea{resize:vertical;border:2px solid #e2e8f0;border-radius:10px;width:100%;min-height:80px;padding:12px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .2s}.message-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.message-display{cursor:text;color:#1e293b;white-space:pre-wrap;border:2px dashed #e2e8f0;border-radius:10px;min-height:60px;padding:12px;font-size:14px;line-height:1.5;transition:all .2s}.message-display:hover{background:#f8fafc;border-color:#cbd5e1}.message-display:empty:before{content:"Click to edit message...";color:#94a3b8;font-style:italic}.buttons-section{flex-direction:column;gap:8px;padding:0 16px 16px;display:flex}.button-item{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:12px;transition:all .2s;display:flex;position:relative}.button-item:hover{background:#e2e8f0;border-color:#cbd5e1}.button-main-row{align-items:center;gap:8px;display:flex}.button-type-indicator{background:#6366f11a;border:1px solid #6366f133;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;display:flex}.button-type-label{color:#6366f1;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.button-input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;flex:1;padding:6px 8px;font-size:14px;font-weight:500}.button-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.button-display{color:#1e293b;cursor:text;background:#fff;border:1px solid #0000;border-radius:6px;flex:1;padding:6px 8px;font-size:14px;font-weight:500;transition:all .2s}.button-display:hover{background:#f8fafc;border-color:#e2e8f0}.button-actions{align-items:center;gap:4px;display:flex}.advanced-btn{color:#6366f1;cursor:pointer;background:#6366f11a;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.advanced-btn:hover{background:#6366f133}.delete-button-btn{color:#ef4444;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.delete-button-btn:hover{opacity:1;background:#fef2f2}.button-advanced-fields{border-top:1px solid #e2e8f0;flex-direction:column;gap:6px;padding-top:8px;display:flex}.button-field-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:6px 8px;font-size:12px;transition:all .2s}.button-field-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 2px #6366f11a}.character-count{color:#6b7280;text-align:right;margin-top:4px;font-size:10px}.add-button-container{position:relative}.add-button-btn{color:#64748b;cursor:pointer;background:0 0;border:2px dashed #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.add-button-btn:hover{color:#6366f1;background:#6366f10d;border-color:#6366f1}.add-button-btn.dropdown{background:#f8fafc;border-style:solid;border-color:#e2e8f0}.button-type-menu-portal{z-index:10000;position:fixed}.button-type-menu-portal .button-type-menu{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:280px;max-height:300px;animation:.2s slideDown;position:relative;top:0;left:0;right:auto;overflow:hidden auto;box-shadow:0 10px 40px #00000026}.button-type-selector{position:relative}.button-type-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-height:300px;animation:.2s slideDown;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden auto;box-shadow:0 10px 40px #00000026}.menu-header{color:#374151;z-index:10000;background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex;position:sticky;top:0}.close-menu{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.close-menu:hover{color:#374151;background:#e5e7eb}.button-type-option{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;width:100%;padding:12px 16px;transition:all .2s;display:flex}.button-type-option:hover{background:#f8fafc}.button-type-option:last-child{border-bottom:none}.button-type-icon{color:#6366f1;background:#6366f11a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.button-type-info{flex-direction:column;flex:1;gap:2px;display:flex}.button-type-info .button-type-label{color:#374151;text-transform:none;letter-spacing:normal;font-size:14px;font-weight:600}.button-type-desc{color:#6b7280;font-size:12px;line-height:1.4}.button-type-limit{color:#9ca3af;font-size:10px;font-weight:500}.message-handle{background:#3b82f6;border:2px solid #fff;width:12px;height:12px;box-shadow:0 2px 8px #00000026}.input-handle{top:-6px}.button-handle{background:#10b981;border:2px solid #fff;width:10px;height:10px;box-shadow:0 2px 6px #0000001a}.empty-state{text-align:center;z-index:100;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-state-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;max-width:500px;padding:40px;box-shadow:0 8px 32px #0000001a}.empty-state-icon{margin-bottom:16px;font-size:48px}.empty-state-content h3{color:#1e293b;margin-bottom:8px;font-size:24px;font-weight:700}.empty-state-content p{color:#64748b;margin-bottom:20px;font-size:16px;line-height:1.5}.empty-state-btn{color:#fff;cursor:pointer;pointer-events:auto;background:#6366f1;border:none;border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex}.empty-state-btn:hover{background:#5856eb;transform:translateY(-2px);box-shadow:0 8px 25px #6366f14d}.empty-state-hint{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:14px}.selected-channel-info{margin-top:20px}.channel-badge{color:#374151;background:#6366f11a;border:1px solid #6366f133;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.channel-badge .change-channel-btn{color:#6366f1;cursor:pointer;pointer-events:auto;background:#6366f133;border:none;border-radius:12px;padding:4px 8px;font-size:12px;transition:all .2s}.channel-badge .change-channel-btn:hover{background:#6366f14d;transform:scale(1.05)}.react-flow__background{background:0 0}.react-flow__pane,.react-flow__renderer{overflow:visible!important}.react-flow__edge{stroke:#3b82f6;stroke-width:2px}.react-flow__edge.animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.selected{stroke:#1d4ed8;stroke-width:3px}@keyframes dashdraw{to{stroke-dashoffset:-10px}}.react-flow__controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0000001a}.react-flow__controls button{color:#64748b;background:0 0;border:none;transition:all .2s}.react-flow__controls button:hover{color:#3b82f6;background:#3b82f61a}.quick-actions{z-index:1000;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:80px;right:20px}.quick-action-btn{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 4px 20px #0000001a}.quick-action-btn.add-button{color:#3b82f6}.quick-action-btn.add-button:hover{color:#fff;background:#3b82f6;transform:translateY(-2px)}.quick-action-btn.delete-node{color:#ef4444}.quick-action-btn.delete-node:hover{color:#fff;background:#ef4444;transform:translateY(-2px)}.toolbar-btn.add-message{color:#fff;background:#8b5cf6}.toolbar-btn.add-message:hover{background:#7c3aed;transform:translateY(-1px)}.toolbar-btn.sample{color:#fff;background:#10b981}.toolbar-btn.sample:hover{background:#059669;transform:translateY(-1px)}@media (max-width:768px){.floating-toolbar{width:calc(100% - 20px);margin:10px;position:relative;top:0;left:0;transform:none}.toolbar-section{flex-wrap:wrap}.message-node{min-width:250px}.empty-state-content{padding:30px 20px}.quick-actions{bottom:20px;right:10px}.quick-action-btn{padding:8px 12px;font-size:12px}}.flow-builder-header{z-index:1000;background:linear-gradient(45deg,#667eea,#764ba2);justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 16px #0000001a}.header-left{flex:1;align-items:center;gap:8px;display:flex}.header-center{flex:1;justify-content:center;align-items:center;display:flex}.header-right{flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.flow-builder-header .btn{white-space:nowrap;border-radius:8px;align-items:center;font-weight:500;transition:all .2s;display:flex}.flow-builder-header .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.flow-builder-header .btn-outline-primary{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.flow-builder-header .btn-outline-primary:hover{color:#fff;background:#fff3;border-color:#ffffff80}.flow-builder-header .btn-outline-secondary{color:#fffc;background:#ffffff0d;border-color:#fff3}.flow-builder-header .btn-outline-secondary:hover{color:#fff;background:#ffffff26;border-color:#fff6}.flow-builder-header .btn-outline-light{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.flow-builder-header .btn-outline-light:hover{color:#fff;background:#fff3;border-color:#ffffff80}.flow-builder-header h4{text-shadow:0 2px 4px #0000001a;font-size:1.25rem}.flow-builder-header .material-symbols-rounded{font-size:18px}.flow-builder-main{background:#f8f9fa;position:fixed;inset:70px 0 0;overflow:hidden}@media (max-width:768px){.flow-builder-header{height:60px;padding:0 16px}.flow-builder-main{top:60px}.header-center h4{font-size:1rem}.flow-builder-header .btn{padding:6px 8px;font-size:.875rem}.flow-builder-header .btn .material-symbols-rounded{font-size:16px}.flow-builder-header .btn span:not(.material-symbols-rounded){display:none}.header-left,.header-right{flex:none}.header-center{flex:1}}@media (max-width:480px){.flow-builder-header{padding:0 12px}.header-center h4{font-size:.875rem}.flow-builder-header .btn{min-width:36px;padding:4px 6px}}.flow-builder-header{animation:.3s slideDown}.flow-builder-main{animation:.4s .1s both fadeIn}.flow-builder-header .btn:focus{outline-offset:2px;outline:2px solid #ffffff80}@media (prefers-contrast:high){.flow-builder-header{background:#000;border-bottom:2px solid #fff}.flow-builder-header .btn{border-width:2px}}@media (prefers-color-scheme:dark){.flow-builder-main{background:#1a1a1a}}.admin-companies{max-width:1200px;margin:0 auto;padding:32px}.ac-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.ac-title{color:#344767;margin:0 0 4px;font-size:1.6rem;font-weight:700}.ac-subtitle{color:#7b809a;margin:0;font-size:.875rem}.ac-stats{gap:12px;display:flex}.ac-stat{text-align:center;background:#f8f9fa;border-radius:10px;min-width:72px;padding:10px 18px}.ac-stat--green{background:#ecfdf5}.ac-stat--amber{background:#fffbeb}.ac-stat-value{color:#344767;font-size:1.4rem;font-weight:700;display:block}.ac-stat--green .ac-stat-value{color:#059669}.ac-stat--amber .ac-stat-value{color:#d97706}.ac-stat-label{color:#7b809a;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.ac-toolbar{margin-bottom:20px}.ac-search-wrap{max-width:380px;position:relative}.ac-search-icon{color:#7b809a;pointer-events:none;font-size:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ac-search{color:#344767;box-sizing:border-box;background:#fff;border:1px solid #e9ecef;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 40px;font-size:.875rem;transition:border-color .2s}.ac-search:focus{border-color:#667eea}.ac-loading,.ac-empty{color:#7b809a;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.ac-empty .material-symbols-rounded{opacity:.4;font-size:48px}.ac-spinner,.ac-btn-spinner{border:3px solid #e9ecef;border-top-color:#667eea;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite ac-spin}.ac-btn-spinner{border-width:2px;border-top-color:currentColor;width:14px;height:14px}@keyframes ac-spin{to{transform:rotate(360deg)}}.ac-table-wrap{background:#fff;border-radius:12px;overflow:auto;box-shadow:0 1px 4px #00000014}.ac-table{border-collapse:collapse;width:100%;font-size:.875rem}.ac-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#7b809a;white-space:nowrap;border-bottom:1px solid #f0f2f5;padding:12px 16px;font-size:.72rem;font-weight:600}.ac-table td{vertical-align:middle;color:#344767;border-bottom:1px solid #f8f9fa;padding:14px 16px}.ac-table tbody tr:last-child td{border-bottom:none}.ac-table tbody tr:hover td{background:#fafbfc}.ac-row--inactive td{opacity:.6}.ac-company-cell{align-items:center;gap:10px;display:flex}.ac-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.ac-company-name{font-weight:600}.ac-company-email,.ac-owner-email{color:#7b809a;font-size:.78rem}.ac-owner-name{font-weight:500}.ac-muted{color:#7b809a;font-size:.82rem}.ac-center{text-align:center}.ac-badge{color:#fff;text-transform:capitalize;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.ac-status{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.ac-status--active{color:#059669;background:#ecfdf5}.ac-status--inactive{color:#dc2626;background:#fef2f2}.ac-toggle-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:opacity .2s;display:inline-flex}.ac-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.ac-toggle-btn .material-symbols-rounded{font-size:16px}.ac-toggle-btn--deactivate{color:#dc2626;background:#fef2f2}.ac-toggle-btn--deactivate:hover:not(:disabled){background:#fee2e2}.ac-toggle-btn--activate{color:#059669;background:#ecfdf5}.ac-toggle-btn--activate:hover:not(:disabled){background:#d1fae5}.ac-impersonate-btn{cursor:pointer;white-space:nowrap;color:#7c3aed;background:#ede9fe;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:opacity .2s,background .2s;display:inline-flex}.ac-impersonate-btn:hover:not(:disabled){background:#ddd6fe}.ac-impersonate-btn:disabled{opacity:.5;cursor:not-allowed}.ac-impersonate-btn .material-symbols-rounded{font-size:16px}.ac-plan-cell{align-items:center;gap:7px;display:flex}.ac-plan-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.ac-plan-select{color:#344767;cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:6px;outline:none;max-width:130px;padding:4px 8px;font-size:.78rem;transition:border-color .2s}.ac-plan-select:focus{border-color:#667eea}.ac-plan-select:disabled{opacity:.6;cursor:not-allowed}.ac-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ac-modal{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:500px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.ac-modal-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:20px;display:flex}.ac-modal-header h2{color:#344767;margin:0;font-size:1.2rem;font-weight:700}.ac-modal-close{cursor:pointer;color:#7b809a;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex}.ac-modal-close:hover{color:#344767}.ac-modal-body{flex:1;padding:20px;overflow-y:auto}.ac-user-list{flex-direction:column;gap:12px;display:flex}.ac-user-item{border:1px solid #e9ecef;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;transition:background .2s,border-color .2s;display:flex}.ac-user-item:hover{background:#f8f9fa;border-color:#667eea}.ac-user-info{flex:1;align-items:center;gap:12px;display:flex}.ac-user-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.ac-user-name{color:#344767;font-size:.95rem;font-weight:600}.ac-user-email{color:#7b809a;font-size:.85rem}.ac-user-type{color:#a0aec0;text-transform:capitalize;margin-top:2px;font-size:.75rem}.ac-user-impersonate-btn{cursor:pointer;white-space:nowrap;color:#fff;background:#667eea;border:none;border-radius:7px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:opacity .2s,background .2s;display:inline-flex}.ac-user-impersonate-btn:hover:not(:disabled){background:#5568d3}.ac-user-impersonate-btn:disabled{opacity:.6;cursor:not-allowed}.ac-user-impersonate-btn .material-symbols-rounded{font-size:16px}.ac-impersonate-btn--user{color:#7c3aed;background:#f3e8ff;margin-left:8px}.ac-impersonate-btn--user:hover:not(:disabled){background:#ede9fe}.plans-page{max-width:1300px;margin:0 auto;padding:24px 32px}.plans-header{margin-bottom:28px}.plans-title{color:#344767;margin:0 0 4px;font-size:1.6rem;font-weight:700}.plans-subtitle{color:#7b809a;margin:0;font-size:.875rem}.plans-loading{color:#7b809a;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px;display:flex}.plans-spinner{border:3px solid #e9ecef;border-top-color:#667eea;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite plans-spin}@keyframes plans-spin{to{transform:rotate(360deg)}}.current-plan-banner{background:#fff;border-left:4px solid #667eea;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:20px 24px;display:flex;box-shadow:0 1px 4px #00000014}.cpb-left{align-items:center;gap:16px;display:flex}.cpb-icon{font-size:36px}.cpb-label{text-transform:uppercase;letter-spacing:.05em;color:#7b809a;font-size:.72rem;font-weight:600}.cpb-name{color:#344767;font-size:1.2rem;font-weight:700}.cpb-company{color:#7b809a;font-size:.82rem}.cpb-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.cpb-trial{color:#d97706;background:#fffbeb;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:.78rem;font-weight:600;display:flex}.cpb-stats{color:#7b809a;font-size:.82rem}.plans-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:40px;display:grid}.plan-card{background:#fff;border:2px solid #0000;border-radius:14px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #00000014}.plan-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f}.plan-card--current{border-color:var(--plan-color)}.plan-card--popular{border-color:#8b5cf6}.plan-popular-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#8b5cf6;border-radius:0 12px 0 10px;padding:4px 12px;font-size:.68rem;font-weight:700;position:absolute;top:0;right:0}.plan-current-badge{background:var(--plan-color);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:12px 0 10px;padding:4px 12px;font-size:.68rem;font-weight:700;position:absolute;top:0;left:0}.plan-card-header{text-align:center;padding:28px 20px 16px}.plan-icon{margin-bottom:8px;font-size:40px;display:block}.plan-name{color:#344767;margin:0 0 6px;font-size:1.1rem;font-weight:700}.plan-desc{color:#7b809a;margin:0 0 16px;font-size:.78rem;line-height:1.4}.plan-price{justify-content:center;align-items:baseline;gap:3px;display:flex}.plan-price-free{color:#344767;font-size:1.8rem;font-weight:800}.plan-price-custom{color:#344767;font-size:1.4rem;font-weight:700}.plan-price-currency{color:#7b809a;font-size:.85rem;font-weight:600}.plan-price-amount{color:#344767;font-size:1.8rem;font-weight:800}.plan-price-period{color:#7b809a;font-size:.78rem}.plan-features{flex:1;padding:0 20px 16px}.plan-feature{border-bottom:1px solid #f8f9fa;align-items:center;gap:8px;padding:5px 0;font-size:.8rem;display:flex}.plan-feature:last-child{border-bottom:none}.plan-feature .material-symbols-rounded{flex-shrink:0;font-size:16px}.plan-feature--yes{color:#344767}.plan-feature--yes .material-symbols-rounded{color:#10b981}.plan-feature--no{color:#b0b7c3}.plan-feature--no .material-symbols-rounded{color:#e5e7eb}.plan-card-footer{padding:0 20px 20px}.plan-btn{cursor:pointer;border:none;border-radius:8px;width:100%;padding:10px;font-size:.85rem;font-weight:600;transition:opacity .2s,transform .1s}.plan-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.plan-btn--current{color:#7b809a;cursor:default;background:#f0f2f5}.plan-btn--upgrade{color:#fff}.plan-btn--contact{color:#344767;background:#f0f2f5}.plans-section-title{color:#344767;margin:0 0 16px;font-size:1.1rem;font-weight:700}.plans-table-wrap{background:#fff;border-radius:12px;overflow:auto;box-shadow:0 1px 4px #00000014}.plans-table{border-collapse:collapse;width:100%;font-size:.875rem}.plans-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#7b809a;white-space:nowrap;border-bottom:1px solid #f0f2f5;padding:12px 16px;font-size:.72rem;font-weight:600}.plans-table td{vertical-align:middle;color:#344767;border-bottom:1px solid #f8f9fa;padding:14px 16px}.plans-table tbody tr:last-child td{border-bottom:none}.plans-table tbody tr:hover td{background:#fafbfc}.pt-company-cell{align-items:center;gap:10px;display:flex}.pt-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;display:flex}.pt-company-name{font-size:.875rem;font-weight:600}.pt-company-email{color:#7b809a;font-size:.75rem}.pt-muted{color:#7b809a;font-size:.82rem}.pt-center{text-align:center}.pt-badge{color:#fff;text-transform:capitalize;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.pt-status{border-radius:20px;align-items:center;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.pt-status--active{color:#059669;background:#ecfdf5}.pt-status--inactive{color:#dc2626;background:#fef2f2}.pt-select-wrap{align-items:center;gap:8px;display:flex}.pt-select{color:#344767;cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:7px;outline:none;padding:6px 10px;font-size:.82rem}.pt-select:focus{border-color:#667eea}.pt-select:disabled{opacity:.6;cursor:not-allowed}.pt-spinner{border:2px solid #e9ecef;border-top-color:#667eea;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite plans-spin}.ap-page{max-width:1300px;margin:0 auto;padding:24px 32px}.ap-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.ap-title{color:#344767;margin:0 0 4px;font-size:1.6rem;font-weight:700}.ap-subtitle{color:#7b809a;margin:0;font-size:.875rem}.ap-create-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:.875rem;font-weight:600;transition:opacity .2s;display:flex}.ap-create-btn:hover{opacity:.88}.ap-create-btn .material-symbols-rounded{font-size:18px}.ap-loading{color:#7b809a;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px;display:flex}.ap-spinner{border:3px solid #e9ecef;border-top-color:#667eea;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite ap-spin}@keyframes ap-spin{to{transform:rotate(360deg)}}.ap-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.ap-card{border:2px solid #0000;border-top:4px solid var(--pc,#667eea);background:#fff;border-radius:14px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 4px #00000014}.ap-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f}.ap-card--inactive{opacity:.6}.ap-card-top{justify-content:space-between;align-items:center;padding:16px 16px 0;display:flex}.ap-card-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.ap-card-badges{flex-wrap:wrap;gap:6px;display:flex}.ap-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:3px 10px;font-size:.68rem;font-weight:700}.ap-badge--popular{color:#7c3aed;background:#ede9fe}.ap-badge--inactive{color:#6b7280;background:#f3f4f6}.ap-card-body{flex:1;padding:12px 16px}.ap-card-slug{text-transform:uppercase;letter-spacing:.06em;color:#7b809a;margin-bottom:4px;font-size:.68rem;font-weight:600}.ap-card-name{color:#344767;margin:0 0 4px;font-size:1.1rem;font-weight:700}.ap-card-desc{color:#7b809a;margin:0 0 10px;font-size:.78rem;line-height:1.4}.ap-card-price{color:#344767;margin-bottom:10px;font-size:.95rem;font-weight:700}.ap-card-limits{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.ap-card-limits span{color:#7b809a;align-items:center;gap:3px;font-size:.75rem;display:flex}.ap-card-limits .material-symbols-rounded{font-size:14px}.ap-card-features{flex-direction:column;gap:3px;display:flex}.ap-feat{color:#344767;align-items:center;gap:5px;font-size:.75rem;display:flex}.ap-feat .material-symbols-rounded{color:#10b981;font-size:14px}.ap-feat--more{color:#7b809a;font-style:italic}.ap-card-actions{border-top:1px solid #f0f2f5;gap:8px;padding:12px 16px 16px;display:flex}.ap-action-btn{cursor:pointer;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px;font-size:.78rem;font-weight:600;transition:background .15s;display:flex}.ap-action-btn .material-symbols-rounded{font-size:15px}.ap-action-btn--edit{color:#3b82f6;background:#eff6ff}.ap-action-btn--edit:hover{background:#dbeafe}.ap-action-btn--delete{color:#ef4444;background:#fef2f2}.ap-action-btn--delete:hover:not(:disabled){background:#fee2e2}.ap-action-btn:disabled{opacity:.5;cursor:not-allowed}.ap-add-card{cursor:pointer;color:#7b809a;background:#f8f9fa;border:2px dashed #d1d5db;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:200px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.ap-add-card:hover{color:#667eea;background:#f0f2ff;border-color:#667eea}.ap-add-card .material-symbols-rounded{font-size:36px}.ap-overlay{z-index:9000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ap-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:720px;max-height:90vh;display:flex;box-shadow:0 20px 60px #0003}.ap-modal-header{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ap-modal-header h2{color:#344767;margin:0;font-size:1.1rem;font-weight:700}.ap-modal-close{cursor:pointer;color:#7b809a;background:0 0;border:none;border-radius:6px;padding:4px;display:flex}.ap-modal-close:hover{background:#f0f2f5}.ap-modal-close .material-symbols-rounded{font-size:20px}.ap-modal-body{flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.ap-modal-footer{border-top:1px solid #f0f2f5;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.ap-form-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.ap-field{flex-direction:column;gap:5px;display:flex}.ap-field label{color:#344767;font-size:.78rem;font-weight:600}.ap-req{color:#ef4444}.ap-hint{color:#7b809a;font-size:.72rem;font-weight:400}.ap-field input,.ap-field select,.ap-field textarea{color:#344767;background:#fff;border:1px solid #e9ecef;border-radius:7px;outline:none;padding:8px 12px;font-family:inherit;font-size:.875rem;transition:border-color .2s}.ap-field input:focus,.ap-field select:focus,.ap-field textarea:focus{border-color:#667eea}.ap-field input:disabled{color:#7b809a;cursor:not-allowed;background:#f8f9fa}.ap-field textarea{resize:vertical}.ap-field--checks{justify-content:center;gap:10px}.ap-check{color:#344767;cursor:pointer;align-items:center;gap:8px;font-size:.875rem;display:flex}.ap-check input{cursor:pointer;accent-color:#667eea;width:16px;height:16px}.ap-color-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ap-color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px;transition:transform .15s}.ap-color-dot:hover{transform:scale(1.15)}.ap-color-dot--active{border-color:#344767;transform:scale(1.15)}.ap-color-input{cursor:pointer;background:0 0;border:none;border-radius:6px;width:32px;height:32px;padding:0}.ap-icon-row{flex-wrap:wrap;gap:6px;display:flex}.ap-icon-btn{cursor:pointer;color:#344767;background:#fff;border:1px solid #e9ecef;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.ap-icon-btn:hover{background:#f0f2ff;border-color:#667eea}.ap-icon-btn--active{color:#667eea;background:#eff6ff;border-color:#667eea}.ap-icon-btn .material-symbols-rounded{font-size:18px}.ap-btn-cancel{color:#344767;cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:9px 20px;font-size:.875rem;font-weight:600}.ap-btn-cancel:hover{background:#f8f9fa}.ap-btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 24px;font-size:.875rem;font-weight:600;transition:opacity .2s;display:flex}.ap-btn-save:hover:not(:disabled){opacity:.88}.ap-btn-save:disabled{opacity:.6;cursor:not-allowed}.ap-btn-save .material-symbols-rounded{font-size:16px}.ap-btn-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite ap-spin}.sh-overlay{z-index:9000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sh-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #0003}.sh-modal-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px 0;display:flex}.sh-modal-title{align-items:center;gap:14px;display:flex}.sh-shopify-icon{font-size:2.4rem;line-height:1}.sh-modal-title h2{color:#111827;margin:0 0 3px;font-size:1.15rem;font-weight:700}.sh-modal-title p{color:#6b7280;margin:0;font-size:.8rem}.sh-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px;display:flex}.sh-close:hover{color:#374151;background:#f3f4f6}.sh-close .material-symbols-rounded{font-size:20px}.sh-tabs{border-bottom:1px solid #f0f2f5;gap:4px;padding:16px 24px 0;display:flex}.sh-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:color .15s,border-color .15s;display:flex}.sh-tab .material-symbols-rounded{font-size:16px}.sh-tab:hover{color:#374151}.sh-tab--active{color:#96bf48;border-bottom-color:#96bf48}.sh-modal-body{flex:1;padding:20px 24px 24px;overflow-y:auto}.sh-guide{flex-direction:column;gap:16px;display:flex}.sh-guide-intro{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.sh-info-icon{color:#16a34a;flex-shrink:0;margin-top:1px;font-size:18px}.sh-guide-intro p{color:#166534;margin:0;font-size:.85rem}.sh-guide-step{background:#fafafa;border:1px solid #f0f2f5;border-radius:10px;align-items:flex-start;gap:14px;padding:14px;display:flex}.sh-step-num{color:#fff;background:#96bf48;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.sh-step-title{color:#111827;align-items:center;gap:7px;margin-bottom:8px;font-size:.9rem;font-weight:600;display:flex}.sh-step-title .material-symbols-rounded{color:#96bf48;font-size:17px}.sh-step-list{margin:0;padding-left:18px}.sh-step-list li{color:#374151;margin-bottom:4px;font-size:.82rem;line-height:1.5}.sh-guide-tip{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.sh-guide-tip .material-symbols-rounded{color:#d97706;flex-shrink:0;font-size:18px}.sh-guide-tip strong{color:#92400e;margin-bottom:4px;font-size:.82rem;display:block}.sh-guide-tip code{color:#78350f;word-break:break-all;background:#fef3c7;border-radius:4px;padding:3px 6px;font-size:.75rem}.sh-form{flex-direction:column;gap:16px;display:flex}.sh-field{flex-direction:column;gap:5px;display:flex}.sh-field label{color:#374151;font-size:.82rem;font-weight:600}.sh-req{color:#ef4444}.sh-optional{color:#9ca3af;font-size:.75rem;font-weight:400}.sh-hint{color:#9ca3af;font-size:.75rem}.sh-error{color:#ef4444;font-size:.75rem}.sh-field input{color:#111827;box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:.875rem;transition:border-color .15s}.sh-field input:focus{border-color:#96bf48;box-shadow:0 0 0 3px #96bf481f}.sh-input--error{border-color:#ef4444!important}.sh-token-wrap,.sh-domain-wrap{align-items:center;display:flex;position:relative}.sh-token-wrap input,.sh-domain-wrap input{width:100%}.sh-eye{cursor:pointer;color:#9ca3af;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;line-height:1;display:flex;position:absolute;right:10px}.sh-eye:hover{color:#374151}.sh-eye .material-symbols-rounded{font-size:18px}.sh-token-wrap input{padding-right:38px}.sh-form-actions{justify-content:space-between;gap:10px;margin-top:4px;display:flex}.sh-btn-primary{color:#fff;cursor:pointer;background:#96bf48;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 22px;font-size:.875rem;font-weight:600;transition:background .15s;display:inline-flex}.sh-btn-primary:hover:not(:disabled){background:#7ea83a}.sh-btn-primary:disabled{opacity:.6;cursor:not-allowed}.sh-btn-primary .material-symbols-rounded{font-size:17px}.sh-btn-full{justify-content:center;width:100%}.sh-btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:.875rem;font-weight:500;display:inline-flex}.sh-btn-secondary:hover{background:#f9fafb}.sh-btn-secondary .material-symbols-rounded{font-size:17px}.sh-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite sh-spin}@keyframes sh-spin{to{transform:rotate(360deg)}}@media (max-width:640px){.sh-modal{border-radius:16px 16px 0 0;max-height:100vh;margin-top:auto}.sh-form-actions{flex-direction:column-reverse}.sh-btn-secondary,.sh-btn-primary{justify-content:center;width:100%}}.sht{position:relative}.sht-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px;display:flex}.sht-spinner{border:3px solid #e5e7eb;border-top-color:#96bf48;border-radius:50%;width:32px;height:32px;animation:.7s linear infinite sht-spin}@keyframes sht-spin{to{transform:rotate(360deg)}}.sht-toast{z-index:9999;border-radius:10px;align-items:center;gap:8px;padding:12px 18px;font-size:.875rem;font-weight:500;animation:.25s sht-slide-in;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 16px #00000026}.sht-toast .material-symbols-rounded{font-size:18px}.sht-toast--success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.sht-toast--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}@keyframes sht-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.sht-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.sht-platform-info{align-items:center;gap:14px;display:flex}.sht-platform-icon{font-size:2.8rem;line-height:1}.sht-platform-info h2{color:#111827;margin:0 0 3px;font-size:1.3rem;font-weight:700}.sht-platform-info p{color:#6b7280;max-width:480px;margin:0;font-size:.82rem}.sht-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#96bf48;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:.875rem;font-weight:600;transition:background .15s;display:inline-flex}.sht-add-btn:hover{background:#7ea83a}.sht-add-btn .material-symbols-rounded{font-size:18px}.sht-features{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:24px;display:grid}.sht-feature{background:#f9fafb;border:1px solid #f0f2f5;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;display:flex}.sht-feature-icon{color:#96bf48;flex-shrink:0;margin-top:1px;font-size:20px}.sht-feature-label{color:#111827;margin-bottom:2px;font-size:.82rem;font-weight:600}.sht-feature-desc{color:#6b7280;font-size:.75rem;line-height:1.4}.sht-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:.85rem;display:flex}.sht-error .material-symbols-rounded{font-size:18px}.sht-section-title{text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin-bottom:12px;font-size:.78rem;font-weight:700}.sht-empty{text-align:center;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;padding:48px 20px}.sht-empty-icon{margin-bottom:12px;font-size:3.5rem;display:block}.sht-empty h3{color:#111827;margin:0 0 6px;font-size:1.1rem;font-weight:600}.sht-empty p{color:#6b7280;margin:0 0 20px;font-size:.85rem}.sht-stores{flex-direction:column;gap:12px;display:flex}.sht-store-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;transition:box-shadow .15s;display:flex}.sht-store-card:hover{box-shadow:0 4px 12px #00000014}.sht-store-left{align-items:center;gap:14px;display:flex}.sht-store-avatar{background:linear-gradient(135deg,#96bf48,#5a8a1a);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.sht-store-name{color:#111827;margin-bottom:2px;font-size:.95rem;font-weight:600}.sht-store-domain{color:#96bf48;align-items:center;gap:3px;margin-bottom:6px;font-size:.78rem;text-decoration:none;display:inline-flex}.sht-store-domain:hover{text-decoration:underline}.sht-store-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sht-chip{color:#374151;background:#f3f4f6;border-radius:20px;padding:2px 8px;font-size:.72rem;font-weight:500}.sht-status{border-radius:20px;padding:2px 8px;font-size:.72rem;font-weight:600}.sht-status--active{color:#166534;background:#dcfce7}.sht-status--inactive{color:#6b7280;background:#f3f4f6}.sht-status--error{color:#991b1b;background:#fef2f2}.sht-store-actions{flex-shrink:0;gap:8px;display:flex}.sht-btn{cursor:pointer;border:none;border-radius:7px;align-items:center;gap:5px;padding:7px 14px;font-size:.78rem;font-weight:600;transition:background .15s;display:inline-flex}.sht-btn .material-symbols-rounded{font-size:15px}.sht-btn:disabled{opacity:.5;cursor:not-allowed}.sht-btn--test{color:#2563eb;background:#eff6ff}.sht-btn--test:hover:not(:disabled){background:#dbeafe}.sht-btn--orders{color:#008060;background:#f0fdf4}.sht-btn--orders:hover{background:#dcfce7}.sht-btn--disconnect{color:#dc2626;background:#fef2f2}.sht-btn--disconnect:hover{background:#fee2e2}.sht-btn-spinner{border:2px solid #bfdbfe;border-top-color:#2563eb;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite sht-spin}@media (max-width:640px){.sht-header{flex-direction:column}.sht-store-card{flex-direction:column;align-items:flex-start}.sht-store-actions{width:100%}.sht-btn{flex:1;justify-content:center}.sht-features{grid-template-columns:1fr 1fr}}.wh-modal-title{align-items:center;gap:12px;display:flex}.wh-modal-title-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.wh-modal-title-icon .material-symbols-rounded{color:#fff;font-size:20px}.wh-modal-title-text{color:#1e293b;font-size:1rem;font-weight:700;line-height:1.3}.wh-modal-title-sub{color:#94a3b8;margin-top:1px;font-size:.75rem;font-weight:400}.wh-content{flex-direction:column;gap:20px;display:flex}.wh-url-card{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1.5px solid #86efac;border-radius:14px;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.wh-url-card-header{align-items:center;gap:10px;display:flex}.wh-url-card-icon{background:#16a34a;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.wh-url-card-icon .material-symbols-rounded{color:#fff;font-size:17px}.wh-url-card-label{color:#14532d;font-size:.8125rem;font-weight:700}.wh-url-card-hint{color:#16a34a;margin-top:1px;font-size:.72rem}.wh-url-row{background:#fff;border:1px solid #86efac;border-radius:9px;align-items:center;gap:10px;padding:10px 14px;display:flex}.wh-url-text{color:#166534;word-break:break-all;flex:1;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:.78rem;line-height:1.5}.wh-copy-pill{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #d1d5db;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.wh-copy-pill .material-symbols-rounded{font-size:13px}.wh-copy-pill:hover{color:#667eea;background:#f0f0ff;border-color:#667eea}.wh-copy-pill--copied{color:#10b981;background:#f0fdf4;border-color:#10b981}.wh-section{background:#fafafa;border:1.5px solid #f0f2f5;border-radius:14px;flex-direction:column;gap:14px;padding:16px 18px;display:flex}.wh-section-header{align-items:center;gap:8px;display:flex}.wh-section-icon{color:#667eea;font-size:18px}.wh-section-title{color:#1e293b;flex:1;font-size:.8125rem;font-weight:700}.wh-count-badge{color:#fff;background:#667eea;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;font-size:.7rem;font-weight:700;display:inline-flex}.wh-refresh-btn{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.wh-refresh-btn:hover:not(:disabled){color:#667eea;background:#f0f0ff;border-color:#667eea}.wh-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.wh-refresh-btn .material-symbols-rounded{font-size:16px}.wh-spin .material-symbols-rounded{animation:.7s linear infinite wh-spin}@keyframes wh-spin{to{transform:rotate(360deg)}}.wh-subscribe-grid{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.wh-alert{border-radius:9px;align-items:center;gap:8px;padding:10px 14px;font-size:.8125rem;font-weight:500;animation:.2s wh-fade-in;display:flex}.wh-alert .material-symbols-rounded{flex-shrink:0;font-size:17px}.wh-alert--error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.wh-alert--success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}@keyframes wh-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wh-loading-state{color:#94a3b8;justify-content:center;align-items:center;gap:10px;padding:20px 0;font-size:.875rem;display:flex}.wh-list{flex-direction:column;gap:8px;display:flex}.wh-item{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:12px;padding:14px;transition:border-color .15s,box-shadow .15s;display:flex}.wh-item:hover{border-color:#c7d2fe;box-shadow:0 2px 8px #6366f114}.wh-item--stale{background:#fffbeb;border-color:#fde68a}.wh-item--ours{background:#fafbff;border-color:#c7d2fe}.wh-item-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.wh-item-icon .material-symbols-rounded{color:#fff;font-size:17px}.wh-item--stale .wh-item-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.wh-item-body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.wh-item-top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.wh-topic-pill{color:#5b21b6;background:#ede9fe;border-radius:999px;padding:2px 10px;font-family:SF Mono,Fira Code,monospace;font-size:.72rem;font-weight:700;display:inline-block}.wh-badge{border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:.68rem;font-weight:600;display:inline-flex}.wh-badge .material-symbols-rounded{font-size:11px}.wh-badge--managed{color:#1d4ed8;background:#dbeafe}.wh-badge--stale{color:#92400e;background:#fef3c7}.wh-item-url-row{align-items:center;gap:6px;display:flex}.wh-item-url{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:340px;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:.75rem;overflow:hidden}.wh-item-meta{color:#94a3b8;align-items:center;gap:4px;font-size:.7rem;display:flex}.wh-item-meta .material-symbols-rounded{font-size:12px}.wh-dot{color:#cbd5e1;margin:0 2px}@media (max-width:560px){.wh-subscribe-grid{grid-template-columns:1fr}.wh-item-url{max-width:200px}}.te-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.te-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:660px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #0000002e}.te-header{border-bottom:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.te-title{align-items:center;gap:12px;display:flex}.te-title .material-symbols-rounded{color:#6366f1;background:#eef2ff;border-radius:10px;padding:6px;font-size:26px}.te-title h2{color:#111;margin:0;font-size:15px;font-weight:600}.te-title p{color:#888;margin:2px 0 0;font-size:12px}.te-close{cursor:pointer;color:#888;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;display:flex}.te-close:hover{color:#333;background:#f5f5f5}.te-body{flex:1;padding:20px 24px;overflow-y:auto}.te-msg{border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.te-msg--error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.te-msg--success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.te-loading{color:#888;justify-content:center;align-items:center;gap:10px;padding:32px 0;font-size:14px;display:flex}.te-events-list{flex-direction:column;gap:8px;display:flex}.te-event-row{border:1px solid #e8e8e8;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s;display:flex}.te-event-row--editing{border-color:#6366f1;flex-direction:column;align-items:stretch}.te-event-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.te-event-icon{color:#6366f1;flex-shrink:0;font-size:20px}.te-event-label{color:#222;font-size:14px;font-weight:500}.te-event-value{color:#aaa;font-family:monospace;font-size:11px}.te-event-status{flex-shrink:0}.te-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.te-badge--active{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.te-badge--active .material-symbols-rounded{font-size:14px}.te-badge--none{color:#aaa;background:#f9fafb;border:1px solid #e5e7eb}.te-event-actions{flex-shrink:0;gap:6px;display:flex}.te-btn{cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background .15s,border-color .15s;display:flex}.te-btn .material-symbols-rounded{font-size:18px}.te-btn--edit{color:#6366f1}.te-btn--edit:hover{background:#eef2ff;border-color:#6366f1}.te-btn--delete{color:#ef4444}.te-btn--delete:hover{background:#fef2f2;border-color:#ef4444}.te-edit-form{border-top:1px solid #f0f0f0;flex-direction:column;gap:16px;margin-top:4px;padding-top:14px;display:flex}.te-field{flex-direction:column;gap:6px;display:flex}.te-label{color:#555;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.te-select,.te-input{color:#222;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s}.te-select:focus,.te-input:focus{border-color:#6366f1}.te-select--sm{flex:1}.te-preview-box{background:#f8f9ff;border:1px solid #e0e4ff;border-radius:10px;padding:12px 14px}.te-preview-label{color:#6366f1;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.te-preview-label .material-symbols-rounded{font-size:15px}.te-preview-body{color:#444;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.5}.te-varmap-table{flex-direction:column;gap:8px;margin-top:4px;display:flex}.te-varmap-row{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.te-varmap-var{flex-shrink:0;align-items:center;gap:8px;width:160px;display:flex}.te-var-chip{color:#6366f1;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;flex-shrink:0;padding:2px 8px;font-family:monospace;font-size:12px;font-weight:600}.te-var-type{color:#888;font-size:11px}.te-varmap-arrow{color:#aaa;flex-shrink:0;font-size:16px}.te-hint{color:#888;margin:0;font-size:12px}.te-hint--warn{color:#d97706}.te-form-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.te-btn-primary,.te-btn-secondary{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;transition:background .15s,opacity .15s;display:inline-flex}.te-btn-primary{color:#fff;background:#6366f1}.te-btn-primary:hover:not(:disabled){background:#4f46e5}.te-btn-primary:disabled{opacity:.6;cursor:not-allowed}.te-btn-primary .material-symbols-rounded{font-size:16px}.te-btn-secondary{color:#555;background:#f3f4f6}.te-btn-secondary:hover{background:#e5e7eb}.te-spinner{border:2px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite te-spin;display:inline-block}.te-spinner--sm{width:14px;height:14px}.te-spinner--red{border-top-color:#ef4444}@keyframes te-spin{to{transform:rotate(360deg)}}.so-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:0 4px;display:flex}.so-page-header-left{flex-shrink:0;align-items:center;gap:12px;display:flex}.so-header-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.so-store-switcher{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:7px 12px;display:flex}.so-store-icon{color:#008060;flex-shrink:0;font-size:18px}.so-store-select{color:#1a1a1a;cursor:pointer;background:0 0;border:none;outline:none;max-width:240px;font-size:13px;font-weight:600}.so-store-status{text-transform:capitalize;border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.so-store-status--active{color:#166534;background:#dcfce7}.so-store-status--inactive{color:#6b7280;background:#f3f4f6}.so-page-header-left{align-items:center;gap:12px;display:flex}.so-back-btn{cursor:pointer;color:#374151;background:0 0;border:1px solid #e5e7eb;border-radius:8px;align-items:center;padding:6px;display:flex}.so-back-btn:hover{background:#f3f4f6}.so-back-btn .material-symbols-rounded{font-size:20px}.so-page-title{color:#1a1a1a;margin:0;font-size:18px;font-weight:700}.so-page-subtitle{color:#9ca3af;margin:0;font-size:12px}.so-webhook-btn{color:#fff;cursor:pointer;background:#008060;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.so-webhook-btn:hover{background:#006e52}.so-webhook-btn .material-symbols-rounded{font-size:18px}.so-webhook-btn--outline{color:#008060;background:0 0;border:1px solid #008060;margin-top:12px}.so-webhook-btn--outline:hover{background:#f0fdf4}.so-webhook-btn--templates{background:#6366f1}.so-webhook-btn--templates:hover{background:#4f46e5}.so-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.so-search-wrap{flex:1;min-width:200px;position:relative}.so-search-icon{color:#9ca3af;pointer-events:none;font-size:18px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.so-search{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:8px 12px 8px 36px;font-size:13px}.so-search:focus{border-color:#008060;box-shadow:0 0 0 3px #0080601a}.so-status-filter{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.so-status-filter:focus{border-color:#008060}.so-total-count{color:#9ca3af;white-space:nowrap;font-size:12px}.so-table-wrap{overflow-x:auto}.so-table{border-collapse:collapse;width:100%;font-size:13px}.so-table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.so-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600}.so-row{cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background .15s}.so-row:hover{background:#f9fafb}.so-table td{color:#374151;vertical-align:middle;padding:11px 14px}.so-order-num{color:#008060;font-weight:600}.so-email{color:#6b7280;font-size:12px}.so-price{font-weight:600}.so-date{color:#9ca3af;white-space:nowrap;font-size:12px}.so-badge{text-transform:capitalize;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.so-loading{color:#9ca3af;justify-content:center;align-items:center;gap:12px;padding:48px;font-size:14px;display:flex}.so-spinner{border:2px solid #e5e7eb;border-top-color:#008060;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite so-spin}@keyframes so-spin{to{transform:rotate(360deg)}}.so-empty{color:#9ca3af;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:56px 24px;display:flex}.so-empty .material-symbols-rounded{font-size:40px}.so-empty p{color:#374151;margin:0;font-size:15px;font-weight:600}.so-empty span{font-size:13px}.so-pagination{justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.so-page-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;padding:6px 10px;display:flex}.so-page-btn:hover:not(:disabled){background:#f3f4f6}.so-page-btn:disabled{opacity:.4;cursor:not-allowed}.so-page-btn .material-symbols-rounded{font-size:20px}.so-page-info{color:#6b7280;font-size:13px}.so-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.so-detail-modal{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:640px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000002e}.so-detail-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex}.so-detail-header h2{color:#1a1a1a;margin:0 0 2px;font-size:17px;font-weight:700}.so-detail-header p{color:#9ca3af;margin:0;font-size:12px}.so-close-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;display:flex}.so-close-btn:hover{color:#374151;background:#f3f4f6}.so-detail-body{flex-direction:column;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.so-detail-row{flex-wrap:wrap;gap:24px;display:flex}.so-detail-field{flex-direction:column;gap:4px;min-width:120px;display:flex}.so-field-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.so-total-value{color:#1a1a1a;font-size:16px;font-weight:700}.so-detail-section h3{color:#374151;border-bottom:1px solid #f3f4f6;margin:0 0 10px;padding-bottom:6px;font-size:13px;font-weight:600}.so-address-text{color:#374151;margin:0;font-size:13px;line-height:1.5}.so-line-items{flex-direction:column;gap:8px;display:flex}.so-line-item{background:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.so-line-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.so-line-item-name{color:#1a1a1a;font-size:13px;font-weight:600}.so-line-item-variant{color:#6b7280;font-size:11px}.so-line-item-sku{color:#9ca3af;font-size:11px}.so-line-item-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.so-line-item-qty{color:#6b7280;font-size:13px}.so-line-item-price{color:#1a1a1a;font-size:13px;font-weight:600}.so-note{color:#374151;background:#f9fafb;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.so-actions-cell{text-align:center;width:56px}.so-send-wrap{display:inline-flex;position:relative}.so-send-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:7px;align-items:center;gap:1px;padding:5px 8px;font-size:12px;transition:background .15s;display:inline-flex}.so-send-btn:hover:not(:disabled){background:#4f46e5}.so-send-btn:disabled{opacity:.6;cursor:not-allowed}.so-send-btn .material-symbols-rounded{font-size:16px}.so-send-chevron{font-size:14px!important}.so-send-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite so-spin;display:inline-block}.so-send-dropdown{z-index:200;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:200px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.so-send-dropdown-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #f3f4f6;padding:8px 12px 6px;font-size:10px;font-weight:700}.so-send-dropdown-item{cursor:pointer;color:#374151;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:13px;transition:background .12s;display:flex}.so-send-dropdown-item:hover{color:#6366f1;background:#f5f3ff}.so-send-dropdown-item .material-symbols-rounded{color:#6366f1;font-size:16px}.so-toast{z-index:2000;white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:500;animation:.2s so-toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000026}.so-toast .material-symbols-rounded{font-size:18px}.so-toast--success{color:#fff;background:#166534}.so-toast--error{color:#fff;background:#991b1b}@keyframes so-toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.abandoned-carts-page{background:#f7fafc;width:100%;padding:24px}.carts-main-content{width:100%;max-width:100%;overflow-y:auto}.carts-sidebar{z-index:999;background:#fff;border-left:1px solid #e2e8f0;width:360px;height:100vh;transition:transform .3s;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-2px 0 12px #0000001a}.carts-sidebar.closed{pointer-events:none;transform:translate(100%)}.carts-sidebar.open{pointer-events:auto;transform:translate(0)}.sidebar-header{color:#fff;z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px;display:flex;position:sticky;top:0}.sidebar-header h3{align-items:center;gap:12px;margin:0;font-size:20px;font-weight:700;display:flex}.sidebar-header i{font-size:24px}.sidebar-close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.sidebar-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.sidebar-close-btn i{font-size:20px}.sidebar-content{padding:20px}.sidebar-section{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:24px}.sidebar-section:last-child{border-bottom:none}.sidebar-section-title{color:#1a202c;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:14px;font-weight:700}.sidebar-stats{flex-direction:column;gap:12px;display:flex}.sidebar-stat{background:#f7fafc;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;transition:background .2s;display:flex}.sidebar-stat:hover{background:#edf2f7}.sidebar-stat .stat-label{color:#718096;font-size:13px;font-weight:500}.sidebar-stat .stat-value{color:#1a202c;font-size:18px;font-weight:700}.sidebar-stat .stat-value.success{color:#10b981}.sidebar-stat .stat-value.warning{color:#f59e0b}.filter-group{flex-direction:column;gap:12px;display:flex}.radio-label{cursor:pointer;color:#2d3748;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;transition:background .2s;display:flex}.radio-label:hover{background:#f7fafc}.radio-label input[type=radio]{cursor:pointer;width:18px;height:18px}.filter-input,.filter-select{color:#1a202c;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.filter-input:focus,.filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.btn-block{justify-content:center;width:100%;margin-bottom:8px}.view-mode-toggle{grid-template-columns:1fr 1fr;gap:8px;display:grid}.view-mode-btn{cursor:pointer;color:#718096;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px;font-size:12px;transition:all .2s;display:flex}.view-mode-btn:hover{background:#f7fafc;border-color:#cbd5e0}.view-mode-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea}.view-mode-btn i{font-size:20px}.sidebar-toggle{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.sidebar-toggle:hover{background:#f7fafc}.sidebar-toggle i{font-size:18px}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.header-left{flex:1}.page-title{color:#1a202c;align-items:center;gap:12px;margin:0 0 8px;font-size:28px;font-weight:700;display:flex}.page-title i{color:#e91e63;font-size:32px}.page-subtitle{color:#718096;margin:0;font-size:14px}.header-actions{gap:12px;display:flex}.selection-bar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 4px 12px #667eea4d}.selection-info{align-items:center;gap:16px;display:flex}.selection-count{font-size:16px;font-weight:600}.selection-bar .btn-link{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.selection-bar .btn-link:hover{opacity:.8}.bulk-actions{gap:12px;display:flex}.template-selector{position:relative}.template-selector .btn{color:#667eea;background:#fff;align-items:center;gap:8px;font-weight:600;display:flex}.template-selector .btn:hover{background:#f7fafc}.template-dropdown{z-index:100;background:#fff;border-radius:12px;min-width:320px;max-height:400px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #00000026}.dropdown-header{color:#1a202c;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px;font-weight:600;display:flex}.btn-close{cursor:pointer;color:#718096;background:0 0;border:none;align-items:center;padding:4px;display:flex}.btn-close:hover{color:#1a202c}.template-list{max-height:340px;overflow-y:auto}.template-item{cursor:pointer;border-bottom:1px solid #f7fafc;padding:12px 16px;transition:background .2s}.template-item:hover{background:#f7fafc}.template-item.selected{background:#edf2f7}.template-name{color:#1a202c;margin-bottom:4px;font-weight:600}.template-category{color:#718096;text-transform:uppercase;font-size:12px}.no-templates{text-align:center;color:#a0aec0;padding:32px}.no-templates i{opacity:.5;margin-bottom:12px;font-size:48px}.no-templates p{margin:0}.stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.table-container{background:#fff;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 2px 8px #00000014}.carts-table{border-collapse:collapse;width:100%}.carts-table thead{background:#f7fafc;border-bottom:2px solid #e2e8f0}.carts-table th{text-align:left;color:#4a5568;text-transform:uppercase;letter-spacing:.5px;padding:16px;font-size:13px;font-weight:600}.carts-table tbody tr{border-bottom:1px solid #f7fafc;transition:background .2s}.carts-table tbody tr:hover{background:#f7fafc}.carts-table tbody tr.selected{background:#edf2f7}.carts-table td{color:#2d3748;padding:16px;font-size:14px}.checkbox-col{width:50px}.checkbox-col input[type=checkbox]{cursor:pointer;width:18px;height:18px}.customer-info{align-items:center;gap:12px;display:flex}.customer-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.customer-details{flex:1}.customer-name{color:#1a202c;font-weight:600}.phone-number{color:#4a5568;font-family:monospace}.email{color:#4a5568}.item-count{color:#718096}.cart-value{color:#10b981;font-weight:600}.abandoned-date{color:#718096;font-size:13px}.status-badge{text-transform:uppercase;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.status-badge.pending{color:#92400e;background:#fef3c7}.status-badge.contacted{color:#065f46;background:#d1fae5}.no-data{text-align:center;color:#a0aec0;padding:64px 24px!important}.no-data i{opacity:.5;margin-bottom:16px;font-size:64px}.no-data p{margin:0 0 16px;font-size:16px}.pagination-container{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;box-shadow:0 2px 8px #00000014}.pagination-info{color:#718096;font-size:14px}.pagination-controls{align-items:center;gap:12px;display:flex}.page-number{color:#1a202c;font-weight:600}.per-page-selector{align-items:center;gap:8px;display:flex}.per-page-selector label{color:#718096;font-size:14px}.per-page-selector select{color:#1a202c;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 12px}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-secondary{color:#4a5568;background:#fff;border:1px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background:#f7fafc}.btn i{font-size:18px}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.carts-sidebar{width:320px}.carts-main-content.sidebar-open{margin-right:320px}}@media (max-width:768px){.carts-main-content{padding:16px;margin-right:0!important}.carts-sidebar{width:100%;max-width:100%}.page-header{flex-direction:column}.header-actions{gap:8px;width:100%;display:flex}.header-actions .btn,.header-actions .sidebar-toggle{flex:1}.selection-bar{flex-direction:column;align-items:stretch;gap:16px}.stats-grid{grid-template-columns:1fr}.table-container{overflow-x:auto}.carts-table{min-width:900px}.pagination-container{flex-direction:column;align-items:stretch;gap:16px}.pagination-controls{justify-content:center}.carts-grid{grid-template-columns:1fr}}.carts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:24px;display:grid}.cart-card{background:#fff;border:2px solid #0000;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 2px 8px #00000014}.cart-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.cart-card.selected{background:linear-gradient(#f7faff,#fff);border-color:#667eea}.cart-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cart-card-header input[type=checkbox]{cursor:pointer;width:20px;height:20px}.cart-card-body{text-align:center}.customer-avatar-large{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;font-size:32px;font-weight:700;display:flex;box-shadow:0 4px 12px #667eea4d}.cart-customer-name{color:#1a202c;margin:0 0 16px;font-size:18px;font-weight:700}.cart-card-info{flex-direction:column;gap:12px;display:flex}.info-item{color:#2d3748;background:#f7fafc;border-radius:8px;align-items:center;gap:10px;padding:10px;font-size:14px;display:flex}.info-item i{color:#667eea;font-size:20px}.info-item span{text-align:left;flex:1}.cart-value-large{color:#10b981;font-size:16px;font-weight:700}.carts-grid .no-data{text-align:center;color:#a0aec0;grid-column:1/-1;padding:64px 24px}.carts-grid .no-data i{opacity:.5;margin-bottom:16px;font-size:64px}.carts-grid .no-data p{margin:0 0 16px;font-size:16px}.agent-management-page{max-width:1400px;margin:0 auto;padding:24px}.sidebar-menu-btn{display:none!important}@media (max-width:1199px){.sidebar-menu-btn{display:flex!important}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:24px 0;display:grid}.stat-card{background:#fff;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000001a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon i{font-size:28px}.stat-label{color:#6b7280;font-size:14px;font-weight:500}.filters-bar{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.filters-bar>*{min-width:200px}.filters-bar .ui-input-wrapper{flex:1;min-width:250px}.agents-table-wrapper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.agents-table{border-collapse:collapse;width:100%}.agents-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.agents-table th{text-align:left;color:#374151;padding:16px;font-size:14px;font-weight:600}.agents-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .15s}.agents-table tbody tr:hover{background:#f9fafb}.agents-table tbody tr.inactive-row{opacity:.6}.agents-table td{vertical-align:middle;padding:16px}.user-cell{align-items:center;gap:12px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:600;display:flex}.user-info{flex-direction:column;gap:4px;display:flex}.user-name{color:#111827;align-items:center;gap:8px;font-weight:600;display:flex}.you-badge{color:#1e40af;text-transform:uppercase;letter-spacing:.5px;background:#dbeafe;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.user-email{color:#6b7280;font-size:13px}.team-badge{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.team-color{border-radius:50%;flex-shrink:0;width:12px;height:12px}.no-team{color:#9ca3af;font-size:13px;font-style:italic}.last-login{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.last-login i{color:#9ca3af;font-size:16px}.never-logged-in{color:#9ca3af;font-style:italic}.actions-cell{gap:8px;display:flex}.action-btn{cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.action-btn i{color:#6b7280;font-size:20px}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.action-btn.edit:hover{background:#dbeafe}.action-btn.edit:hover i{color:#1e40af}.action-btn.pause:hover{background:#fef3c7}.action-btn.pause:hover i{color:#92400e}.action-btn.play:hover{background:#d1fae5}.action-btn.play:hover i{color:#065f46}.action-btn.boost:hover{background:#e0e7ff}.action-btn.boost:hover i{color:#4f46e5}.action-btn.delete:hover{background:#fee2e2}.action-btn.delete:hover i{color:#991b1b}.agent-form{flex-direction:column;gap:16px;display:flex}.temp-perm-form{flex-direction:column;gap:24px;display:flex}.duration-selector label{color:#374151;margin-bottom:8px;font-weight:600;display:block}.permissions-list{flex-direction:column;gap:12px;display:flex}.permissions-list>label{color:#374151;margin-bottom:4px;font-weight:600}.permission-item{background:#f9fafb;border:2px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.permission-item:hover{background:#f3f4f6;border-color:#e5e7eb}.permission-item input[type=checkbox]:checked~.permission-icon{background:#dbeafe}.permission-item input[type=checkbox]:checked~.permission-icon i{color:#1e40af}.permission-icon{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.permission-icon i{color:#6b7280;font-size:24px;transition:color .2s}.permission-details{flex:1}.permission-label{color:#111827;margin-bottom:2px;font-weight:600}.permission-desc{color:#6b7280;font-size:13px}.temp-perm-note{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.temp-perm-note i{color:#f59e0b;flex-shrink:0;font-size:24px}.temp-perm-note span{color:#78350f;font-size:14px;line-height:1.5}@media (max-width:1200px){.agents-table-wrapper{overflow-x:auto}.agents-table{min-width:900px}}@media (max-width:768px){.agent-management-page{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-icon{width:48px;height:48px}.stat-icon i,.stat-value{font-size:24px}.filters-bar{flex-direction:column}.filters-bar>*{width:100%;min-width:100%}.form-row{grid-template-columns:1fr}.actions-cell{flex-wrap:wrap}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.user-cell{gap:8px}.user-avatar{width:36px;height:36px;font-size:14px}.action-btn{width:32px;height:32px}.action-btn i{font-size:18px}}.agent-management-page .ui-empty-state{margin-top:60px}.team-management-page{max-width:1400px;margin:0 auto;padding:24px}.search-bar{margin-bottom:24px}.search-bar .ui-input-wrapper{max-width:500px}.teams-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:24px;display:grid}.team-card{background:#fff;border-radius:12px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001a}.team-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.team-card.inactive{opacity:.7}.team-card-header{background:linear-gradient(135deg,#667eea0d 0%,#764ba20d 100%);border-top:4px solid;align-items:center;gap:12px;padding:20px;display:flex}.team-color-badge{border-radius:12px;flex-shrink:0;width:48px;height:48px;box-shadow:0 4px 12px #00000026}.team-header-content{flex:1;justify-content:space-between;align-items:center;gap:12px;display:flex}.team-name{color:#111827;margin:0;font-size:18px;font-weight:700;line-height:1.2}.team-card-body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex}.team-description{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.team-stats{flex-direction:column;gap:10px;display:flex}.team-stat{color:#374151;background:#f9fafb;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.team-stat i{color:#9ca3af;font-size:20px}.team-stat.team-lead{color:#78350f;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.team-stat.team-lead i{color:#f59e0b}.team-card-footer{background:#fafbfc;border-top:1px solid #f3f4f6;gap:8px;padding:16px 20px;display:flex}.team-action-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.team-action-btn:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.team-action-btn i{font-size:18px}.team-action-menu{position:relative}.menu-trigger{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.menu-trigger:hover{background:#f9fafb;border-color:#d1d5db}.menu-trigger i{color:#6b7280;font-size:20px}.team-action-menu:hover .menu-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.menu-dropdown{z-index:10;opacity:0;visibility:hidden;background:#fff;border-radius:8px;min-width:180px;transition:all .2s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-10px);box-shadow:0 10px 40px #00000026}.menu-dropdown button{color:#374151;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;transition:background .2s;display:flex}.menu-dropdown button:first-child{border-radius:8px 8px 0 0}.menu-dropdown button:last-child{border-radius:0 0 8px 8px}.menu-dropdown button:hover{background:#f9fafb}.menu-dropdown button.danger{color:#dc2626}.menu-dropdown button.danger:hover{background:#fee2e2}.menu-dropdown button:disabled{opacity:.5;cursor:not-allowed}.menu-dropdown button i{font-size:20px}.team-form{flex-direction:column;gap:16px;display:flex}.color-picker-field label{color:#374151;margin-bottom:8px;font-weight:600;display:block}.color-presets{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.color-preset{cursor:pointer;border:3px solid #0000;border-radius:10px;width:48px;height:48px;transition:all .2s;position:relative}.color-preset:hover{transform:scale(1.1)}.color-preset.selected{border-color:#111827;box-shadow:0 0 0 3px #0000001a}.color-preset.selected:after{content:"✓";color:#fff;text-shadow:0 2px 4px #0000004d;font-size:20px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.color-input{cursor:pointer;border:2px solid #e5e7eb;border-radius:10px;width:48px;height:48px}.team-members-content{flex-direction:column;gap:24px;display:flex}.add-member-section h4,.current-members-section h4{color:#111827;margin:0 0 12px;font-size:16px;font-weight:600}.add-member-controls{gap:12px;display:flex}.add-member-controls .ui-select-wrapper{flex:1}.current-members-section{border-top:1px solid #e5e7eb;padding-top:24px}.members-list{flex-direction:column;gap:12px;max-height:400px;display:flex;overflow-y:auto}.member-item{background:#f9fafb;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:background .2s;display:flex}.member-item:hover{background:#f3f4f6}.member-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.member-info{flex-direction:column;flex:1;gap:2px;display:flex}.member-name{color:#111827;font-size:14px;font-weight:600}.member-email{color:#6b7280;font-size:12px}.remove-member-btn{cursor:pointer;background:#fff;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.remove-member-btn:hover{background:#fee2e2}.remove-member-btn i{color:#6b7280;font-size:18px}.remove-member-btn:hover i{color:#dc2626}.empty-members{text-align:center;color:#9ca3af;padding:40px 20px}.empty-members i{opacity:.5;margin-bottom:12px;font-size:48px}.empty-members p{margin:0;font-size:14px}.loading-state{text-align:center;color:#6b7280;padding:40px}@media (max-width:1024px){.teams-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (max-width:768px){.team-management-page{padding:16px}.teams-grid{grid-template-columns:1fr;gap:16px}.team-action-btn span{display:none}.team-action-btn{padding:10px}.add-member-controls{flex-direction:column}.add-member-controls .ui-select-wrapper{width:100%}}@media (max-width:480px){.team-card-header{padding:16px}.team-color-badge{width:40px;height:40px}.team-name{font-size:16px}.team-card-body{padding:16px}.team-card-footer{padding:12px 16px}.color-presets{gap:8px}.color-preset,.color-input{width:40px;height:40px}}.team-management-page .ui-empty-state{margin-top:60px}.error-message{color:#991b1b;background:#fee2e2;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;display:flex}.error-message:before{content:"⚠";font-size:18px}.team-card{animation:.3s ease-out fadeIn}.members-list::-webkit-scrollbar{width:8px}.members-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.members-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.members-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.ml-page{flex-direction:column;gap:16px;height:100%;padding:16px 24px;display:flex}.ml-header{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.ml-title{color:#344767;margin:0 0 2px;font-size:1.5rem;font-weight:700}.ml-subtitle{color:#7b809a;margin:0;font-size:.82rem}.ml-header>div:first-child{flex:1}.ml-upload-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-size:.875rem;font-weight:600;transition:opacity .2s;display:inline-flex}.ml-upload-btn:hover:not(:disabled){opacity:.88}.ml-upload-btn:disabled{opacity:.6;cursor:not-allowed}.ml-upload-btn .material-symbols-rounded{font-size:18px}.ml-stats{flex-wrap:wrap;gap:10px;display:flex}.ml-stat{background:#fff;border-radius:10px;align-items:center;gap:10px;min-width:110px;padding:10px 16px;display:flex;box-shadow:0 1px 4px #00000012}.ml-stat-icon{font-size:22px}.ml-stat-val{color:#344767;font-size:1.1rem;font-weight:700}.ml-stat-lbl{color:#7b809a;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.ml-body{flex:1;gap:16px;min-height:0;display:flex}.ml-main{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.ml-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ml-tabs{flex-wrap:wrap;gap:4px;display:flex}.ml-tab{color:#7b809a;cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:20px;align-items:center;gap:5px;padding:6px 14px;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.ml-tab .material-symbols-rounded{font-size:15px}.ml-tab:hover{color:#667eea;border-color:#667eea}.ml-tab--active{color:#fff;background:#667eea;border-color:#667eea}.ml-search-wrap{margin-left:auto;position:relative}.ml-search-icon{color:#7b809a;pointer-events:none;font-size:16px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.ml-search{border:1px solid #e9ecef;border-radius:8px;outline:none;width:220px;padding:7px 12px 7px 34px;font-size:.82rem}.ml-search:focus{border-color:#667eea}.ml-dropzone{color:#9ca3af;cursor:pointer;border:2px dashed #d1d5db;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:.82rem;transition:all .2s;display:flex}.ml-dropzone .material-symbols-rounded{font-size:20px}.ml-dropzone--over{color:#667eea;background:#f0f2ff;border-color:#667eea}.ml-loading{color:#7b809a;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px;display:flex}.ml-empty{color:#7b809a;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px;display:flex}.ml-empty .material-symbols-rounded{opacity:.3;font-size:48px}.ml-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid;overflow-y:auto}.ml-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:10px;transition:all .15s;position:relative;overflow:hidden;box-shadow:0 1px 4px #00000012}.ml-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.ml-card--selected{border-color:#667eea}.ml-card-thumb{justify-content:center;align-items:center;height:110px;display:flex;position:relative;overflow:hidden}.ml-thumb-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ml-thumb-icon{z-index:1;font-size:40px}.ml-card-info{padding:8px 10px}.ml-card-name{color:#344767;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.75rem;font-weight:600;overflow:hidden}.ml-card-meta{color:#7b809a;justify-content:space-between;align-items:center;font-size:.7rem;display:flex}.ml-use-badge{align-items:center;gap:2px;display:flex}.ml-use-badge .material-symbols-rounded{font-size:12px}.ml-card-del{color:#ef4444;cursor:pointer;opacity:0;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:opacity .15s;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 1px 4px #00000026}.ml-card:hover .ml-card-del{opacity:1}.ml-card-del .material-symbols-rounded{font-size:15px}.ml-card-del:disabled{opacity:.5;cursor:not-allowed}.ml-detail{background:#fff;border-radius:12px;flex-direction:column;flex-shrink:0;width:300px;max-height:100%;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000014}.ml-detail-header{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.ml-detail-header h3{color:#344767;margin:0;font-size:.95rem;font-weight:700}.ml-detail-close{cursor:pointer;color:#7b809a;background:0 0;border:none;border-radius:6px;padding:2px;display:flex}.ml-detail-close:hover{background:#f0f2f5}.ml-detail-close .material-symbols-rounded{font-size:18px}.ml-detail-preview{background:#f8f9fa;border-bottom:1px solid #f0f2f5;justify-content:center;align-items:center;min-height:120px;padding:12px 16px;display:flex}.ml-preview-img{object-fit:contain;border-radius:6px;max-width:100%;max-height:160px}.ml-preview-audio{width:100%}.ml-preview-video{border-radius:6px;max-width:100%;max-height:160px}.ml-preview-doc{flex-direction:column;align-items:center;gap:8px;display:flex}.ml-preview-doc .material-symbols-rounded{font-size:48px}.ml-preview-link{color:#667eea;align-items:center;gap:4px;font-size:.82rem;text-decoration:none;display:flex}.ml-preview-link:hover{text-decoration:underline}.ml-preview-link .material-symbols-rounded{font-size:14px}.ml-detail-rows{border-bottom:1px solid #f0f2f5;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.ml-detail-row{justify-content:space-between;font-size:.78rem;display:flex}.ml-detail-row span:first-child{color:#7b809a}.ml-detail-row span:last-child{color:#344767;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-weight:500;overflow:hidden}.ml-detail-count{color:#7c3aed;background:#ede9fe;border-radius:10px;padding:1px 8px;font-weight:700}.ml-detail-section{flex:1;padding:12px 16px;overflow-y:auto}.ml-detail-section-title{text-transform:uppercase;letter-spacing:.05em;color:#7b809a;margin-bottom:8px;font-size:.72rem;font-weight:700}.ml-no-usage{color:#9ca3af;margin:0;font-size:.78rem}.ml-loading-sm{justify-content:center;padding:12px;display:flex}.ml-usage-list{flex-direction:column;gap:8px;display:flex}.ml-usage-item{align-items:flex-start;gap:8px;display:flex}.ml-usage-icon{color:#667eea;flex-shrink:0;margin-top:1px;font-size:16px}.ml-usage-contact{color:#344767;font-size:.78rem;font-weight:600}.ml-usage-meta{color:#7b809a;font-size:.72rem}.ml-detail-actions{border-top:1px solid #f0f2f5;gap:8px;padding:12px 16px;display:flex}.ml-btn-download,.ml-btn-delete{cursor:pointer;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.ml-btn-download{color:#3b82f6;background:#eff6ff;border:none}.ml-btn-download:hover{background:#dbeafe}.ml-btn-delete{color:#ef4444;background:#fef2f2;border:none}.ml-btn-delete:hover{background:#fee2e2}.ml-btn-download .material-symbols-rounded,.ml-btn-delete .material-symbols-rounded{font-size:15px}.ml-spinner{border:2px solid #e9ecef;border-top-color:#667eea;border-radius:50%;animation:.7s linear infinite ml-spin;display:inline-block}.ml-spinner--lg{width:32px;height:32px}.ml-spinner--sm{border-width:2px;width:14px;height:14px}@keyframes ml-spin{to{transform:rotate(360deg)}}@media (max-width:768px){.ml-page{padding:12px}.ml-detail{z-index:500;border-radius:16px 16px 0 0;width:100%;max-height:70vh;position:fixed;bottom:0;left:0;right:0}.ml-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.ml-stats{gap:8px}.ml-stat{min-width:90px;padding:8px 12px}}.ml-storage-bar-wrap{background:#fff;border-radius:10px;flex-direction:column;flex:1;gap:6px;min-width:200px;max-width:320px;padding:10px 16px;display:flex;box-shadow:0 1px 4px #00000012}.ml-storage-bar-header{align-items:center;gap:6px;display:flex}.ml-storage-label{color:#344767;flex:1;font-size:.78rem;font-weight:600}.ml-storage-nums{color:#7b809a;font-variant-numeric:tabular-nums;font-size:.75rem}.ml-storage-track{background:#f0f2f5;border-radius:3px;height:6px;overflow:hidden}.ml-storage-fill{border-radius:3px;height:100%;transition:width .4s,background .3s}.cp-page{max-width:1200px;margin:0 auto;padding:16px 24px}.cp-header{margin-bottom:16px}.cp-title{color:#344767;margin:0 0 2px;font-size:1.5rem;font-weight:700}.cp-subtitle{color:#7b809a;margin:0;font-size:.82rem}.cp-tabs{border-bottom:1px solid #f0f2f5;flex-wrap:wrap;gap:4px;margin-bottom:20px;display:flex}.cp-tab{cursor:pointer;color:#7b809a;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:9px 16px;font-size:.85rem;font-weight:500;transition:color .15s,border-color .15s;display:flex}.cp-tab .material-symbols-rounded{font-size:17px}.cp-tab:hover{color:#344767}.cp-tab--active{color:#667eea;border-bottom-color:#667eea}.cp-body{min-height:400px}.cp-section{flex-direction:column;gap:14px;display:flex}.cp-section-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cp-count{color:#7b809a;font-size:.82rem}.cp-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;font-weight:600;transition:opacity .2s;display:inline-flex}.cp-add-btn:hover{opacity:.88}.cp-add-btn .material-symbols-rounded{font-size:17px}.cp-search-wrap{position:relative}.cp-search-icon{color:#7b809a;pointer-events:none;font-size:16px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.cp-search{box-sizing:border-box;border:1px solid #e9ecef;border-radius:8px;outline:none;width:240px;padding:7px 12px 7px 34px;font-size:.82rem}.cp-search:focus{border-color:#667eea}.cp-loading{justify-content:center;padding:60px;display:flex}.cp-empty{color:#7b809a;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px;display:flex}.cp-empty .material-symbols-rounded{opacity:.3;font-size:48px}.cp-empty p{text-align:center;margin:0;font-size:.85rem}.cp-table-wrap{background:#fff;border-radius:12px;overflow:auto;box-shadow:0 1px 4px #00000014}.cp-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#7b809a;white-space:nowrap;border-bottom:1px solid #f0f2f5;padding:10px 14px;font-size:.7rem;font-weight:600}.cp-table td{vertical-align:middle;color:#344767;border-bottom:1px solid #f8f9fa;padding:12px 14px}.cp-table tbody tr:last-child td{border-bottom:none}.cp-table tbody tr:hover td{background:#fafbfc}.cp-muted{color:#7b809a;font-size:.78rem}.cp-contact-cell{align-items:center;gap:8px;display:flex}.cp-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.78rem;font-weight:700;display:flex}.cp-avatar--sm{width:28px;height:28px;font-size:.72rem}.cp-label-chip{border-radius:12px;margin-right:4px;padding:2px 8px;font-size:.68rem;font-weight:600;display:inline-block}.cp-row-actions{gap:4px;display:flex}.cp-icon-btn{cursor:pointer;color:#7b809a;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.cp-icon-btn:hover{color:#344767;background:#f0f2f5}.cp-icon-btn--edit:hover{color:#3b82f6;background:#eff6ff}.cp-icon-btn--del:hover{color:#ef4444;background:#fef2f2}.cp-icon-btn .material-symbols-rounded{font-size:16px}.cp-icon-btn:disabled{opacity:.5;cursor:not-allowed}.cp-cards{flex-direction:column;gap:8px;display:flex}.cp-group-card{background:#fff;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 1px 4px #00000012}.cp-group-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cp-group-icon .material-symbols-rounded{font-size:22px}.cp-group-info{flex:1;min-width:0}.cp-group-name{color:#344767;font-size:.9rem;font-weight:600}.cp-group-meta{color:#7b809a;font-size:.75rem}.cp-group-actions{gap:4px;display:flex}.cp-members-body{grid-template-columns:1fr 1fr;gap:16px;max-height:60vh;display:grid;overflow-y:auto}.cp-members-col{flex-direction:column;gap:6px;display:flex}.cp-members-title{text-transform:uppercase;letter-spacing:.05em;color:#7b809a;margin-bottom:4px;font-size:.75rem;font-weight:700}.cp-member-row{border-bottom:1px solid #f8f9fa;align-items:center;gap:8px;padding:6px 0;display:flex}.cp-member-info{flex:1;min-width:0;font-size:.82rem}.cp-labels-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.cp-label-card{background:#fff;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex;box-shadow:0 1px 4px #00000012}.cp-label-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px}.cp-label-info{flex:1;min-width:0}.cp-label-name{color:#344767;font-size:.88rem;font-weight:600}.cp-label-meta{color:#7b809a;font-size:.72rem}.cp-color-row{flex-wrap:wrap;gap:6px;display:flex}.cp-color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:transform .15s}.cp-color-dot:hover{transform:scale(1.15)}.cp-color-dot--active{border-color:#344767;transform:scale(1.15)}.cp-modal--wide{max-width:700px}.cp-modal-header{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cp-modal-header h3{color:#344767;margin:0;font-size:1rem;font-weight:700}.cp-modal-close{cursor:pointer;color:#7b809a;background:0 0;border:none;border-radius:6px;padding:3px;display:flex}.cp-modal-close:hover{background:#f0f2f5}.cp-modal-close .material-symbols-rounded{font-size:18px}.cp-modal-body{flex-direction:column;gap:12px;padding:16px 20px;display:flex;overflow-y:auto}.cp-modal-footer{border-top:1px solid #f0f2f5;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.cp-field input,.cp-select{color:#344767;box-sizing:border-box;border:1px solid #e9ecef;border-radius:7px;outline:none;width:100%;padding:8px 12px;font-size:.875rem;transition:border-color .15s}.cp-field input:focus,.cp-select:focus{border-color:#667eea}.cp-btn-cancel{color:#344767;cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:7px;padding:8px 16px;font-size:.82rem;font-weight:600}.cp-btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:7px;align-items:center;gap:5px;padding:8px 20px;font-size:.82rem;font-weight:600;transition:opacity .2s;display:inline-flex}.cp-btn-save:hover:not(:disabled){opacity:.88}.cp-btn-save:disabled{opacity:.6;cursor:not-allowed}.cp-btn-save .material-symbols-rounded{font-size:15px}.cp-import-box{text-align:center;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:16px;max-width:560px;margin:0 auto;padding:32px;display:flex;box-shadow:0 1px 4px #00000014}.cp-import-icon .material-symbols-rounded{color:#667eea;font-size:48px}.cp-import-box h3{color:#344767;margin:0;font-size:1.1rem;font-weight:700}.cp-import-box p{color:#7b809a;margin:0;font-size:.82rem}.cp-import-box code{background:#f0f2f5;border-radius:4px;padding:1px 5px;font-size:.78rem}.cp-import-fields{text-align:left;flex-direction:column;gap:12px;width:100%;display:flex}.cp-file-wrap{align-items:center;gap:8px;display:flex}.cp-file-btn{color:#344767;cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:7px;flex:1;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;display:inline-flex}.cp-file-btn:hover{background:#f8f9fa}.cp-file-btn .material-symbols-rounded{color:#667eea;font-size:16px}.cp-import-btn{justify-content:center;width:100%;padding:10px}.cp-import-result{text-align:left;border-radius:8px;align-items:flex-start;gap:10px;width:100%;padding:12px 14px;font-size:.82rem;display:flex}.cp-import-result .material-symbols-rounded{flex-shrink:0;font-size:20px}.cp-import-result--ok{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.cp-import-result--warn{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.cp-import-err{opacity:.8;margin-top:2px;font-size:.72rem}.cp-csv-sample{text-align:left;width:100%}.cp-csv-sample-title{color:#7b809a;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.72rem;font-weight:600}.cp-csv-sample pre{color:#344767;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin:0;padding:10px 12px;font-size:.72rem;overflow-x:auto}.cp-spinner--sm{border-width:2px;width:14px;height:14px}.cp-spinner--white{border-color:#fff #ffffff4d #ffffff4d}@keyframes cp-spin{to{transform:rotate(360deg)}}@media (max-width:640px){.cp-page{padding:12px}.cp-members-body{grid-template-columns:1fr}.cp-search{width:100%}.cp-table th:nth-child(3),.cp-table td:nth-child(3),.cp-table th:nth-child(4),.cp-table td:nth-child(4){display:none}}.cp-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:0 4px;display:flex}.cp-page-title{color:#1a1a1a;margin:0;font-size:18px;font-weight:700}.cp-page-sub{color:#9ca3af;margin:0;font-size:12px}.cp-filters{align-items:center;gap:10px;margin-bottom:12px;display:flex}.cp-total{color:#9ca3af;font-size:12px}.cp-btn-primary{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.cp-btn-primary:hover:not(:disabled){background:#4f46e5}.cp-btn-primary:disabled{opacity:.6;cursor:not-allowed}.cp-btn-primary .material-symbols-rounded{font-size:18px}.cp-btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;transition:background .15s;display:inline-flex}.cp-btn-secondary:hover:not(:disabled){background:#e5e7eb}.cp-btn-secondary:disabled{opacity:.4;cursor:not-allowed}.cp-btn-secondary .material-symbols-rounded{font-size:18px}.cp-table-wrap{overflow-x:auto}.cp-table{border-collapse:collapse;width:100%;font-size:13px}.cp-table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.cp-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600}.cp-row{border-bottom:1px solid #f3f4f6;transition:background .12s}.cp-row:hover{background:#f9fafb}.cp-table td{color:#374151;vertical-align:middle;padding:11px 14px}.cp-name-btn{cursor:pointer;color:#6366f1;text-align:left;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.cp-name-btn:hover{text-decoration:underline}.cp-mono{font-family:monospace;font-size:12px}.cp-date{color:#9ca3af;white-space:nowrap;font-size:12px}.cp-num{text-align:center;font-weight:600}.cp-num--green{color:#16a34a}.cp-num--red{color:#dc2626}.cp-progress-wrap{align-items:center;gap:6px;display:flex}.cp-progress-bar{background:#e5e7eb;border-radius:3px;flex:1;height:6px;overflow:hidden}.cp-progress-fill{background:#6366f1;border-radius:3px;height:100%;transition:width .4s}.cp-progress-label{color:#6b7280;white-space:nowrap;font-size:11px}.cp-progress-counts{color:#9ca3af;font-size:11px}.cp-badge{text-transform:capitalize;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.cp-actions-cell{white-space:nowrap;width:1%}.cp-actions{gap:4px;display:flex}.cp-action-btn{cursor:pointer;color:#6b7280;background:0 0;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .12s,color .12s;display:flex}.cp-action-btn .material-symbols-rounded{font-size:16px}.cp-action-btn:hover{color:#374151;background:#f3f4f6}.cp-action-btn:disabled{opacity:.4;cursor:not-allowed}.cp-action-btn--launch{color:#6366f1;border-color:#c7d2fe}.cp-action-btn--launch:hover{background:#eef2ff}.cp-action-btn--pause{color:#d97706;border-color:#fde68a}.cp-action-btn--pause:hover{background:#fffbeb}.cp-action-btn--cancel{color:#dc2626;border-color:#fecaca}.cp-action-btn--cancel:hover{background:#fef2f2}.cp-action-btn--retry{color:#059669;border-color:#a7f3d0}.cp-action-btn--retry:hover{background:#ecfdf5}.cp-action-btn--delete{color:#ef4444;border-color:#fecaca}.cp-action-btn--delete:hover{background:#fef2f2}.cp-action-btn--view{color:#6366f1}.cp-loading{color:#9ca3af;justify-content:center;align-items:center;gap:10px;padding:48px;font-size:14px;display:flex}.cp-empty{color:#9ca3af;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:56px 24px;display:flex}.cp-empty .material-symbols-rounded{font-size:48px}.cp-empty p{color:#374151;margin:0;font-size:15px;font-weight:600}.cp-pagination{color:#6b7280;justify-content:center;align-items:center;gap:12px;margin-top:16px;font-size:13px;display:flex}.cp-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cp-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:620px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #0000002e}.cp-modal-header{border-bottom:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cp-modal-header h2{margin:0;font-size:16px;font-weight:700}.cp-modal-body{flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.cp-modal-footer{border-top:1px solid #f0f0f0;flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.cp-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;display:flex}.cp-close:hover{color:#374151;background:#f3f4f6}.cp-field{flex-direction:column;gap:6px;display:flex}.cp-field label{color:#374151;font-size:12px;font-weight:600}.cp-hint{color:#9ca3af;margin:0;font-size:11px}.cp-hint code{background:#f3f4f6;border-radius:3px;padding:1px 4px;font-size:11px}.cp-input,.cp-select{color:#222;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:13px;transition:border-color .15s}.cp-input:focus,.cp-select:focus{border-color:#6366f1}.cp-input--sm{flex:1;width:auto}.cp-select--sm{width:auto}.cp-groups-grid{flex-wrap:wrap;gap:8px;display:flex}.cp-group-chip{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .12s;display:inline-flex}.cp-group-chip input{display:none}.cp-group-chip .material-symbols-rounded{font-size:15px}.cp-group-chip.selected{color:#6366f1;background:#eef2ff;border-color:#6366f1;font-weight:600}.cp-group-count{color:#6b7280;background:#f3f4f6;border-radius:10px;padding:1px 6px;font-size:10px}.cp-group-chip.selected .cp-group-count{color:#4338ca;background:#c7d2fe}.cp-var-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.cp-var-label{color:#6b7280;flex-shrink:0;width:120px;font-family:monospace;font-size:12px}.cp-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px}.cp-drawer{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #0000002e}.cp-drawer-header{border-bottom:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cp-drawer-header h3{margin:0;font-size:15px;font-weight:700}.cp-drawer-header p{color:#9ca3af;margin:0;font-size:12px}.cp-drawer-body{flex:1;overflow-y:auto}.cp-drawer-footer{color:#6b7280;border-top:1px solid #f0f0f0;justify-content:center;align-items:center;gap:12px;padding:12px;font-size:13px;display:flex}.cp-error-cell{color:#dc2626;max-width:200px;font-size:11px}.cp-toast{z-index:2000;white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:500;animation:.2s cp-toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000026}.cp-toast .material-symbols-rounded{font-size:18px}.cp-toast--success{color:#fff;background:#166534}.cp-toast--error{color:#fff;background:#991b1b}@keyframes cp-toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.cp-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite cp-spin;display:inline-block}.cp-spinner--dark{border-color:#6366f1 #e5e7eb #e5e7eb}.cd-header-meta{color:#6b7280;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.cd-dot{color:#d1d5db}.cd-stats-row{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.cd-stat{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:0 1px 3px #0000000a}.cd-stat-icon{border-radius:8px;flex-shrink:0;padding:6px;font-size:22px}.cd-stat-body{flex-direction:column;gap:2px;display:flex}.cd-stat-value{font-size:22px;font-weight:700;line-height:1}.cd-stat-label{color:#6b7280;font-size:11px;font-weight:500}.cd-stat-sub{color:#9ca3af;font-size:11px}.cd-stat--neutral .cd-stat-icon{color:#6b7280;background:#f3f4f6}.cd-stat--neutral .cd-stat-value{color:#374151}.cd-stat--purple .cd-stat-icon{color:#6366f1;background:#eef2ff}.cd-stat--purple .cd-stat-value{color:#6366f1}.cd-stat--blue .cd-stat-icon{color:#0284c7;background:#e0f2fe}.cd-stat--blue .cd-stat-value{color:#0284c7}.cd-stat--green .cd-stat-icon{color:#16a34a;background:#dcfce7}.cd-stat--green .cd-stat-value{color:#16a34a}.cd-stat--amber .cd-stat-icon{color:#d97706;background:#fef3c7}.cd-stat--amber .cd-stat-value{color:#d97706}.cd-stat--red .cd-stat-icon{color:#dc2626;background:#fee2e2}.cd-stat--red .cd-stat-value{color:#dc2626}.cd-funnel{align-items:flex-end;gap:0;padding-bottom:4px;display:flex;overflow-x:auto}.cd-funnel-step{flex:1;align-items:flex-end;gap:0;min-width:80px;display:flex}.cd-funnel-arrow{color:#d1d5db;flex-shrink:0;align-self:center;margin-bottom:24px;font-size:20px}.cd-funnel-block{flex-direction:column;flex:1;align-items:center;gap:4px;padding:0 8px;display:flex}.cd-funnel-num{color:var(--funnel-color);font-size:20px;font-weight:700}.cd-funnel-bar-wrap{background:#f3f4f6;border-radius:4px;width:100%;height:8px;overflow:hidden}.cd-funnel-bar-fill{background:var(--funnel-color);border-radius:4px;height:100%;transition:width .5s}.cd-funnel-pct{color:var(--funnel-color);font-size:11px;font-weight:600}.cd-funnel-label{color:#9ca3af;font-size:11px}.cd-section-title{color:#374151;margin:0 0 12px;font-size:13px;font-weight:700}.cd-table-header{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px 10px;display:flex}.cd-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cd-total{color:#9ca3af;font-size:12px}.cd-table-wrap{overflow-x:auto}.cd-table{border-collapse:collapse;width:100%;font-size:13px}.cd-table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.cd-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:9px 12px;font-size:11px;font-weight:600}.cd-row{border-bottom:1px solid #f3f4f6;transition:background .1s}.cd-row:last-child{border-bottom:none}.cd-row:hover{background:#f9fafb}.cd-table td{color:#374151;vertical-align:middle;padding:10px 12px}.cd-num-col{color:#9ca3af;width:40px;font-size:11px}.cd-mono{font-family:monospace;font-size:12px}.cd-ts{color:#9ca3af;white-space:nowrap;font-size:12px}.cd-muted{color:#d1d5db}.cd-status-cell{align-items:center;gap:4px;display:inline-flex}.cd-tick{font-size:16px}.cd-replied-yes{color:#d97706;align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.cd-replied-yes .material-symbols-rounded{font-size:15px}.cd-error-cell{max-width:200px}.cd-error-text{color:#dc2626;font-size:11px}.cd-pagination{color:#6b7280;border-top:1px solid #f3f4f6;justify-content:center;align-items:center;gap:12px;padding:14px;font-size:13px;display:flex}.fpm-modal-title{align-items:center;gap:12px;min-width:0;display:flex}.fpm-modal-title-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.fpm-modal-title-icon .material-symbols-rounded{color:#fff;font-size:20px}.fpm-modal-title-text{flex-direction:column;gap:4px;min-width:0;display:flex}.fpm-modal-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.fpm-modal-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fpm-status-pill{text-transform:capitalize;border-radius:999px;align-items:center;padding:2px 9px;font-size:.7rem;font-weight:700;display:inline-flex}.fpm-meta-item{color:#94a3b8;align-items:center;gap:3px;font-size:.72rem;font-weight:500;display:inline-flex}.fpm-meta-item .material-symbols-rounded{font-size:13px}.fpm-content{flex-direction:column;gap:14px;display:flex}.fpm-stats-bar{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 14px;display:flex}.fpm-stat{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;display:flex}.fpm-stat .material-symbols-rounded{color:#667eea;font-size:14px}.fpm-trigger-row{background:#fefce8;border:1.5px solid #fde68a;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:9px 14px;display:flex}.fpm-trigger-label{color:#92400e;white-space:nowrap;align-items:center;gap:5px;font-size:.75rem;font-weight:700;display:flex}.fpm-trigger-label .material-symbols-rounded{color:#f59e0b;font-size:14px}.fpm-keywords{flex-wrap:wrap;gap:5px;display:flex}.fpm-keyword{color:#78350f;background:#fef3c7;border:1px solid #fde68a;border-radius:999px;padding:2px 9px;font-family:SF Mono,Fira Code,monospace;font-size:.72rem;font-weight:600;display:inline-block}.fpm-canvas{flex-direction:column;align-items:center;min-width:0;padding:8px 16px 24px;display:flex;overflow-x:auto}.fpm-start-node{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:7px 20px;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #667eea66}.fpm-start-node .material-symbols-rounded{font-size:16px}.fpm-v-line{background:linear-gradient(#c7d2fe,#e2e8f0);flex-shrink:0;align-self:center;width:2px;height:28px}.fpm-v-line--short{height:16px}.fpm-tree-node{flex-direction:column;align-items:center;min-width:0;display:flex}.fpm-branch-row{align-items:flex-start;gap:0;display:flex;position:relative}.fpm-branch-row:before{content:"";background:#c7d2fe;height:2px;position:absolute;top:0;left:50px;right:50px}.fpm-branch-col{flex-direction:column;align-items:center;min-width:220px;max-width:280px;padding:0 16px;display:flex;position:relative}.fpm-branch-col:before{content:"";background:#c7d2fe;width:2px;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.fpm-branch-label{color:#5b21b6;white-space:nowrap;text-overflow:ellipsis;background:#ede9fe;border:1.5px solid #c4b5fd;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;max-width:180px;margin-top:20px;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-flex;overflow:hidden}.fpm-branch-label .material-symbols-rounded{flex-shrink:0;font-size:13px}.fpm-branch-label--single{color:#0369a1;background:#f0f9ff;border-color:#bae6fd;margin-top:0}.fpm-bubble{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-shrink:0;width:100%;min-width:200px;max-width:280px;transition:box-shadow .15s,border-color .15s;overflow:hidden;box-shadow:0 2px 12px #0000000f}.fpm-bubble:hover{border-color:#c7d2fe;box-shadow:0 6px 20px #667eea24}.fpm-bubble--end{background:#f0fdf4;border-color:#a7f3d0}.fpm-bubble-step-badge{color:#667eea;letter-spacing:.03em;text-transform:uppercase;background:linear-gradient(135deg,#f8f9ff 0%,#f0f2ff 100%);border-bottom:1px solid #e8eaf6;align-items:center;gap:5px;padding:7px 12px 6px;font-size:.7rem;font-weight:700;display:flex}.fpm-bubble-step-badge .material-symbols-rounded{font-size:13px}.fpm-bubble--end .fpm-bubble-step-badge{color:#16a34a;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-bottom-color:#bbf7d0}.fpm-bubble-header{border-bottom:1px solid #f8fafc;align-items:center;gap:6px;padding:8px 12px 6px;display:flex}.fpm-header-icon{color:#667eea;font-size:14px}.fpm-header-text{color:#1e293b;font-size:.8rem;font-weight:700}.fpm-header-media{color:#667eea;text-transform:capitalize;font-size:.72rem;font-weight:600}.fpm-bubble-body{padding:10px 12px}.fpm-bubble-body p{color:#334155;white-space:pre-wrap;word-break:break-word;margin:0;font-size:.8125rem;line-height:1.55}.fpm-empty-body{font-style:italic;color:#94a3b8!important}.fpm-bubble-footer{color:#94a3b8;border-top:1px solid #f8fafc;padding:4px 12px 8px;font-size:.68rem}.fpm-bubble-btns{border-top:1px solid #f0f2f5;flex-direction:column;gap:4px;padding:6px 10px 10px;display:flex}.fpm-bubble-btn{border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:.75rem;font-weight:600;display:flex}.fpm-bubble-btn .material-symbols-rounded{flex-shrink:0;font-size:13px}.fpm-bubble-btn--reply{color:#5b21b6;background:#ede9fe}.fpm-bubble-btn--url{color:#1d4ed8;background:#dbeafe}.fpm-btn-url-hint,.fpm-btn-end-hint{opacity:.65;white-space:nowrap;margin-left:auto;font-size:.65rem}.fpm-end-node{color:#065f46;background:#d1fae5;border:1.5px solid #a7f3d0;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 16px;font-size:.75rem;font-weight:700;display:inline-flex}.fpm-end-node .material-symbols-rounded{font-size:14px}.fpm-empty{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.fpm-empty .material-symbols-rounded{color:#d1d5db;font-size:48px}.fpm-empty p{color:#6b7280;margin:0;font-size:.9rem}@media (max-width:640px){.fpm-branch-col{min-width:160px;padding:0 8px}.fpm-bubble{min-width:150px;max-width:200px}}.fp-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:1.25rem;display:flex}.fp-page-title{color:#344767;margin:0;font-size:1.25rem;font-weight:700}.fp-page-sub{color:#7b809a;margin:2px 0 0;font-size:.82rem}.fp-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:1rem;display:flex}.fp-total{color:#7b809a;margin-left:auto;font-size:.82rem}.fp-table-wrap{overflow-x:auto}.fp-table{border-collapse:collapse;width:100%;font-size:.875rem}.fp-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#7b809a;white-space:nowrap;border-bottom:1px solid #f0f2f5;padding:10px 14px;font-size:.75rem;font-weight:600}.fp-table td{vertical-align:middle;border-bottom:1px solid #f8f9fa;padding:12px 14px}.fp-row:hover td{background:#fafbff}.fp-name{color:#344767;font-weight:600}.fp-keyword{color:#5b21b6;background:#ede9fe;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:.78rem;display:inline-block}.fp-date{color:#9ca3af;font-size:.78rem}.fp-mono{font-family:monospace;font-size:.82rem}.fp-badge{text-transform:capitalize;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.fp-actions{align-items:center;gap:4px;display:flex}.fp-action-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s,color .15s;display:inline-flex}.fp-action-btn:hover{color:#374151;background:#e5e7eb}.fp-action-btn--edit:hover{color:#1d4ed8;background:#dbeafe}.fp-action-btn--delete:hover{color:#dc2626;background:#fee2e2}.fp-action-btn--settings:hover{color:#065f46;background:#d1fae5}.fp-action-btn--preview:hover{color:#5b21b6;background:#ede9fe}.fp-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(195deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:opacity .15s;display:inline-flex}.fp-btn-primary:hover{opacity:.9}.fp-btn-primary:disabled{opacity:.5;cursor:not-allowed}.fp-btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:background .15s;display:inline-flex}.fp-btn-secondary:hover{background:#f9fafb}.fp-btn-danger{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:background .15s;display:inline-flex}.fp-btn-danger:hover{background:#fecaca}.fp-select,.fp-input{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:7px 10px;font-size:.875rem;transition:border-color .15s}.fp-select:focus,.fp-input:focus{border-color:#667eea}.fp-input--sm{padding:5px 8px;font-size:.82rem}.fp-loading{color:#7b809a;justify-content:center;align-items:center;gap:10px;padding:48px;font-size:.875rem;display:flex}.fp-empty{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.fp-empty .material-symbols-rounded{color:#d1d5db;font-size:48px}.fp-empty p{margin:0;font-size:.9rem}.fp-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite fp-spin;display:inline-block}.fp-spinner--dark{border-color:#667eea #00000026 #00000026}@keyframes fp-spin{to{transform:rotate(360deg)}}.fp-toast{color:#fff;z-index:9999;border-radius:10px;padding:12px 20px;font-size:.875rem;font-weight:500;animation:.25s fp-slide-in;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #00000026}.fp-toast--success{background:#10b981}.fp-toast--error{background:#ef4444}.fp-toast--info{background:#3b82f6}@keyframes fp-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fp-overlay{z-index:1050;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.fp-editor{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:860px;max-height:92vh;display:flex;box-shadow:0 20px 60px #0003}.fp-editor-header{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.fp-editor-header h2{color:#344767;margin:0;font-size:1.1rem;font-weight:700}.fp-close{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.fp-close:hover{background:#e5e7eb}.fp-editor-body{flex:1;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.fp-meta-panel{flex-shrink:0;width:260px}.fp-meta-panel .fp-field{margin-bottom:14px}.fp-meta-panel label{color:#374151;margin-bottom:5px;font-size:.78rem;font-weight:600;display:block}.fp-meta-panel .fp-input,.fp-meta-panel .fp-select{box-sizing:border-box;width:100%}.fp-meta-panel textarea.fp-input{resize:vertical;min-height:60px}.fp-steps-panel{flex:1;min-width:0}.fp-steps-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.fp-steps-header h3{color:#344767;margin:0;font-size:.9rem;font-weight:700}.fp-step-card{border:1px solid #e5e7eb;border-radius:10px;margin-bottom:12px;transition:border-color .15s;overflow:hidden}.fp-step-card:hover{border-color:#c4b5fd}.fp-step-card--active{border-color:#667eea}.fp-step-head{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8f9ff;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.fp-step-head-left{align-items:center;gap:8px;display:flex}.fp-step-num{color:#fff;background:linear-gradient(195deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:flex}.fp-step-title{color:#374151;font-size:.85rem;font-weight:600}.fp-step-preview{color:#9ca3af;margin-top:1px;font-size:.75rem}.fp-step-actions{gap:4px;display:flex}.fp-step-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,color .15s;display:flex}.fp-step-btn:hover{color:#dc2626;background:#fee2e2}.fp-step-body{padding:14px}.fp-step-field{margin-bottom:12px}.fp-step-field label{color:#6b7280;margin-bottom:4px;font-size:.75rem;font-weight:600;display:block}.fp-step-field .fp-input,.fp-step-field .fp-select{box-sizing:border-box;width:100%}.fp-step-field textarea.fp-input{resize:vertical;min-height:70px}.fp-btns-section{margin-top:4px}.fp-btns-label{color:#6b7280;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.75rem;font-weight:600;display:flex}.fp-btn-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;padding:10px 12px}.fp-btn-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.fp-btn-row:last-child{margin-bottom:0}.fp-btn-row .fp-input{flex:1}.fp-btn-remove{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.fp-btn-remove:hover{background:#fecaca}.fp-add-btn-link{color:#667eea;cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:600}.fp-add-btn-link:hover{text-decoration:underline}.fp-btn-type-badge{border-radius:10px;flex-shrink:0;padding:2px 7px;font-size:.7rem;font-weight:600}.fp-btn-type-badge--reply{color:#1d4ed8;background:#dbeafe}.fp-btn-type-badge--url{color:#065f46;background:#d1fae5}.fp-step-connector{color:#d1d5db;justify-content:center;align-items:center;gap:6px;margin:-4px 0 8px;font-size:.75rem;display:flex}.fp-step-connector:before,.fp-step-connector:after{content:"";background:#e5e7eb;flex:1;height:1px}.fp-editor-footer{border-top:1px solid #f0f2f5;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.fp-error{color:#991b1b;background:#fee2e2;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:.82rem}.fp-settings{background:#fff;border-radius:14px;width:100%;max-width:440px;box-shadow:0 20px 60px #0003}.fp-settings-header{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.fp-settings-header h2{color:#344767;margin:0;font-size:1.05rem;font-weight:700}.fp-settings-body{padding:20px 24px}.fp-settings-footer{border-top:1px solid #f0f2f5;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.fp-toggle-row{border-bottom:1px solid #f8f9fa;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.fp-toggle-row:last-child{border-bottom:none}.fp-toggle-info{flex:1}.fp-toggle-label{color:#374151;font-size:.875rem;font-weight:600}.fp-toggle-desc{color:#9ca3af;margin-top:2px;font-size:.75rem}.fp-toggle{flex-shrink:0;width:40px;height:22px;margin-left:12px;position:relative}.fp-toggle input{opacity:0;width:0;height:0}.fp-toggle-slider{cursor:pointer;background:#d1d5db;border-radius:22px;transition:background .2s;position:absolute;inset:0}.fp-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.fp-toggle input:checked+.fp-toggle-slider{background:#667eea}.fp-toggle input:checked+.fp-toggle-slider:before{transform:translate(18px)}.fp-settings-field{margin-bottom:14px}.fp-settings-field label{color:#374151;margin-bottom:5px;font-size:.78rem;font-weight:600;display:block}.fp-settings-field .fp-input{box-sizing:border-box;width:100%}.fp-settings-field textarea.fp-input{resize:vertical;min-height:60px}.quick-reply-card{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:12px 12px 10px;transition:box-shadow .15s,border-color .15s;position:relative;overflow:hidden}.quick-reply-card:hover{border-color:#667eea;box-shadow:0 3px 10px #667eea1a}.quick-reply-card.selected{background:#f8f9ff;border-color:#667eea}.quick-reply-card.disabled{opacity:.55;background:#f9fafb}.card-selection{z-index:2;position:absolute;top:10px;left:10px}.card-selection .form-check,.card-selection .form-check-input{margin:0}.card-content{margin-left:26px;margin-right:72px}.card-header{background:0 0;border:none;justify-content:space-between;align-items:center;margin-bottom:6px;padding:0;display:flex}.reply-title{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.reply-title h4{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;font-weight:600;line-height:1.3;overflow:hidden}.status-badge{text-transform:uppercase;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:.65rem;font-weight:600}.status-badge.disabled{color:#92400e;background:#fef3c7}.platform-icon{opacity:.6;flex-shrink:0;font-size:14px}.reply-content{margin-bottom:8px}.reply-content p{color:#475569;margin:0;font-size:.8rem;line-height:1.45}.truncated-content{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.full-content{white-space:pre-wrap}.show-more{color:#667eea;cursor:pointer;background:0 0;border:none;margin-top:2px;padding:0;font-size:.72rem}.show-more:hover{text-decoration:underline}.reply-metadata{flex-direction:column;gap:4px;display:flex}.metadata-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.metadata-item{align-items:center;gap:3px;display:flex}.category-badge{color:#fff;text-transform:uppercase;border-radius:4px;padding:2px 7px;font-size:.68rem;font-weight:600}.shortcut-badge{color:#475569;background:#f1f5f9;border-radius:4px;padding:1px 6px;font-family:SF Mono,Fira Code,monospace;font-size:.7rem;font-weight:500}.tags-container{flex-wrap:wrap;gap:3px;display:flex}.tag-badge{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:3px;padding:1px 5px;font-size:.68rem;font-weight:500}.tag-badge.more-tags{color:#475569;background:#e2e8f0}.usage-stats{color:#94a3b8;align-items:center;gap:8px;font-size:.72rem;display:flex}.usage-count{align-items:center;gap:3px;font-weight:500;display:flex}.usage-count .material-symbols-outlined,.usage-count .material-symbols-rounded{font-size:13px}.last-used{font-size:.68rem}.channel-info{color:#94a3b8;align-items:center;gap:3px;font-size:.72rem;display:flex}.channel-info .material-symbols-outlined,.channel-info .material-symbols-rounded{font-size:13px}.channel-name{font-weight:500}.global-indicator{color:#10b981;align-items:center;gap:3px;font-size:.72rem;font-weight:500;display:flex}.global-indicator .material-symbols-outlined,.global-indicator .material-symbols-rounded{font-size:13px}.card-actions{gap:3px;display:flex;position:absolute;top:8px;right:8px}.card-actions .btn{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;display:flex}.card-actions .btn .material-symbols-outlined,.card-actions .btn .material-symbols-rounded{font-size:14px}.quick-actions-overlay{display:none}@media (max-width:768px){.quick-reply-card{padding:10px}.card-content{margin-left:24px;margin-right:4px}.card-actions{opacity:1;justify-content:flex-end;margin-top:8px;position:static}}.quick-reply-filters{background:#fff;border-radius:8px;margin-bottom:20px;padding:16px;box-shadow:0 2px 4px #0000000d}.filters-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-group{align-items:center;gap:6px;display:flex}.search-group{flex:1;min-width:220px}.search-input{align-items:center;display:flex;position:relative}.search-icon{color:#7b809a;z-index:1;font-size:18px;position:absolute;left:10px}.search-input .form-control{border:1px solid #d2d6da;border-radius:6px;height:38px;padding:8px 36px 8px 38px;font-size:13px;transition:all .2s}.search-input .form-control:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.btn-clear-search{color:#7b809a;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:6px}.btn-clear-search:hover{color:#344767;background:#f0f2f5}.btn-clear-search .material-symbols-outlined{font-size:16px}.filter-select{color:#344767;background:#fff;border:1px solid #d2d6da;border-radius:6px;min-width:130px;height:38px;padding:8px 12px;font-size:13px;transition:all .2s}.filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.filter-select:hover{border-color:#667eea}.quick-reply-filters .btn{color:#344767;background:#fff;border:1px solid #d2d6da;border-radius:6px;align-items:center;gap:6px;height:38px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.quick-reply-filters .btn:hover{background:#f8f9fe;border-color:#667eea;transform:translateY(-1px)}.quick-reply-filters .btn.active{color:#fff;background:#667eea;border-color:#667eea}.quick-reply-filters .btn-outline-danger{color:#ea4335;border-color:#ea4335}.quick-reply-filters .btn-outline-danger:hover{background:#fef0ef;border-color:#ea4335}.quick-reply-filters .btn .material-symbols-outlined{font-size:16px}.advanced-filters{border-top:1px solid #e9ecef;margin-top:16px;padding-top:16px}.advanced-filters-content h6{color:#344767;margin:0 0 12px;font-size:13px;font-weight:600}.advanced-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:12px;display:grid}.advanced-row:last-child{margin-bottom:0}.advanced-filters .filter-group{flex-direction:column;align-items:flex-start;gap:6px}.advanced-filters .filter-group label{color:#7b809a;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.advanced-filters .form-control{width:100%;height:34px;font-size:13px}.range-inputs,.date-inputs{align-items:center;gap:8px;width:100%;display:flex}.range-separator{color:#7b809a;font-size:11px;font-weight:500}.range-inputs .form-control,.date-inputs .form-control{flex:1}.active-filters{border-top:1px solid #e9ecef;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.active-filters-label{color:#7b809a;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.active-filters-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-tag{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:flex;box-shadow:0 2px 4px #667eea33}.filter-tag button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:2px;font-size:16px;line-height:1;transition:all .2s;display:flex}.filter-tag button:hover{background:#ffffff4d;transform:scale(1.1)}@media (max-width:1024px){.filters-row{gap:8px}.search-group{min-width:180px}.filter-select{min-width:110px}}@media (max-width:768px){.quick-reply-filters{padding:12px}.filters-row{gap:8px}.search-group{flex:100%;min-width:auto}.filter-group{flex:1}.filter-select{width:100%;min-width:auto}.advanced-row{grid-template-columns:1fr;gap:10px}}@media (max-width:480px){.filters-row{flex-direction:column;align-items:stretch}.filter-group{width:100%}.quick-reply-filters .btn{justify-content:center;width:100%}.active-filters{flex-direction:column;align-items:flex-start}.active-filters-list{width:100%}}.quick-reply-stats-compact{margin-bottom:20px}.stats-row{flex-wrap:wrap;gap:12px;display:flex}.stat-box{background:#fff;border-radius:8px;align-items:center;gap:10px;min-width:120px;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000000d}.stat-box:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-box i{color:#667eea;font-size:24px}.stat-box.category i{display:none}.stat-value{color:#344767;font-size:20px;font-weight:700;line-height:1}.stat-label{color:#7b809a;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:600}@media (max-width:768px){.stats-row{gap:8px}.stat-box{min-width:100px;padding:10px 12px}.stat-value{font-size:18px}.stat-label{font-size:10px}}.quick-replies-manager{max-width:1400px;margin:0 auto;padding:0}.manager-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.header-left h2{color:#1e293b;margin:0 0 2px;font-size:1.25rem;font-weight:700}.header-subtitle{color:#6c757d;margin:0;font-size:.8rem}.header-actions .btn{align-items:center;gap:6px;font-size:.875rem;font-weight:500;display:flex}.manager-controls{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.view-controls{flex-shrink:0;align-items:center;gap:10px;display:flex}.view-mode-toggle{border:1px solid #dee2e6;border-radius:6px;display:flex;overflow:hidden}.view-mode-toggle .btn{border:none;border-radius:0;align-items:center;gap:5px;padding:6px 12px;font-size:.8rem;display:flex}.bulk-actions{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;display:flex}.selected-count{color:#495057;font-size:.8rem;font-weight:500}.selection-controls{border-bottom:1px solid #f1f3f4;margin-bottom:10px;padding:6px 0}.selection-controls .form-check{margin:0}.selection-controls .form-check-label{color:#495057;font-size:.8rem}.quick-replies-category{margin-bottom:20px}.category-header{margin-bottom:10px}.category-info{align-items:center;gap:8px;display:flex}.category-icon{font-size:18px}.category-title{color:#1e293b;margin:0;font-size:.9375rem;font-weight:600}.category-count{color:#495057;background:#e9ecef;border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:500}.quick-replies-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.loading-state,.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 20px;display:flex}.empty-icon{opacity:.5;margin-bottom:16px;font-size:48px}.empty-state h3{color:#495057;margin:0 0 8px;font-size:1rem;font-weight:600}.empty-state p{color:#6c757d;max-width:360px;margin:0 0 20px;font-size:.875rem}@media (max-width:768px){.manager-header{flex-direction:column;align-items:stretch;gap:10px}.manager-controls{flex-direction:column;gap:10px}.view-controls{justify-content:space-between}.quick-replies-grid{grid-template-columns:1fr;gap:8px}}.se-root{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.se-header{background:#fafbfc;border-bottom:1px solid #f0f2f5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.se-header h3{color:#1a1a2e;margin:0 0 2px;font-size:15px;font-weight:600}.se-header p{color:#6b7280;margin:0;font-size:12px}.se-presets{color:#9ca3af;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.se-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0;padding:0;display:grid}.se-day{border-bottom:1px solid #f0f2f5;border-right:1px solid #f0f2f5;padding:16px 20px;transition:background .15s}.se-day--active{background:#fff}.se-day--inactive{background:#fafafa}.se-day-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.se-day-name{flex-direction:column;display:flex}.se-day-short{color:#1a1a2e;font-size:18px;font-weight:700;line-height:1}.se-day-full{color:#9ca3af;margin-top:2px;font-size:11px}.se-day--inactive .se-day-short{color:#9ca3af}.se-24h-label{color:#374151;cursor:pointer;background:#f3f4f6;border-radius:8px;align-items:center;gap:6px;margin-bottom:12px;padding:6px 10px;font-size:12px;font-weight:500;transition:background .15s;display:flex}.se-24h-label:hover{background:#e5e7eb}.se-24h-label input{cursor:pointer;accent-color:#667eea;margin:0}.se-24h-label .material-symbols-rounded{color:#667eea;font-size:16px}.se-slot{align-items:center;gap:6px;margin-bottom:8px;display:flex}.se-slot input[type=time]{color:#1a1a2e;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;flex:1;padding:7px 10px;font-size:13px;transition:border-color .15s}.se-slot input[type=time]:focus{border-color:#667eea}.se-slot-sep{color:#9ca3af;flex-shrink:0;font-size:13px}.se-slot-remove{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.se-slot-remove:hover{background:#fecaca}.se-slot-remove .material-symbols-rounded{font-size:16px}.se-add-slot{color:#667eea;cursor:pointer;background:0 0;border:1px dashed #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:4px;width:100%;margin-top:4px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.se-add-slot:hover{background:#ede9fe;border-color:#667eea}.se-add-slot .material-symbols-rounded{font-size:16px}.se-24h-badge{color:#166534;background:#dcfce7;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.se-24h-badge .material-symbols-rounded{font-size:16px}.se-day-closed{color:#9ca3af;align-items:center;gap:6px;padding:4px 0;font-size:12px;display:flex}.se-day-closed .material-symbols-rounded{font-size:16px}.hm-root{flex-direction:column;gap:20px;display:flex}.hm-form-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.hm-list{flex-direction:column;gap:10px;display:flex}.hm-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:16px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.hm-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.hm-item--past{opacity:.55}.hm-item--today{background:#fffbeb;border-color:#f59e0b}.hm-item-date{flex-shrink:0;align-items:center;gap:10px;min-width:180px;display:flex}.hm-item-date .material-symbols-rounded{color:#667eea;font-size:20px}.hm-item-date strong{color:#1a1a2e;font-size:13px;display:block}.hm-today-badge{color:#92400e;background:#fef3c7;border-radius:20px;margin-left:6px;padding:1px 8px;font-size:10px;font-weight:600;display:inline-block}.hm-past-badge{color:#9ca3af;background:#f3f4f6;border-radius:20px;margin-left:6px;padding:1px 8px;font-size:10px;font-weight:600;display:inline-block}.hm-item-info{flex:1;min-width:0}.hm-item-label{color:#1a1a2e;font-size:14px;font-weight:600}.hm-item-msg{color:#6b7280;white-space:pre-wrap;word-break:break-word;margin:4px 0 0;font-size:12px;line-height:1.4}.hm-item-actions{flex-shrink:0;gap:6px;display:flex}.hm-empty{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px;display:flex}.hm-empty .material-symbols-rounded{font-size:40px}.hm-empty p{margin:0;font-size:14px}.arc-root{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}@media (max-width:900px){.arc-root{grid-template-columns:1fr}}.arc-templates{border-bottom:1px solid #f0f2f5;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:16px;display:flex}.arc-templates-label{color:#9ca3af;white-space:nowrap;font-size:12px}.arc-vars{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.arc-vars-label{color:#9ca3af;white-space:nowrap;padding-top:4px;font-size:12px}.arc-vars-list{flex-wrap:wrap;gap:6px;display:flex}.arc-var-chip{color:#5b21b6;cursor:pointer;background:#ede9fe;border:none;border-radius:20px;padding:4px 10px;font-family:monospace;font-size:12px;font-weight:500;transition:background .15s}.arc-var-chip:hover{background:#ddd6fe}.arc-textarea-wrap{border:1px solid #e5e7eb;border-radius:10px;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.arc-textarea-wrap:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.arc-textarea-wrap textarea{color:#1a1a2e;resize:vertical;box-sizing:border-box;border:none;outline:none;width:100%;min-height:160px;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.6}.arc-textarea-footer{background:#f8f9fa;border-top:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.arc-emoji-wrap{position:relative}.arc-emoji-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.arc-emoji-btn:hover{color:#374151;background:#e5e7eb}.arc-emoji-btn .material-symbols-rounded{font-size:20px}.arc-emoji-picker{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-wrap:wrap;gap:4px;width:220px;padding:8px;display:flex;position:absolute;bottom:40px;left:0;box-shadow:0 8px 24px #0000001f}.arc-emoji-picker button{cursor:pointer;background:0 0;border:none;border-radius:6px;width:32px;height:32px;font-size:18px;transition:background .1s}.arc-emoji-picker button:hover{background:#f3f4f6}.arc-char-count{color:#9ca3af;font-size:11px}.arc-char-count--warn{color:#ef4444}.arc-preview-btn{margin-top:14px}.arc-phone-wrap{flex-direction:column;gap:20px;display:flex}.arc-phone{background:#e5ddd5;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.arc-phone-header{color:#fff;background:#075e54;align-items:center;gap:10px;padding:12px 14px;display:flex}.arc-phone-avatar{background:#128c7e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.arc-phone-name{font-size:14px;font-weight:600}.arc-phone-status{opacity:.8;font-size:11px}.arc-phone-body{min-height:120px;padding:16px 12px}.arc-phone-bubble{color:#1a1a2e;white-space:pre-wrap;word-break:break-word;background:#fff;border-radius:0 10px 10px;max-width:90%;padding:10px 12px;font-size:13px;line-height:1.6;position:relative;box-shadow:0 1px 2px #0000001a}.arc-phone-time{color:#9ca3af;justify-content:flex-end;align-items:center;gap:2px;margin-top:4px;font-size:10px;display:flex}.arc-phone-time .material-symbols-rounded{color:#4fc3f7;font-size:14px}.arc-var-legend{background:#f8f9fa;border-radius:10px;padding:12px 14px}.arc-var-legend-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;margin:0 0 8px;font-size:11px;font-weight:600}.arc-var-legend-row{color:#374151;align-items:center;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.arc-var-legend-row code{color:#5b21b6;background:#ede9fe;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:11px}.la-root{flex-direction:column;gap:20px;display:flex}.la-stats{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.la-stat-card{background:#fff;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;display:flex;box-shadow:0 2px 10px #0000000f}.la-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.la-stat-icon .material-symbols-rounded{font-size:22px}.la-stat-value{color:#1a1a2e;margin-bottom:3px;font-size:22px;font-weight:700;line-height:1}.la-stat-label{color:#6b7280;font-size:12px}.la-table-wrap{overflow-x:auto}.la-table{border-collapse:collapse;width:100%;font-size:13px}.la-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;white-space:nowrap;border-bottom:1px solid #f0f2f5;padding:10px 14px;font-size:11px;font-weight:600}.la-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f9fafb;padding:12px 14px}.la-table tr:last-child td{border-bottom:none}.la-table tr:hover td{background:#f9fafb}.la-td-time{white-space:nowrap;color:#6b7280;font-size:12px}.la-td-phone{font-family:monospace;font-size:12px}.la-td-preview{color:#6b7280;max-width:260px;font-size:12px}.la-badge{text-transform:capitalize;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.la-badge .material-symbols-rounded{font-size:14px}.la-badge--text{color:#166534;background:#dcfce7}.la-badge--template{color:#1e40af;background:#dbeafe}.la-badge--success{color:#166534;background:#dcfce7}.la-badge--failed{color:#991b1b;background:#fee2e2}.la-pagination{color:#6b7280;justify-content:center;align-items:center;gap:12px;padding:16px 0 4px;font-size:13px;display:flex}.la-loading{justify-content:center;padding:40px;display:flex}.la-empty{color:#9ca3af;flex-direction:column;align-items:center;gap:8px;padding:40px;display:flex}.la-empty .material-symbols-rounded{font-size:40px}.la-empty p{margin:0;font-size:14px}.la-refresh{margin-left:auto}.wh-root{max-width:1200px;margin:0 auto;padding:0 0 100px;font-family:inherit}.wh-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 0;display:flex}.wh-page-header{background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:20px 24px;display:flex;box-shadow:0 2px 12px #0000000f}.wh-page-header-left{align-items:center;gap:16px;display:flex}.wh-page-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.wh-page-icon .material-symbols-rounded{color:#fff;font-size:28px}.wh-page-header h1{color:#1a1a2e;margin:0 0 4px;font-size:20px;font-weight:700}.wh-page-header p{color:#6b7280;margin:0;font-size:13px}.wh-page-header-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.wh-master-toggle{color:#6b7280;background:#f3f4f6;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.wh-master-toggle .material-symbols-rounded{font-size:20px}.wh-master-toggle--on{color:#16a34a;background:#f0fdf4}.wh-holiday-banner{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px 20px;font-size:14px;display:flex}.wh-holiday-banner .material-symbols-rounded{color:#d97706;font-size:20px}.wh-tabs{background:#fff;border-radius:14px;flex-wrap:nowrap;gap:4px;margin-bottom:20px;padding:6px;display:flex;overflow-x:auto;box-shadow:0 2px 12px #0000000f}.wh-tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.wh-tab .material-symbols-rounded{font-size:18px}.wh-tab:hover{color:#374151;background:#f3f4f6}.wh-tab--active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 12px #667eea59}.wh-content{min-height:400px}.wh-section-grid{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}@media (max-width:900px){.wh-section-grid{grid-template-columns:1fr}}.wh-card{background:#fff;border-radius:16px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.wh-card--status{margin-bottom:0}.wh-card-header{background:#fafbfc;border-bottom:1px solid #f0f2f5;align-items:center;gap:10px;padding:16px 20px;display:flex}.wh-card-header .material-symbols-rounded{color:#667eea;font-size:20px}.wh-card-header h3{color:#1a1a2e;flex:1;margin:0;font-size:15px;font-weight:600}.wh-card-body{padding:20px}.wh-toggle-row{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.wh-toggle-row:last-of-type{border-bottom:none}.wh-toggle-row-text strong{color:#1a1a2e;margin-bottom:2px;font-size:14px;display:block}.wh-toggle-row-text p{color:#6b7280;margin:0;font-size:12px;line-height:1.4}.wh-toggle-row--orange .wh-toggle-row-text strong{color:#d97706}.wh-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.wh-switch input{opacity:0;width:0;height:0}.wh-switch-slider{cursor:pointer;background:#d1d5db;border-radius:24px;transition:background .2s;position:absolute;inset:0}.wh-switch-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.wh-switch input:checked+.wh-switch-slider{background:#667eea}.wh-switch input:checked+.wh-switch-slider:before{transform:translate(20px)}.wh-field-row{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}@media (max-width:600px){.wh-field-row{grid-template-columns:1fr}}.wh-field{flex-direction:column;gap:4px;display:flex}.wh-field label{color:#374151;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.wh-field-desc{color:#9ca3af;margin:0 0 6px;font-size:12px;line-height:1.4}.wh-field input,.wh-field textarea{color:#1a1a2e;resize:vertical;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.wh-field input:focus,.wh-field textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.wh-select-wrap{align-items:center;display:flex;position:relative}.wh-select-wrap select{color:#1a1a2e;appearance:none;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:9px 36px 9px 12px;font-size:14px;transition:border-color .15s}.wh-select-wrap select:focus{border-color:#667eea}.wh-select-wrap .material-symbols-rounded{color:#9ca3af;pointer-events:none;font-size:18px;position:absolute;right:10px}.wh-mt{margin-top:20px}.wh-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.wh-btn .material-symbols-rounded{font-size:18px}.wh-btn--primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 12px #667eea4d}.wh-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #667eea73}.wh-btn--primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.wh-btn--secondary{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.wh-btn--secondary:hover{background:#e5e7eb}.wh-btn--ghost{color:#6b7280;background:0 0;border:1px solid #e5e7eb}.wh-btn--ghost:hover{color:#374151;background:#f3f4f6}.wh-btn--danger{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.wh-btn--danger:hover{background:#fee2e2}.wh-btn--sm{padding:6px 12px;font-size:12px}.wh-btn--sm .material-symbols-rounded{font-size:16px}.wh-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite wh-spin}.wh-spinner--sm{width:14px;height:14px}.wh-info-box{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;gap:12px;margin-bottom:20px;padding:14px 16px;font-size:13px;display:flex}.wh-info-box .material-symbols-rounded{flex-shrink:0;margin-top:1px;font-size:20px}.wh-info-box strong{margin-bottom:4px;font-size:14px;display:block}.wh-info-box p{margin:0;line-height:1.5}.wh-flow-diagram{background:#f8f9fa;border-radius:12px;flex-direction:column;align-items:center;gap:4px;margin-top:24px;padding:20px;display:flex}.wh-flow-step{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:180px;padding:10px 20px;font-size:13px;font-weight:500;display:flex}.wh-flow-step .material-symbols-rounded{font-size:18px}.wh-flow-step--trigger{color:#5b21b6;background:#ede9fe}.wh-flow-step--check{color:#92400e;background:#fef3c7}.wh-flow-step--send{color:#166534;background:#dcfce7}.wh-flow-step--template{color:#1e40af;background:#dbeafe}.wh-flow-step--pass{color:#15803d;background:#f0fdf4}.wh-flow-arrow{color:#9ca3af;font-size:20px}.wh-flow-branch{align-items:flex-start;gap:24px;display:flex}.wh-flow-branch-item{flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.wh-flow-branch-item:before{content:attr(class);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.wh-flow-branch-item--yes:before{content:"YES";color:#16a34a}.wh-flow-branch-item--no:before{content:"NO";color:#dc2626}.wh-status-widget{flex-direction:column;gap:16px;display:flex}.wh-status-badge{border-radius:10px;align-self:flex-start;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:600;display:inline-flex}.wh-status-badge .material-symbols-rounded{font-size:20px}.wh-status-badge--open{color:#166534;background:#dcfce7}.wh-status-badge--closed{color:#991b1b;background:#fee2e2}.wh-status-badge--holiday{color:#92400e;background:#fef3c7}.wh-status-details{flex-direction:column;gap:8px;display:flex}.wh-status-row{color:#374151;align-items:center;gap:8px;font-size:13px;display:flex}.wh-status-row .material-symbols-rounded{color:#9ca3af;font-size:16px}.wh-save-bar{z-index:100;background:#fff;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;padding:14px 32px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000014}.wh-save-bar-hint{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.wh-save-bar-hint .material-symbols-rounded{font-size:16px}.mui-wrap{flex-direction:column;gap:6px;display:flex}.mui-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mui-tab-label{color:#6b7280;align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.mui-tab-label .material-symbols-rounded{font-size:15px}.mui-divider{color:#d1d5db;font-size:11px;font-weight:500}.mui-upload-btn{color:#667eea;cursor:pointer;white-space:nowrap;background:#f5f3ff;border:1.5px dashed #667eea;border-radius:7px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.mui-upload-btn:hover:not(:disabled){color:#764ba2;background:#ede9fe;border-color:#764ba2}.mui-upload-btn:disabled{opacity:.6;cursor:not-allowed}.mui-upload-btn .material-symbols-rounded{font-size:15px}.mui-spinner{border:2px solid #667eea4d;border-top-color:#667eea;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite mui-spin;display:inline-block}@keyframes mui-spin{to{transform:rotate(360deg)}}.mui-url-input{color:#1a1a2e;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.mui-url-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.mui-url-input--error{border-color:#ef4444!important}.mui-url-input:disabled{color:#9ca3af;background:#f9fafb}.mui-err{color:#ef4444;font-size:11px}.mui-preview{max-width:120px;display:inline-block;position:relative}.mui-preview img{object-fit:cover;border:1px solid #e5e7eb;border-radius:8px;width:100%;max-height:80px;display:block}.mui-preview-clear{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex;position:absolute;top:-6px;right:-6px}.mui-preview-clear .material-symbols-rounded{font-size:13px}.ctp-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex;box-shadow:0 2px 10px #0000000f}.ctp-header-left{align-items:center;gap:14px;display:flex}.ctp-header-left h1{color:#1a1a2e;margin:0;font-size:20px;font-weight:700}.ctp-header-left p{color:#6b7280;margin:0;font-size:13px}.ctp-header-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ctp-back{cursor:pointer;color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:flex}.ctp-back:hover{background:#e5e7eb}.ctp-back .material-symbols-rounded{font-size:20px}.ctp-channel-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.ctp-layout{grid-template-columns:1fr 360px;align-items:start;gap:20px;display:grid}@media (max-width:960px){.ctp-layout{grid-template-columns:1fr}}.ctp-form-col{flex-direction:column;gap:16px;display:flex}.ctp-card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 2px 10px #0000000f}.ctp-card-title{color:#374151;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:700;display:flex}.ctp-card-title .material-symbols-rounded{color:#667eea;font-size:18px}.ctp-optional{color:#9ca3af;text-transform:none;letter-spacing:0;font-size:11px;font-weight:400}.ctp-field{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.ctp-field:last-child{margin-bottom:0}.ctp-field label{color:#374151;font-size:12px;font-weight:600}.ctp-field small{color:#9ca3af;font-size:11px}.ctp-field input,.ctp-field select,.ctp-field textarea{color:#1a1a2e;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.ctp-field input:focus,.ctp-field select:focus,.ctp-field textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.ctp-field textarea{resize:vertical}.ctp-input--error{border-color:#ef4444!important}.ctp-err{color:#ef4444;font-size:11px}.ctp-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:600px){.ctp-row{grid-template-columns:1fr}}.ctp-var-row{align-items:center;gap:8px;margin-top:8px;display:flex}.ctp-var-label{color:#5b21b6;white-space:nowrap;background:#ede9fe;border-radius:20px;padding:3px 8px;font-family:monospace;font-size:11px;font-weight:600}.ctp-var-row input{flex:1}.ctp-btn-item{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:10px;padding:14px}.ctp-btn-item-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ctp-btn-type-badge{text-transform:uppercase;color:#1e40af;background:#dbeafe;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.ctp-remove-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.ctp-remove-btn .material-symbols-rounded{font-size:16px}.ctp-add-btns{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.ctp-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.ctp-btn .material-symbols-rounded{font-size:17px}.ctp-btn--primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.ctp-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #667eea73}.ctp-btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.ctp-btn--ghost{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.ctp-btn--ghost:hover{background:#e5e7eb}.ctp-btn--sm{padding:6px 12px;font-size:12px}.ctp-btn--full{justify-content:center;width:100%}.ctp-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite ctp-spin}@keyframes ctp-spin{to{transform:rotate(360deg)}}.ctp-preview-sticky{flex-direction:column;gap:14px;display:flex;position:sticky;top:80px}.ctp-phone{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.ctp-phone-bar{color:#fff;background:#075e54;align-items:center;gap:10px;padding:12px 14px;display:flex}.ctp-phone-avatar{background:#128c7e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.ctp-phone-name{font-size:14px;font-weight:600}.ctp-phone-sub{opacity:.75;font-size:11px}.ctp-phone-body{background:#e5ddd5;min-height:120px;padding:14px 12px}.ctp-bubble{color:#1a1a2e;background:#fff;border-radius:0 10px 10px;max-width:92%;padding:10px 12px;font-size:13px;line-height:1.55;box-shadow:0 1px 2px #0000001a}.ctp-bubble-header{margin-bottom:8px;font-size:14px}.ctp-media-ph{color:#9ca3af;background:#f3f4f6;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px;font-size:12px;display:flex}.ctp-media-ph .material-symbols-rounded{font-size:28px}.ctp-bubble-body{white-space:pre-wrap;word-break:break-word}.ctp-ph-text{color:#9ca3af;font-style:italic}.ctp-bubble-footer{color:#9ca3af;margin-top:6px;font-size:11px}.ctp-bubble-time{color:#9ca3af;justify-content:flex-end;align-items:center;gap:2px;margin-top:6px;font-size:10px;display:flex}.ctp-bubble-time .material-symbols-rounded{color:#4fc3f7;font-size:14px}.ctp-preview-btn{color:#128c7e;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:8px 12px;font-size:13px;font-weight:500;display:flex;box-shadow:0 1px 2px #0000001a}.ctp-preview-btn .material-symbols-rounded{font-size:16px}.ctp-info-box{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;gap:10px;padding:12px 14px;font-size:12px;display:flex}.ctp-info-box .material-symbols-rounded{flex-shrink:0;margin-top:1px;font-size:18px}.ctp-info-box strong{margin-bottom:3px;font-size:13px;display:block}.ctp-info-box p{margin:0;line-height:1.4}.ctp-type-toggle{flex-wrap:wrap;gap:8px;display:flex}.ctp-type-btn{cursor:pointer;color:#6b7280;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.ctp-type-btn .material-symbols-rounded{font-size:16px}.ctp-type-btn:hover{color:#667eea;background:#f5f3ff;border-color:#667eea}.ctp-type-btn.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 3px 10px #667eea4d}.ctp-card-count-row{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.ctp-count-btn{color:#374151;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.ctp-count-btn:hover{color:#667eea;background:#f5f3ff;border-color:#667eea}.ctp-count-btn.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 8px #667eea4d}.ctp-carousel-card{background:#fafafa;border:1.5px solid #e5e7eb;border-radius:10px;margin-bottom:12px;padding:14px}.ctp-carousel-card:last-child{margin-bottom:0}.ctp-carousel-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ctp-carousel-card-num{color:#667eea;background:#ede9fe;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.ctp-carousel-btn-row{align-items:center;gap:6px;margin-bottom:4px;display:flex}.ctp-carousel-preview-strip{scrollbar-width:thin;gap:6px;padding:6px 0 4px;display:flex;overflow-x:auto}.ctp-carousel-preview-card{background:#fff;border-radius:8px;flex-shrink:0;min-width:100px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.ctp-carousel-preview-media{color:#9ca3af;background:#f3f4f6;justify-content:center;align-items:center;height:60px;display:flex}.ctp-carousel-preview-media .material-symbols-rounded{font-size:24px}.ctp-carousel-preview-label{color:#374151;padding:4px 8px;font-size:11px;font-weight:600}.ctp-carousel-preview-btn{color:#00a5f4;text-align:center;border-top:1px solid #f0f0f0;padding:5px 8px;font-size:11px;font-weight:500}.impersonation-banner{z-index:9999;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);height:48px;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #00000026}.impersonation-content{justify-content:space-between;align-items:center;gap:16px;max-width:1600px;height:100%;margin:0 auto;padding:0 24px;display:flex}.impersonation-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.impersonation-icon{opacity:.95;flex-shrink:0;font-size:24px}.impersonation-text{flex-direction:column;gap:2px;min-width:0;display:flex}.impersonation-label{opacity:.85;text-transform:uppercase;letter-spacing:.5px;font-size:.6875rem;font-weight:500}.impersonation-user{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:.9375rem;font-weight:600;display:flex;overflow:hidden}.impersonation-user strong{font-weight:700}.impersonation-company{opacity:.9;font-weight:500}.impersonation-admin{opacity:.75;font-size:.75rem;font-weight:400}.impersonation-btn{color:#fff;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:8px 20px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.impersonation-btn:hover:not(.ending){background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.impersonation-btn:active:not(.ending){transform:translateY(0)}.impersonation-btn.ending{cursor:not-allowed;opacity:.7}.impersonation-btn .material-symbols-rounded{font-size:18px}@media (max-width:1024px){.impersonation-content{padding:0 16px}.impersonation-user{font-size:.875rem}.impersonation-admin{display:none}}@media (max-width:768px){.impersonation-banner{height:56px}.impersonation-content{gap:12px;padding:0 12px}.impersonation-icon{font-size:20px}.impersonation-text{gap:1px}.impersonation-label{font-size:.625rem}.impersonation-user{font-size:.8125rem}.impersonation-company{display:none}.impersonation-btn{gap:6px;padding:6px 12px;font-size:.8125rem}.impersonation-btn-text{display:none}.impersonation-btn .material-symbols-rounded{font-size:20px}}@media (max-width:480px){.impersonation-banner{height:52px}.impersonation-content{gap:8px;padding:0 8px}.impersonation-icon,.impersonation-label{display:none}.impersonation-user{font-size:.75rem}.impersonation-user strong{text-overflow:ellipsis;max-width:150px;overflow:hidden}.impersonation-btn{border-width:1px;padding:6px 10px}.impersonation-btn .material-symbols-rounded{font-size:18px}}.admin-settings-page{background:#f9fafb;min-height:100vh;display:flex}.admin-settings-page .main-content{box-sizing:border-box;flex:1;width:100%;padding:80px 20px 20px;transition:margin-left .3s}@media (min-width:1200px){.admin-settings-page .main-content{margin-left:260px}}.access-denied{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.access-denied-icon{margin-bottom:20px;font-size:80px}.access-denied h2{color:#1f2937;margin-bottom:12px;font-size:28px}.access-denied p{color:#6b7280;font-size:16px}.settings-container{max-width:1200px;margin:0 auto}.settings-header h1{color:#1f2937;margin:0 0 8px;font-size:32px;font-weight:700}.settings-header p{color:#6b7280;margin:0;font-size:16px}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #667eea4d}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.save-btn:disabled{opacity:.6;cursor:not-allowed}.loading-state{flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.spinner{border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.loading-state p{color:#6b7280;margin-top:16px;font-size:16px}.settings-sections{flex-direction:column;gap:24px;display:flex}.settings-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.section-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.section-header p{color:#6b7280;margin:0;font-size:14px}.settings-list{flex-direction:column;gap:20px;display:flex}.setting-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.setting-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.setting-info h3{color:#1f2937;margin:0 0 4px;font-size:16px;font-weight:600}.setting-info p{color:#6b7280;margin:0;font-size:14px}.toggle-switch{flex-shrink:0;width:52px;height:28px;display:inline-block;position:relative}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:4px;left:4px;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.settings-section.placeholder{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border:2px dashed #cbd5e1}.placeholder-content{flex-direction:column;align-items:center;padding:40px 20px;display:flex}.placeholder-icon{opacity:.5;margin-bottom:16px;font-size:64px}.placeholder-content p{color:#6b7280;margin:0;font-size:16px}@media (max-width:1200px){.admin-settings-page .main-content{margin-left:0;padding-top:80px}}@media (max-width:768px){.admin-settings-page .main-content{padding:80px 16px 16px}.settings-header{flex-direction:column;gap:16px}.save-btn{width:100%}.setting-item{flex-direction:column;align-items:flex-start;gap:12px}.toggle-switch{align-self:flex-end}}.auto-replies-page{max-width:1400px;margin:0 auto;padding:1.25rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-bottom:1rem;display:grid}.stat-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-icon .material-symbols-rounded{color:#fff;font-size:20px}.stat-content{flex:1}.stat-value{color:#1a1a1a;margin-bottom:2px;font-size:1.4rem;font-weight:700;line-height:1}.stat-label{color:#6b7280;font-size:.75rem}.filters-bar{background:#fff;border-radius:10px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;display:flex;box-shadow:0 1px 4px #00000012}.rules-list{flex-direction:column;gap:6px;display:flex}.rule-card{background:#fff;border-left:3px solid #667eea;border-radius:10px;padding:10px 14px;transition:box-shadow .15s;box-shadow:0 1px 4px #00000012}.rule-card:hover{box-shadow:0 3px 10px #0000001a}.rule-card.rule-inactive{opacity:.6;border-left-color:#9ca3af}.rule-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:6px;display:flex}.rule-title-section{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.rule-title-section h3{color:#1a1a1a;margin:0;font-size:.9rem;font-weight:600}.rule-actions{gap:3px;display:flex}.rule-body{flex-direction:column;gap:4px;display:flex}.rule-section{background:#f9fafb;border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:4px;padding:4px 8px;font-size:.8125rem;display:flex}.rule-section.fallback-section{background:#fefce8;border-left:2px solid #f59e0b}.rule-section label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0;font-size:.72rem;font-weight:700}.keywords-list{flex-wrap:wrap;gap:3px;display:inline-flex}.keyword-tag{color:#374151;background:#e5e7eb;border-radius:4px;padding:1px 7px;font-size:.75rem;font-weight:500}.reply-preview{color:#374151;margin:0;font-size:.8125rem;line-height:1.4}.rule-footer{border-top:1px solid #f3f4f6;justify-content:space-between;margin-top:2px;padding-top:5px;display:flex}.rule-meta{color:#9ca3af;font-size:.7rem}.action-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:5px;padding:2px 8px;font-size:.72rem;font-weight:600}.badge-api{color:#1e40af;background:#dbeafe}.badge-danger{color:#991b1b;background:#fee2e2}.badge-success{color:#065f46;background:#d1fae5}.badge-warning{color:#92400e;background:#fef3c7}.badge-info{color:#3730a3;background:#e0e7ff}.badge-primary{color:#5b21b6;background:#ede9fe}.badge-shopify{color:#047857;background:#d1fae5}.badge-agent{color:#9f1239;background:#fce7f3}.badge-contact{color:#78350f;background:#fef3c7}.status-badge{border-radius:4px;padding:2px 7px;font-size:.7rem;font-weight:600}.status-inactive{color:#6b7280;background:#f3f4f6}.btn-icon{cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.btn-icon.btn-primary{color:#fff;background:#667eea}.btn-icon.btn-primary:hover{background:#5568d3}.btn-icon.btn-danger{color:#fff;background:#ef4444}.btn-icon.btn-danger:hover{background:#dc2626}.btn-icon.btn-success{color:#fff;background:#10b981}.btn-icon.btn-success:hover{background:#059669}.btn-icon.btn-secondary{color:#6b7280;background:#e5e7eb}.btn-icon.btn-secondary:hover{background:#d1d5db}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:box-shadow .15s;display:flex}.btn-primary:hover{box-shadow:0 4px 12px #667eea66}.loading-state,.error-state,.empty-state{text-align:center;background:#fff;border-radius:12px;padding:3rem 2rem;box-shadow:0 2px 8px #00000014}.loading-state .spinner{border:3px solid #f3f4f6;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite spin}@media (max-width:768px){.auto-replies-page{padding:.75rem}.stats-grid{grid-template-columns:1fr 1fr}.filters-bar{flex-direction:column}.rule-header{flex-direction:column;gap:6px}.rule-actions{justify-content:flex-end}}.create-auto-reply-page{background:linear-gradient(135deg,#f5f7fa 0%,#e9ecef 100%);min-height:100vh;padding:2rem}.page-container{max-width:1200px;margin:0 auto}.page-header-section{margin-bottom:2.5rem}.back-button:hover{color:#374151;background:#f9fafb;border-color:#d1d5db;transform:translate(-2px)}.page-header-section h1{color:#1a1a1a;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2.25rem;font-weight:700}.error-banner-top{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1rem 1.25rem;animation:.3s ease-out slideDown;display:flex}.create-form{flex-direction:column;gap:2rem;display:flex}.form-section{background:#fff;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.form-section:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.section-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:1.75rem 2rem}.section-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.section-header p{opacity:.95;margin:0;font-size:.95rem}.section-content{padding:2rem}.form-group:last-child{margin-bottom:0}.form-group input[type=text],.form-group input[type=url],.form-group input[type=number],.form-group select,.form-group textarea{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:.875rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea1a}.form-group textarea{resize:vertical;min-height:100px;font-family:Courier New,monospace;line-height:1.6}.form-group.flex-2{grid-column:span 2}.hint{color:#6b7280;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.85rem;line-height:1.5;display:flex}.hint svg{color:#9ca3af;flex-shrink:0}.toggle-switch{cursor:pointer;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;align-items:center;gap:.75rem;padding:.875rem 1rem;transition:all .2s;display:flex}.toggle-switch:hover{background:#f3f4f6;border-color:#d1d5db}.toggle-switch input[type=checkbox]{appearance:none;cursor:pointer;background:#d1d5db;border-radius:13px;width:48px;height:26px;transition:background .3s;position:relative}.toggle-switch input[type=checkbox]:checked{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.toggle-switch input[type=checkbox]:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.toggle-switch input[type=checkbox]:checked:before{transform:translate(22px)}.toggle-label{color:#374151;font-weight:600}.action-type-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem;display:grid}.action-type-card{cursor:pointer;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;align-items:center;gap:1rem;padding:1.25rem;transition:all .2s;display:flex}.action-type-card:hover{background:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.action-type-card.selected{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.action-icon{flex-shrink:0;font-size:2rem}.action-info{flex:1}.action-label{margin-bottom:.25rem;font-size:1rem;font-weight:600}.action-type-card.selected .action-label{color:#fff}.action-description{color:#6b7280;font-size:.85rem;line-height:1.4}.action-type-card.selected .action-description{color:#ffffffe6}.config-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;margin-top:1.5rem;padding:1.75rem}.config-card h3{color:#1a1a1a;align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;display:flex}.info-banner{background:#dbeafe;border:2px solid #93c5fd;border-radius:10px;align-items:flex-start;gap:1rem;margin-top:1.5rem;padding:1.25rem;display:flex}.info-banner.warning{background:#fef3c7;border-color:#fcd34d}.info-banner svg{color:#1e40af;flex-shrink:0;margin-top:.125rem}.info-banner.warning svg{color:#92400e}.info-banner strong{color:#1e3a8a;margin-bottom:.375rem;font-weight:700;display:block}.info-banner.warning strong{color:#78350f}.info-banner p{color:#1e40af;margin:0;font-size:.9rem;line-height:1.5}.info-banner.warning p{color:#92400e}.form-actions{background:#fff;border-radius:16px;justify-content:flex-end;gap:1rem;padding:2rem;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-primary-large,.btn-secondary-large{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.625rem;min-width:160px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-primary-large:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary-large{color:#374151;background:#f3f4f6;border:2px solid #e5e7eb}.btn-secondary-large:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:60vh;display:flex}.spinner-large{border:4px solid #f3f4f6;border-top-color:#667eea;border-radius:50%;width:64px;height:64px;animation:1s linear infinite spin}.loading-container p{color:#6b7280;font-size:1.1rem;font-weight:500}@media (max-width:768px){.create-auto-reply-page{padding:1rem}.page-header-section h1{font-size:1.75rem}.section-header{padding:1.25rem 1.5rem}.section-header h2{font-size:1.25rem}.section-content{padding:1.5rem}.form-row,.action-type-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;padding:1.5rem}.btn-primary-large,.btn-secondary-large{width:100%}.config-card{padding:1.25rem}}.form-section{animation:.4s ease-out fadeInUp}.form-section:first-child{animation-delay:.1s}.form-section:nth-child(2){animation-delay:.2s}.form-section:nth-child(3){animation-delay:.3s}.profile-page{background:#f5f7fa;min-height:100vh}.profile-content{margin-top:118px;margin-left:280px;padding:32px;transition:margin-left .3s,margin-top .3s}.profile-content.no-banner{margin-top:70px}.profile-content.sidebar-closed{margin-left:80px}.profile-container{max-width:1400px;margin:0 auto}.profile-header{margin-bottom:32px}.profile-header h1{color:#1a202c;margin:0 0 8px;font-size:32px;font-weight:700}.profile-header p{color:#718096;margin:0;font-size:16px}.profile-message{border-radius:8px;margin-bottom:24px;padding:16px 20px;font-size:14px;font-weight:500}.profile-message.success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.profile-message.error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.profile-layout{grid-template-columns:280px 1fr;gap:32px;display:grid}.profile-sidebar{background:#fff;border-radius:12px;height:fit-content;padding:16px;position:sticky;top:102px;box-shadow:0 1px 3px #0000001a}.profile-tab{color:#4a5568;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:12px 16px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.profile-tab:hover{color:#2d3748;background:#f7fafc}.profile-tab.active{color:#fff;background:#4299e1}.profile-tab svg{flex-shrink:0}.profile-main{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.profile-tab-content h2{color:#1a202c;margin:0 0 8px;font-size:24px;font-weight:700}.tab-description{color:#718096;margin:0 0 32px;font-size:15px}.profile-form{max-width:800px}.form-row{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.form-group{margin-bottom:24px}.form-group label{color:#2d3748;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{color:#2d3748;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .2s}.form-group input.disabled-input{color:#a0aec0;cursor:not-allowed;background:#f7fafc}.form-group small{color:#718096;margin-top:6px;font-size:13px;display:block}.form-group textarea{resize:vertical;min-height:100px}.form-actions{border-top:1px solid #e2e8f0;margin-top:32px;padding-top:24px}.btn-primary,.btn-danger,.btn-danger-outline,.btn-revoke{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background:#4299e1}.btn-primary:hover:not(:disabled){background:#3182ce}.btn-primary:disabled{cursor:not-allowed;background:#cbd5e0}.btn-danger{color:#fff;background:#f56565}.btn-danger:hover:not(:disabled){background:#e53e3e}.btn-danger-outline{color:#f56565;background:#fff;border:2px solid #f56565}.btn-danger-outline:hover{color:#fff;background:#f56565}.btn-revoke{color:#4a5568;background:#edf2f7;padding:8px 16px;font-size:14px}.btn-revoke:hover{background:#e2e8f0}.security-tips{background:#f7fafc;border-left:4px solid #4299e1;border-radius:8px;margin-top:40px;padding:24px}.security-tips h3{color:#2d3748;margin:0 0 16px;font-size:16px;font-weight:600}.security-tips ul{margin:0;padding-left:20px}.security-tips li{color:#4a5568;margin-bottom:8px;font-size:14px}.twofa-status{text-align:center;border-radius:12px;margin-bottom:32px;padding:48px 24px}.twofa-status.enabled{background:#d4edda;border:2px solid #c3e6cb}.twofa-status.disabled{background:#fff3cd;border:2px solid #ffeaa7}.twofa-status svg{margin-bottom:16px}.twofa-status.enabled svg{stroke:#28a745}.twofa-status.disabled svg{stroke:#ffc107}.twofa-status h3{color:#1a202c;margin:0 0 8px;font-size:20px;font-weight:700}.twofa-status p{color:#4a5568;margin:0;font-size:15px}.twofa-setup{grid-template-columns:1fr 1fr;gap:48px;margin-bottom:32px;display:grid}.qr-code-section{text-align:center}.qr-code-section img{background:#fff;border:2px solid #e2e8f0;border-radius:12px;max-width:280px;padding:16px}.manual-entry{background:#f7fafc;border-radius:8px;margin-top:24px;padding:16px;font-size:14px}.manual-entry code{word-break:break-all;background:#fff;border:1px solid #e2e8f0;border-radius:4px;margin-top:8px;padding:8px;font-family:Courier New,monospace;display:block}.verification-section h3{color:#2d3748;margin:0 0 8px;font-size:18px;font-weight:600}.verification-section p{color:#718096;margin:0 0 24px;font-size:14px}.verification-input{text-align:center;letter-spacing:8px;font-size:24px;font-weight:600}.twofa-disable-section{background:#fff5f5;border:2px solid #feb2b2;border-radius:12px;max-width:500px;margin-top:32px;padding:24px}.twofa-disable-section h3{color:#c53030;margin:0 0 8px;font-size:18px;font-weight:600}.twofa-disable-section p{color:#742a2a;margin:0 0 24px;font-size:14px}.twofa-benefits,.twofa-apps{background:#f7fafc;border-radius:8px;margin-top:32px;padding:24px}.twofa-benefits h3,.twofa-apps h3{color:#2d3748;margin:0 0 16px;font-size:16px;font-weight:600}.twofa-benefits ul,.twofa-apps ul{margin:0;padding-left:20px}.twofa-benefits li,.twofa-apps li{color:#4a5568;margin-bottom:8px;font-size:14px}.preferences-section{margin-bottom:40px}.preferences-section h3{color:#2d3748;border-bottom:2px solid #e2e8f0;margin:0 0 24px;padding-bottom:12px;font-size:18px;font-weight:600}.preference-item{border-bottom:1px solid #f7fafc;justify-content:space-between;align-items:center;padding:20px 0;display:flex}.preference-item:last-child{border-bottom:none}.preference-info strong{color:#2d3748;margin-bottom:4px;font-size:15px;font-weight:600;display:block}.preference-info p{color:#718096;margin:0;font-size:14px}.preference-select{min-width:200px}.toggle-switch{width:52px;height:28px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#cbd5e0;border-radius:28px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:4px;left:4px}.toggle-switch input:checked+.toggle-slider{background-color:#4299e1}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.sessions-actions{text-align:right;margin-bottom:24px}.sessions-list{flex-direction:column;gap:16px;display:flex}.session-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.session-card:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #0000000d}.session-icon{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.session-icon svg{stroke:#4299e1}.session-info{flex:1}.session-info h4{color:#2d3748;margin:0 0 4px;font-size:16px;font-weight:600}.session-info p{color:#718096;margin:0 0 8px;font-size:14px}.session-meta{color:#a0aec0;gap:16px;font-size:13px;display:flex}.activity-list{flex-direction:column;gap:16px;display:flex}.activity-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;gap:16px;padding:20px;display:flex}.activity-icon{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.activity-info{flex:1}.activity-info h4{color:#2d3748;margin:0 0 4px;font-size:16px;font-weight:600}.activity-info p{color:#718096;margin:0 0 8px;font-size:14px}.activity-meta{color:#a0aec0;gap:16px;font-size:13px;display:flex}.empty-state{text-align:center;color:#a0aec0;padding:64px 24px}.empty-state p{margin:0;font-size:16px}.empty-state-card{text-align:center;background:#fff;border:2px dashed #e2e8f0;border-radius:12px;margin:24px 0;padding:64px 32px}.empty-state-card svg{color:#cbd5e0;margin-bottom:24px}.empty-state-card h3{color:#2d3748;margin:0 0 12px;font-size:20px;font-weight:600}.empty-state-card p{color:#718096;max-width:500px;margin:0 auto;font-size:15px;line-height:1.6}.current-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(195deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin-left:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.session-card.current-session{background:linear-gradient(90deg,#f7fafc,#edf2f7);border:2px solid #667eea}.loading-spinner{text-align:center;color:#718096;padding:64px 24px;font-size:18px}@media (max-width:1200px){.profile-layout{grid-template-columns:240px 1fr;gap:24px}.profile-sidebar{width:240px}}@media (max-width:992px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid;position:static}.twofa-setup,.form-row{grid-template-columns:1fr}}@media (max-width:768px){.profile-content{margin-left:0;padding:16px}.profile-content.sidebar-closed{margin-left:0}.profile-main{padding:24px 16px}.profile-sidebar{grid-template-columns:1fr}}.tickets-page{background:#f5f7fa;padding:24px}.tickets-container{width:100%;max-width:1600px;margin:0 auto}.tickets-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.tickets-header>div{flex:1;min-width:250px}.tickets-header h1{color:#1a202c;white-space:nowrap;margin:0 0 4px;font-size:28px;font-weight:700;overflow:visible}.tickets-header p{color:#718096;margin:0;font-size:14px}.btn-create{color:#fff;cursor:pointer;background:#4299e1;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-create:hover{background:#3182ce;transform:translateY(-1px)}.tickets-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #0000001a}.stat-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-info{flex-direction:column;display:flex}.stat-label{color:#718096;margin-bottom:4px;font-size:13px}.stat-value{color:#1a202c;font-size:24px;font-weight:700}.tickets-filters{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.filter-search{border:1px solid #e2e8f0;border-radius:8px;flex:1;min-width:250px;padding:10px 16px;font-size:14px}.filter-select{border:1px solid #e2e8f0;border-radius:8px;min-width:150px;padding:10px 16px;font-size:14px}.tickets-list{z-index:1;background:#fff;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.tickets-table{border-collapse:collapse;table-layout:auto;width:100%}.tickets-table thead{background:#f7fafc}.tickets-table th{text-align:left;color:#4a5568;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:13px;font-weight:600}.tickets-table tbody tr{cursor:pointer;border-bottom:1px solid #f7fafc;transition:background .2s}.tickets-table tbody tr:hover{background:#f7fafc}.tickets-table td{color:#2d3748;padding:16px;font-size:14px}.ticket-number{color:#4299e1;font-weight:600}.ticket-subject{max-width:300px}.ticket-subject div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reply-count{color:#718096;align-items:center;gap:4px;margin-top:4px;font-size:12px;display:inline-flex}.reply-count .material-symbols-rounded{font-size:14px}.status-badge,.priority-badge{color:#fff;text-transform:capitalize;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.actions-cell{text-align:center}.btn-icon{color:#718096;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:all .2s}.btn-icon:hover{color:#4299e1;background:#f7fafc}.loading-state,.empty-state{text-align:center;padding:64px 24px}.empty-state .material-symbols-rounded{color:#cbd5e0;margin-bottom:16px;font-size:64px}.empty-state p{color:#2d3748;margin-bottom:8px;font-size:18px;font-weight:600}.empty-state-subtitle{color:#718096;margin-bottom:24px;font-size:14px;display:block}.btn-primary{color:#fff;cursor:pointer;background:#4299e1;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.btn-primary:hover{background:#3182ce}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.pagination button{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:8px 16px;font-size:14px}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination button:not(:disabled):hover{background:#f7fafc}@media (max-width:1200px){.tickets-page{padding:16px}}@media (max-width:768px){.tickets-page{padding:16px}.tickets-header{flex-direction:column}.tickets-stats{grid-template-columns:repeat(2,1fr)}.tickets-table{display:block;overflow-x:auto}.ticket-subject{max-width:200px}}@media (max-width:480px){.tickets-stats{grid-template-columns:1fr}.filter-search{min-width:100%}}.create-ticket-page{max-width:900px;margin:0 auto;padding:1rem}.page-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.page-header-section{border-bottom:1px solid #e5e7eb;padding:2rem}.back-button{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.back-button:hover{background:#e5e7eb}.page-header-section h1{color:#111827;margin:0 0 .5rem;font-size:1.875rem;font-weight:700}.page-header-section p{color:#6b7280;margin:0;font-size:.95rem}.error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:.75rem;margin:1.5rem 2rem;padding:1rem 1.5rem;font-size:.875rem;display:flex}.create-form{padding:2rem}.form-section{margin-bottom:2rem}.section-header{margin-bottom:1.5rem}.section-header h2{color:#111827;margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.section-content{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#374151;font-size:.875rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{color:#111827;border:1px solid #d1d5db;border-radius:8px;padding:.75rem;font-size:.875rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;font-family:inherit}.form-row{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:1rem;padding-top:2rem;display:flex}.btn-secondary-large,.btn-primary-large{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-secondary-large{color:#374151;background:#f3f4f6}.btn-secondary-large:hover:not(:disabled){background:#e5e7eb}.btn-primary-large{color:#fff;background:linear-gradient(195deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 6px -1px #667eea66}.btn-primary-large:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 12px -1px #667eea80}.btn-secondary-large:disabled,.btn-primary-large:disabled{opacity:.6;cursor:not-allowed}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@media (max-width:768px){.create-ticket-page{padding:.5rem}.page-header-section,.create-form{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-secondary-large,.btn-primary-large{width:100%}}.ticket-detail-page{background:#f5f7fa;min-height:100vh}.ticket-detail-content{margin-top:70px;margin-left:280px;padding:24px;transition:margin-left .3s}.ticket-detail-content.sidebar-closed{margin-left:80px}.ticket-detail-container{max-width:1400px;margin:0 auto}.ticket-detail-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.btn-back{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.btn-back:hover{background:#f7fafc}.ticket-number{color:#4299e1;background:#ebf8ff;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:600}.ticket-detail-layout{grid-template-columns:1fr 320px;gap:24px;display:grid}.ticket-main{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.ticket-subject h1{color:#1a202c;margin:0 0 12px;font-size:24px;font-weight:700}.ticket-meta{flex-wrap:wrap;gap:24px;display:flex}.meta-item{color:#718096;align-items:center;gap:6px;font-size:14px;display:flex}.meta-item .material-symbols-rounded{font-size:18px}.ticket-description{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:24px}.message-bubble{background:#f7fafc}.message-bubble.initial{background:#ebf8ff;border-left:4px solid #4299e1}.message-bubble.internal{background:#fef5e7;border-left:4px solid #f59e0b}.message-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.message-header strong{color:#2d3748;font-size:14px}.internal-badge{color:#fff;background:#f59e0b;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.message-time{color:#a0aec0;margin-left:auto;font-size:12px}.message-content{color:#4a5568;white-space:pre-wrap;font-size:14px;line-height:1.6}.ticket-replies{margin-top:24px}.reply-box{border-top:2px solid #e2e8f0;margin-top:24px;padding-top:24px}.reply-header{margin-bottom:12px}.internal-toggle{color:#4a5568;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.internal-toggle input{cursor:pointer}.reply-box textarea{resize:vertical;border:1px solid #e2e8f0;border-radius:8px;width:100%;margin-bottom:12px;padding:12px;font-family:inherit;font-size:14px}.reply-box textarea:focus{border-color:#4299e1;outline:none}.btn-send{color:#fff;cursor:pointer;background:#4299e1;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-send:hover:not(:disabled){background:#3182ce}.btn-send:disabled{opacity:.5;cursor:not-allowed}.ticket-sidebar{flex-direction:column;gap:16px;display:flex}.sidebar-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.sidebar-section label{color:#4a5568;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.sidebar-section select{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px;font-size:14px}.customer-info{flex-direction:column;gap:12px;display:flex}.info-row{color:#4a5568;align-items:center;gap:8px;font-size:14px;display:flex}.info-row .material-symbols-rounded{color:#718096;font-size:18px}.loading-state,.error-state{text-align:center;color:#718096;padding:64px 24px;font-size:16px}@media (max-width:1200px){.ticket-detail-content{margin-left:0}.ticket-detail-layout{grid-template-columns:1fr}.ticket-sidebar{order:-1}}@media (max-width:768px){.ticket-detail-content{margin-top:60px;padding:16px}.ticket-main{padding:16px}.ticket-subject h1{font-size:20px}.ticket-meta{gap:16px}}.whatsapp-faq-page{max-width:1200px;margin:0 auto;padding:24px}.faq-header{margin-bottom:32px}.faq-header-content{align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.faq-icon-badge{color:#fff;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.faq-header h1{color:#1a202c;margin:0 0 8px;font-size:32px;font-weight:700}.faq-header p{color:#718096;margin:0;font-size:16px;line-height:1.5}.faq-meta{flex-wrap:wrap;gap:24px;display:flex}.faq-meta-item{color:#4a5568;align-items:center;gap:8px;font-size:14px;display:flex}.faq-meta-item svg{color:#25d366}.faq-notice{color:#856404;background:#fff3cd;border:1px solid #ffc107;border-radius:12px;gap:12px;margin-bottom:32px;padding:16px 20px;font-size:14px;line-height:1.6;display:flex}.faq-notice svg{flex-shrink:0;margin-top:2px}.faq-notice strong{font-weight:600}.faq-categories{flex-direction:column;gap:16px;margin-bottom:40px;display:flex}.faq-category{background:#fff;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 1px 3px #0000001a}.faq-category.open{box-shadow:0 4px 12px #0000001a}.faq-category-header{cursor:pointer;justify-content:space-between;align-items:center;padding:20px 24px;transition:background .2s;display:flex}.faq-category-header:hover{background:#f7fafc}.faq-category-title{align-items:center;gap:16px;display:flex}.faq-category-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.faq-category-title h3{color:#1a202c;margin:0 0 4px;font-size:18px;font-weight:600}.faq-category-title span{color:#718096;font-size:13px}.faq-chevron{color:#a0aec0;flex-shrink:0;transition:transform .3s}.faq-chevron.rotated{transform:rotate(180deg)}.faq-questions{border-top:1px solid #e2e8f0;padding:8px 0}.faq-question{border-bottom:1px solid #f7fafc}.faq-question:last-child{border-bottom:none}.faq-question-header{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;transition:background .2s;display:flex}.faq-question-header:hover{background:#f7fafc}.faq-question-header span{color:#2d3748;flex:1;font-size:15px;font-weight:500}.faq-answer{color:#4a5568;padding:0 24px 20px;font-size:14px;line-height:1.7;animation:.3s fadeIn}.faq-footer{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.faq-footer h3{color:#1a202c;margin:0 0 20px;font-size:20px;font-weight:600}.faq-resources{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.faq-resource-card{background:#f7fafc;border:2px solid #0000;border-radius:10px;align-items:center;gap:16px;padding:20px;text-decoration:none;transition:all .2s;display:flex}.faq-resource-card:hover{background:#edf2f7;border-color:#25d366;transform:translateY(-2px)}.faq-resource-card svg{color:#25d366;flex-shrink:0}.faq-resource-card h4{color:#1a202c;margin:0 0 4px;font-size:15px;font-weight:600}.faq-resource-card p{color:#718096;margin:0;font-size:13px}@media (max-width:768px){.whatsapp-faq-page{padding:16px}.faq-header-content{flex-direction:column;gap:16px}.faq-icon-badge{width:56px;height:56px}.faq-header h1{font-size:24px}.faq-header p{font-size:14px}.faq-meta{flex-direction:column;gap:8px}.faq-category-header{padding:16px}.faq-category-title{gap:12px}.faq-category-icon{width:40px;height:40px}.faq-category-title h3{font-size:16px}.faq-question-header{padding:14px 16px}.faq-answer{padding:0 16px 16px}.faq-footer{padding:24px 16px}.faq-resources{grid-template-columns:1fr}}@media (max-width:480px){.faq-notice{flex-direction:column;gap:8px}.faq-question-header span{font-size:14px}.faq-answer{font-size:13px}}.labels-page{padding:0 8px 40px}.lp-filters{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.lp-filters>*{flex:1;min-width:180px;max-width:320px}.lp-grid{flex-direction:column;gap:10px;display:flex}.lp-card{background:#fff;border:1px solid #f0f2f5;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;transition:box-shadow .15s,border-color .15s;display:flex}.lp-card:hover{border-color:#e2e8f0;box-shadow:0 4px 16px #00000012}.lp-card-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.lp-color-dot{border-radius:10px;flex-shrink:0;width:36px;height:36px;box-shadow:0 2px 8px #00000026}.lp-card-info{flex:1;min-width:0}.lp-card-name{color:#344767;margin-bottom:4px;font-size:.9rem;font-weight:600}.lp-card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lp-category-badge{text-transform:capitalize;border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:600}.lp-usage{color:#9ca3af;align-items:center;gap:3px;font-size:.72rem;display:flex}.lp-card-desc{color:#7b809a;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:.75rem;overflow:hidden}.lp-card-actions{flex-shrink:0;gap:6px;margin-left:12px;display:flex}.lp-form{flex-direction:column;gap:16px;display:flex}.lp-color-field{flex-direction:column;gap:8px;display:flex}.lp-color-label{color:#344767;font-size:.8rem;font-weight:600}.lp-color-presets{flex-wrap:wrap;gap:7px;display:flex}.lp-preset-swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;width:26px;height:26px;padding:0;transition:transform .12s,border-color .12s}.lp-preset-swatch:hover{transform:scale(1.15)}.lp-preset-swatch.selected{border-color:#344767;transform:scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 4px #344767}.lp-color-custom{align-items:flex-start;gap:8px;display:flex}.lp-color-input{cursor:pointer;border:1px solid #e9ecef;border-radius:8px;flex-shrink:0;width:42px;height:42px;margin-top:2px;padding:2px}.lp-color-custom>:last-child{flex:1}.lp-preview{align-items:center;gap:8px;display:flex}.lp-preview-badge{border-radius:20px;padding:4px 12px;font-size:.78rem;font-weight:600}.changelog-page{max-width:1400px;padding:0 8px 48px}.cl-filter-bar{margin:20px 0 28px}.cl-filter-chips{flex-wrap:wrap;gap:8px;display:flex}.cl-chip{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:500;transition:all .18s;display:inline-flex}.cl-chip .material-symbols-rounded{font-size:15px}.cl-chip:hover{color:#334155;background:#f8fafc;border-color:#94a3b8}.cl-chip--active{color:#fff;background:#1e293b;border-color:#1e293b}.cl-chip--active:hover{color:#fff;background:#0f172a;border-color:#0f172a}.cl-layout{grid-template-columns:1fr 380px;align-items:start;gap:28px;display:grid}.cl-timeline{flex-direction:column;gap:0;display:flex}.cl-day-group{margin-bottom:32px;padding-left:28px;position:relative}.cl-day-group:before{content:"";background:linear-gradient(#e2e8f0 0%,#0000 100%);width:2px;position:absolute;top:28px;bottom:-32px;left:7px}.cl-day-group:last-child:before{display:none}.cl-day-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:7px;margin-bottom:14px;font-size:.75rem;font-weight:600;display:inline-flex}.cl-day-label .material-symbols-rounded{font-size:14px}.cl-card{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;align-items:flex-start;gap:14px;margin-bottom:12px;padding:18px 18px 16px 22px;transition:all .2s;display:flex;position:relative}.cl-card:hover{border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 16px #0000000f}.cl-card--active{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a,0 4px 16px #6366f11f}.cl-card--draft{opacity:.72;background:#fafafa}.cl-card-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px;box-shadow:0 0 0 3px #fff,0 0 0 5px}.cl-card-body{flex:1;min-width:0}.cl-card-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.cl-type-badge{letter-spacing:.02em;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.cl-type-badge .material-symbols-rounded{font-size:13px}.cl-version{color:#64748b;background:#f1f5f9;border-radius:999px;padding:2px 8px;font-family:SF Mono,Fira Code,monospace;font-size:.72rem;font-weight:600}.cl-draft-badge{color:#f59e0b;text-transform:uppercase;letter-spacing:.05em;background:#fef3c7;border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:700}.cl-card-title{color:#1e293b;margin:0 0 6px;font-size:.9375rem;font-weight:600;line-height:1.4}.cl-card-preview{color:#64748b;margin:0 0 10px;font-size:.8125rem;line-height:1.55}.cl-tags{flex-wrap:wrap;gap:5px;display:flex}.cl-tag{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:500}.cl-card-actions{opacity:0;flex-direction:column;flex-shrink:0;gap:4px;transition:opacity .15s;display:flex}.cl-card:hover .cl-card-actions{opacity:1}.cl-pagination{color:#64748b;justify-content:center;align-items:center;gap:16px;padding:24px 0 8px;font-size:.875rem;display:flex}.cl-detail{position:sticky;top:24px}.cl-detail-inner{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;padding:28px;box-shadow:0 8px 32px #0000000f}.cl-detail-header{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.cl-detail-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.cl-detail-icon .material-symbols-rounded{font-size:24px}.cl-detail-meta{flex-wrap:wrap;align-items:center;gap:8px;padding-top:4px;display:flex}.cl-detail-title{color:#0f172a;margin:0 0 10px;font-size:1.25rem;font-weight:700;line-height:1.35}.cl-detail-date{color:#94a3b8;align-items:center;gap:6px;margin-bottom:20px;font-size:.8125rem;display:flex}.cl-detail-date .material-symbols-rounded{font-size:15px}.cl-detail-divider{background:#f1f5f9;height:1px;margin-bottom:20px}.cl-detail-body{color:#334155;font-size:.9rem;line-height:1.7}.cl-detail-body p{margin:0 0 10px}.cl-detail-body p:last-child{margin-bottom:0}.cl-detail-tags{margin-top:20px}.cl-detail-tags-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.cl-detail-admin-actions{border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:20px;display:flex}.cl-modal-form{flex-direction:column;gap:16px;display:flex}.cl-modal-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:1100px){.cl-layout{grid-template-columns:1fr}.cl-detail{order:-1;position:static}}@media (max-width:640px){.cl-modal-row{grid-template-columns:1fr}.cl-filter-chips{gap:6px}.cl-chip{padding:5px 11px;font-size:.75rem}.cl-detail-inner{padding:20px}}.ai-settings-wrap{max-width:900px}.ai-section-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;margin-bottom:24px;overflow:hidden}.ai-section-header{background:#fafbfc;border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.ai-section-header h2{color:#344767;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:600;display:flex}.ai-section-header p{color:#7b809a;margin:2px 0 0;font-size:.8rem}.ai-section-body{padding:20px 24px}.ai-key-list{flex-direction:column;gap:10px;display:flex}.ai-key-item{background:#fafbfc;border:1px solid #e9ecef;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s;display:flex}.ai-key-item:hover{border-color:#667eea}.ai-key-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ai-key-icon .material-symbols-rounded{color:#fff;font-size:20px}.ai-key-info{flex:1;min-width:0}.ai-key-label{color:#344767;margin:0 0 2px;font-size:.9rem;font-weight:600}.ai-key-masked{color:#7b809a;font-family:monospace;font-size:.78rem}.ai-key-tools{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.ai-tool-chip{color:#5b21b6;background:#ede9fe;border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:500}.ai-key-actions{flex-shrink:0;gap:6px;display:flex}.ai-wallet-balance{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;align-items:center;gap:20px;margin-bottom:20px;padding:20px;display:flex}.ai-wallet-balance-icon{font-size:40px}.ai-wallet-balance-amount{font-size:2rem;font-weight:700;line-height:1}.ai-wallet-balance-label{opacity:.85;margin-top:4px;font-size:.85rem}.ai-wallet-topup-form{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:20px;display:flex}.ai-wallet-topup-form .ui-field{flex:1;min-width:140px}.ai-tx-table{border-collapse:collapse;width:100%;font-size:.85rem}.ai-tx-table th{text-align:left;color:#7b809a;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #f0f2f5;padding:8px 12px;font-size:.75rem;font-weight:600}.ai-tx-table td{color:#344767;vertical-align:middle;border-bottom:1px solid #f8f9fa;padding:10px 12px}.ai-tx-table tr:last-child td{border-bottom:none}.ai-tx-credit{color:#22c55e;font-weight:600}.ai-tx-debit{color:#ef4444;font-weight:600}.ai-tool-checkboxes{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}@media (max-width:600px){.ai-tool-checkboxes{grid-template-columns:1fr}.ai-wallet-topup-form{flex-direction:column}}.ai-key-page-wrap{max-width:1100px}.ai-key-page-card{background:linear-gradient(#fffffffa,#f8fafffa);border:1px solid #e5e7eb;border-radius:24px;padding:24px;box-shadow:0 18px 40px #0f172a14}.ai-key-page-hero{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.ai-key-page-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#667eea;margin:0 0 6px;font-size:.72rem;font-weight:700}.ai-key-page-hero h2{color:#111827;margin:0 0 6px;font-size:1.35rem}.ai-key-page-copy{color:#4b5563;margin:0;font-size:.95rem;line-height:1.5}.ai-key-page-copy.small{font-size:.88rem}.ai-key-page-grid{grid-template-columns:1.1fr .9fr;gap:18px;display:grid}.ai-key-page-panel{background:#fff;border:1px solid #edf2f7;border-radius:18px;padding:18px;box-shadow:inset 0 1px #ffffffe6}.ai-key-page-panel--accent{background:linear-gradient(145deg,#f8f7ff 0%,#fff 100%);border-color:#e9e4ff}.ai-key-page-badge-row{align-items:flex-start;gap:12px;display:flex}.ai-key-page-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.ai-key-page-badge-row h3{color:#111827;margin:0 0 2px;font-size:1rem}.ai-key-tool-grid{grid-template-columns:1fr;gap:8px;margin-top:12px;display:grid}.ai-key-empty-tools{color:#6b7280;background:#fff;border:1px dashed #d1d5db;border-radius:14px;align-items:center;gap:8px;margin-top:12px;padding:12px;display:flex}.ai-key-page-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}@media (max-width:980px){.ai-key-page-grid{grid-template-columns:1fr}.ai-key-page-hero{flex-direction:column}}.access-denied-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.access-denied-content{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:500px;padding:48px 40px;box-shadow:0 20px 60px #0000004d}.access-denied-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 24px;display:flex}.access-denied-icon i{color:#fff;font-size:48px}.access-denied-page h1{color:#1f2937;margin:0 0 16px;font-size:32px;font-weight:700}.access-denied-message{color:#6b7280;margin:0 0 32px;font-size:16px;line-height:1.6}.access-denied-details{background:#f9fafb;border-radius:12px;margin-bottom:24px;padding:20px}.detail-item{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.detail-item:not(:last-child){border-bottom:1px solid #e5e7eb;margin-bottom:8px}.detail-item .label{color:#6b7280;font-size:14px;font-weight:500}.detail-item .value{color:#1f2937;background:#fff;border-radius:6px;padding:4px 12px;font-size:14px;font-weight:600}.access-denied-help{color:#9ca3af;margin:0 0 32px;font-size:14px;line-height:1.5}.access-denied-actions{justify-content:center;gap:12px;display:flex}.access-denied-actions .btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.access-denied-actions .btn i{font-size:20px}.access-denied-actions .btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.access-denied-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.access-denied-actions .btn-secondary{color:#6b7280;background:#fff;border:2px solid #e5e7eb}.access-denied-actions .btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.access-denied-actions .btn-danger{color:#991b1b;background:#fee2e2;border:2px solid #fca5a5}.access-denied-actions .btn-danger:hover{background:#fecaca;border-color:#f87171;transform:translateY(-2px)}@media (max-width:640px){.access-denied-content{padding:32px 24px}.access-denied-page h1{font-size:24px}.access-denied-actions{flex-direction:column}.access-denied-actions .btn{justify-content:center;width:100%}}:root{--pp-bg:#08080f;--pp-bg2:#0d0d1a;--pp-bg3:#12121f;--pp-sf:#16162a;--pp-bd:#ffffff12;--pp-bd2:#ffffff21;--pp-tx:#f0f0ff;--pp-tx2:#a8a8c8;--pp-tx3:#6b6b8a;--pp-pur:#8b5cf6;--pp-blu:#3b82f6;--pp-grad:linear-gradient(135deg, #8b5cf6, #3b82f6)}.privacy-page{background:var(--pp-bg);color:var(--pp-tx);min-height:100vh;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.privacy-nav{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--pp-bd);background:#08080fd9;justify-content:space-between;align-items:center;height:68px;padding:0 40px;display:flex;position:sticky;top:0}.privacy-nav-logo{color:var(--pp-tx);align-items:center;gap:10px;text-decoration:none;display:flex}.privacy-nav-logo-mark{background:var(--pp-grad);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:flex}.privacy-nav-logo-text{letter-spacing:-.02em;background:var(--pp-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:700}.privacy-nav-back{color:var(--pp-tx2);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.privacy-nav-back:hover{color:var(--pp-pur)}.privacy-nav-back .material-icons{font-size:18px}.privacy-hero{text-align:center;border-bottom:1px solid var(--pp-bd);background:radial-gradient(80% 60% at 50% 0,#8b5cf61f 0%,#0000 70%);padding:72px 40px 48px}.privacy-hero-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--pp-pur);background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:100px;align-items:center;gap:6px;margin-bottom:24px;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.privacy-hero h1{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.1}.privacy-hero h1 span{background:var(--pp-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.privacy-hero-sub{color:var(--pp-tx2);max-width:560px;margin:0 auto 24px;font-size:1rem;line-height:1.6}.privacy-hero-meta{color:var(--pp-tx3);flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;font-size:.8rem;display:flex}.privacy-hero-meta span{align-items:center;gap:5px;display:flex}.privacy-hero-meta .material-icons{color:var(--pp-pur);font-size:14px}.privacy-layout{align-items:flex-start;gap:48px;max-width:1200px;margin:0 auto;padding:48px 40px 80px;display:flex}.privacy-toc{background:var(--pp-bg2);border:1px solid var(--pp-bd);border-radius:16px;flex-shrink:0;width:260px;padding:24px;position:sticky;top:88px}.privacy-toc h3{text-transform:uppercase;letter-spacing:.12em;color:var(--pp-tx3);margin-bottom:16px;font-size:.75rem;font-weight:700}.privacy-toc-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.privacy-toc-list li a{color:var(--pp-tx2);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:.825rem;line-height:1.3;text-decoration:none;transition:all .2s;display:flex}.privacy-toc-list li a:hover{color:var(--pp-pur);background:#8b5cf61a}.privacy-toc-list li a .toc-num{color:var(--pp-tx3);min-width:18px;font-size:.7rem;font-weight:700}.privacy-toc-divider{background:var(--pp-bd);height:1px;margin:16px 0}.privacy-toc-contact{color:var(--pp-tx3);font-size:.775rem;line-height:1.5}.privacy-toc-contact a{color:var(--pp-pur);text-decoration:none}.privacy-toc-contact a:hover{text-decoration:underline}.privacy-content{flex:1;min-width:0}.privacy-section{border-bottom:1px solid var(--pp-bd);margin-bottom:56px;padding-bottom:56px}.privacy-section:last-of-type{border-bottom:none}.privacy-section-header{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.privacy-section-icon{width:44px;height:44px;color:var(--pp-pur);background:#8b5cf61f;border:1px solid #8b5cf640;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.privacy-section-icon .material-icons{font-size:20px}.privacy-section-title-wrap h2{letter-spacing:-.02em;color:var(--pp-tx);margin-bottom:4px;font-size:1.35rem;font-weight:700}.privacy-section-title-wrap .section-num{color:var(--pp-pur);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:600}.privacy-section p{color:var(--pp-tx2);margin-bottom:16px;font-size:.925rem;line-height:1.8}.privacy-section p:last-child{margin-bottom:0}.privacy-section h3{color:var(--pp-tx);margin:24px 0 10px;font-size:1rem;font-weight:600}.privacy-section h3:first-of-type{margin-top:4px}.privacy-card{background:var(--pp-bg2);border:1px solid var(--pp-bd);border-radius:12px;margin:20px 0;padding:20px 24px}.privacy-card.highlight{background:#8b5cf612;border-color:#8b5cf640}.privacy-card.warning{background:#f59e0b12;border-color:#f59e0b40}.privacy-card p{margin:0;font-size:.875rem}.privacy-card.highlight p{color:#a78bfae6}.privacy-card.warning p{color:#fbbf24e6}.privacy-card-title{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:10px;font-size:.825rem;font-weight:700;display:flex}.privacy-card.highlight .privacy-card-title{color:var(--pp-pur)}.privacy-card.warning .privacy-card-title{color:#f59e0b}.privacy-card-title .material-icons{font-size:16px}.privacy-list{flex-direction:column;gap:10px;margin:12px 0 20px;padding:0;list-style:none;display:flex}.privacy-list li{color:var(--pp-tx2);align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.6;display:flex}.privacy-list li:before{content:"";background:var(--pp-pur);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:8px}.privacy-grid{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.privacy-grid-item{background:var(--pp-bg3);border:1px solid var(--pp-bd);border-radius:10px;padding:16px}.privacy-grid-item h4{color:var(--pp-pur);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.8rem;font-weight:700}.privacy-grid-item ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.privacy-grid-item ul li{color:var(--pp-tx2);align-items:center;gap:7px;font-size:.825rem;display:flex}.privacy-grid-item ul li:before{content:"";background:var(--pp-tx3);border-radius:50%;flex-shrink:0;width:4px;height:4px}.privacy-rights-table{border-collapse:collapse;width:100%;margin:20px 0;font-size:.875rem}.privacy-rights-table th{text-align:left;background:var(--pp-bg3);border:1px solid var(--pp-bd);color:var(--pp-tx3);text-transform:uppercase;letter-spacing:.08em;padding:12px 16px;font-size:.75rem;font-weight:700}.privacy-rights-table th:first-child{border-radius:8px 0 0}.privacy-rights-table th:last-child{border-radius:0 8px 0 0}.privacy-rights-table td{border:1px solid var(--pp-bd);color:var(--pp-tx2);vertical-align:top;padding:12px 16px;line-height:1.6}.privacy-rights-table tr:nth-child(2n) td{background:#ffffff05}.privacy-rights-table .right-name{color:var(--pp-tx);white-space:nowrap;font-weight:600}.privacy-contact-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px;display:grid}.privacy-contact-card{background:var(--pp-bg2);border:1px solid var(--pp-bd);border-radius:12px;flex-direction:column;gap:8px;padding:20px;transition:border-color .2s;display:flex}.privacy-contact-card:hover{border-color:#8b5cf666}.privacy-contact-card-icon{width:36px;height:36px;color:var(--pp-pur);background:#8b5cf61f;border-radius:8px;justify-content:center;align-items:center;display:flex}.privacy-contact-card-icon .material-icons{font-size:18px}.privacy-contact-card h4{color:var(--pp-tx3);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.privacy-contact-card p,.privacy-contact-card a{color:var(--pp-tx2);margin:0;font-size:.875rem;line-height:1.5;text-decoration:none}.privacy-contact-card a:hover{color:var(--pp-pur)}.privacy-footer{border-top:1px solid var(--pp-bd);background:var(--pp-bg2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:32px 40px;display:flex}.privacy-footer-left{color:var(--pp-tx3);align-items:center;gap:10px;font-size:.825rem;display:flex}.privacy-footer-links{gap:24px;display:flex}.privacy-footer-links a{color:var(--pp-tx3);font-size:.8rem;text-decoration:none;transition:color .2s}.privacy-footer-links a:hover{color:var(--pp-pur)}@media (max-width:1024px){.privacy-toc{display:none}.privacy-layout{padding:40px 24px 60px}}@media (max-width:640px){.privacy-hero{padding:48px 24px 32px}.privacy-nav{padding:0 24px}.privacy-grid{grid-template-columns:1fr}.privacy-rights-table{font-size:.8rem}.privacy-layout{padding:32px 20px 48px}.privacy-footer{flex-direction:column;align-items:flex-start;padding:24px 20px}}#root{width:100%;margin:0;padding:0}.label-dropdown,.dropdown-menu,.suggestions-dropdown,.autocomplete-dropdown,.select-dropdown,.typeahead-dropdown{z-index:10001!important}.modal-content .label-dropdown,.modal-content .dropdown-menu{z-index:10002!important}.dropdown-menu.show{z-index:10001!important}.modal .dropdown-menu.show{z-index:10002!important}