@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);.impersonation-bar{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d;display:flex;height:44px;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.impersonation-content{align-items:center;display:flex;gap:16px;justify-content:space-between;max-width:1400px;padding:0 24px;width:100%}.impersonation-info{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:500;gap:12px}.impersonation-info i{font-size:16px;opacity:.9}.impersonation-text{color:#fffffff2}.impersonation-text strong{color:#fff;font-weight:700}.impersonation-badge{background:#fff3;border-radius:12px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.impersonation-exit-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px;transition:all .2s ease}.impersonation-exit-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.impersonation-exit-btn:active{transform:translateY(0)}.impersonation-exit-btn i{font-size:12px}body.impersonating .app{padding-top:44px}body.impersonating .sidebar{height:calc(100vh - 44px);top:44px}body.impersonating .app-header{top:44px}@media (max-width:768px){.impersonation-bar{height:40px}.impersonation-content{gap:8px;padding:0 12px}.impersonation-info{font-size:12px;gap:8px}.impersonation-info i{font-size:14px}.impersonation-badge{display:none}.impersonation-exit-btn{font-size:12px;padding:5px 10px}.impersonation-exit-btn span{display:none}body.impersonating .app{padding-top:40px}body.impersonating .sidebar{height:calc(100vh - 40px);top:40px}}:root{--white-100:#fff;--white-90:#f0f1f5;--white-80:#e0e4e8;--white-70:#d1d8e0;--white-60:#bfc6d4;--black-60:#687085;--black-70:#4e5766;--black-80:#37404f;--black-90:#202531;--black-100:#0a0f15;--bg-primary:var(--white-100);--bg-secondary:var(--white-90);--text-primary:var(--black-90);--text-secondary:var(--black-70);--text-input:var(--black-100);--border-light:var(--white-70);--border-medium:var(--black-60);--accent:var(--black-80)}.login-page{align-items:center;background:linear-gradient(135deg,#f0f1f5,#e0e4e8);background:linear-gradient(135deg,var(--white-90) 0,var(--white-80) 100%);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-page:before{animation:rotate 50s linear infinite;height:600px;opacity:.4;right:-200px;top:-200px;width:600px}.login-page:after,.login-page:before{border:1px solid #d1d8e0;border:1px solid var(--white-70);border-radius:50%;content:"";position:absolute}.login-page:after{animation:rotate 40s linear infinite reverse;bottom:-100px;height:400px;left:-100px;opacity:.3;width:400px}.login-container{animation:containerFadeIn .6s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--bg-primary);border-radius:24px;box-shadow:0 20px 60px #0a0f151a,0 8px 24px #0a0f150f;max-width:440px;padding:48px 40px;position:relative;width:100%;z-index:1}@keyframes containerFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{margin-bottom:36px;text-align:center}.logo-image{animation:logoFadeIn .8s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 4px 12px rgba(10,15,21,.06));height:80px;margin-bottom:20px;width:80px}.logo-image.agency-logo{height:auto;max-height:80px;max-width:200px;object-fit:contain;width:auto}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-title{color:#202531;color:var(--text-primary);font-size:28px;font-weight:600;letter-spacing:-.5px;line-height:1.2;margin:0 0 8px}.login-subtitle{color:#4e5766;color:var(--text-secondary);font-size:15px;font-weight:400;line-height:1.5;margin:0}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#202531;margin-left:2px;transition:color .2s ease}.form-group:focus-within label{color:#37404f;color:var(--black-80)}.form-group input{-webkit-text-fill-color:#0a0f15!important;-webkit-text-fill-color:var(--text-input)!important;background:#f0f1f5;background:var(--bg-secondary);border:1.5px solid #d1d8e0;border:1.5px solid var(--border-light);color:#0a0f15!important;color:var(--text-input)!important;font-family:inherit;font-size:15px;font-weight:500;outline:none;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-group input::placeholder{-webkit-text-fill-color:#687085!important;-webkit-text-fill-color:var(--black-60)!important;color:#687085!important;color:var(--black-60)!important;font-weight:400;opacity:1}.form-group input:hover{background:#fff;background:var(--white-100);border-color:#687085;border-color:var(--border-medium)}.form-group input:focus{background:#fff;background:var(--white-100);border-color:#37404f;border-color:var(--black-80);box-shadow:0 0 0 3px #37404f14,0 1px 2px #0a0f150d;transform:translateY(-1px)}.form-group input:disabled{opacity:.6}.alert{animation:alertSlideIn .3s cubic-bezier(.4,0,.2,1);border-radius:12px;font-size:14px;font-weight:500;gap:8px;line-height:1.5}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.alert-error{border:1.5px solid #fca5a5;color:#991b1b}.alert-error:before{content:"⚠";font-size:16px}.btn-primary{background:#37404f;background:var(--color-primary,var(--black-80));border-radius:12px;box-shadow:0 4px 12px #37404f26,0 1px 3px #0a0f151a;color:var(--white-100);font-size:15px;letter-spacing:.2px;overflow:hidden;padding:14px 24px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.btn-primary:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:#202531;background:var(--color-primary,var(--black-90));box-shadow:0 8px 24px #37404f33,0 4px 8px #0a0f151a;filter:brightness(.9)}.btn-primary:active{box-shadow:0 2px 8px #37404f26,0 1px 3px #0a0f151a;transform:translateY(0)}.btn-dev{background:#f0f1f5;background:var(--bg-secondary);border:1.5px solid #d1d8e0;border:1.5px solid var(--border-light);border-radius:12px;color:#4e5766;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.1px;padding:13px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.btn-dev:hover{background:#fff;background:var(--white-100);border-color:#687085;border-color:var(--border-medium);box-shadow:0 2px 8px #0a0f150a;color:#202531;color:var(--text-primary);transform:translateY(-1px)}.btn-dev:active{transform:translateY(0)}.btn-dev:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-block{width:100%}.login-footer{border-top:1.5px solid #e0e4e8;border-top:1.5px solid var(--white-80);margin-top:32px;padding-top:20px;text-align:center}.login-footer p{color:#4e5766;color:var(--text-secondary);font-size:13px;font-weight:400;line-height:1.5;margin:0}@media (max-width:640px){.login-page{padding:16px}.login-container{border-radius:20px;max-width:100%;padding:36px 24px}.logo-image{height:70px;margin-bottom:16px;width:70px}.login-title{font-size:24px}.login-subtitle{font-size:14px}.form-group input{font-size:16px;padding:13px 14px}.btn-primary{font-size:15px;padding:13px 20px}.btn-dev{font-size:14px;padding:12px 20px}.login-form{gap:18px}}@media (max-width:380px){.login-container{padding:32px 20px}.login-title{font-size:22px}}.btn-dev.loading,.btn-primary.loading{color:#0000;pointer-events:none;position:relative}.btn-primary.loading:after{border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--white-100)}.btn-dev.loading:after,.btn-primary.loading:after{animation:spin .6s linear infinite;content:"";height:18px;left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%;width:18px}.btn-dev.loading:after{border:2px solid #d1d8e0;border-radius:50%;border-top-color:#37404f;border:2px solid var(--white-70);border-top-color:var(--black-80)}.btn-dev:focus-visible,.btn-primary:focus-visible,.form-group input:focus-visible{outline:2px solid #37404f;outline:2px solid var(--black-80);outline-offset:2px}.btn-dev,.btn-primary,.form-group input,.login-container{transition-duration:.2s;transition-property:background-color,border-color,color,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.demo-float-btn{align-items:center;background:#000;border:none;border-radius:50px;bottom:24px;box-shadow:-4px 4px 0 #53535359;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:fixed;right:24px;transition:transform .2s,box-shadow .2s;z-index:999}.demo-float-btn:hover{box-shadow:0 8px 0 #00000073;transform:translateY(-2px)}.demo-float-btn:active{transform:translateY(0)}.btn-facebook{align-items:center;background:#1877f2;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;letter-spacing:.2px;padding:13px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.btn-facebook:hover{background:#166fe5;box-shadow:0 4px 12px #1877f24d;transform:translateY(-1px)}.btn-facebook:active{transform:translateY(0)}.btn-facebook:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-facebook.loading{color:#0000;pointer-events:none;position:relative}.btn-facebook.loading:after{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:18px;left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%;width:18px}.social-login{margin-top:8px}.social-divider{align-items:center;color:#4e5766;color:var(--text-secondary);display:flex;font-size:13px;gap:12px;margin-bottom:16px}.social-divider:after,.social-divider:before{background:#d1d8e0;background:var(--border-light);content:"";flex:1 1;height:1px}:root{--wizard-bg:#f8f9fb;--wizard-white:#fff;--wizard-primary:#37404f;--wizard-primary-hover:#202531;--wizard-accent:#4f46e5;--wizard-text:#202531;--wizard-muted:#687085;--wizard-border:#e0e4e8;--wizard-success:#16a34a;--wizard-error:#dc2626;--wizard-radius:14px;--wizard-shadow:0 4px 24px #0a0f1514}.onboarding-page{background:#f8f9fb;background:var(--wizard-bg);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.onboarding-loading{align-items:center;display:flex;justify-content:center;min-height:100vh}.onboarding-spinner{animation:spin .7s linear infinite;border:3px solid #e0e4e8;border-top-color:#37404f;border:3px solid var(--wizard-border);border-radius:50%;border-top-color:var(--wizard-primary);height:36px;width:36px}.onboarding-topbar{align-items:center;background:#fff;background:var(--wizard-white);border-bottom:1px solid #e0e4e8;border-bottom:1px solid var(--wizard-border);display:flex;gap:16px;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.onboarding-logo{flex-shrink:0;height:36px;object-fit:contain;width:36px}.wizard-progress-bar{background:#e0e4e8;background:var(--wizard-border);border-radius:100px;flex:1 1;height:6px;overflow:hidden}.wizard-progress-fill{background:linear-gradient(90deg,#4f46e5,#7c3aed);background:linear-gradient(90deg,var(--wizard-accent),#7c3aed);border-radius:100px;height:100%;transition:width .4s ease}.wizard-help-btn{background:#f0f1f5;border:1.5px solid #e0e4e8;border:1.5px solid var(--wizard-border);border-radius:100px;color:#687085;color:var(--wizard-muted);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s;white-space:nowrap}.wizard-help-btn:hover{background:#fff;background:var(--wizard-white);border-color:#37404f;border-color:var(--wizard-primary);color:#37404f;color:var(--wizard-primary)}.wizard-help-btn.requested{background:#f0fdf4;border-color:#86efac;color:#16a34a;color:var(--wizard-success)}.onboarding-body{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px 20px 80px}.wizard-screen{animation:screenIn .3s cubic-bezier(.16,1,.3,1);max-width:540px;width:100%}.wizard-screen-center{text-align:center}@keyframes screenIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.wizard-question{color:#202531;color:var(--wizard-text);font-size:24px;font-weight:700;line-height:1.3;margin:0 0 8px}.wizard-subtitle{color:#687085;color:var(--wizard-muted);font-size:15px;line-height:1.5;margin:0 0 28px}.wizard-input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}.wizard-input-label{color:#202531;color:var(--wizard-text);font-size:14px;font-weight:500}.wizard-chat-input,.wizard-input-field,.wizard-price-input{background:#fff;background:var(--wizard-white);border:1.5px solid #e0e4e8;border:1.5px solid var(--wizard-border);border-radius:14px;border-radius:var(--wizard-radius);color:#202531;color:var(--wizard-text);font-family:inherit;font-size:16px;outline:none;padding:14px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.wizard-input-field:focus,.wizard-price-input:focus{border-color:#4f46e5;border-color:var(--wizard-accent);box-shadow:0 0 0 3px #4f46e51a}.wizard-textarea{background:#fff;background:var(--wizard-white);border:1.5px solid #e0e4e8;border:1.5px solid var(--wizard-border);border-radius:14px;border-radius:var(--wizard-radius);color:#202531;color:var(--wizard-text);font-family:inherit;font-size:16px;line-height:1.5;outline:none;padding:14px 16px;resize:vertical;transition:border-color .2s;width:100%}.wizard-textarea:focus{border-color:#4f46e5;border-color:var(--wizard-accent);box-shadow:0 0 0 3px #4f46e51a}.wizard-input-example{line-height:1.4}.field-example,.wizard-input-example{color:#687085;color:var(--wizard-muted);font-size:13px}.field-example{display:block;margin-top:6px}.wizard-choices{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.wizard-choice-btn{background:#fff;background:var(--wizard-white);border:1.5px solid #e0e4e8;border:1.5px solid var(--wizard-border);border-radius:14px;border-radius:var(--wizard-radius);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:16px 20px;text-align:left;transition:all .15s;width:100%}.wizard-choice-btn:hover{background:#f5f3ff}.wizard-choice-btn.selected,.wizard-choice-btn:hover{border-color:#4f46e5;border-color:var(--wizard-accent)}.wizard-choice-btn.selected{background:#eef2ff}.wizard-choice-label{color:#202531;color:var(--wizard-text);font-size:15px;font-weight:500}.wizard-choice-description{color:#687085;color:var(--wizard-muted);font-size:13px}.wizard-choice-check{align-items:center;border:1.5px solid #e0e4e8;border:1.5px solid var(--wizard-border);border-radius:4px;color:#4f46e5;color:var(--wizard-accent);display:inline-flex;font-size:12px;height:20px;justify-content:center;margin-right:10px;width:20px}.wizard-tone-options{margin-bottom:28px}.wizard-tone-btn,.wizard-tone-options{display:flex;flex-direction:column;gap:12px}.wizard-tone-btn{background:#fff;background:var(--wizard-white);border:1.5px solid #e0e4e8;border:1.5px solid var(--wizard-border);border-radius:14px;border-radius:var(--wizard-radius);cursor:pointer;padding:16px;text-align:left;transition:all .15s;width:100%}.wizard-tone-btn.selected,.wizard-tone-btn:hover{background:#eef2ff;border-color:#4f46e5;border-color:var(--wizard-accent)}.wizard-tone-label{color:#202531;color:var(--wizard-text);font-size:15px;font-weight:500}.wa-bubble-wrapper{display:flex;justify-content:flex-start}.wa-bubble{align-items:flex-end;background:#fff;border:1px solid #e0e0e0;border-radius:0 12px 12px 12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:8px;max-width:280px;padding:10px 14px;position:relative}.wa-bubble-text{color:#1a1a1a;font-size:14px;line-height:1.4}.wa-bubble-time{color:#999;flex-shrink:0;font-size:11px;white-space:nowrap}.wizard-price-group{display:flex;gap:12px;margin-bottom:8px}.wizard-currency-select{background:#fff;background:var(--wizard-white);border:1.5px solid #e0e4e8;border:1.5px solid var(--wizard-border);border-radius:14px;border-radius:var(--wizard-radius);color:#202531;color:var(--wizard-text);cursor:pointer;font-family:inherit;font-size:15px;outline:none;padding:14px 12px}.wizard-price-input{flex:1 1}.wizard-upload-area{border:2px dashed #e0e4e8;border:2px dashed var(--wizard-border);border-radius:14px;border-radius:var(--wizard-radius);color:#687085;color:var(--wizard-muted);cursor:pointer;font-size:15px;margin-bottom:28px;padding:48px 24px;text-align:center;transition:border-color .2s,background .2s}.wizard-upload-area:hover{background:#f5f3ff;border-color:#4f46e5;border-color:var(--wizard-accent)}.wizard-upload-progress{margin-bottom:28px}.wizard-upload-bar{background:#4f46e5;background:var(--wizard-accent);border-radius:100px;height:4px;margin-bottom:8px;transition:width .3s ease}.wizard-upload-success{color:#16a34a;color:var(--wizard-success);font-size:15px;font-weight:500;margin-bottom:28px}.wizard-upload-error{margin-bottom:28px}.wizard-error-note{color:#dc2626;color:var(--wizard-error);font-size:14px;margin-bottom:12px}.wizard-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.wizard-btn-primary{background:#37404f;background:var(--wizard-primary);border:none;border-radius:14px;border-radius:var(--wizard-radius);color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:15px 24px;transition:all .2s;width:100%}.wizard-btn-primary:hover:not(:disabled){background:#202531;background:var(--wizard-primary-hover);box-shadow:0 4px 16px #25282f33;transform:translateY(-1px)}.wizard-btn-primary:disabled{cursor:not-allowed;opacity:.45;transform:none}.wizard-btn-secondary{background:#0000;border:1.5px solid #e0e4e8;border:1.5px solid var(--wizard-border);border-radius:14px;border-radius:var(--wizard-radius);color:#687085;color:var(--wizard-muted);cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;padding:14px 24px;transition:all .2s;width:100%}.wizard-btn-secondary:hover{border-color:#37404f;border-color:var(--wizard-primary);color:#37404f;color:var(--wizard-primary)}.wizard-back-btn{background:#fff;background:var(--wizard-white);border:1.5px solid #e0e4e8;border:1.5px solid var(--wizard-border);border-radius:100px;bottom:24px;box-shadow:0 4px 24px #0a0f1514;box-shadow:var(--wizard-shadow);color:#687085;color:var(--wizard-muted);cursor:pointer;font-family:inherit;font-size:14px;left:24px;padding:10px 18px;position:fixed;transition:all .2s}.wizard-back-btn:hover{border-color:#37404f;border-color:var(--wizard-primary);color:#37404f;color:var(--wizard-primary)}.wizard-info-note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;color:#1d4ed8;font-size:14px;line-height:1.5;margin-bottom:16px;margin-top:16px;padding:12px 16px}.wizard-success-icon,.wizard-welcome-emoji,.wizard-whatsapp-icon{display:block;font-size:64px;margin-bottom:16px}.wizard-waiting-note{background:#f8faff;border:1px solid #e0e4e8;border:1px solid var(--wizard-border);color:#687085;color:var(--wizard-muted);font-size:14px;margin-top:24px;padding:14px 18px;text-align:center}.wizard-chat-preview,.wizard-waiting-note{border-radius:14px;border-radius:var(--wizard-radius)}.wizard-chat-preview{background:#e5ddd5;display:flex;flex-direction:column;gap:12px;margin-bottom:24px;min-height:120px;padding:16px}.wizard-chat-bubble.agent{align-self:flex-start;background:#fff;background:var(--wizard-white);border-radius:0 12px 12px 12px}.wizard-chat-bubble.agent,.wizard-chat-bubble.user{color:#202531;color:var(--wizard-text);font-size:14px;max-width:80%;padding:10px 14px}.wizard-chat-bubble.user{align-self:flex-end;background:#d9fdd3;border-radius:12px 0 12px 12px}.wizard-chat-hint{color:#999;font-size:13px;margin:auto 0;text-align:center}.wizard-chat-error{color:#e53935;font-size:13px;text-align:center}.wizard-chat-typing{align-items:center;display:flex;gap:4px;padding:12px 14px}.wizard-chat-typing span{animation:wizard-bounce 1.2s ease-in-out infinite;background:#999;border-radius:50%;height:6px;width:6px}.wizard-chat-typing span:nth-child(2){animation-delay:.2s}.wizard-chat-typing span:nth-child(3){animation-delay:.4s}@keyframes wizard-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.wizard-chat-input-row{display:flex;gap:8px;margin-top:auto}.wizard-chat-input{border:none;border-radius:100px;flex:1 1;font-size:14px;padding:10px 16px}.wizard-chat-send{background:#4f46e5;background:var(--wizard-accent);border:none;border-radius:100px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 18px}.wizard-chat-send:disabled{cursor:not-allowed;opacity:.5}.wizard-done-links{display:flex;flex-direction:column;gap:10px;margin:24px 0}.wizard-done-link{background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:14px;border-radius:var(--wizard-radius);color:#4f46e5;color:var(--wizard-accent);cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;padding:13px 20px;transition:all .2s}.wizard-done-link:hover{background:#e0e7ff;border-color:#4f46e5;border-color:var(--wizard-accent)}.wizard-done-link.secondary{background:#0000;border-color:#e0e4e8;border-color:var(--wizard-border);color:#687085;color:var(--wizard-muted)}.wizard-method-badge{color:#687085;color:var(--wizard-muted);font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.friction-modal-overlay{align-items:center;background:#0a0f1580;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.friction-modal{animation:modalIn .3s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--wizard-white);border-radius:20px;box-shadow:0 24px 64px #0a0f1533;max-width:400px;padding:32px;width:100%}.friction-modal-text{color:#202531;color:var(--wizard-text);font-size:16px;line-height:1.5;margin-bottom:24px;text-align:center}.friction-modal-actions{display:flex;flex-direction:column;gap:10px}@media (max-width:640px){.onboarding-body{align-items:flex-start;padding:24px 16px 72px}.wizard-question{font-size:20px}.onboarding-topbar{gap:12px;padding:10px 16px}.wizard-help-btn{font-size:12px;padding:6px 10px}.wizard-back-btn{bottom:16px;left:16px}}.chat-column-header{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff0f;cursor:grab;display:flex;justify-content:space-between;padding:16px;-webkit-user-select:none;user-select:none}.chat-column-header:active{cursor:grabbing}.header-left{flex:1 1;gap:12px;min-width:0}.category-indicator{border-radius:2px;flex-shrink:0;height:36px;width:4px}.header-title{display:flex;flex-direction:column;gap:2px;min-width:0}.category-name{color:#2e2e2e;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-stats{align-items:center;color:#3a3a3a80;display:flex;font-size:12px;gap:8px}.unread-indicator{align-items:center;color:#6366f1;display:flex;font-weight:600;gap:4px}.unread-indicator i{font-size:6px}.btn-back{background:#f0dcdc0d;border:1px solid #ffffff1a;color:#000;flex-shrink:0;height:32px;justify-content:center;width:32px}.btn-back:hover{background:#d8c4c41a}.contact-info{flex-direction:row!important;gap:10px}.contact-avatar{border-radius:10px;height:36px;overflow:hidden;width:36px}.contact-avatar img{height:100%;object-fit:cover;width:100%}.contact-avatar span{color:#000;font-size:14px;font-weight:600}.contact-details{color:#000;gap:1px;min-width:0}.contact-status{color:#ffffff80;font-size:11px}.header-right{gap:8px}.ai-indicator{align-items:center;border-radius:8px;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.ai-indicator.active{background:#22c55e26;color:#22c55e}.ai-indicator.inactive{background:#ef444426;color:#ef4444}.menu-container{position:relative}.btn-menu{align-items:center;background:#0000;border:1px solid #0000004d;border-radius:5px;color:#22222280;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.btn-menu:hover{background:#ffffff0d;color:#000}.dropdown-menu{animation:menuSlideIn .2s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e2efa;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0000004d;margin-top:8px;min-width:180px;top:100%;z-index:100}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#000c;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.menu-item:hover{background:#3d3d3d0d;color:#000}.menu-item i{color:#00000080;font-size:13px;width:16px}.menu-item span:first-of-type{flex:1 1}.menu-item .status-tag{border-radius:4px;font-size:10px;font-weight:700;padding:2px 6px}.menu-item .status-tag.on{background:#22c55e33;color:#22c55e}.menu-item .status-tag.off{background:#ef444433;color:#ef4444}.menu-item.danger{color:#ef4444}.menu-item.danger:hover{background:#ef44441a}.menu-item.danger i{color:#ef4444}.menu-divider{background:#ffffff14;height:1px;margin:6px 0}.btn-summary{align-items:center;background:#eab3081f;border:1px solid #eab30859;border-radius:5px;color:#a16207;cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.btn-summary:hover{background:#eab30838;color:#854d0e}.btn-summary:disabled{cursor:not-allowed;opacity:.5}.btn-minimize{align-items:center;background:#0000;border:1px solid #0000004d;border-radius:5px;color:#31313180;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.btn-minimize:hover{background:#ffffff0d;color:#000}.media-wrapper{display:flex;flex-direction:column;gap:4px;max-width:260px}.message-image{border-radius:8px;cursor:pointer;display:block;max-height:220px;max-width:100%;object-fit:cover}.media-fallback{align-items:center;background:#0000000f;border-radius:8px;color:#888;display:flex;font-size:13px;gap:8px;padding:12px}.media-fallback i{font-size:20px}.message-video{border-radius:8px;display:block;max-height:220px;max-width:100%}.message-audio{height:36px;width:240px}.document-wrapper{max-width:none}.document-link{align-items:center;background:#0000000f;border-radius:8px;color:inherit;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:10px 14px;text-decoration:none;transition:background .15s}.document-link:hover{background:#0000001f}.document-link i{color:#667eea;color:var(--primary,#667eea);font-size:18px}.media-caption{color:#ffffffbf;font-size:12px;padding:0 2px}.chat-message.user .media-caption{color:#0000008c}.private-note{border-radius:10px;box-shadow:0 2px 8px #00000014;margin:12px auto;max-width:90%}.summary-note{background:#fffbeb;border:1px solid #f6d860}.private-note-header{align-items:center;background:#fef3c7;border-bottom:1px solid #f6d860;color:#92400e;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px}.private-note-header i{font-size:11px}.private-note-time{color:#b45309;font-size:11px;font-weight:400;margin-left:auto}.private-note-body{color:#1c1917;font-size:13px;line-height:1.6;padding:12px;white-space:pre-wrap}.private-note-footer{align-items:center;background:#fef9e7;border-top:1px solid #f6d860;color:#b45309;display:flex;font-size:11px;font-style:italic;gap:6px;padding:6px 12px}.private-note-footer i{font-size:10px}.chat-expanded-overlay{align-items:center;animation:expandedFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9000}@keyframes expandedFadeIn{0%{opacity:0}to{opacity:1}}.chat-expanded-modal{animation:expandedSlideUp .25s ease;background:#fff;border-radius:16px;box-shadow:0 24px 64px #00000040;display:flex;flex-direction:column;height:80vh;max-height:780px;max-width:1100px;overflow:hidden;width:100%}@keyframes expandedSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.expanded-header{align-items:center;background:#fafafa;border-bottom:1px solid #e8e9eb;display:flex;flex-shrink:0;justify-content:space-between;padding:14px 20px}.expanded-header-left{align-items:center;display:flex;gap:10px}.expanded-category-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.expanded-category-name{color:#1a1a2e;font-size:15px;font-weight:600}.expanded-conv-count{background:#f0f1f3;border-radius:20px;color:#8a8d98;font-size:12px;padding:2px 8px}.expanded-close-btn{align-items:center;background:#0000;border:1px solid #e0e0e0;border-radius:8px;color:#6b6b80;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.expanded-close-btn:hover{background:#ef444414;border-color:#ef44444d;color:#ef4444}.expanded-body{display:flex;flex:1 1;overflow:hidden}.expanded-list-panel{background:#fafafa;border-right:1px solid #e8e9eb;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:300px}.expanded-list-title{color:#9294a0;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.08em;padding:14px 16px 10px;text-transform:uppercase}.expanded-conv-list{flex:1 1;overflow-y:auto;padding:0 8px 8px}.expanded-conv-list::-webkit-scrollbar{width:4px}.expanded-conv-list::-webkit-scrollbar-track{background:#0000}.expanded-conv-list::-webkit-scrollbar-thumb{background:#d0d3db;border-radius:4px}.expanded-empty{align-items:center;color:#b0b3bf;display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;padding:32px 16px}.expanded-empty i{font-size:24px}.expanded-empty span{font-size:13px}.expanded-conv-item{align-items:center;border-left:3px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:10px;margin-bottom:2px;padding:10px;transition:background .15s ease}.expanded-conv-item:hover{background:#6366f10d}.expanded-conv-item.active{background:#6366f114;border-left-color:#6366f1}.expanded-conv-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;overflow:visible;position:relative;width:38px}.expanded-conv-avatar img{border-radius:10px;height:38px;object-fit:cover;width:38px}.expanded-conv-avatar>span{color:#fff;font-size:14px;font-weight:600}.expanded-status-dot{background:#22c55e;border:2px solid #fafafa;border-radius:50%;bottom:-2px;height:10px;position:absolute;right:-2px;width:10px}.expanded-conv-info{flex:1 1;min-width:0}.expanded-conv-header{align-items:center;display:flex;gap:4px;justify-content:space-between;margin-bottom:2px}.expanded-conv-name{color:#1a1a2e;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expanded-conv-time{color:#9294a0;flex-shrink:0;font-size:11px}.expanded-conv-preview{align-items:center;display:flex;gap:4px;justify-content:space-between}.expanded-conv-preview>span:first-child{color:#6b6d7a;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expanded-unread-badge{align-items:center;background:#6366f1;border-radius:9px;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px}.expanded-chat-panel{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.expanded-chat-header{align-items:center;background:#fff;border-bottom:1px solid #e8e9eb;display:flex;flex-shrink:0;gap:12px;padding:14px 20px}.expanded-contact-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;overflow:hidden;width:38px}.expanded-contact-avatar img{height:100%;object-fit:cover;width:100%}.expanded-contact-avatar>span{color:#fff;font-size:14px;font-weight:600}.expanded-contact-info{display:flex;flex-direction:column;gap:1px}.expanded-contact-name{color:#1a1a2e;font-size:14px;font-weight:600}.expanded-contact-status{color:#9294a0;font-size:11px}.expanded-messages-wrap{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.expanded-input-wrap{border-top:1px solid #e8e9eb;flex-shrink:0}.expanded-no-chat{align-items:center;color:#c0c2cc;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center}.expanded-no-chat i{font-size:40px}.expanded-no-chat span{font-size:14px}.chat-column{background:#fff;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 4px 10px #0003;cursor:grab;display:flex;flex-direction:column;height:calc(100vh - 220px);max-height:570px;max-width:360px;min-height:500px;min-width:360px;overflow:hidden;position:relative;transition:transform .3s cubic-bezier(.2,0,0,1),margin .3s cubic-bezier(.2,0,0,1),box-shadow .2s ease,border-color .2s ease,opacity .2s ease;width:360px}.chat-column:hover{border-color:#2727271f;box-shadow:0 8px 32px #00000026}.chat-column.dragging{box-shadow:0 20px 50px #00000040;cursor:grabbing;opacity:.85;transform:scale(1.02) rotate(1deg);transition:box-shadow .2s ease,opacity .15s ease;z-index:1000}.chat-column.other-dragging{transition:transform .35s cubic-bezier(.2,0,0,1),margin .35s cubic-bezier(.2,0,0,1),box-shadow .2s ease,border-color .2s ease}.chat-column.drag-over.drop-before{border-left:3px solid #6366f1;margin-left:90px}.chat-column.drag-over.drop-after{border-right:3px solid #6366f1;margin-right:90px}.chat-column.drag-over:before{animation:dropIndicatorPulse 1s ease-in-out infinite;background:linear-gradient(180deg,#0000,#6366f1,#0000);border-radius:4px;content:"";height:80%;opacity:1;position:absolute;top:10%;width:4px}.chat-column.drag-over.drop-before:before{left:-8px}.chat-column.drag-over.drop-after:before{right:-8px}@keyframes dropIndicatorPulse{0%,to{opacity:.6;transform:scaleY(.95)}50%{opacity:1;transform:scaleY(1)}}.chat-column.drag-over{background:#6366f108}.column-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.conv-search-bar{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-shrink:0;gap:8px;margin:8px 12px 4px;padding:7px 10px;transition:border-color .2s}.conv-search-bar:focus-within{background:#fff;border-color:#6366f1}.conv-search-bar i{color:#94a3b8;flex-shrink:0;font-size:12px}.conv-search-bar input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:13px;min-width:0;outline:none}.conv-search-bar input::placeholder{color:#94a3b8}.conv-search-clear{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;padding:0}.conv-search-clear:hover{color:#64748b}.conversation-list-container{flex:1 1;overflow-y:auto;padding:8px 12px 12px}.conversation-list-container::-webkit-scrollbar{width:6px}.conversation-list-container::-webkit-scrollbar-track{background:#0000}.conversation-list-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.conversation-list-container::-webkit-scrollbar-thumb:hover{background:#ffffff26}.empty-conversations{align-items:center;color:#2929294d;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;min-height:200px}.empty-conversations i{font-size:32px}.empty-conversations span{font-size:14px}.conversation-list{display:flex;flex-direction:column;gap:4px}.conversation-item{background:#0000;border:1px solid #0000001a;border-radius:12px;box-shadow:0 4px 0 #0000001a;gap:12px;padding:12px;transition:all .2s ease}.conversation-item:hover{background:#5353530d}.conversation-item.selected{background:#6366f126;border:1px solid #6366f14d}.conversation-item.has-unread{background:#ffffff05}.conversation-item.has-unread .conv-name{font-weight:700}.conv-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;position:relative;width:44px}.conv-avatar img{height:100%;object-fit:cover;width:100%}.conv-avatar span{color:#000;font-size:16px;font-weight:600}.conv-avatar .status-dot{background:#22c55e;border:2px solid #1a1a2e;border-radius:50%;bottom:2px;height:10px;position:absolute;right:2px;width:10px}.conv-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.conv-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.conv-name{color:#000;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-time{color:#5c5c5c;flex-shrink:0;font-size:11px}.conv-preview{align-items:center;display:flex;gap:8px;justify-content:space-between}.preview-text{color:#020202cc;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#000;flex-shrink:0;padding:2px 7px}.active-chat-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}@media (max-width:768px){.chat-column{height:auto;max-width:100%;min-height:400px;min-width:100%;width:100%}}.minimized-chats-bar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#14141ef2;border-top:1px solid #ffffff14;bottom:0;display:flex;gap:16px;left:var(--sidebar-expanded-width);padding:12px 24px;position:fixed;right:0;transition:left .3s ease;z-index:50}.sidebar.collapsed~.main-content .minimized-chats-bar{left:var(--sidebar-width)}.minimized-bar-label{align-items:center;border-right:1px solid #ffffff1a;color:#ffffff80;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:8px;padding-right:16px}.minimized-bar-label i{font-size:12px}.minimized-chats-list{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px;overflow-x:auto;padding:4px 0}.minimized-chats-list::-webkit-scrollbar{height:4px}.minimized-chats-list::-webkit-scrollbar-track{background:#0000}.minimized-chats-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.minimized-chat-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;cursor:pointer;display:flex;gap:10px;max-width:220px;min-width:160px;overflow:hidden;padding:8px 12px;position:relative;transition:all .2s ease}.minimized-chat-item:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translateY(-2px)}.minimized-chat-item:active{transform:translateY(0)}.minimized-color-bar{border-radius:2px;flex-shrink:0;height:24px;width:3px}.minimized-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.minimized-name{color:#fff;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.minimized-stats{color:#fff6;font-size:11px}.minimized-badges{align-items:center;display:flex;gap:6px}.minimized-chat-item .unread-badge{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:8px;color:#fff;font-size:10px;font-weight:700;min-width:16px;padding:2px 6px;text-align:center}.ai-badge{background:#22c55e26;color:#22c55e;font-size:10px;height:20px;width:20px}.ai-badge,.btn-close-minimized{align-items:center;border-radius:6px;display:flex;justify-content:center}.btn-close-minimized{background:#0000;border:none;color:#ffffff4d;cursor:pointer;flex-shrink:0;height:24px;opacity:0;transition:all .2s ease;width:24px}.minimized-chat-item:hover .btn-close-minimized{opacity:1}.btn-close-minimized:hover{background:#ef444426;color:#ef4444}.minimized-chat-item{animation:slideUp .3s ease}@media (max-width:768px){.minimized-chats-bar{flex-wrap:wrap;gap:10px;left:0;padding:10px 16px}.minimized-bar-label{border-bottom:1px solid #ffffff1a;border-right:none;margin-bottom:4px;padding-bottom:10px;width:100%}.minimized-chat-item{max-width:calc(50% - 6px);min-width:calc(50% - 6px)}}.modal-overlay{z-index:var(--z-modal,10000)}.category-select-modal{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:480px;overflow:hidden;width:100%}.modal-header{background:#f8fafc}.modal-header h3{color:#1a1a2e;font-size:18px;font-weight:600;margin:0}.btn-close{border-radius:8px;height:32px;width:32px}.modal-search{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;margin:16px 20px;padding:12px 16px;transition:all .2s ease}.modal-search:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.modal-search i{color:#94a3b8;font-size:14px}.modal-search input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:14px;outline:none}.modal-search input::placeholder{color:#5c5c5c}.btn-clear-search{align-items:center;background:#e2e8f0;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;transition:all .2s ease;width:20px}.btn-clear-search:hover{background:#cbd5e1;color:#1e293b}.modal-content{padding:0 12px 12px}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#0000}.modal-content::-webkit-scrollbar-thumb{border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.no-categories{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.no-categories i{font-size:40px}.no-categories span{font-size:14px}.category-list{display:flex;flex-direction:column;gap:6px}.category-item{align-items:center;background:#f8fafc;border:1px solid #0000;border-radius:14px;cursor:pointer;display:flex;gap:14px;padding:14px 16px;text-align:left;transition:all .2s ease;width:100%}.category-item:hover:not(.disabled){background:#f1f5f9;border-color:#e2e8f0}.category-item.disabled{cursor:not-allowed;opacity:.5}.category-item.disabled:hover{background:#f8fafc}.category-color{align-items:center;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;width:44px}.category-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.category-item .category-name{color:#1e293b;font-size:15px;font-weight:600}.category-description{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.conversation-count{color:#94a3b8;font-size:12px}.already-open-badge{align-items:center;background:#dcfce7;border-radius:6px;color:#16a34a;display:flex;font-size:11px;gap:4px;padding:3px 8px}.category-item>i.fa-chevron-right{color:#cbd5e1;flex-shrink:0;font-size:12px}.modal-footer{background:#f8fafc;padding:14px 20px}.footer-hint{align-items:center;color:#64748b;display:flex;font-size:12px;gap:8px}.footer-hint i{color:#6366f1;font-size:12px}@media (max-width:520px){.category-select-modal{border-radius:16px;max-height:90vh}.modal-header{padding:16px 20px}.category-item{padding:12px 14px}.category-color{height:40px;width:40px}}.chat-kanban-board{display:flex;flex-direction:column;gap:24px;height:80%;padding:24px}.kanban-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-bottom:20px}.kanban-title h2{-webkit-background-clip:text;background-clip:text;color:#000;font-size:28px;font-weight:700;margin:0 0 4px}.kanban-subtitle{color:#00000080;font-size:14px}.btn-add-chat{align-items:center;background:#3c4a63;border:none;border-radius:12px;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.btn-add-chat:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.btn-add-chat:active{transform:translateY(0)}.btn-add-chat i{font-size:14px}.kanban-columns-wrapper{flex:1 1;overflow-x:auto;overflow-y:hidden;padding-bottom:10px}.kanban-columns-wrapper::-webkit-scrollbar{height:8px}.kanban-columns-wrapper::-webkit-scrollbar-track{background:#f0f1f5;border-radius:4px}.kanban-columns-wrapper::-webkit-scrollbar-thumb{background:#e6e7eb;border-radius:4px}.kanban-columns-wrapper::-webkit-scrollbar-thumb:hover{background:#3c3c3c}.kanban-columns{align-items:flex-start;display:flex;gap:20px;min-height:500px;padding:4px}.kanban-columns.is-dragging{transition:all .3s cubic-bezier(.2,0,0,1)}.kanban-empty-state{color:#000;flex-direction:column;height:100%;min-height:400px;text-align:center}.kanban-empty-state,.kanban-empty-state .empty-icon{align-items:center;display:flex;justify-content:center}.kanban-empty-state .empty-icon{animation:float 3s ease-in-out infinite;background:#fff;border-radius:24px;height:100px;margin-bottom:24px;width:100px}.kanban-empty-state .empty-icon i{color:#000;font-size:40px}.kanban-empty-state h3{color:#000;font-size:22px;font-weight:600;margin:0 0 8px}.kanban-empty-state p{color:#000;font-size:15px;margin:0 0 24px}.btn-start-chat{align-items:center;background:linear-gradient(135deg,#7faec9,#7faec9);border:none;border-radius:12px;box-shadow:0 4px 12px #6366f14d;color:#000;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.btn-start-chat:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.kanban-loading{align-items:center;color:#000;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #fff;border-radius:50%;border-top-color:#6366f1;height:40px;width:40px}@media (max-width:1200px){.kanban-columns{flex-wrap:nowrap;overflow-x:auto}}@media (max-width:768px){.chat-kanban-board{padding:16px}.kanban-header{align-items:flex-start;flex-direction:column;gap:16px}.btn-add-chat{justify-content:center;width:100%}.kanban-columns{flex-direction:column;gap:16px}}.dashboard-page{animation:fadeIn .5s cubic-bezier(.4,0,.2,1);background-color:#f9faf7;display:flex;flex-direction:column;gap:24px;height:calc(100vh - 60px);margin:0 auto;max-width:100%;overflow:hidden;padding:24px}.page-header h1,.subtitle{color:#28282a}.subtitle{font-weight:400}.metrics-grid.dashboard{grid-gap:20px;animation:staggerIn .8s cubic-bezier(.4,0,.2,1);display:grid;flex-shrink:0;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.metric-card{align-items:center;background:#fff;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 0 #0000001a;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.metric-card:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.metric-card:hover:before{left:100%}.metric-card:hover{border-color:#0003;box-shadow:0 12px 32px #0003,inset 0 0 0 1px #ffffff1a;transform:translateY(-4px)}.metric-card:active{transform:translateY(-2px) scale(.98)}.metric-icon{align-items:center;border-radius:14px;box-shadow:0 4px 16px #0003;display:flex;flex-shrink:0;font-size:22px;height:52px;justify-content:center;position:relative;transition:all .3s ease;width:52px}.metric-icon i{color:#fff}.metric-card:hover .metric-icon{transform:scale(1.1) rotate(5deg)}.metric-card:first-child .metric-icon{background:#7faec9}.metric-card:nth-child(2) .metric-icon{background:#5fbf8f}.metric-card:nth-child(3) .metric-icon{background:#e06666}.metric-card:nth-child(4) .metric-icon{background:#ffd36a}.metric-icon:before{border-radius:14px;content:"";inset:-2px;-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute}.metric-content{flex:1 1}.metric-value{color:#28282a;font-size:26px;line-height:1;margin:0 0 4px}.metric-label{color:#28282a;font-size:13px;font-weight:500;margin:0}.kanban-container{animation:fadeIn 1s cubic-bezier(.4,0,.2,1) .2s backwards;flex:1 1;min-height:0;overflow:hidden}.kanban-container>*{height:750px;overflow-x:hidden;overflow-y:auto}.dashboard-grid{grid-gap:24px;animation:fadeIn 1s cubic-bezier(.4,0,.2,1) .2s backwards;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.dashboard-card{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 16px #0000001a,inset 0 0 0 1px #ffffff0d;overflow:hidden;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-card:hover{border-color:#00000026;box-shadow:0 8px 24px #00000026,inset 0 0 0 1px #ffffff14}.card-header{background:#ffffff05;border-bottom:1px solid #ffffff14;padding:24px 24px 16px;position:relative}.card-header:after{background:linear-gradient(90deg,#0000,#3b82f64d,#0000);bottom:-1px;content:"";height:1px;left:24px;position:absolute;right:24px}.card-header h2,.card-header h3{align-items:center;color:#000;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.card-header h2:before{content:"\f4ad";font-family:Font Awesome\ 6 Free;font-size:20px;font-weight:900}.btn-text{background:none;border:none;border-radius:8px;color:#0009;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s ease}.btn-text:hover{background:#ffffff0d;color:#000}.conversation-list{overflow-y:auto;padding:8px;scroll-behavior:smooth}.conversation-list::-webkit-scrollbar{width:8px}.conversation-list::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px;margin:8px}.conversation-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.conversation-list::-webkit-scrollbar-thumb:hover{background:#ffffff26}.conversation-item{align-items:center;border-radius:14px;cursor:pointer;display:flex;gap:14px;margin-bottom:6px;overflow:hidden;padding:14px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.conversation-item:before{background:linear-gradient(90deg,#3b82f666,#0000);border-radius:14px 0 0 14px;bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s ease;width:0}.conversation-item:hover{background:#ffffff0d}.conversation-item:hover:before{width:4px}.conversation-item:active{background:#ffffff14;transform:scale(.98)}.conversation-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;transition:all .2s ease;width:48px}.conversation-item:hover .conversation-avatar{box-shadow:0 6px 16px #0003;transform:scale(1.05)}.conversation-info{flex:1 1;min-width:0}.conversation-name{align-items:center;color:#000;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 4px}.conversation-preview{color:#00000080;font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.conversation-time{color:#0006;font-size:12px}.unread-badge{animation:bounceIn .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f666;font-size:11px;min-width:20px;padding:3px 8px}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.category-stats-list{max-height:480px;overflow-y:auto;padding:8px}.category-stat-item{align-items:center;border-radius:14px;cursor:pointer;display:flex;gap:14px;margin-bottom:6px;overflow:hidden;padding:14px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.category-stat-item:before{background:linear-gradient(90deg,currentColor,#0000);border-radius:14px 0 0 14px;bottom:0;content:"";left:0;opacity:.3;position:absolute;top:0;transition:width .3s ease;width:0}.category-stat-item:hover{background:#ffffff0d}.category-stat-item:hover:before{width:4px}.category-color-dot{align-items:center;border:2px solid #ffffff1a;border-radius:10px;box-shadow:0 4px 12px #00000026;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.category-stat-item:hover .category-color-dot{box-shadow:0 6px 16px #0003;transform:scale(1.1) rotate(5deg)}.category-stat-info{flex:1 1;min-width:0}.category-stat-name{color:#000;display:block;font-size:15px;font-weight:600;margin:0 0 4px}.category-stat-desc{color:#00000080;font-size:12px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-stat-count{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#000;font-size:12px;font-weight:700;min-width:40px;padding:6px 14px;text-align:center;transition:all .2s ease;white-space:nowrap}.category-stat-item:hover .category-stat-count{background:#ffffff26;transform:scale(1.05)}.empty-state{color:#0006;padding:60px 24px}.empty-state-text{color:#0009;font-size:16px}.empty-state-subtext{color:#0006}@media (max-width:1400px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1200px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-page{gap:16px;height:calc(100vh - 60px);padding:16px}.page-header h1{font-size:26px}.metrics-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.metric-card{gap:12px;padding:16px}.metric-icon{font-size:20px;height:44px;width:44px}.metric-value{font-size:22px}.metric-label{font-size:11px}.dashboard-grid{gap:16px}.category-stats-list,.conversation-list{max-height:360px}}@media (max-width:480px){.dashboard-page{gap:12px;padding:12px}.page-header h1{font-size:22px}.metrics-grid{gap:10px;grid-template-columns:1fr}.metric-card{padding:14px}.metric-icon{font-size:18px;height:40px;width:40px}.metric-value{font-size:20px}.metric-label{font-size:11px}}@media (prefers-reduced-motion:reduce){.dashboard-grid,.dashboard-page,.kanban-container,.metric-card,.metrics-grid{animation:none}.category-stat-item:before,.conversation-item:before,.metric-card:before{display:none}.empty-state-icon{animation:none}}.chat-contacts{background:#0000;display:flex;flex-direction:column;height:100%}.contacts-header{background:#ffffff05;border-bottom:1px solid #ffffff14;padding:20px;position:relative}.contacts-header:after{background:linear-gradient(90deg,#0000,#3b82f64d,#0000);bottom:-1px;content:"";height:1px;left:20px;position:absolute;right:20px}.contacts-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.contacts-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffe6);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:18px;font-weight:700;margin:0}.contacts-search{position:relative}.contacts-search input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:12px;color:#fff;font-family:inherit;font-size:14px;outline:none;padding:10px 16px 10px 40px;transition:all .2s ease;width:100%}.contacts-search input::placeholder{color:#3d3d3d66}.contacts-search input:focus{background:#ffffff14;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.contacts-search:before{content:"\f002";font-family:Font Awesome\ 6 Free;font-size:16px;font-weight:900;left:14px;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.category-filters{-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;padding:16px 20px 12px;scrollbar-width:none}.category-filters::-webkit-scrollbar{display:none}.category-filter-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.category-filter-btn:hover{background:#ffffff14;border-color:#ffffff26;color:#ffffffe6;transform:translateY(-1px)}.category-filter-btn.active{background:linear-gradient(135deg,#3b82f64d,#2563eb33);border-color:#3b82f666;box-shadow:0 2px 8px #3b82f633;color:#fff}.category-filter-btn.active:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.contacts-list{flex:1 1;overflow-y:auto;padding:8px;scroll-behavior:smooth}.contacts-list::-webkit-scrollbar{width:6px}.contacts-list::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px;margin:8px 0}.contacts-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.contacts-list::-webkit-scrollbar-thumb:hover{background:#ffffff26}.contact-item{align-items:center;animation:contactSlideIn .3s cubic-bezier(.4,0,.2,1);border-radius:14px;cursor:pointer;margin-bottom:4px;overflow:hidden;padding:12px 14px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}@keyframes contactSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.contact-item:before{background:linear-gradient(90deg,#3b82f64d,#0000);border-radius:14px 0 0 14px;bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s ease;width:0}.contact-item:hover{background:#ffffff0d;transform:translateX(2px)}.contact-item:hover:before{width:4px}.contact-item.active{background:#3b82f626;border:1px solid #3b82f64d}.contact-item.active:before{background:linear-gradient(90deg,#3b82f6cc,#0000);width:4px}.contact-item:active{transform:scale(.98)}.contact-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 12px #00000026;flex-shrink:0;font-size:16px;height:46px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:46px}.contact-item:hover .contact-avatar{box-shadow:0 6px 16px #0003;transform:scale(1.05)}.contact-item.active .contact-avatar{border-color:#3b82f666;box-shadow:0 4px 16px #3b82f64d}.contact-avatar:after{background:#10b981;border:2px solid #1e293b;border-radius:50%;bottom:-2px;box-shadow:0 0 8px #10b98199;content:"";height:12px;opacity:0;position:absolute;right:-2px;transition:opacity .2s ease;width:12px}.contact-item.online .contact-avatar:after{animation:statusPulse 2s infinite;opacity:1}.contact-info{min-width:0}.contact-name{color:#fff;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.contact-item:hover .contact-name{color:#3b82f6}.contact-item.active .contact-name{color:#60a5fa}.contact-last-message{color:#ffffff80;font-size:12px;margin:0;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.contact-item:hover .contact-last-message{color:#ffffffb3}.contact-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.contact-time{color:#fff6;font-size:11px;white-space:nowrap}.contact-unread{animation:badgeBounce .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;box-shadow:0 2px 8px #3b82f666;color:#fff;font-size:10px;font-weight:700;min-width:18px;padding:3px 7px;text-align:center}@keyframes badgeBounce{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.contact-category{align-items:center;background:#ffffff1a;border-radius:6px;color:#ffffffb3;display:inline-flex;font-size:10px;font-weight:600;gap:4px;margin-top:2px;padding:2px 6px}.contacts-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.contacts-empty-icon{animation:float 3s ease-in-out infinite;font-size:64px;margin-bottom:16px;opacity:.3}.contacts-empty-text{color:#fff9;font-size:16px;font-weight:600;margin-bottom:8px}.contacts-empty-subtext{color:#fff6;font-size:13px;line-height:1.5;max-width:250px}.contacts-loading{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px}.contacts-loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@media (max-width:768px){.contacts-header{padding:16px}.contacts-title{font-size:16px}.category-filters{padding:12px 16px 8px}.contact-item{padding:10px 12px}.contact-avatar{font-size:15px;height:42px;width:42px}.contact-name{font-size:13px}.contact-last-message{font-size:11px}}.contact-skeleton{align-items:center;display:flex;gap:12px;margin-bottom:4px;padding:12px 14px}.skeleton-avatar{animation:shimmerSkeleton 1.5s infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff1a 50%,#ffffff0d);background-size:200% 100%;border-radius:12px;height:46px;width:46px}.skeleton-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.skeleton-line{animation:shimmerSkeleton 1.5s infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff1a 50%,#ffffff0d);background-size:200% 100%;border-radius:6px;height:12px}.skeleton-line.short{width:60%}@keyframes shimmerSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.chat-page{animation:fadeIn .4s cubic-bezier(.4,0,.2,1);background:#0000;display:flex;flex-direction:column;height:100%}.chat-page-container{animation:slideIn .5s cubic-bezier(.4,0,.2,1);display:flex;flex:1 1;gap:24px;overflow:hidden;padding:24px}.chat-sidebar-wrapper{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 16px #0000001a,inset 0 0 0 1px #ffffff0d;flex-shrink:0;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:360px}.chat-sidebar-wrapper:before{animation:shimmer 3s linear infinite;background:linear-gradient(90deg,#0000,#3b82f680,#8b5cf680,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.chat-sidebar-wrapper:hover{border-color:#31313126;box-shadow:0 8px 24px #00000026,inset 0 0 0 1px #ffffff14}.chat-main-wrapper{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 16px #0000001a,inset 0 0 0 1px #ffffff0d;display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-main-wrapper:after{background:radial-gradient(circle at 20% 20%,#3b82f614,#0000 40%),radial-gradient(circle at 80% 80%,#8b5cf614,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.chat-main-wrapper:hover{border-color:#38383826;box-shadow:0 8px 24px #00000026,inset 0 0 0 1px #ffffff14}.chat-page-header{align-items:center;animation:slideDown .6s cubic-bezier(.4,0,.2,1);background:#ffffff08;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:20px 24px;position:relative;z-index:1}.chat-page-header:after{background:linear-gradient(90deg,#0000,#3b82f666,#0000);bottom:-1px;content:"";height:1px;left:24px;position:absolute;right:24px}.contact-info{align-items:center;gap:16px}.contact-avatar-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ffffff1a;border-radius:14px;box-shadow:0 4px 16px #0003;color:#fff;display:flex;font-size:20px;font-weight:700;height:52px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:52px}.contact-avatar-large:before{background:linear-gradient(135deg,#ffffff4d,#0000);border-radius:14px;content:"";inset:-3px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:3px;position:absolute;transition:opacity .3s ease}.contact-info:hover .contact-avatar-large:before{opacity:1}.contact-info:hover .contact-avatar-large{box-shadow:0 6px 20px #00000040;transform:scale(1.05) rotate(-2deg)}.contact-details{flex-direction:column;gap:4px}.contact-name{color:#000;font-size:18px;font-weight:700;margin:0}.contact-status{align-items:center;color:#00000080;display:flex;font-size:13px;gap:8px;margin:0}.contact-status-dot{animation:statusPulse 2s infinite;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b98199;height:8px;width:8px}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.chat-header-actions{align-items:center;display:flex;gap:8px}.chat-header-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#000000b3;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.chat-header-btn:hover{background:#ffffff1a;border-color:#3f3f3f33;box-shadow:0 4px 12px #00000026;color:#000;transform:translateY(-2px)}.chat-header-btn:active{transform:scale(.95)}.chat-content{display:flex;flex:1 1;flex-direction:column;position:relative;z-index:1}.chat-empty-state{flex:1 1;padding:60px 40px;position:relative;text-align:center;z-index:1}.empty-icon{animation:float 3s ease-in-out infinite;font-size:80px;margin-bottom:24px;opacity:.5}.chat-empty-state h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;color:#2c2c2ccc;font-size:24px;font-weight:700;margin:0 0 12px}.chat-empty-state p{color:#1f1f1f80;font-size:15px;line-height:1.6;margin:0;max-width:400px}@media (max-width:1200px){.chat-sidebar-wrapper{width:320px}}@media (max-width:992px){.chat-page-container{flex-direction:column;gap:16px}.chat-sidebar-wrapper{max-height:300px;width:100%}.chat-main-wrapper{flex:1 1}}@media (max-width:768px){.chat-page-container{gap:12px;padding:16px}.chat-main-wrapper,.chat-sidebar-wrapper{border-radius:16px}.chat-page-header{padding:16px 20px}.contact-avatar-large{font-size:18px;height:44px;width:44px}.contact-name{font-size:16px}.contact-status{font-size:12px}.chat-empty-state{padding:40px 24px}.empty-icon{font-size:64px}.chat-empty-state h2{font-size:20px}.chat-empty-state p{font-size:14px}}@media (max-width:480px){.chat-page-container{padding:12px}.chat-main-wrapper,.chat-sidebar-wrapper{border-radius:12px}.chat-page-header{padding:12px 16px}.contact-info{gap:12px}.chat-header-actions{gap:6px}.chat-header-btn{font-size:14px;height:36px;width:36px}}.chat-loading{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative;z-index:1}.chat-loading-spinner{animation:spin .8s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.chat-category-badge{background:#ffffff1a;border:1px solid #ffffff26;color:#000;display:inline-flex;font-weight:600;transition:all .2s ease}.chat-category-badge:hover{background:#ffffff26;transform:translateY(-1px)}.chat-category-icon{font-size:14px}.loading{align-items:center;color:#64748b;display:flex;font-size:16px;justify-content:center;padding:60px 20px}.category-manager{animation:fadeIn .5s cubic-bezier(.4,0,.2,1);background-color:#f9faf7;margin:0 auto;max-width:1600px;padding:24px}.category-header{align-items:center;animation:slideDown .6s cubic-bezier(.4,0,.2,1);display:flex;justify-content:space-between;margin-bottom:32px}.category-header h1,.category-header h2{color:#28282a;font-size:32px;font-weight:700;margin:0}.category-header-actions{display:flex;gap:12px}.btn-new-category{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:14px;box-shadow:0 4px 16px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-new-category:hover{box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px)}.btn-new-category:active{transform:scale(.98)}.btn-new-category:before{content:"+";font-size:20px;font-weight:700}.btn-primary{align-items:center;border-radius:14px;display:flex;font-size:14px;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary i{color:#fff;font-size:14px}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:#0000000d;border:1px solid #0000001a;border-radius:14px;color:#64748b;font-size:14px;padding:12px 24px}.btn-secondary:hover{background:#00000014;border-color:#00000026}.btn-close{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-close:hover{background:#fee2e2;border-color:#fecaca;color:#ef4444;transform:scale(1.1)}.category-stats{grid-gap:20px;animation:staggerIn .8s cubic-bezier(.4,0,.2,1);display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 0 #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.stat-card:hover:before{left:100%}.stat-card:hover{border-color:#0003;box-shadow:0 12px 32px #0003,inset 0 0 0 1px #ffffff1a;transform:translateY(-4px)}.stat-card:active{transform:translateY(-2px) scale(.98)}.stat-icon{background:#3b82f6;box-shadow:0 4px 16px #0003;font-size:22px;height:52px;min-width:52px;transition:all .3s ease;width:52px}.stat-icon i{color:#fff!important;font-size:22px}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.stat-card:first-child .stat-icon{background:#7faec9}.stat-card:nth-child(2) .stat-icon{background:#5fbf8f}.stat-card:nth-child(3) .stat-icon{background:#e06666}.stat-card:nth-child(4) .stat-icon{background:#ffd36a}.stat-content h3,.stat-value{color:#28282a;font-size:26px;font-weight:700;margin:0 0 4px}.stat-content p,.stat-label{color:#28282a;font-size:13px;font-weight:500;margin:0}.category-grid{grid-gap:24px;animation:fadeIn 1s cubic-bezier(.4,0,.2,1) .2s backwards;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.category-card{background:#fff;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 0 #0000001a;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.category-card:before{background:linear-gradient(90deg,#3b82f6,#0000);background:linear-gradient(90deg,var(--category-color,#3b82f6),#0000);content:"";height:4px;left:0;position:absolute;right:0;top:0}.category-card:hover{border-color:#0003;box-shadow:0 12px 32px #0003,inset 0 0 0 1px #ffffff1a;transform:translateY(-4px)}.category-card:active{transform:translateY(-2px) scale(.98)}.category-card-header{align-items:center;display:flex;gap:14px;margin-bottom:16px}.category-icon{align-items:center;background:#3b82f6;border-radius:14px;box-shadow:0 4px 16px #0003;display:flex;font-size:22px;height:52px;justify-content:center;min-width:52px;transition:all .3s ease;width:52px}.category-icon i{color:#fff!important;font-size:22px}.category-card:first-child .category-icon{background:#7faec9}.category-card:nth-child(2) .category-icon{background:#5fbf8f}.category-card:nth-child(3) .category-icon{background:#e06666}.category-card:nth-child(4) .category-icon{background:#ffd36a}.category-card:nth-child(5) .category-icon{background:#7faec9}.category-card:nth-child(6) .category-icon{background:#5fbf8f}.category-card:nth-child(7) .category-icon{background:#e06666}.category-card:nth-child(8) .category-icon{background:#ffd36a}.category-card:hover .category-icon{transform:scale(1.1) rotate(5deg)}.category-description{color:#64748b;font-size:13px;line-height:1.5;margin-bottom:12px}.category-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.badge{border-radius:8px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.badge i{font-size:10px}.badge-blue{background:#3b82f626;border:1px solid #3b82f64d;color:#3b82f6}.badge-purple{background:#8b5cf626;border:1px solid #8b5cf64d;color:#8b5cf6}.badge-gray{background:#64748b26;border:1px solid #64748b4d;color:#64748b}.category-actions{border-top:1px solid #00000014;display:flex;gap:8px;margin-top:12px;padding-top:12px}.btn-icon{border:1px solid #e2e8f0;border-radius:10px;font-size:14px;height:36px;width:36px}.btn-icon i{color:inherit}.btn-icon:hover{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6;transform:scale(1.05)}.btn-icon.btn-danger:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.category-card-title,.category-info{flex:1 1}.category-card-title h3,.category-name{color:#28282a;font-size:18px;font-weight:700;margin:0 0 4px}.category-card-title p,.category-count{color:#28282a;font-size:13px;font-weight:500;margin:0}.category-card-actions{display:flex;gap:6px;opacity:0;transition:opacity .2s ease}.category-card:hover .category-card-actions{opacity:1}.category-action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.category-action-btn:hover{background:#ffffff1a;color:#fff;transform:scale(1.1)}.category-action-btn.delete:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.category-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.keyword-tag{background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;color:#fffc;font-size:12px;padding:4px 10px;transition:all .2s ease}.keyword-tag:hover{background:#ffffff26;transform:translateY(-1px)}.category-mcp-badge{align-items:center;background:#10b98126;border:1px solid #10b9814d;border-radius:8px;color:#6ee7b7;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.category-mcp-badge:before{content:">";font-size:14px}.modal-overlay{animation:overlayFadeIn .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);border:1px solid #0000001a;box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:600px;padding:32px;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-header h2,.modal-header h3{color:#1e293b;font-size:24px;font-weight:700;margin:0}.modal-close-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modal-close-btn:hover{background:#ef444433;border-color:#ef444466;color:#ef4444;transform:scale(1.1)}.modal-body{margin-bottom:24px}.category-form{display:flex;flex-direction:column;gap:4px}.form-group input,.form-group select,.form-group textarea{background:#f8fafc;border:1.5px solid #e2e8f0;color:#1e293b;font-family:inherit;outline:none;transition:all .2s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.form-group small{color:#64748b;display:block;font-size:12px;margin-top:6px}.icon-picker{grid-gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));max-height:200px;overflow-y:auto;padding:12px}.icon-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;transition:all .2s ease;width:48px}.icon-option:hover{background:#f1f5f9;color:#3b82f6;transform:scale(1.1)}.icon-option.active,.icon-option.selected{background:#dbeafe;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;color:#3b82f6}.color-picker{grid-gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));padding:12px}.color-option{border:3px solid #fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:40px;position:relative;transition:all .2s ease;width:40px}.color-option:hover{box-shadow:0 4px 12px #0003;transform:scale(1.15)}.color-option.active,.color-option.selected{border-color:#1e293b;box-shadow:0 0 0 3px #1e293b4d;transform:scale(1.1)}.color-option.active:after,.color-option.selected:after{color:#fff;content:"";font-size:20px;font-weight:700;left:50%;position:absolute;text-shadow:0 2px 4px #00000080;top:50%;transform:translate(-50%,-50%)}.keywords-input-container{background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;min-height:48px;padding:12px;transition:all .2s ease}.keywords-input-container:focus-within{background:#ffffff14;border-color:#3b82f699;box-shadow:0 0 0 4px #3b82f61a}.keywords-input-container input{background:#0000;border:none;color:#fff;flex:1 1;font-size:14px;min-width:120px;outline:none;padding:0}.keyword-chip{align-items:center;animation:chipSlideIn .2s ease;background:#3b82f633;border:1px solid #3b82f64d;border-radius:8px;color:#93c5fd;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px}@keyframes chipSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.keyword-chip-remove{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;height:16px;justify-content:center;padding:0;transition:all .2s ease;width:16px}.keyword-chip-remove:hover{background:#ef44444d;color:#ef4444}.checkbox-group{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;gap:10px;padding:14px 16px;transition:all .2s ease}.checkbox-group:hover{background:#ffffff0d;border-color:#ffffff1f}.checkbox-group input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:20px;width:20px}.checkbox-label{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#374151;font-size:14px;font-weight:500;gap:10px;padding:14px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.checkbox-label:hover{background:#f1f5f9;border-color:#cbd5e1}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;height:20px;width:20px}.checkbox-label span{color:#374151}.form-actions{border-top:1px solid #e2e8f0;padding-top:20px}.btn-cancel{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-cancel:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-1px)}.btn-save{border:none;border-radius:12px;box-shadow:0 4px 16px #3b82f64d;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-save:hover{box-shadow:0 6px 20px #3b82f666}.btn-save:active{transform:scale(.98)}@media (max-width:768px){.category-manager{padding:20px}.category-header{align-items:flex-start;flex-direction:column;gap:16px}.category-grid,.category-stats{grid-template-columns:1fr}.modal-content{border-radius:20px;padding:24px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-save{width:100%}}.flows-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px;position:relative}.flows-page:before{background:radial-gradient(circle at 30% 70%,#3b82f626 0,#0000 50%),radial-gradient(circle at 70% 30%,#8b5cf626 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.flows-page>*{position:relative;z-index:1}.flows-page h1{animation:float 3s ease-in-out infinite;font-size:48px;margin-bottom:16px}.flows-page p{color:#fff9;font-size:18px;margin:0}.flows-coming-soon{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px #0003,inset 0 0 0 1px #ffffff0d;padding:60px 80px;text-align:center}.flows-coming-soon h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:28px;font-weight:700;margin:0 0 12px}.flows-coming-soon p{color:#ffffff80;font-size:16px;margin:0}@media (max-width:768px){.flows-page{padding:20px}.flows-page h1{font-size:36px}.flows-coming-soon{padding:40px}.flows-coming-soon h2{font-size:22px}}.settings-page{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);min-height:100vh;padding:32px;position:relative}.settings-page:before{background:radial-gradient(circle at 20% 80%,#3b82f626 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf626 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.settings-page>*{position:relative;z-index:1}.settings-container{margin:0 auto;max-width:1000px}.settings-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:32px;font-weight:700;margin:0 0 24px}.settings-message{align-items:center;animation:slideIn .3s ease;border-radius:12px;display:flex;font-weight:500;gap:10px;margin-bottom:24px;padding:14px 20px}.settings-message.success{background:#10b98126;border:1px solid #10b9814d;color:#6ee7b7}.settings-message.error{background:#ef444426;border:1px solid #ef44444d;color:#fca5a5}.settings-tabs{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;display:flex;gap:8px;margin-bottom:24px;padding:4px}.settings-tab{background:#0000;border:none;border-radius:10px;color:#fff9;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.settings-tab:hover{background:#ffffff0d;color:#fffc}.settings-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.settings-section{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #00000026,inset 0 0 0 1px #ffffff0d;padding:28px}.settings-section-title{border-bottom:1px solid #ffffff1a;color:#fff;font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:16px}.settings-info-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-bottom:24px;padding:16px 20px}.settings-info-box p{color:#ffffffb3;font-size:14px;margin:8px 0}.settings-info-box p:first-child{margin-top:0}.settings-info-box p:last-child{margin-bottom:0}.settings-info-box strong{color:#ffffffe6}.settings-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:24px}.settings-form-group{display:flex;flex-direction:column;gap:8px}.settings-form-group label{color:#fffc;font-size:14px;font-weight:500}.settings-form-group input,.settings-form-group select,.settings-form-group textarea{background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:10px;color:#fff;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease}.settings-form-group input::placeholder,.settings-form-group textarea::placeholder{color:#ffffff4d}.settings-form-group input:focus,.settings-form-group select:focus,.settings-form-group textarea:focus{background:#ffffff14;border-color:#3b82f680;box-shadow:0 0 0 4px #3b82f61a}.settings-form-group input:disabled{cursor:not-allowed;opacity:.5}.settings-form-group small{color:#fff6;font-size:12px}.settings-form-group small a{color:#60a5fa;text-decoration:none}.settings-form-group small a:hover{text-decoration:underline}.settings-status-box{grid-gap:12px;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px;padding:16px 20px}.settings-status-item{align-items:center;display:flex;gap:8px}.settings-status-label{color:#ffffff80;font-size:13px;font-weight:500}.settings-status-value{color:#fff;font-size:14px}.settings-status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.settings-status-badge.connected{background:#10b98133;color:#6ee7b7}.settings-status-badge.disconnected{background:#ef444433;color:#fca5a5}.settings-checkbox-group{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;display:flex;gap:10px;margin-bottom:20px;padding:16px 20px;transition:all .2s ease}.settings-checkbox-group:hover{background:#ffffff0d;border-color:#ffffff1f}.settings-checkbox-group input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:20px;width:20px}.settings-checkbox-label{color:#fffc;cursor:pointer;font-size:14px;font-weight:500}.settings-button-group{display:flex;gap:12px;margin-top:24px}.settings-btn{border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.settings-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 4px 12px #3b82f64d;color:#fff}.settings-btn-primary:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.settings-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.settings-btn-secondary{background:#ffffff0d;border:1.5px solid #3b82f680;color:#60a5fa}.settings-btn-secondary:hover{background:#3b82f61a;border-color:#3b82f6}.settings-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.settings-connection-result{animation:slideIn .3s ease;border:2px solid;border-radius:12px;margin-top:20px;padding:16px 20px}.settings-connection-result.success{background:#10b9811a;border-color:#10b9814d}.settings-connection-result.error{background:#ef44441a;border-color:#ef44444d}.settings-connection-result strong{color:#fff;display:block;margin-bottom:8px}.settings-connection-result p{color:#ffffffb3;font-size:14px;margin:0}.settings-no-org{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:80px 40px;text-align:center}.settings-no-org h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 12px}.settings-no-org p{color:#fff9;font-size:15px;margin:8px 0}@media (max-width:768px){.settings-page{padding:20px}.settings-title{font-size:26px}.settings-tabs{flex-wrap:wrap}.settings-tab{font-size:13px;padding:10px 16px}.settings-section{padding:20px}.settings-form-grid{grid-template-columns:1fr}.settings-button-group{flex-direction:column}.settings-btn{width:100%}}.language-selector{display:inline-block;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.language-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1f2933;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .2s ease}.language-button:hover{background-color:#f5f7fa}.language-name{display:none}@media (min-width:640px){.language-name{display:inline}}.language-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 25px #00000014;margin-top:8px;opacity:0;position:absolute;right:0;transform:translateY(-5px);transition:all .2s ease;visibility:hidden;width:200px;z-index:50}.language-selector:hover .language-dropdown{opacity:1;transform:translateY(0);visibility:visible}.language-option{align-items:center;background:#0000;border:none;color:#1f2933;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.language-option:hover{background-color:#f5f7fa}.language-option.active{background-color:#eef4ff;color:#1d4ed8;font-weight:500}.language-option:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.language-option:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.flag{font-size:20px}.landing-pages-page{animation:fadeIn .5s cubic-bezier(.4,0,.2,1);margin:0 auto;max-width:1600px;padding:32px}.page-header{animation:slideDown .6s cubic-bezier(.4,0,.2,1);margin-bottom:32px}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#000,#202020cc);-webkit-background-clip:text;background-clip:text;color:#000;font-size:32px;font-weight:700}.subtitle{color:#0009;font-size:15px;margin:0}.filter-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#5a5a5a08;border:1px solid #ffffff14;border-radius:16px;display:flex;gap:12px;margin-bottom:32px;padding:8px}.filter-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:rgba(0,0,0,.767);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.filter-tab:hover{background:#9b9b9b0d;color:#000000e6}.filter-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.landing-pages-grid{grid-gap:24px;animation:staggerIn .8s cubic-bezier(.4,0,.2,1);display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.landing-page-card{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:hsla(0,0%,41%,.185);border:2px solid #c0c0c01a;border-radius:20px;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.landing-page-card:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.landing-page-card:hover:before{left:100%}.landing-page-card:hover{border-color:#fff3;box-shadow:0 12px 32px #0003,inset 0 0 0 1px #ffffff1a;transform:translateY(-4px)}.card-header-section{border-bottom:1px solid #ffffff14;padding-bottom:16px}.card-title-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.card-title{color:#000;flex:1 1;font-size:18px;font-weight:600;line-height:1.4;margin:0}.card-input{color:#0009;font-size:13px;font-style:italic;margin:0}.status-badge{border-radius:12px;font-size:12px;white-space:nowrap}.card-stats{display:flex;gap:16px}.stat-item{align-items:center;color:#0009;display:flex;font-size:13px;gap:6px}.stat-item i{color:#0006;font-size:14px}.card-url{align-items:center;background:rgba(0,0,0,.767);border:1px solid #000;border-radius:12px;color:#fffc;display:flex;font-size:13px;gap:8px;padding:10px 12px}.card-url i{color:#fff}.card-url code{color:#fff;flex:1 1;font-family:Courier New,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-danger,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.btn-primary{box-shadow:0 4px 12px #3b82f64d;color:#000}.btn-primary:hover{box-shadow:0 6px 20px #3b82f666}.btn-secondary{background:#00000014!important}.btn-secondary:hover{background:#ffffff1f;border-color:#fff3}.btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-danger{background:#ef444426;border:1px solid #ff00004d;color:#ff0f0fb7;flex:0 1;padding:10px 14px}.btn-danger:hover{background:#ef444440;border-color:#ef444480}.btn-icon{background:#ffffff14;color:#fff9;padding:6px 8px;transition:all .2s ease}.btn-icon:hover{background:#ffffff26;color:#ffffffe6}.card-footer{border-top:1px solid #ffffff14;color:#000000b3;font-size:12px;padding-top:16px}.card-date,.card-template{align-items:center;display:flex;gap:6px}.empty-state{color:#fff6;padding:80px 24px}.empty-state-icon{animation:float 3s ease-in-out infinite;font-size:64px;margin-bottom:16px;opacity:.5}.empty-state-text{color:#fff9;font-size:18px;font-weight:600;margin-bottom:8px}.empty-state-subtext{color:#fff6;font-size:14px}.loading-state{gap:20px;padding:100px 20px}.spinner{height:50px;width:50px}@keyframes staggerIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.landing-pages-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.landing-pages-page{padding:20px}.page-header{flex-direction:column;gap:16px}.page-header h1{font-size:26px}.landing-pages-grid{gap:16px;grid-template-columns:1fr}.filter-tabs{overflow-x:auto;padding-bottom:12px}.filter-tab{white-space:nowrap}.card-actions{flex-direction:column}.btn-danger,.btn-primary,.btn-secondary{flex:1 1;width:100%}}@media (max-width:480px){.landing-pages-page{padding:16px}.page-header h1{font-size:22px}.landing-page-card{padding:16px}}.create-landing-page{animation:fadeIn .5s cubic-bezier(.4,0,.2,1);min-height:100vh;padding:32px}.create-container{margin:0 auto;max-width:900px}.create-header{animation:slideDown .6s cubic-bezier(.4,0,.2,1);margin-bottom:40px}.btn-back{background:#000!important;border:1px solid #000;border-radius:12px;color:#fff!important;display:inline-flex;font-weight:600;margin-bottom:24px;padding:10px 16px}.btn-back:hover{background:#fffc;border-color:#0003;transform:translateX(-4px)}.header-content{text-align:center}.header-icon{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:24px;box-shadow:0 8px 24px #3b82f666;color:#fff;display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.create-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;color:#000;font-size:36px;font-weight:700;margin:0 0 12px}.header-description{color:#fff9;font-size:16px;line-height:1.6;margin:0 auto;max-width:600px}.create-form{display:flex;flex-direction:column;gap:32px}.form-section{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#a5a5a580;border:1px solid #000;border-radius:20px;padding:32px}.form-label{align-items:center;color:#000;display:flex;font-size:16px;font-weight:600;gap:10px;margin-bottom:16px}.form-label i{color:#000;font-size:18px}.form-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4949490d;border:1.5px solid #ffffff1a;border-radius:14px;color:#313131;font-family:inherit;font-size:16px;line-height:1.6;min-height:120px;outline:none;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.form-textarea::placeholder{color:#3838384d}.form-textarea:focus{background:#ffffff14;border-color:#3b82f699;box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-1px)}.form-textarea:disabled{cursor:not-allowed;opacity:.5}.form-help{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin-top:12px}.char-counter{color:rgba(39,39,39,.781)}.form-hint{align-items:center;color:rgba(32,32,32,.651);display:flex;gap:6px}.form-hint i{color:#f59e0b}.form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4444440d;border:1.5px solid #ffffff1a;border-radius:14px;color:#1b1b1b;font-family:inherit;font-size:16px;outline:none;padding:14px 16px;transition:all .3s ease;width:100%}.form-input::placeholder{color:#ffffff4d}.form-input:focus{background:#ffffff14;border-color:#3b82f699;box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-1px)}.form-input:disabled{cursor:not-allowed;opacity:.5}.logo-upload-container{margin-top:8px}.logo-upload-box{position:relative}.logo-input-hidden{display:none}.logo-upload-label{align-items:center;background:#ffffff08;border:2px dashed #fff3;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 32px;transition:all .3s ease}.logo-upload-label:hover{background:#ffffff0f;border-color:#3b82f699}.logo-upload-label i{color:#3b82f6;font-size:36px}.logo-upload-label span:first-of-type{color:#424242;font-size:16px;font-weight:600}.upload-hint{color:#fff6;font-size:13px}.logo-preview-box{display:inline-block;position:relative}.logo-preview{border-radius:16px;box-shadow:0 4px 16px #0000004d;max-height:200px;max-width:200px}.btn-remove-logo{align-items:center;background:#ef4444;border:none;border-radius:50%;box-shadow:0 4px 12px #ef444466;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:32px}.btn-remove-logo:hover{background:#dc2626;transform:scale(1.1)}.colors-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:8px}.color-picker-item{display:flex;flex-direction:column;gap:10px}.color-label{color:#333c;font-size:14px;font-weight:600}.color-input{background:#0000;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;height:48px;transition:all .3s ease;width:60px}.color-input:hover{border-color:#3b82f699;transform:scale(1.05)}.color-hex-input{background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:12px;color:#fff;flex:1 1;font-family:Courier New,monospace;font-size:14px;outline:none;padding:12px 16px;text-transform:uppercase;transition:all .3s ease}.color-hex-input:focus{background:#ffffff14;border-color:#0009;box-shadow:0 0 0 4px #3b82f61a}.examples-section{background:#a5a5a580;border:1px solid #000;border-radius:20px;padding:24px}.examples-title{align-items:center;color:#000;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 16px}.examples-title i{color:#f59e0b}.examples-grid{display:flex;flex-direction:column;gap:10px}.example-chip{align-items:center;background:rgba(44,44,44,.342);border:1px solid #ffffff1a;border-radius:12px;color:hsla(0,0%,100%,.781);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:all .2s ease}.example-chip i{color:#fff6;font-size:12px}.example-chip:hover{background:#ffffff14;border-color:#0006;transform:translateX(4px)}.example-chip:disabled{cursor:not-allowed;opacity:.5;transform:none}.process-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-card{background:#a5a5a580;border:1px solid #000;border-radius:16px;display:flex;gap:16px;padding:24px}.info-icon{align-items:center;background:#3b82f626;border-radius:12px;color:#3b82f6;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.info-content h4{color:#2c2c2c;font-size:16px;font-weight:600;margin:0 0 12px}.info-content p{color:#24242499;font-size:14px;line-height:1.6;margin:0}.info-content ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.info-content li{align-items:center;color:#24242499;display:flex;font-size:14px;gap:10px}.info-content li i{color:#10b981;font-size:12px}.form-actions{display:flex;gap:12px;justify-content:flex-end}.btn-primary,.btn-secondary{border-radius:14px;display:inline-flex;font-size:15px;gap:10px;padding:14px 24px;transition:all .3s ease}.btn-primary:hover:not(:disabled){box-shadow:0 8px 24px #3b82f680;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-primary:disabled{transform:none}.btn-large{font-size:16px;padding:16px 32px}.btn-secondary{background:#ffffff14;color:#ffffffe6}.btn-secondary:hover:not(:disabled){background:#ffffff1f;border-color:#fff3}.loading-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.loading-card{-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);background:#ffffff14;border:1px solid #ffffff26;border-radius:24px;max-width:500px;padding:48px;text-align:center}.loading-spinner{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;box-shadow:0 8px 32px #3b82f666;color:#fff;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.loading-card h3{color:#fff;font-size:24px;font-weight:700;margin:0 0 12px}.loading-card p{color:#fff9;font-size:15px;margin:0 0 32px}.loading-steps{flex-direction:column;text-align:left}.loading-steps,.step{display:flex;gap:12px}.step{align-items:center;color:#fff6;font-size:14px;transition:all .3s ease}.step i{font-size:16px}.step.active{color:#ffffffe6}.step.active i{color:#10b981}@media (max-width:768px){.create-landing-page{padding:20px}.create-header h1{font-size:28px}.header-description{font-size:14px}.form-section{padding:24px}.process-info{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}.loading-card{margin:20px;padding:32px 24px}}@media (max-width:480px){.create-landing-page{padding:16px}.create-header h1{font-size:24px}.header-icon{font-size:28px;height:64px;width:64px}.form-section{padding:20px}.info-card{align-items:center;flex-direction:column;text-align:center}}.templates-empty,.templates-loading{padding:48px 24px;text-align:center}.templates-loading i{color:#3b82f6;font-size:32px;margin-bottom:16px}.templates-loading p{color:#0009;font-size:14px;margin:0}.templates-empty{align-items:center;display:flex;flex-direction:column;gap:16px}.templates-empty i{color:#0000004d;font-size:48px}.templates-empty p{color:#0009;font-size:14px;margin:0}.btn-browse-templates{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 16px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-browse-templates:hover{box-shadow:0 8px 24px #3b82f680;transform:translateY(-2px)}.templates-selector-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:8px}.template-selector-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;overflow:hidden;transition:all .3s ease}.template-selector-card:hover{border-color:#3b82f666;box-shadow:0 8px 24px #3b82f633;transform:translateY(-4px)}.template-selector-card.selected{border-color:#3b82f6;border-width:3px;box-shadow:0 8px 32px #3b82f666}.template-selector-image{background:#0003;height:180px;overflow:hidden;position:relative;width:100%}.template-selector-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.template-selector-card:hover .template-selector-image img{transform:scale(1.05)}.template-selected-badge{align-items:center;animation:scaleIn .3s cubic-bezier(.4,0,.2,1);background:#3b82f6;border-radius:50%;box-shadow:0 4px 12px #3b82f680;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:12px;top:12px;width:40px}.template-selector-info{padding:16px}.template-selector-info h4{color:#000;font-size:16px;font-weight:600;margin:0 0 10px}.template-selector-meta{display:flex;flex-wrap:wrap;gap:8px}.badge-free,.badge-owned,.badge-premium{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px;text-transform:uppercase}.badge-free{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.badge-premium{background:#8b5cf633;border:1px solid #8b5cf64d;color:#8b5cf6}.badge-owned{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.btn-link{align-items:center;background:none;border:none;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:0;transition:all .2s ease}.btn-link:hover{color:#2563eb;text-decoration:underline}@media (max-width:768px){.templates-selector-grid{grid-template-columns:1fr}.template-selector-image{height:200px}}.landing-page-view{background:#0a0e1a;height:100vh;overflow:hidden;position:relative;width:100%}.lp-container{margin:0 auto;max-width:1200px;padding:0 24px}.lp-section{padding:80px 0;position:relative}.lp-section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:42px;font-weight:700;margin:0 0 48px;text-align:center}.lp-section-description{color:#ffffffb3;font-size:18px;line-height:1.6;margin:0 auto 48px;max-width:700px;text-align:center}.lp-hero{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;justify-content:center;min-height:90vh;overflow:hidden;position:relative}.lp-hero:before{animation:backgroundMove 20s ease-in-out infinite;background:radial-gradient(circle at 30% 50%,#3b82f626,#0000 50%),radial-gradient(circle at 70% 50%,#8b5cf626,#0000 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.lp-hero-content{animation:fadeInUp 1s ease;max-width:800px;text-align:center;z-index:1}.lp-hero-headline{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#60a5fa);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:56px;font-weight:800;line-height:1.2;margin:0 0 24px}.lp-hero-subheadline{color:#fffc;font-size:22px;line-height:1.6;margin:0 0 40px}.lp-cta-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:14px;box-shadow:0 8px 24px #3b82f666;color:#fff;display:inline-block;font-size:18px;font-weight:600;padding:18px 40px;text-decoration:none;transition:all .3s ease}.lp-cta-button:hover{box-shadow:0 12px 32px #3b82f699;transform:translateY(-4px)}.lp-hero-image{margin-top:60px;z-index:1}.lp-hero-image img{border-radius:24px;box-shadow:0 20px 60px #0006;max-width:900px;width:100%}.lp-benefits{background:#0f172a}.lp-benefits-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.lp-benefit-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:40px;text-align:center;transition:all .3s ease}.lp-benefit-item:hover{border-color:#3b82f666;box-shadow:0 12px 32px #3b82f633;transform:translateY(-8px)}.lp-benefit-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;box-shadow:0 8px 24px #3b82f64d;color:#fff;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.lp-benefit-item h3{color:#fff;font-size:22px;font-weight:600;margin:0 0 16px}.lp-benefit-item p{color:#fff9;font-size:16px;line-height:1.6;margin:0}.lp-features{background:linear-gradient(135deg,#0a0e1a,#0f172a)}.lp-features-grid{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:900px}.lp-feature-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;gap:24px;padding:32px;transition:all .3s ease}.lp-feature-item:hover{border-color:#3b82f666;transform:translateX(8px)}.lp-feature-icon{align-items:center;background:#3b82f626;border-radius:16px;color:#3b82f6;display:flex;flex-shrink:0;font-size:28px;height:64px;justify-content:center;width:64px}.lp-feature-content h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 12px}.lp-feature-content p{color:#fff9;font-size:16px;line-height:1.6;margin:0}.lp-testimonials{background:#0f172a}.lp-testimonials-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.lp-testimonial-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:32px}.lp-testimonial-stars{color:#f59e0b;display:flex;font-size:18px;gap:4px;margin-bottom:16px}.lp-testimonial-text{color:#fffc;font-size:16px;font-style:italic;line-height:1.6;margin:0 0 20px}.lp-testimonial-author{display:flex;flex-direction:column;gap:4px}.lp-testimonial-author strong{color:#fff;font-size:16px;font-weight:600}.lp-testimonial-author span{color:#ffffff80;font-size:14px}.lp-cta{background:linear-gradient(135deg,#1e3a8a,#3b82f6);padding:100px 0;text-align:center}.lp-cta-headline{color:#fff;font-size:48px;font-weight:700;margin:0 0 20px}.lp-cta-text{color:#ffffffe6;font-size:20px;margin:0 auto 40px;max-width:700px}.lp-contact{background:#0a0e1a;padding:100px 0}.lp-contact-form{gap:24px;margin:0 auto;max-width:600px}.lp-contact-form,.lp-form-group{display:flex;flex-direction:column}.lp-form-group{gap:8px}.lp-form-group label{color:#ffffffe6;font-size:14px;font-weight:600}.lp-form-group input,.lp-form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:12px;color:#fff;font-family:inherit;font-size:16px;outline:none;padding:14px 16px;transition:all .3s ease}.lp-form-group input:focus,.lp-form-group textarea:focus{background:#ffffff14;border-color:#3b82f699;box-shadow:0 0 0 4px #3b82f61a}.lp-submit-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 16px #3b82f64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s ease}.lp-submit-button:hover{box-shadow:0 8px 24px #3b82f680;transform:translateY(-2px)}.lp-submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.lp-preview-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b5cf6e6;border-radius:12px;box-shadow:0 4px 16px #8b5cf666;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:fixed;right:24px;top:24px;z-index:9999}.lp-error,.lp-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px;text-align:center}.lp-error{color:#fff9}.lp-error i{color:#ef4444;font-size:64px;margin-bottom:24px}.lp-error h2{color:#fff;font-size:32px;margin:0 0 16px}.lp-error p{font-size:16px;margin:0}@keyframes backgroundMove{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(-5%,-5%) rotate(2deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.lp-section{padding:60px 0}.lp-hero{min-height:70vh}.lp-hero-headline{font-size:36px}.lp-hero-subheadline{font-size:18px}.lp-section-title{font-size:32px}.lp-benefits-grid,.lp-testimonials-grid{grid-template-columns:1fr}.lp-feature-item{flex-direction:column;text-align:center}.lp-cta-headline{font-size:32px}.lp-preview-badge{font-size:12px;padding:8px 16px;right:16px;top:16px}}@media (max-width:480px){.lp-hero-headline{font-size:28px}.lp-section-title{font-size:26px}.lp-benefit-item,.lp-feature-item,.lp-testimonial-item{padding:24px}}.preview-page{background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh;padding:20px}.preview-header{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-wrap:wrap;gap:20px;padding:20px}.header-info h1{color:#fff;font-size:24px}.header-subtitle{color:#fff9;margin:5px 0 0}.btn-back{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;padding:10px 20px;transition:all .3s}.btn-back:hover{background:#ffffff26;border-color:#ffffff4d}.status-badge{font-weight:600;padding:8px 16px}.status-blue{background:#3b82f633;border:1px solid #3b82f64d;color:#60a5fa}.status-green{background:#22c55e33;border:1px solid #22c55e4d;color:#4ade80}.status-purple{background:#a855f733;border:1px solid #a855f74d;color:#c084fc}.status-red{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.btn-primary,.btn-secondary{border-radius:10px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 16px #3b82f64d}.btn-primary:hover{box-shadow:0 8px 24px #3b82f666}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-secondary:hover{background:#ffffff26}.info-banner{align-items:center;border-radius:12px;gap:15px;margin-bottom:20px}.info-banner i{font-size:24px}.info-banner.success{background:#22c55e26;border:1px solid #22c55e4d;color:#4ade80}.info-banner.error{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.info-banner strong{margin-bottom:5px}.info-banner p{opacity:.9}.info-banner a{color:inherit;text-decoration:underline}.processing-container{display:flex;justify-content:center;padding:60px 20px}.processing-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;max-width:700px;padding:60px;text-align:center}.processing-animation{color:#3b82f6;font-size:80px;margin-bottom:30px}.processing-card h2{color:#fff;font-size:28px;margin-bottom:15px}.processing-card>p{color:#ffffffb3;font-size:16px;margin-bottom:40px}.processing-steps{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:40px}.processing-steps .step{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;gap:10px;min-width:140px;padding:20px}.processing-steps .step i{color:#ffffff4d;font-size:32px}.processing-steps .step span{color:#ffffff80;font-size:13px;font-weight:500}.processing-steps .step.completed i,.processing-steps .step.completed span{color:#4ade80}.processing-steps .step.active{background:#3b82f626;border-color:#3b82f64d}.processing-steps .step.active i,.processing-steps .step.active span{color:#3b82f6}.processing-tip{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:12px;padding:16px}.processing-tip i{color:#fbbf24;font-size:24px}.processing-tip p{color:#ffffffb3;margin:0;text-align:left}.preview-container{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:20px;overflow:hidden}.preview-toolbar{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 20px}.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:20px}.toolbar-label{color:#fff;font-size:14px;font-weight:600;gap:8px}.toolbar-info,.toolbar-label{align-items:center;display:flex}.toolbar-info{color:#ffffffb3;font-size:13px;gap:6px}.iframe-wrapper{background:#fff;height:calc(100vh - 280px);min-height:600px;position:relative;width:100%}.preview-iframe{-webkit-overflow-scrolling:touch;display:block;height:100%;overflow:auto}.details-section{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:30px}.details-section h3{align-items:center;color:#fff;display:flex;font-size:20px;gap:10px;margin:0 0 20px}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{display:flex;flex-direction:column;gap:8px}.detail-label{color:#ffffff80;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#fff;font-size:15px;font-weight:500}.error-container,.loading-container{color:#fff}.loading-spinner{font-size:60px;margin-bottom:20px}.error-container i{color:#f87171;font-size:80px;margin-bottom:20px}.error-container h3{font-size:24px;margin-bottom:20px}@media (max-width:768px){.header-left,.preview-header{align-items:flex-start;flex-direction:column}.header-left{width:100%}.header-right{flex-wrap:wrap;width:100%}.processing-card{padding:40px 20px}.processing-steps{flex-direction:column}.iframe-wrapper{height:500px}.details-grid{grid-template-columns:1fr}}.purchase-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.purchase-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.modal-close{border-radius:50%;color:#999;font-size:24px;height:40px;position:absolute;right:15px;top:15px;width:40px;z-index:10}.modal-close:hover{background:#f0f0f0;color:#333}.modal-header{padding:30px 30px 20px}.modal-header h2{color:#1f2937;font-size:24px;font-weight:700;gap:12px}.modal-header h2 i{color:#3b82f6}.modal-body{padding:30px}.template-summary{background:#f9fafb;border-radius:8px;display:flex;gap:20px;margin-bottom:30px;padding:20px}.template-summary img{border-radius:8px;flex-shrink:0;height:90px;object-fit:cover;width:120px}.template-info h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.template-info p{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 15px}.template-price{align-items:center;display:flex;gap:10px}.price-label{color:#6b7280;font-size:14px}.price-value{font-size:24px}.purchase-form{display:flex;flex-direction:column;gap:25px}.form-section h4{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 20px}.form-section h4 i{color:#3b82f6}.form-group input{border:1px solid #d1d5db;border-radius:8px;transition:all .2s}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{background:#f3f4f6;cursor:not-allowed}.form-row{grid-gap:15px;gap:15px;grid-template-columns:1fr 2fr}.form-info{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;display:flex;gap:10px;padding:15px}.form-info i{color:#3b82f6;font-size:20px}.form-info p{color:#1e40af;font-size:14px;margin:0}.modal-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;padding-top:20px}.modal-actions .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.modal-actions .btn-secondary{background:#f3f4f6;color:#374151}.modal-actions .btn-secondary:hover{background:#e5e7eb}.modal-actions .btn-primary{background:#3b82f6;color:#fff}.modal-actions .btn-primary:hover{background:#2563eb}.modal-actions .btn:disabled{cursor:not-allowed;opacity:.6}.payment-processing{padding:60px 20px;text-align:center}.payment-processing i{color:#3b82f6;font-size:60px;margin-bottom:20px}.payment-processing h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 10px}.payment-processing p{color:#6b7280;font-size:14px;margin:0}.simulation-notice{align-items:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#92400e;display:flex;font-size:13px;gap:8px;justify-content:center;margin-top:20px;padding:12px}.simulation-notice i{color:#f59e0b;font-size:16px}@media (max-width:768px){.purchase-modal{border-radius:0;margin:0;max-height:100vh}.modal-body{padding:20px}.template-summary{flex-direction:column}.template-summary img{height:180px;width:100%}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{justify-content:center;width:100%}}.templates-page{margin:0 auto;max-width:1400px;padding:2rem}.templates-header{margin-bottom:2rem}.templates-header h1{align-items:center;color:#1f2937;display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin-bottom:.5rem}.templates-header h1 i{color:#3b82f6}.header-description{color:#6b7280;font-size:1rem}.templates-filters{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem}.search-box{margin-bottom:1.5rem;position:relative}.search-box i{color:#9ca3af;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s;width:100%}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.categories-filter{display:flex;flex-wrap:wrap;gap:.75rem}.category-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.category-btn:hover{background:#f3f4f6;border-color:#d1d5db}.category-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.category-icon{font-size:1.1rem}.category-btn .count{background:#0000001a;border-radius:12px;font-size:.8rem;font-weight:600;padding:.125rem .5rem}.category-btn.active .count{background:#fff3}.templates-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.template-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all .3s}.template-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-4px)}.template-image{background:#f3f4f6;height:250px;overflow:hidden;position:relative;width:100%}.template-image img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.template-card:hover .template-image img{transform:scale(1.05)}.template-overlay{background:#0009;bottom:0;left:0;right:0;top:0;transition:opacity .3s}.btn-preview{background:#fff;border-radius:8px;color:#1f2937;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-preview:hover{box-shadow:0 4px 12px #00000026}.badge{border-radius:6px;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;position:relative!important;top:1rem;z-index:10}.badge-featured{background:#f59e0b;color:#fff;left:1rem}.badge-tier{background:#8b5cf6;color:#fff;right:1rem}.badge-owned{background:#10b981;color:#fff;left:1rem;top:3.5rem}.badge-tier.badge-basic{background:#6366f1}.badge-tier.badge-premium{background:#8b5cf6}.badge-tier.badge-enterprise{background:#ec4899}.template-info{padding:1.5rem}.template-name{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.template-description{color:#6b7280;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.template-meta{border-bottom:1px solid #e5e7eb;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.meta-item{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:.375rem}.meta-item i{color:#9ca3af}.template-actions{align-items:center;gap:.75rem}.template-price{flex:1 1}.price-free{color:#10b981}.price-free,.price-value{font-size:1.1rem;font-weight:700}.price-value{color:#3b82f6}.btn{display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.btn-primary{flex:1 1}.btn-primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.btn-secondary:hover{background:#e5e7eb}.empty-state,.loading-state{color:#6b7280;padding:4rem 2rem;text-align:center}.empty-state i,.loading-state i{color:#9ca3af;font-size:3rem;margin-bottom:1rem}.empty-state h3{color:#374151;font-size:1.25rem;margin-bottom:.5rem}@media (max-width:768px){.templates-page{padding:1rem}.templates-grid{gap:1.5rem;grid-template-columns:1fr}.categories-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}}.edit-sidebar-overlay{animation:fadeIn .2s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.edit-sidebar{animation:slideInRight .3s ease;background:#fff;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:400px;z-index:9999}.sidebar-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.sidebar-header h3{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:600;gap:12px;margin:0}.sidebar-header h3 i{color:#3b82f6}.close-button{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-button:hover{background:#e5e7eb;color:#1f2937}.sidebar-content{flex:1 1;overflow-y:auto;padding:24px}.element-info{background:#f9fafb;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:24px;padding:16px}.element-type-badge{background:#3b82f6;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:8px;padding:4px 12px;text-transform:uppercase}.element-id{color:#6b7280;font-family:monospace;font-size:14px;margin:0}.form-group{margin-bottom:24px}.form-group label i{color:#3b82f6}.form-group textarea{border:1px solid #d1d5db;font-family:inherit;font-size:14px;padding:12px;transition:all .2s ease}.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input[type=text],.form-group input[type=url]{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px;transition:all .2s ease;width:100%}.form-group input[type=text]:focus,.form-group input[type=url]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.color-input-wrapper{gap:12px}.color-input-wrapper input[type=color]{border:1px solid #d1d5db;height:48px;padding:4px;width:60px}.color-text-input{flex:1 1}.image-preview{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;height:200px;justify-content:center;margin-bottom:12px;overflow:hidden;width:100%}.image-preview img{height:100%;object-fit:cover;width:100%}.helper-text{color:#6b7280;display:block;font-size:12px;margin-top:8px}.sidebar-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:24px}.btn-cancel,.btn-save{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.btn-cancel{background:#f3f4f6;color:#6b7280}.btn-cancel:hover{background:#e5e7eb;color:#1f2937}.btn-save{background:#3b82f6}.btn-save:hover{background:#2563eb}.btn-cancel:active,.btn-save:active{transform:scale(.98)}@media (max-width:768px){.edit-sidebar{width:100%}}.properties-panel{background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%}.panel-header{border-bottom:1px solid #e5e7eb;padding:24px}.panel-header h3{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:12px;margin:0 0 8px}.panel-header h3 i{color:#3b82f6}.panel-header p{color:#6b7280;font-size:13px;margin:0}.panel-content{flex:1 1;max-height:calc(100vh - 200px);overflow-x:hidden;overflow-y:auto;padding:12px}.panel-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.panel-empty i{font-size:48px;margin-bottom:16px}.property-section{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;overflow:hidden}.section-header{background:#f9fafb;cursor:pointer;padding:12px 16px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.section-header:hover{background:#f3f4f6}.section-title{font-size:14px}.section-header>i{color:#9ca3af;font-size:12px;transition:transform .2s ease}.section-content{background:#fff;padding:8px}.property-item{align-items:center;border:1px solid #0000;border-radius:6px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;gap:10px;margin-bottom:4px;padding:10px 12px;transition:all .2s ease}.property-item:hover{background:#f9fafb;border-color:#e5e7eb}.property-item.active{background:#eff6ff;border-color:#3b82f6;color:#1e40af;font-weight:500}.property-item.active i{color:#3b82f6}.property-item i{color:#9ca3af;font-size:14px;text-align:center;width:16px}.property-item span{flex:1 1}.property-item.nested{border-left:2px solid #e5e7eb;margin-left:12px;padding-left:24px}.property-group{margin-bottom:8px}.property-group-label{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.property-group-label i{color:#9ca3af;font-size:10px}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:#f9fafb}.panel-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:1200px){.panel-header{padding:16px}.panel-header h3{font-size:16px}.property-item{font-size:13px;padding:8px 10px}}.editor-page{background:#f9fafb;display:flex;flex-direction:column;min-height:100vh}.editor-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:16px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left{gap:24px}.btn-back{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.btn-back:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.header-info h1{color:#1f2937;font-size:20px;font-weight:600;gap:12px;margin:0}.header-info h1 i{color:#3b82f6}.header-subtitle{color:#6b7280;font-size:14px;margin:4px 0 0}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-primary{background:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.info-banner{align-items:flex-start;animation:slideDown .3s ease;border-radius:8px;display:flex;gap:16px;margin:16px 32px;padding:16px 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.info-banner.warning{background:#fef3c7;border-left:4px solid #f59e0b}.info-banner i{color:#f59e0b;font-size:20px;margin-top:2px}.info-banner strong{color:#1f2937;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.info-banner p{color:#6b7280;font-size:14px;margin:0}.editor-layout{display:flex;flex:1 1;overflow:hidden}.editor-preview-column{background:#f3f4f6;border-right:1px solid #e5e7eb;display:flex;flex:1 1;flex-direction:column}.editor-properties-column{background:#fff;display:flex;flex-direction:column;overflow:hidden;width:400px}.preview-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:16px 24px}.preview-title{align-items:center;color:#1f2937;display:flex;font-size:15px;font-weight:600;gap:10px}.preview-title i{color:#3b82f6}.preview-info{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:16px}.preview-info span{align-items:center;display:flex;gap:6px}.preview-info i{color:#9ca3af}.preview-iframe-wrapper{flex:1 1;overflow-y:auto;padding:24px}.preview-iframe{background:#fff;border:none;border-radius:8px;box-shadow:0 4px 20px #00000014;min-height:100%;width:100%}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px;text-align:center}.loading-spinner{color:#3b82f6;font-size:48px;margin-bottom:24px}.loading-spinner i{animation:spin 1s linear infinite}.error-container i{color:#ef4444;font-size:64px;margin-bottom:24px}.error-container h3,.loading-container h3{color:#1f2937;font-size:24px;font-weight:600;margin:0}@media (max-width:1200px){.editor-properties-column{width:350px}}@media (max-width:992px){.editor-layout{flex-direction:column}.editor-preview-column{border-bottom:1px solid #e5e7eb;border-right:none;height:60vh}.editor-properties-column{flex:1 1;width:100%}.preview-iframe-wrapper{padding:16px}}@media (max-width:768px){.editor-header{padding:12px 16px}.editor-header,.header-left{align-items:flex-start;flex-direction:column;gap:12px}.header-right{justify-content:stretch;width:100%}.header-right button{flex:1 1;font-size:12px;padding:8px 12px}.info-banner{margin:12px 16px;padding:12px 16px}.editor-preview-column{height:50vh}}.organizations-page{margin:0 auto;max-width:1400px;padding:24px 32px}.organizations-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.organizations-page .page-header h1{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0 0 4px}.organizations-page .subtitle{color:#64748b;font-size:14px;margin:0}.organizations-page .header-actions{align-items:center;display:flex;gap:12px}.organizations-page .btn-create{align-items:center;background:#4f46e5;background:var(--color-primary,#4f46e5);border:none;border-radius:8px;box-shadow:none;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.organizations-page .btn-create:hover{box-shadow:0 4px 12px #4f46e54d;opacity:.9;transform:none}.organizations-page .search-container{max-width:400px;position:relative}.organizations-page .search-container input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;padding:10px 12px 10px 38px;transition:border-color .2s;width:100%}.organizations-page .search-container input::placeholder{color:#94a3b8}.organizations-page .search-container input:focus{background:#fff;border-color:#4f46e5;border-color:var(--color-primary,#4f46e5);box-shadow:0 0 0 3px #4f46e514;outline:none}.organizations-page .search-icon{color:#94a3b8;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.organizations-page .error-alert{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:14px 16px}.organizations-page .error-icon{color:#dc2626;flex-shrink:0;margin-top:2px}.organizations-page .error-content h3{color:#991b1b;font-size:14px;font-weight:600;margin:0 0 4px}.organizations-page .error-content p{color:#7f1d1d;font-size:13px;margin:0}.organizations-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.organization-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:20px;transition:box-shadow .2s}.organization-card:hover{box-shadow:0 4px 12px #0000000f}.organization-card .card-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;justify-content:space-between;margin-bottom:0;padding-bottom:14px}.organization-card .card-info{flex:1 1}.organization-card .card-title{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.organization-card .card-email{color:#64748b;font-size:13px;margin:0}.organization-card .card-date{color:#94a3b8;font-size:12px;margin:4px 0 0}.plan-badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 10px}.plan-free{background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.plan-starter{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.plan-professional{background:#faf5ff;border:1px solid #ddd6fe;color:#7c3aed}.plan-enterprise{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.organization-card .card-stats{display:flex;flex-direction:column;gap:8px}.organization-card .stat-row{align-items:center;display:flex;font-size:13px;justify-content:space-between}.organization-card .stat-label{color:#64748b;font-size:13px;font-weight:500;letter-spacing:0;margin:0;padding:0;text-align:left;text-transform:none}.organization-card .stat-value{color:#1e293b;font-size:13px;font-weight:600;margin:0}.organization-card .status-text.active{color:#16a34a;font-weight:600}.organization-card .status-text.inactive{color:#dc2626;font-weight:600}.organization-card .progress-bar{background:#f1f5f9;border-radius:3px;height:6px;margin-top:4px;overflow:hidden;width:100%}.organization-card .progress-fill{background:#4f46e5;background:var(--color-primary,#4f46e5);border-radius:3px;height:100%;transition:width .3s ease}.organization-card .progress-fill.danger{background:#ef4444}.organization-card .progress-fill.warning{background:#f59e0b}.organization-card .card-actions{border-top:1px solid #f1f5f9;display:flex;gap:8px;margin-top:0;padding-top:14px}.btn-card{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 14px;transition:all .2s}.btn-card.btn-users{background:#eff6ff;color:#2563eb;flex:1 1}.btn-card.btn-users:hover{background:#dbeafe}.btn-card.btn-edit{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.btn-card.btn-edit:hover{background:#f1f5f9;color:#1e293b}.btn-card.btn-delete-card{background:#fef2f2;color:#ef4444}.btn-card.btn-delete-card:hover{background:#fee2e2}.btn-card:disabled{cursor:not-allowed;opacity:.4}.confirm-delete{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:4px;padding:14px}.confirm-delete p{color:#991b1b;font-size:13px;margin:0 0 12px}.confirm-actions{display:flex;gap:8px}.btn-confirm-delete{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px;transition:background .2s}.btn-confirm-delete:hover{background:#dc2626}.btn-confirm-delete:disabled{cursor:not-allowed;opacity:.5}.btn-confirm-cancel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px;transition:background .2s}.btn-confirm-cancel:hover{background:#f1f5f9}.my-organization-section{margin-bottom:28px}.my-organization-section h2{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 14px}.my-organization-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:24px}.my-organization-card .card-info{flex:1 1}.my-organization-card .card-title{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 4px}.my-organization-card .card-email{color:#64748b;font-size:13px;margin:0}.my-organization-card .card-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.my-organization-card .stat-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:14px;text-align:center}.my-organization-card .stat-label{color:#64748b;font-size:12px;font-weight:500;margin:0 0 4px}.my-organization-card .stat-value{color:#1e293b;font-size:18px;font-weight:700;margin:0}.users-progress{margin-top:4px}.progress-label{margin-bottom:6px}.progress-text{color:#64748b;font-size:12px;font-weight:500}.my-organization-card .progress-bar{background:#f1f5f9;border-radius:4px;height:8px;overflow:hidden;width:100%}.my-organization-card .progress-fill{background:#4f46e5;background:var(--color-primary,#4f46e5);border-radius:4px;height:100%;transition:width .3s ease}.my-organization-card .progress-fill.warning{background:#f59e0b}.my-organization-card .progress-fill.danger{background:#ef4444}.organizations-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px}.organizations-page .spinner{animation:orgSpin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top:3px solid var(--color-primary,#4f46e5);height:40px;width:40px}@keyframes orgSpin{to{transform:rotate(1turn)}}.organizations-page .loading-text{color:#64748b;font-size:14px;margin:0}.organizations-page .empty-state{padding:60px 24px;text-align:center}.organizations-page .empty-icon{align-items:center;background:#f1f5f9;border-radius:50%;color:#94a3b8;display:flex;height:72px;justify-content:center;margin:0 auto 16px;width:72px}.organizations-page .empty-title{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 6px}.organizations-page .empty-text{color:#64748b;font-size:14px;margin:0}.pagination-container{border-top:1px solid #f1f5f9;gap:8px;margin-top:24px;padding-top:20px}.pagination-btn,.pagination-container{align-items:center;display:flex;justify-content:center}.pagination-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;height:38px;transition:all .2s;width:38px}.pagination-btn:hover:not(:disabled){background:#f1f5f9;color:#1e293b}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}@media (max-width:1024px){.my-organization-card .card-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.organizations-page{padding:16px}.organizations-page .page-header{align-items:flex-start;flex-direction:column;gap:12px}.organizations-page .search-container{max-width:100%}.my-organization-card .card-stats,.organizations-grid{grid-template-columns:1fr}}.org-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.org-modal{animation:orgModalIn .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:500px;overflow:hidden;width:100%}.org-modal-wide{display:flex;flex-direction:column;max-height:80vh;max-width:640px}@keyframes orgModalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.org-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px}.org-modal-header h2{color:#1e293b;font-size:18px;font-weight:600;margin:0}.org-modal-close{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.org-modal-close:hover{background:#f1f5f9;color:#1e293b}.org-modal-close:disabled{cursor:not-allowed;opacity:.4}.org-modal-body{display:flex;flex-direction:column;gap:16px;padding:24px}.org-modal-scroll{flex:1 1;overflow-y:auto}.org-modal-footer{border-top:1px solid #f1f5f9;padding:16px 24px}.org-modal-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:13px;padding:10px 14px}.org-form-group{display:flex;flex-direction:column;gap:4px}.org-form-group label{color:#475569;font-size:13px;font-weight:500}.org-form-group input,.org-form-group select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.org-form-group input::placeholder{color:#94a3b8}.org-form-group input:focus,.org-form-group select:focus{border-color:#4f46e5;border-color:var(--color-primary,#4f46e5);box-shadow:0 0 0 3px #4f46e514;outline:none}.org-form-group input.input-error{border-color:#ef4444}.field-error{color:#ef4444;font-size:12px}.org-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.org-modal-actions{display:flex;gap:10px;padding-top:8px}.btn-modal-save{background:#4f46e5;background:var(--color-primary,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s}.btn-modal-save:hover{opacity:.9}.btn-modal-save:disabled{cursor:not-allowed;opacity:.5}.btn-modal-cancel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s}.btn-modal-cancel:hover{background:#f1f5f9}.btn-add-user{align-items:center;background:#4f46e5;background:var(--color-primary,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:all .2s;width:100%}.btn-add-user:hover{opacity:.9}.btn-add-user:disabled{cursor:not-allowed;opacity:.5}.add-user-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:16px}.add-user-hint{color:#94a3b8;font-size:12px;margin:0}.add-user-actions{display:flex;gap:8px}.users-list{gap:8px}.users-list-empty{color:#64748b;font-size:14px;padding:32px;text-align:center}.user-list-item{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;display:flex;justify-content:space-between;padding:12px 14px;transition:background .15s}.user-list-item:hover{background:#f1f5f9}.user-list-info{flex:1 1;min-width:0}.user-list-name{color:#1e293b;font-size:14px;font-weight:500}.user-list-email,.user-list-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-list-email{color:#64748b;font-size:13px}.user-list-role{background:#eff6ff;border-radius:4px;color:#2563eb;display:inline-block;font-size:11px;font-weight:600;margin-top:4px;padding:2px 8px}.btn-remove-user{align-items:center;background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;margin-left:12px;padding:8px;transition:background .2s}.btn-remove-user:hover{background:#fef2f2}.btn-remove-user:disabled{cursor:not-allowed;opacity:.4}.user-search-wrapper{position:relative}.user-search-wrapper input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;padding:10px 36px 10px 14px;transition:border-color .2s;width:100%}.user-search-wrapper input:focus{border-color:#4f46e5;border-color:var(--color-primary,#4f46e5);box-shadow:0 0 0 3px #4f46e514;outline:none}.user-search-wrapper .user-search-icon{color:#94a3b8;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.user-search-wrapper .user-search-spinner{animation:orgSpin .8s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top:2px solid var(--color-primary,#4f46e5);height:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px}.user-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001a;left:0;max-height:240px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:10}.user-dropdown-item{border-bottom:1px solid #f8fafc;cursor:pointer;padding:10px 14px;transition:background .15s}.user-dropdown-item:last-child{border-bottom:none}.user-dropdown-item:hover{background:#f8fafc}.user-dropdown-name{color:#1e293b;font-size:14px;font-weight:500}.user-dropdown-meta{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:12px;margin-top:2px}.user-dropdown-role{background:#eff6ff;border-radius:4px;color:#2563eb;font-size:10px;font-weight:600;padding:1px 6px}.user-dropdown-empty{color:#94a3b8;font-size:13px;padding:14px;text-align:center}.whatsapp-templates-page{margin:0 auto;max-width:1400px;padding:24px}.whatsapp-templates-page .page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.whatsapp-templates-page .header-content h1{align-items:center;color:#1a1a2e;display:flex;font-size:28px;font-weight:600;gap:12px;margin:0}.whatsapp-templates-page .header-content h1 i{color:#25d366}.whatsapp-templates-page .header-description{color:#64748b;font-size:14px;margin-top:8px}.whatsapp-templates-page .header-actions{display:flex;gap:12px}.whatsapp-templates-page .templates-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.whatsapp-templates-page .filter-group{align-items:center;display:flex;gap:8px}.whatsapp-templates-page .filter-group label{color:#64748b;font-size:14px;font-weight:500}.whatsapp-templates-page .filter-group select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:150px;padding:8px 12px}.whatsapp-templates-page .templates-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.whatsapp-templates-page .template-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s ease}.whatsapp-templates-page .template-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.whatsapp-templates-page .template-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.whatsapp-templates-page .template-title h3{color:#1a1a2e;font-family:monospace;font-size:16px;font-weight:600;margin:0 0 8px}.whatsapp-templates-page .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 10px}.whatsapp-templates-page .status-draft{background:#f1f5f9;color:#64748b}.whatsapp-templates-page .status-pending{background:#fef3c7;color:#92400e}.whatsapp-templates-page .status-approved{background:#dcfce7;color:#166534}.whatsapp-templates-page .status-rejected{background:#fee2e2;color:#991b1b}.whatsapp-templates-page .status-paused{background:#e0e7ff;color:#3730a3}.whatsapp-templates-page .status-disabled{background:#f1f5f9;color:#475569}.whatsapp-templates-page .category-badge{align-items:center;background:#f8fafc;border-radius:6px;color:#64748b;display:inline-flex;font-size:12px;gap:6px;padding:4px 10px}.whatsapp-templates-page .template-body{background:#f8fafc;border-radius:8px;margin-bottom:16px;padding:16px}.whatsapp-templates-page .component-header{color:#1a1a2e;font-size:14px;font-weight:600;margin-bottom:8px}.whatsapp-templates-page .component-body{color:#334155;font-size:14px;line-height:1.5;white-space:pre-wrap}.whatsapp-templates-page .component-footer{color:#94a3b8;font-size:12px;margin-top:8px}.whatsapp-templates-page .component-header-media{border-radius:6px;margin-bottom:8px;overflow:hidden}.whatsapp-templates-page .component-header-media img,.whatsapp-templates-page .component-header-media video{display:block;max-height:180px;object-fit:cover;width:100%}.whatsapp-templates-page .component-header-document,.whatsapp-templates-page .component-header-location{align-items:center;background:#f1f5f9;border-radius:6px;color:#475569;display:flex;font-size:13px;gap:10px;margin-bottom:8px;padding:12px}.whatsapp-templates-page .component-header-document i{color:#ef4444;font-size:20px}.whatsapp-templates-page .component-header-location i{color:#22c55e;font-size:20px}.whatsapp-templates-page .component-buttons-preview{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px}.whatsapp-templates-page .btn-preview{align-items:center;background:#0ea5e90d;border-radius:6px;color:#0ea5e9;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px}.whatsapp-templates-page .btn-preview i{font-size:12px}.whatsapp-templates-page .template-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.whatsapp-templates-page .template-meta span{align-items:center;color:#64748b;display:flex;font-size:12px;gap:6px}.whatsapp-templates-page .rejection-reason{align-items:flex-start;background:#fef2f2;border-radius:8px;display:flex;gap:8px;margin-bottom:12px;padding:12px}.whatsapp-templates-page .rejection-reason i{color:#ef4444;margin-top:2px}.whatsapp-templates-page .rejection-reason span{color:#991b1b;font-size:13px;line-height:1.4}.whatsapp-templates-page .template-actions{display:flex;flex-wrap:wrap;gap:8px}.whatsapp-templates-page .empty-state,.whatsapp-templates-page .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.whatsapp-templates-page .empty-state i,.whatsapp-templates-page .loading-state i{color:#cbd5e1;font-size:48px;margin-bottom:16px}.whatsapp-templates-page .empty-state h3{color:#1a1a2e;font-size:18px;margin-bottom:8px}.whatsapp-templates-page .empty-state p{color:#64748b;margin-bottom:20px}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003}.whatsapp-templates-page .template-modal{display:flex;flex-direction:column;max-height:90vh;max-width:760px;width:90%}.modal-header{flex-shrink:0}.modal-header h2{gap:10px}.modal-header h2 i{color:#25d366}.btn-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:18px;padding:8px}.btn-close:hover{color:#1a1a2e}.template-tabs{border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;padding:0 24px}.tab-btn{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:14px 20px;position:relative;transition:all .2s}.tab-btn:hover{color:#25d366}.tab-btn.active{border-bottom-color:#25d366;color:#25d366}.tab-btn i{font-size:14px}.tab-badge{align-items:center;background:#25d366;border-radius:10px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.modal-body{flex:1 1}.modal-footer{flex-shrink:0}.whatsapp-templates-page .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}.whatsapp-templates-page .form-group{margin-bottom:16px}.whatsapp-templates-page .form-group label{align-items:center;color:#334155;display:flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:6px}.category-tooltip-trigger{align-items:center;cursor:pointer;display:inline-flex;line-height:1}.category-tooltip-trigger .fa-circle-info{color:#94a3b8;font-size:13px;transition:color .15s}.category-tooltip-trigger:hover .fa-circle-info{color:#6366f1}.category-tooltip-box{background:#1e293b;border-radius:10px;box-shadow:0 8px 24px #00000059;color:#e2e8f0;font-size:12px;font-weight:400;line-height:1.5;padding:14px;position:fixed;transform:translateX(-50%);width:320px;z-index:99999}.category-tooltip-box:before{border:6px solid;border-color:#0000 #0000 #1e293b;bottom:100%;content:"";left:50%;position:absolute;transform:translateX(-50%)}.category-tooltip-item{border-bottom:1px solid #334155;padding:8px 0}.category-tooltip-item:last-child{border-bottom:none;padding-bottom:0}.category-tooltip-item:first-child{padding-top:0}.category-tooltip-item strong{color:#f1f5f9;display:block;font-size:11px;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.category-tooltip-item.active strong{color:#818cf8}.category-tooltip-item ul{color:#94a3b8;margin:0;padding-left:14px}.category-tooltip-item ul li{margin-bottom:2px}.category-tooltip-item.active ul{color:#c7d2fe}.whatsapp-templates-page .form-group input,.whatsapp-templates-page .form-group select,.whatsapp-templates-page .form-group textarea{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.whatsapp-templates-page .form-group input:focus,.whatsapp-templates-page .form-group select:focus,.whatsapp-templates-page .form-group textarea:focus{border-color:#25d366;outline:none}.whatsapp-templates-page .form-group input:disabled,.whatsapp-templates-page .form-group select:disabled{background:#f8fafc;cursor:not-allowed}.whatsapp-templates-page .form-group small{color:#94a3b8;display:block;font-size:12px;margin-top:4px}.whatsapp-templates-page .form-group textarea{min-height:100px;resize:vertical}.form-section{background:#fafbfc;border:1px solid #f1f5f9;border-radius:10px;padding:16px}.form-section-title{align-items:center;color:#1e293b;display:flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:14px}.form-section-title i{color:#25d366;font-size:14px}.header-format-selector{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.format-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:7px 12px;transition:all .2s ease}.format-btn:hover{background:#f0fdf4;border-color:#25d366;color:#25d366}.format-btn.active{background:#25d366;border-color:#25d366;color:#fff}.format-btn i{font-size:13px}.media-url-input{margin-top:4px}.media-url-input input{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.media-url-input input:focus{border-color:#25d366;outline:none}.media-url-input small{color:#94a3b8;display:block;font-size:12px;margin-top:4px}.media-preview{border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;max-width:300px;overflow:hidden}.media-preview img,.media-preview video{display:block;max-height:200px;object-fit:cover;width:100%}.info-box{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;display:flex;font-size:13px;gap:10px;padding:12px 16px}.info-box i{flex-shrink:0;font-size:16px}.variables-examples{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;padding:14px}.variables-examples>label{color:#475569;display:block;font-size:13px;font-weight:600;margin-bottom:10px}.variables-grid{display:flex;flex-direction:column;gap:8px}.variable-example-item{align-items:center;display:flex;gap:10px}.var-label{align-items:center;background:#dbeafe;border-radius:6px;color:#1d4ed8;display:inline-flex;font-family:monospace;font-size:13px;font-weight:600;justify-content:center;min-width:50px;padding:4px 8px}.variable-example-item input{border:1px solid #e2e8f0;border-radius:6px;flex:1 1;font-size:13px;padding:8px 12px}.variable-example-item input:focus{border-color:#25d366;outline:none}.buttons-tab{min-height:300px}.buttons-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:14px 16px}.buttons-info>i{color:#3b82f6;flex-shrink:0;font-size:18px;margin-top:2px}.buttons-info strong{color:#1e293b;display:block;font-size:14px;margin-bottom:6px}.buttons-info ul{color:#475569;font-size:13px;line-height:1.7;margin:0;padding-left:18px}.buttons-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.button-item{background:#fafbfc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.button-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.button-type-badge{align-items:center;color:#0ea5e9;display:flex;font-size:13px;font-weight:600;gap:6px}.button-type-badge i{font-size:14px}.btn-remove-button{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-remove-button:hover{background:#fecaca}.button-item-fields .form-group{margin-bottom:10px}.button-item-fields .form-group:last-child{margin-bottom:0}.button-item-fields .form-group label{color:#475569;font-size:13px;font-weight:500;margin-bottom:4px}.button-item-fields input{border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:13px;padding:8px 12px;width:100%}.button-item-fields input:focus{border-color:#25d366;outline:none}.button-item-fields small{color:#94a3b8;display:block;font-size:11px;margin-top:3px}.add-button-section{background:#fafbfc;border:1px dashed #cbd5e1;border-radius:10px;padding:16px}.add-button-section>label{color:#475569;display:block;font-size:13px;font-weight:600;margin-bottom:10px}.add-button-options{display:flex;flex-wrap:wrap;gap:8px}.add-btn-option{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.add-btn-option:hover:not(:disabled){background:#f0fdf4;border-color:#25d366;color:#25d366}.add-btn-option:disabled{cursor:not-allowed;opacity:.4}.add-btn-option i{font-size:14px}.empty-buttons{align-items:center;color:#94a3b8;display:flex;flex-direction:column;padding:40px 20px;text-align:center}.empty-buttons i{font-size:40px;margin-bottom:12px;opacity:.5}.empty-buttons p{color:#64748b;font-size:15px;margin:0 0 4px}.empty-buttons small{font-size:13px}.preview-tab{align-items:flex-start;display:flex;gap:24px}.phone-mockup{background:#1a1a2e;border-radius:28px;box-shadow:0 8px 32px #00000026;flex-shrink:0;padding:12px;width:320px}.phone-screen{background:#e5ddd5;border-radius:20px;min-height:380px;overflow:hidden}.whatsapp-chat-bg{background-color:#e5ddd5;display:flex;flex-direction:column;justify-content:center;min-height:380px;padding:16px 12px}.wa-message-bubble{background:#fff;border-radius:8px 8px 8px 0;box-shadow:0 1px 2px #0000001a;margin:0 8px;max-width:280px;overflow:hidden;padding:0}.wa-msg-header{color:#1a1a2e;font-size:14px;font-weight:700;padding:10px 12px 0}.wa-msg-media{width:100%}.wa-msg-media img,.wa-msg-media video{display:block;max-height:180px;object-fit:cover;width:100%}.wa-msg-document{align-items:center;background:#f0f2f5;border-radius:6px;display:flex;gap:10px;margin:4px;padding:12px}.wa-msg-document i{color:#ef4444;font-size:24px}.wa-msg-document span{color:#475569;font-size:13px;font-weight:500}.wa-msg-location{align-items:center;background:linear-gradient(135deg,#dcfce7,#d1fae5);border-radius:6px;display:flex;gap:8px;margin:4px;padding:16px 12px}.wa-msg-location i{color:#16a34a;font-size:20px}.wa-msg-location span{color:#15803d;font-size:13px;font-weight:500}.wa-msg-body{color:#1a1a2e;font-size:14px;line-height:1.45;padding:10px 12px 2px;white-space:pre-wrap;word-break:break-word}.wa-msg-footer{color:#8696a0;font-size:12px;padding:2px 12px 4px}.wa-msg-time{color:#8696a0;font-size:11px;padding:0 8px 6px;text-align:right}.wa-buttons-container{display:flex;flex-direction:column;gap:2px;margin:4px 8px 0;max-width:280px}.wa-btn{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000001a;color:#00a5f4;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px}.wa-btn i{font-size:12px}.preview-summary{flex:1 1;min-width:200px}.preview-summary h4{color:#1e293b;font-size:15px;font-weight:600;margin:0 0 16px}.summary-items{display:flex;flex-direction:column;gap:10px}.summary-item{align-items:center;background:#f8fafc;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.summary-label{color:#64748b;font-size:13px;font-weight:500}.summary-value{color:#1e293b;font-size:13px;font-weight:600}.whatsapp-templates-page .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.whatsapp-templates-page .btn-sm{font-size:13px;padding:6px 12px}.whatsapp-templates-page .btn-primary{background:#25d366;color:#fff}.whatsapp-templates-page .btn-primary:hover{background:#20bd5a}.whatsapp-templates-page .btn-secondary{background:#f1f5f9;color:#475569}.whatsapp-templates-page .btn-secondary:hover{background:#e2e8f0}.whatsapp-templates-page .btn-danger{background:#fee2e2;color:#dc2626}.whatsapp-templates-page .btn-danger:hover{background:#fecaca}.whatsapp-templates-page .btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.whatsapp-templates-page{padding:16px}.whatsapp-templates-page .page-header{align-items:stretch;flex-direction:column}.whatsapp-templates-page .header-actions{flex-direction:column}.whatsapp-templates-page .templates-list{grid-template-columns:1fr}.whatsapp-templates-page .template-modal{border-radius:0;max-height:100vh;width:100%}.header-format-selector{flex-wrap:wrap}.format-btn{font-size:12px;padding:6px 10px}.preview-tab{align-items:center;flex-direction:column}.phone-mockup{max-width:320px;width:100%}.preview-summary{width:100%}.template-tabs{overflow-x:auto}.tab-btn{font-size:13px;padding:12px 16px;white-space:nowrap}.add-button-options{flex-direction:column}.add-btn-option{justify-content:center}}.campaigns-page{margin:0 auto;max-width:1400px;padding:24px}.campaigns-page .page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.campaigns-page .header-content h1{align-items:center;color:#1a1a2e;display:flex;font-size:28px;font-weight:600;gap:12px;margin:0}.campaigns-page .header-content h1 i{color:#6366f1}.campaigns-page .header-description{color:#64748b;font-size:14px;margin-top:8px}.campaigns-page .alert{align-items:flex-start;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.campaigns-page .alert-warning{background:#fef3c7;border:1px solid #fcd34d}.campaigns-page .alert-warning i{color:#f59e0b;font-size:20px;margin-top:2px}.campaigns-page .alert strong{color:#92400e;display:block;margin-bottom:4px}.campaigns-page .alert p{color:#a16207;font-size:14px;margin:0}.campaigns-page .campaigns-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.campaigns-page .filter-group{align-items:center;display:flex;gap:8px}.campaigns-page .filter-group label{color:#64748b;font-size:14px;font-weight:500}.campaigns-page .filter-group select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:150px;padding:8px 12px}.campaigns-page .campaigns-list{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.campaigns-page .campaigns-table{border-collapse:collapse;width:100%}.campaigns-page .campaigns-table td,.campaigns-page .campaigns-table th{border-bottom:1px solid #e2e8f0;padding:16px;text-align:left}.campaigns-page .campaigns-table th{background:#f8fafc;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.campaigns-page .campaigns-table tbody tr:hover{background:#f8fafc}.campaigns-page .campaigns-table tbody tr:last-child td{border-bottom:none}.campaigns-page .campaign-info strong{color:#1a1a2e;display:block;font-size:14px;margin-bottom:4px}.campaigns-page .campaign-info .description{color:#64748b;display:block;font-size:13px}.campaigns-page .template-name{align-items:center;color:#334155;display:inline-flex;font-size:14px;gap:6px}.campaigns-page .template-name i{color:#25d366}.campaigns-page .recipient-count{align-items:center;color:#334155;display:inline-flex;font-size:14px;gap:6px}.campaigns-page .recipient-count i{color:#6366f1}.campaigns-page .date{color:#64748b;font-size:14px}.campaigns-page .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.campaigns-page .status-draft{background:#f1f5f9;color:#64748b}.campaigns-page .status-scheduled{background:#e0e7ff;color:#4338ca}.campaigns-page .status-sending{background:#fef3c7;color:#92400e}.campaigns-page .status-completed{background:#dcfce7;color:#166534}.campaigns-page .status-cancelled{background:#fee2e2;color:#991b1b}.campaigns-page .status-failed{background:#fee2e2;color:#dc2626}.campaigns-page .campaign-actions{display:flex;gap:8px}.campaigns-page .empty-state,.campaigns-page .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.campaigns-page .empty-state i,.campaigns-page .loading-state i{color:#cbd5e1;font-size:48px;margin-bottom:16px}.campaigns-page .empty-state h3{color:#1a1a2e;font-size:18px;margin-bottom:8px}.campaigns-page .empty-state p{color:#64748b;margin-bottom:20px}.campaigns-page .campaign-modal{max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.campaigns-page .form-group{margin-bottom:16px}.campaigns-page .form-group label{color:#334155;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.campaigns-page .form-group input,.campaigns-page .form-group select,.campaigns-page .form-group textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.campaigns-page .form-group input:focus,.campaigns-page .form-group select:focus,.campaigns-page .form-group textarea:focus{border-color:#6366f1;outline:none}.campaigns-page .template-preview-box{background:#f8fafc;border-radius:12px;margin-bottom:16px;padding:16px}.campaigns-page .template-preview-box h4{color:#64748b;font-size:14px;margin-bottom:12px}.campaigns-page .preview-content{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.campaigns-page .preview-header{color:#1a1a2e;font-size:14px;font-weight:600;margin-bottom:8px}.campaigns-page .preview-body{color:#334155;font-size:14px;line-height:1.5;white-space:pre-wrap}.campaigns-page .preview-footer{color:#94a3b8;font-size:12px;margin-top:8px}.campaigns-page .form-section{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.campaigns-page .form-section h4{color:#1a1a2e;font-size:14px;font-weight:600;margin-bottom:12px}.campaigns-page .section-description{color:#64748b;font-size:13px;margin-bottom:12px}.campaigns-page .recipient-info{align-items:center;background:#eff6ff;border-radius:8px;display:flex;gap:8px;margin-bottom:12px;padding:12px}.campaigns-page .recipient-info i{color:#3b82f6}.campaigns-page .recipient-info span{color:#1e40af;font-size:13px}.campaigns-page .stats-modal{max-width:600px;width:90%}.campaigns-page .stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.campaigns-page .stat-card{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:16px;padding:16px}.campaigns-page .stat-icon{align-items:center;border-radius:12px;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.campaigns-page .stat-icon.sent{background:#e0e7ff;color:#4338ca}.campaigns-page .stat-icon.delivered{background:#dcfce7;color:#166534}.campaigns-page .stat-icon.read{background:#fef3c7;color:#92400e}.campaigns-page .stat-icon.failed{background:#fee2e2;color:#dc2626}.campaigns-page .stat-info{display:flex;flex-direction:column}.campaigns-page .stat-value{color:#1a1a2e;font-size:24px;font-weight:600}.campaigns-page .stat-label{color:#64748b;font-size:13px}.campaigns-page .rates-section h4{color:#1a1a2e;font-size:14px;font-weight:600;margin-bottom:16px}.campaigns-page .rates-grid{display:flex;flex-direction:column;gap:12px}.campaigns-page .rate-item{align-items:center;display:flex;gap:12px}.campaigns-page .rate-label{color:#64748b;font-size:13px;width:120px}.campaigns-page .rate-bar{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.campaigns-page .rate-fill{border-radius:4px;height:100%;transition:width .3s ease}.campaigns-page .rate-fill.delivery{background:#22c55e}.campaigns-page .rate-fill.read{background:#f59e0b}.campaigns-page .rate-fill.click{background:#3b82f6}.campaigns-page .rate-fill.failure{background:#ef4444}.campaigns-page .rate-value{color:#1a1a2e;font-size:13px;font-weight:600;text-align:right;width:50px}.campaigns-page .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.campaigns-page .btn-sm{font-size:13px;padding:6px 10px}.campaigns-page .btn-primary{background:#6366f1;color:#fff}.campaigns-page .btn-primary:hover{background:#4f46e5}.campaigns-page .btn-secondary{background:#f1f5f9;color:#475569}.campaigns-page .btn-secondary:hover{background:#e2e8f0}.campaigns-page .btn-warning{background:#fef3c7;color:#92400e}.campaigns-page .btn-warning:hover{background:#fde68a}.campaigns-page .btn-danger{background:#fee2e2;color:#dc2626}.campaigns-page .btn-danger:hover{background:#fecaca}.campaigns-page .btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.campaigns-page{padding:16px}.campaigns-page .page-header{align-items:stretch;flex-direction:column}.campaigns-page .campaigns-table{display:block;overflow-x:auto}.campaigns-page .stats-grid{grid-template-columns:1fr}.campaigns-page .campaign-modal,.campaigns-page .stats-modal{border-radius:0;max-height:100vh;width:100%}}.leads-page{margin:0 auto;max-width:1400px;padding:24px}.leads-page .page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.leads-page .header-content h1{align-items:center;color:#1a1a2e;display:flex;font-size:28px;font-weight:600;gap:12px;margin:0}.leads-page .header-content h1 i{color:#6366f1}.leads-page .header-description{color:#64748b;font-size:14px;margin-top:8px}.leads-page .stats-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.leads-page .stat-card{align-items:center;background:#fff;border:1px solid #0000000f;border-radius:20px;box-shadow:0 4px 0 #00000014;display:flex;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.leads-page .stat-card:hover{box-shadow:0 10px 28px #0000001f;transform:translateY(-3px)}.leads-page .stat-icon{align-items:center;border-radius:14px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:52px;justify-content:center;width:52px}.leads-page .stat-icon.total{background:#7faec9}.leads-page .stat-icon.recent,.leads-page .stat-icon.whatsapp{background:#5fbf8f}.leads-page .stat-icon.hot{background:#e06666}.leads-page .stat-info{display:flex;flex-direction:column}.leads-page .stat-value{color:#1a1a2e;font-size:24px;font-weight:600}.leads-page .stat-label{color:#64748b;font-size:13px}.leads-page .leads-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.leads-page .search-box{flex:1 1;min-width:250px;position:relative}.leads-page .search-box i{color:#94a3b8;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.leads-page .search-box input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 12px 10px 40px;width:100%}.leads-page .filter-group{align-items:center;display:flex;gap:8px}.leads-page .filter-group label{color:#64748b;font-size:14px;font-weight:500}.leads-page .filter-group select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:140px;padding:10px 12px}.leads-page .leads-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.leads-page .leads-table{border-collapse:collapse;width:100%}.leads-page .leads-table td,.leads-page .leads-table th{border-bottom:1px solid #e2e8f0;padding:16px;text-align:left}.leads-page .leads-table th{background:#f8fafc;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.leads-page .leads-table tbody tr{cursor:pointer;transition:background .2s ease}.leads-page .leads-table tbody tr:hover{background:#f8fafc}.leads-page .leads-table tbody tr:last-child td{border-bottom:none}.leads-page .lead-info{align-items:center;display:flex;gap:12px}.leads-page .lead-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.leads-page .lead-avatar.large{font-size:24px;height:56px;width:56px}.leads-page .lead-details strong{color:#1a1a2e;display:block;font-size:14px}.leads-page .lead-details .company{color:#64748b;display:block;font-size:13px}.leads-page .contact-info{display:flex;flex-direction:column;gap:4px}.leads-page .contact-info span{align-items:center;color:#475569;display:flex;font-size:13px;gap:6px}.leads-page .contact-info i{color:#94a3b8;font-size:12px}.leads-page .source-badge{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.leads-page .source-badge i{color:#64748b;font-size:16px}.leads-page .source-badge i.fa-whatsapp{color:#25d366}.leads-page .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.leads-page .status-novo{background:#e0e7ff;color:#4338ca}.leads-page .status-contato{background:#fef3c7;color:#92400e}.leads-page .status-qualificado{background:#dcfce7;color:#166534}.leads-page .status-proposta{background:#dbeafe;color:#1e40af}.leads-page .status-negociacao{background:#fce7f3;color:#9d174d}.leads-page .status-ganho{background:#d1fae5;color:#065f46}.leads-page .status-perdido{background:#fee2e2;color:#991b1b}.leads-page .temp-badge{align-items:center;border-radius:50%;display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.leads-page .temp-frio{background:#dbeafe;color:#2563eb}.leads-page .temp-morno{background:#fef3c7;color:#d97706}.leads-page .temp-quente{background:#fee2e2;color:#dc2626}.leads-page .date{color:#64748b;font-size:14px}.leads-page .lead-actions{display:flex;gap:8px}.leads-page .empty-state,.leads-page .loading-state{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.leads-page .empty-state i,.leads-page .loading-state i{color:#cbd5e1;font-size:48px;margin-bottom:16px}.leads-page .empty-state h3{color:#1a1a2e;font-size:18px;margin-bottom:8px}.leads-page .empty-state p{color:#64748b;margin-bottom:20px}.leads-page .lead-modal{max-width:600px;width:90%}.leads-page .lead-detail-modal{max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.leads-page .lead-header-info{align-items:center;display:flex;gap:16px}.leads-page .lead-header-info h2{color:#1a1a2e;font-size:20px;margin:0}.leads-page .lead-header-info .company{color:#64748b;display:block;font-size:14px;font-weight:400}.leads-page .header-right-actions,.leads-page .status-update-bar{align-items:center;display:flex;gap:12px}.leads-page .status-update-bar{background:#f8fafc;border-radius:8px;margin-bottom:20px;overflow-x:auto;padding:16px}.leads-page .status-buttons{display:flex;flex-wrap:nowrap;gap:8px}.leads-page .status-btn{background:#fff;border:1px solid #e2e8f0;border-radius:20px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.leads-page .status-btn:hover{border-color:#6366f1;color:#6366f1}.leads-page .status-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.leads-page .detail-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:4px;margin-bottom:20px}.leads-page .tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:all .2s ease}.leads-page .tab:hover{color:#1a1a2e}.leads-page .tab.active{border-bottom-color:#6366f1;color:#6366f1}.leads-page .tab-content{min-height:300px}.leads-page .info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.leads-page .info-item{background:#f8fafc;border-radius:8px;padding:12px}.leads-page .info-item label{color:#64748b;display:block;font-size:12px;margin-bottom:4px}.leads-page .info-item span{align-items:center;color:#1a1a2e;display:flex;font-size:14px;gap:8px}.leads-page .info-item i{color:#94a3b8}.leads-page .add-note{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.leads-page .add-note textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px;resize:vertical;width:100%}.leads-page .notes-list{display:flex;flex-direction:column;gap:12px}.leads-page .note-item{background:#f8fafc;border-radius:8px;padding:16px}.leads-page .note-header{display:flex;justify-content:space-between;margin-bottom:8px}.leads-page .note-author{color:#1a1a2e;font-size:13px;font-weight:500}.leads-page .note-date{color:#94a3b8;font-size:12px}.leads-page .note-content{color:#475569;font-size:14px;line-height:1.5;margin:0}.leads-page .add-task{display:flex;gap:12px;margin-bottom:20px}.leads-page .add-task input[type=text]{flex:1 1}.leads-page .add-task input[type=date],.leads-page .add-task input[type=text]{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 12px}.leads-page .tasks-list{display:flex;flex-direction:column;gap:8px}.leads-page .task-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.leads-page .task-item.completed{opacity:.6}.leads-page .task-item.completed .task-title{text-decoration:line-through}.leads-page .task-checkbox{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:18px}.leads-page .task-checkbox:hover,.leads-page .task-item.completed .task-checkbox{color:#22c55e}.leads-page .task-info{flex:1 1}.leads-page .task-title{color:#1a1a2e;display:block;font-size:14px}.leads-page .task-due{align-items:center;color:#64748b;display:flex;font-size:12px;gap:4px;margin-top:4px}.leads-page .history-list{display:flex;flex-direction:column;gap:12px}.leads-page .history-item{align-items:flex-start;background:#f8fafc;border-radius:8px;display:flex;gap:12px;padding:12px}.leads-page .history-icon{align-items:center;background:#e0e7ff;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.leads-page .history-icon i{color:#4338ca;font-size:14px}.leads-page .history-info{flex:1 1}.leads-page .history-action{color:#1a1a2e;display:block;font-size:14px;font-weight:500}.leads-page .history-value{color:#64748b;display:block;font-size:13px}.leads-page .history-date{color:#94a3b8;display:block;font-size:12px;margin-top:4px}.leads-page .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.leads-page .form-group{margin-bottom:0}.leads-page .form-group label{color:#334155;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.leads-page .form-group input,.leads-page .form-group select{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.leads-page .form-group input:focus,.leads-page .form-group select:focus{border-color:#6366f1;outline:none}.leads-page .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.leads-page .btn-sm{font-size:13px;padding:6px 10px}.leads-page .btn-primary{background:#6366f1;color:#fff}.leads-page .btn-primary:hover{background:#4f46e5}.leads-page .btn-secondary{background:#f1f5f9;color:#475569}.leads-page .btn-secondary:hover{background:#e2e8f0}.leads-page .btn-success{background:#dcfce7;color:#16a34a}.leads-page .btn-success:hover{background:#bbf7d0}.leads-page .btn-danger{background:#fee2e2;color:#dc2626}.leads-page .btn-danger:hover{background:#fecaca}.leads-page .btn:disabled{cursor:not-allowed;opacity:.6}.leads-page .modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.leads-page .modal-header h2{align-items:center;color:#1a1a2e;display:flex;font-size:20px;font-weight:600;gap:10px;margin:0}.leads-page .modal-header h2 i{color:#6366f1}.leads-page .btn-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:18px;padding:8px}.leads-page .btn-close:hover{color:#1a1a2e}.leads-page .modal-body{padding:24px}.leads-page .modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}@media (max-width:768px){.leads-page{padding:16px}.leads-page .page-header{align-items:stretch;flex-direction:column}.leads-page .stats-cards{grid-template-columns:repeat(2,1fr)}.leads-page .leads-filters{flex-direction:column}.leads-page .search-box{min-width:100%}.leads-page .leads-table-container{overflow-x:auto}.leads-page .info-grid{grid-template-columns:1fr}.leads-page .lead-detail-modal,.leads-page .lead-modal{border-radius:0;max-height:100vh;width:100%}}.btn-clear-tag{background:none;border:none;color:#888;cursor:pointer;font-size:16px;margin-left:-4px;padding:0 4px}.btn-clear-tag:hover{color:#333}.tag-input-container{align-items:center;background:#fff;background:var(--input-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;cursor:text;display:flex;flex-wrap:wrap;gap:6px;min-height:40px;padding:6px 10px}.tag-input-container:focus-within{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);box-shadow:0 0 0 2px #4f46e51a}.tag-input-disabled{background:#f5f5f5;background:var(--disabled-bg,#f5f5f5);cursor:default;opacity:.7}.tag-chip{align-items:center;background:#ede9fe;background:var(--tag-bg,#ede9fe);border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:2px 10px;white-space:nowrap}.tag-chip,.tag-chip-remove{color:#4f46e5;color:var(--tag-color,#4f46e5)}.tag-chip-remove{background:none;border:none;cursor:pointer;font-size:16px;line-height:1;margin-left:2px;opacity:.6;padding:0}.tag-chip-remove:hover{opacity:1}.tag-input-field{background:#0000;border:none;color:inherit;flex:1 1;font-size:14px;min-width:120px;outline:none;padding:2px 0}.tag-input-wrapper{position:relative;width:100%}.tag-dropdown{background:#fff;background:var(--card-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;box-shadow:0 4px 12px #0000001f;display:flex;flex-direction:column;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.tag-dropdown-item{background:none;border:none;color:#333;color:var(--text-color,#333);cursor:pointer;font-size:13px;padding:8px 12px;text-align:left;width:100%}.tag-dropdown-item.highlighted,.tag-dropdown-item:hover{background:#f5f3ff;background:var(--hover-bg,#f5f3ff);color:#4f46e5;color:var(--primary-color,#4f46e5)}.modal-backdrop{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-container{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh}.modal-small{max-width:400px;width:100%}.modal-medium{max-width:600px;width:100%}.modal-large{max-width:800px;width:100%}.modal-xlarge{max-width:1000px;width:100%}.modal-full{max-width:1200px;width:95%}.modal-header{padding:16px 24px}.modal-header h2{color:#202020!important;font-size:18px}.modal-close{background:#f1f5f9;color:#2e2e2e;transition:all .2s ease}.modal-close:hover{background:#e2e8f0;color:#1a1a2e}.modal-content{flex:1 1;padding:24px}@media (max-width:768px){.modal-backdrop{padding:10px}.modal-container{max-height:95vh}.modal-large,.modal-medium,.modal-small,.modal-xlarge{max-width:100%}.modal-header{padding:12px 16px}.modal-content{padding:16px}}.support-bot-wrapper{align-items:flex-end;bottom:24px;display:flex;flex-direction:row;gap:0;pointer-events:none;position:fixed;right:24px;z-index:10200}@keyframes characterEntry{0%{opacity:0;transform:translateY(60px) scale(.7)}60%{transform:translateY(-8px) scale(1.04)}80%{transform:translateY(3px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes characterFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.support-bot-character{align-self:flex-end;animation:characterEntry .7s cubic-bezier(.34,1.56,.64,1) both,characterFloat 4s ease-in-out 1s infinite;cursor:pointer;flex-shrink:0;pointer-events:all;position:relative;transition:transform .2s;width:130px}.support-bot-character:hover{animation:characterFloat 4s ease-in-out infinite;transform:scale(1.04)}.support-bot-lottie{display:block;filter:drop-shadow(0 12px 24px rgba(99,102,241,.35));height:130px;width:130px}@keyframes bubbleIn{0%{opacity:0;transform:scale(.8) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.support-bot-bubble-hint{animation:bubbleIn .4s cubic-bezier(.34,1.56,.64,1) .5s both;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0f1ef2;border:1px solid #6366f166;border-radius:14px;bottom:calc(100% + 6px);left:50%;padding:8px 14px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}.support-bot-bubble-hint span{color:#e2e8f0;font-size:12.5px;font-weight:600}.support-bot-bubble-tail{background:#0f0f1ef2;border-bottom:1px solid #6366f166;border-right:1px solid #6366f166;bottom:-6px;height:10px;left:50%;position:absolute;transform:translateX(-50%) rotate(45deg);width:10px}.support-bot-close-btn{align-items:center;background:#ef4444d9;border:1px solid #ffffff26;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:9px;height:20px;justify-content:center;pointer-events:all;position:absolute;right:2px;top:6px;transition:background .15s,transform .15s;width:20px}.support-bot-close-btn:hover{background:#dc2626;transform:scale(1.15)}@keyframes chatSlideIn{0%{opacity:0;transform:translateX(24px) scale(.95);transform-origin:right bottom}to{opacity:1;transform:translateX(0) scale(1)}}.support-bot-chat{animation:chatSlideIn .3s cubic-bezier(.34,1.2,.64,1) both;-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);background:#0c0c1cf0;border:1px solid #6366f14d;border-radius:20px;box-shadow:0 24px 64px #0000008c,0 0 0 1px #ffffff0a,inset 0 1px 0 #ffffff0f;display:flex;flex-direction:column;margin-bottom:0;margin-right:-8px;max-height:500px;overflow:hidden;pointer-events:all;width:360px}.support-chat-header{align-items:center;background:linear-gradient(135deg,#6366f133,#8b5cf626);border-bottom:1px solid #ffffff12;display:flex;flex-shrink:0;gap:10px;padding:13px 16px}.support-chat-header-info{flex:1 1}.support-chat-header-info h4{align-items:center;color:#fff;display:flex;font-size:13.5px;font-weight:600;gap:6px;margin:0}.support-chat-header-info h4 i{color:#a5b4fc;font-size:13px}.support-online-badge{align-items:center;color:#10b981;display:flex;font-size:10.5px;gap:4px;margin-top:2px}.support-online-badge:before{background:#10b981;border-radius:50%;box-shadow:0 0 6px #10b981;content:"";flex-shrink:0;height:6px;width:6px}.support-chat-minimize{background:none;border:none;border-radius:6px;color:#fff6;cursor:pointer;font-size:13px;padding:4px 7px;transition:color .15s,background .15s}.support-chat-minimize:hover{background:#ffffff12;color:#fff}.support-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;padding:14px 14px 8px}.support-chat-messages::-webkit-scrollbar{width:3px}.support-chat-messages::-webkit-scrollbar-track{background:#0000}.support-chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.support-message{display:flex;flex-direction:column;max-width:90%}.support-message.bot{align-items:flex-start;align-self:flex-start}.support-message.user{align-items:flex-end;align-self:flex-end}.support-message-bubble{border-radius:16px;font-size:13px;line-height:1.55;padding:9px 13px;word-break:break-word}.support-message.bot .support-message-bubble{background:linear-gradient(135deg,#6366f138,#8b5cf626);border:1px solid #6366f138;border-bottom-left-radius:4px;color:#e2e8f0}.support-message.user .support-message-bubble{background:#ffffff12;border:1px solid #ffffff1a;border-bottom-right-radius:4px;color:#e2e8f0}.support-message-time{color:#ffffff47;font-size:10px;margin-top:3px;padding:0 3px}.support-message-bubble p{margin:0 0 7px}.support-message-bubble p:last-child{margin-bottom:0}.support-message-bubble strong{color:#a5b4fc;font-weight:600}.support-message-bubble h3{color:#a5b4fc;font-size:12.5px;margin:8px 0 5px}.support-message-bubble ol,.support-message-bubble ul{margin:5px 0;padding-left:16px}.support-message-bubble li{margin-bottom:3px}.support-prompt-block{background:#0006;border:1px solid #6366f159;border-radius:10px;margin-top:8px;overflow:hidden}.support-prompt-block-header{align-items:center;background:#6366f121;border-bottom:1px solid #6366f12e;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;padding:7px 11px}.support-prompt-block-header>span{align-items:center;color:#a5b4fc;display:flex;font-size:10.5px;font-weight:700;gap:5px;letter-spacing:.5px;text-transform:uppercase}.support-prompt-block-actions{display:flex;gap:5px}.support-prompt-copy-btn,.support-prompt-use-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 9px;transition:opacity .15s,transform .1s}.support-prompt-copy-btn{background:#ffffff14;color:#e2e8f0}.support-prompt-use-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.support-prompt-copy-btn:hover,.support-prompt-use-btn:hover{opacity:.82;transform:scale(1.04)}.support-prompt-block-content{color:#cbd5e1;font-family:Fira Mono,Consolas,monospace;font-size:11.5px;line-height:1.6;max-height:180px;overflow-y:auto;padding:10px 12px;white-space:pre-wrap}.support-prompt-block-content::-webkit-scrollbar{width:3px}.support-prompt-block-content::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.support-typing{align-self:flex-start;padding:2px 0}.support-typing-dots{background:#6366f126;border:1px solid #6366f133;border-radius:14px;border-bottom-left-radius:4px;display:inline-flex;gap:4px;padding:9px 13px}.support-typing-dots span{background:#a5b4fc;border-radius:50%;display:inline-block;height:6px;width:6px}.support-typing-dots span:first-child{animation:typingBounce 1.2s ease-in-out 0s infinite}.support-typing-dots span:nth-child(2){animation:typingBounce 1.2s ease-in-out .2s infinite}.support-typing-dots span:nth-child(3){animation:typingBounce 1.2s ease-in-out .4s infinite}.support-quick-suggestions{display:flex;flex-wrap:wrap;gap:5px;padding:0 12px 10px}.support-quick-btn{background:#6366f11a;border:1px solid #6366f138;border-radius:20px;color:#a5b4fc;cursor:pointer;font-size:11px;padding:4px 10px;transition:background .15s,transform .1s;white-space:nowrap}.support-quick-btn:hover{background:#6366f138;transform:scale(1.03)}.support-chat-input-area{align-items:flex-end;background:#0000002e;border-top:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:7px;padding:10px 12px}.support-chat-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#e2e8f0;flex:1 1;font-family:inherit;font-size:13px;line-height:1.4;max-height:90px;min-height:36px;padding:8px 12px;resize:none;transition:border-color .2s}.support-chat-input::placeholder{color:#ffffff47}.support-chat-input:focus{border-color:#6366f180;outline:none}.support-chat-send-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;transition:opacity .15s,transform .15s;width:36px}.support-chat-send-btn:disabled{cursor:not-allowed;opacity:.35}.support-chat-send-btn:not(:disabled):hover{opacity:.83;transform:scale(1.08)}@media (max-width:600px){.support-bot-wrapper{bottom:12px;right:12px}.support-bot-chat{width:calc(100vw - 150px)}.support-bot-character{width:100px}.support-bot-lottie{height:100px;width:100px}}.ai-agents-page{margin:0 auto;max-width:1400px;padding:24px}.ai-agents-page .page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.ai-agents-page .header-content h1{align-items:center;color:#1a1a1a;display:flex;font-size:28px;font-weight:600;gap:12px;margin:0}.ai-agents-page .header-content h1 i{color:#6366f1}.ai-agents-page .header-description{color:#64748b;font-size:14px;margin-top:8px}.ai-agents-page .stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.ai-agents-page .stat-card{align-items:center;background:#fff;border:1px solid #0000000f;border-radius:20px;box-shadow:0 4px 0 #00000014;display:flex;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ai-agents-page .stat-card:hover{box-shadow:0 10px 28px #0000001f;transform:translateY(-3px)}.ai-agents-page .stat-icon{align-items:center;border-radius:14px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:52px;justify-content:center;width:52px}.ai-agents-page .stat-icon.total{background:#7faec9}.ai-agents-page .stat-icon.active{background:#5fbf8f}.ai-agents-page .stat-icon.linked{background:#ffd36a}.ai-agents-page .stat-icon.unlinked{background:#e06666}.ai-agents-page .stat-info{display:flex;flex-direction:column}.ai-agents-page .stat-value{color:#1a1a2e;font-size:24px;font-weight:600}.ai-agents-page .stat-label{color:#64748b;font-size:13px}.ai-agents-page .agents-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.ai-agents-page .filter-group{align-items:center;display:flex;gap:8px}.ai-agents-page .filter-group label{color:#414141;font-size:14px;font-weight:500}.ai-agents-page .filter-group select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:150px;padding:8px 12px}.ai-agents-page .filter-group.search{flex:1 1;max-width:300px;min-width:200px;position:relative}.ai-agents-page .filter-group.search i{color:#444;left:12px;position:absolute}.ai-agents-page .filter-group.search input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:8px 12px 8px 36px;width:100%}.ai-agents-page .agents-list{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.ai-agents-page .agents-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.ai-agents-page .agent-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s ease}.ai-agents-page .agent-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f126}.ai-agents-page .agent-card.inactive{opacity:.6}.ai-agents-page .agent-header{align-items:flex-start;background:linear-gradient(135deg,#6366f1,#4f46e5);display:flex;justify-content:space-between;padding:16px}.ai-agents-page .agent-icon{align-items:center;background:#fff3;border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.ai-agents-page .agent-badges{display:flex;gap:6px}.ai-agents-page .badge{border-radius:12px;font-size:11px;font-weight:500;padding:4px 8px}.ai-agents-page .badge-default{background:#fef3c7;color:#92400e}.ai-agents-page .badge-status.active{background:#dcfce7;color:#166534}.ai-agents-page .badge-status.inactive{background:#fee2e2;color:#dc2626}.ai-agents-page .agent-content{padding:16px}.ai-agents-page .agent-content h3{color:#1a1a2e;font-size:16px;font-weight:600;margin:0 0 8px}.ai-agents-page .agent-description{color:#64748b;font-size:13px;line-height:1.4;margin:0 0 12px}.ai-agents-page .agent-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.ai-agents-page .meta-item{align-items:center;color:#64748b;display:flex;font-size:12px;gap:6px}.ai-agents-page .meta-item i{color:#6366f1}.ai-agents-page .category-badge{border-radius:12px;color:#fff;font-size:11px;padding:4px 10px}.ai-agents-page .agent-tools{margin-bottom:12px}.ai-agents-page .tools-label{color:#94a3b8;display:block;font-size:11px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.ai-agents-page .tools-list{display:flex;flex-wrap:wrap;gap:4px}.ai-agents-page .tool-tag{background:#f1f5f9;border-radius:4px;color:#475569;font-size:11px;padding:3px 8px}.ai-agents-page .tool-tag.more{background:#e0e7ff;color:#4338ca}.ai-agents-page .agent-stats{border-top:1px solid #e2e8f0;display:flex;gap:20px;padding-top:12px}.ai-agents-page .agent-stats .stat{display:flex;flex-direction:column}.ai-agents-page .agent-stats .stat-value{color:#1a1a2e;font-size:16px;font-weight:600}.ai-agents-page .agent-stats .stat-label{color:#94a3b8;font-size:11px}.ai-agents-page .agent-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:8px;padding:12px 16px}.ai-agents-page .empty-state,.ai-agents-page .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.ai-agents-page .empty-state i,.ai-agents-page .loading-state i{color:#cbd5e1;font-size:48px;margin-bottom:16px}.ai-agents-page .empty-state h3{color:#1a1a2e;font-size:18px;margin-bottom:8px}.ai-agents-page .empty-state p{color:#64748b;margin-bottom:20px}.ai-agents-page .agent-form{display:flex;flex-direction:column;gap:16px}.ai-agents-page .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.ai-agents-page .form-group{display:flex;flex-direction:column;gap:6px}.ai-agents-page .form-group label{color:#334155;font-size:14px;font-weight:500}.ai-agents-page .form-group input,.ai-agents-page .form-group select,.ai-agents-page .form-group textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 12px}.ai-agents-page .form-group input:focus,.ai-agents-page .form-group select:focus,.ai-agents-page .form-group textarea:focus{border-color:#6366f1;outline:none}.ai-agents-page .form-group textarea{font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.5;resize:vertical}.ai-agents-page .form-hint{color:#94a3b8;font-size:12px}.ai-agents-page .form-group input[type=range]{cursor:pointer;padding:0}.ai-agents-page .tools-selector{grid-gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);max-height:200px;overflow-y:auto;padding:12px}.ai-agents-page .tool-checkbox{align-items:flex-start;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background .2s}.ai-agents-page .tool-checkbox:hover{background:#fff}.ai-agents-page .tool-checkbox input{margin-top:2px}.ai-agents-page .tool-info{display:flex;flex-direction:column}.ai-agents-page .tool-info strong{color:#1a1a2e;font-size:13px}.ai-agents-page .tool-info small{color:#64748b;font-size:11px}.ai-agents-page .tool-tooltip-icon{align-self:center;color:#94a3b8;cursor:help;flex-shrink:0;font-size:14px;margin-left:auto;transition:color .2s}.ai-agents-page .tool-tooltip-icon:hover{color:#4f46e5;color:var(--color-primary,#4f46e5)}.ai-agents-page .form-row.checkboxes{display:flex;flex-wrap:wrap;gap:20px}.ai-agents-page .checkbox-label{align-items:center;color:#334155;cursor:pointer;display:flex;font-size:14px;gap:8px}.ai-agents-page .form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.ai-agents-page .test-modal{display:flex;flex-direction:column;gap:20px}.ai-agents-page .test-input-section{display:flex;flex-direction:column;gap:12px}.ai-agents-page .test-input-section label{color:#334155;font-weight:500}.ai-agents-page .test-input-section textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px;resize:vertical}.ai-agents-page .test-result{background:#f8fafc;border-radius:12px;padding:16px}.ai-agents-page .test-result h4{color:#1a1a2e;margin:0 0 16px}.ai-agents-page .result-section{align-items:flex-start;display:flex;gap:8px;margin-bottom:12px}.ai-agents-page .result-section strong{color:#64748b;font-size:13px;min-width:120px}.ai-agents-page .result-section span{color:#1a1a2e;font-size:13px}.ai-agents-page .result-section.prompt{flex-direction:column}.ai-agents-page .result-section pre{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;margin:8px 0 0;max-height:150px;overflow-x:auto;overflow-y:auto;padding:12px;white-space:pre-wrap}.ai-agents-page .result-section.response{flex-direction:column}.ai-agents-page .result-section.response p{background:#dcfce7;border-radius:8px;color:#166534;font-size:14px;line-height:1.6;margin:8px 0 0;padding:12px;white-space:pre-wrap}.ai-agents-page .test-loading{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:32px}.ai-agents-page .test-loading i{color:#0284c7;font-size:32px}.ai-agents-page .test-loading span{color:#0369a1;font-size:14px}.ai-agents-page .result-meta{grid-gap:12px;border-top:1px solid #e2e8f0;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-top:16px;padding-top:16px}.ai-agents-page .result-meta .result-section{flex-direction:column;gap:4px;margin-bottom:0}.ai-agents-page .result-meta .result-section strong{font-size:11px;letter-spacing:.5px;min-width:auto;text-transform:uppercase}.ai-agents-page .result-meta .result-section span{font-weight:600}.ai-agents-page .provider-badge{border-radius:12px;font-size:11px;font-weight:500;margin-left:12px;padding:4px 8px}.ai-agents-page .provider-badge.openai{background:#e0f2fe;color:#0369a1}.ai-agents-page .provider-badge.gemini{background:#fef3c7;color:#92400e}.ai-agents-page .fallback-notice{align-items:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#92400e;display:flex;font-size:13px;gap:8px;margin-bottom:12px;padding:10px 12px}.ai-agents-page .fallback-notice i{color:#f59e0b}.ai-agents-page .result-details{margin-top:16px}.ai-agents-page .result-details summary{color:#6366f1;cursor:pointer;font-size:13px;font-weight:500;padding:8px 0}.ai-agents-page .result-details summary:hover{color:#4f46e5}.ai-agents-page .result-details pre{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;margin-top:8px;max-height:200px;overflow-x:auto;overflow-y:auto;padding:12px;white-space:pre-wrap}@keyframes fa-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fa-bounce{animation:fa-bounce .6s ease infinite}.ai-agents-page .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.ai-agents-page .btn-sm{font-size:13px;padding:6px 10px}.ai-agents-page .btn-primary{background:#6366f1;color:#fff}.ai-agents-page .btn-primary:hover{background:#4f46e5}.ai-agents-page .btn-secondary{background:#f1f5f9;color:#475569}.ai-agents-page .btn-secondary:hover{background:#e2e8f0}.ai-agents-page .btn-danger{background:#fee2e2;color:#dc2626}.ai-agents-page .btn-danger:hover{background:#fecaca}.ai-agents-page .btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.ai-agents-page .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.ai-agents-page{padding:16px}.ai-agents-page .page-header{align-items:stretch;flex-direction:column}.ai-agents-page .agents-grid,.ai-agents-page .form-row,.ai-agents-page .stats-grid,.ai-agents-page .tools-selector{grid-template-columns:1fr}}.sales-recovery-page{margin:0 auto;max-width:1400px;padding:24px}.sales-recovery-page .page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.sales-recovery-page .header-content h1{align-items:center;color:#1a1a2e;display:flex;font-size:28px;font-weight:600;gap:12px;margin:0}.sales-recovery-page .header-content h1 i{color:#6366f1}.sales-recovery-page .header-description{color:#64748b;font-size:14px;margin-top:8px}.sales-recovery-page .stats-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.sales-recovery-page .stat-card{align-items:center;background:#fff;border:1px solid #0000000f;border-radius:20px;box-shadow:0 4px 0 #00000014;display:flex;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sales-recovery-page .stat-card:hover{box-shadow:0 10px 28px #0000001f;transform:translateY(-3px)}.sales-recovery-page .stat-icon{align-items:center;border-radius:14px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:52px;justify-content:center;width:52px}.sales-recovery-page .stat-icon.rules{background:#7faec9}.sales-recovery-page .stat-icon.active{background:#5fbf8f}.sales-recovery-page .stat-icon.attempts{background:#ffd36a}.sales-recovery-page .stat-icon.conversion{background:#e06666}.sales-recovery-page .stat-info{display:flex;flex-direction:column}.sales-recovery-page .stat-value{color:#1a1a2e;font-size:24px;font-weight:600}.sales-recovery-page .stat-label{color:#64748b;font-size:13px}.sales-recovery-page .tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:0;margin-bottom:24px}.sales-recovery-page .tab-btn{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:-2px;padding:12px 20px;transition:all .2s ease}.sales-recovery-page .tab-btn:hover{color:#6366f1}.sales-recovery-page .tab-btn.active{border-bottom-color:#6366f1;color:#6366f1}.sales-recovery-page .tab-btn i{font-size:14px}.sales-recovery-page .filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.sales-recovery-page .filter-group{align-items:center;display:flex;gap:8px}.sales-recovery-page .filter-group label{color:#64748b;font-size:14px;font-weight:500}.sales-recovery-page .filter-group select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:150px;padding:8px 12px}.sales-recovery-page .data-list{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.sales-recovery-page .data-table{border-collapse:collapse;width:100%}.sales-recovery-page .data-table td,.sales-recovery-page .data-table th{border-bottom:1px solid #e2e8f0;padding:14px 16px;text-align:left}.sales-recovery-page .data-table th{background:#f8fafc;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sales-recovery-page .data-table tbody tr:hover{background:#f8fafc}.sales-recovery-page .data-table tbody tr:last-child td{border-bottom:none}.sales-recovery-page .rule-info strong{color:#1a1a2e;display:block;font-size:14px;margin-bottom:4px}.sales-recovery-page .rule-info .rule-description{color:#64748b;font-size:13px}.sales-recovery-page .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.sales-recovery-page .status-active{background:#dcfce7;color:#166534}.sales-recovery-page .status-inactive{background:#f1f5f9;color:#64748b}.sales-recovery-page .status-pending{background:#fef3c7;color:#92400e}.sales-recovery-page .status-sent{background:#e0e7ff;color:#4338ca}.sales-recovery-page .status-delivered{background:#dbeafe;color:#1e40af}.sales-recovery-page .status-read{background:#cffafe;color:#155e75}.sales-recovery-page .status-responded{background:#dcfce7;color:#166534}.sales-recovery-page .status-converted{background:#fce7f3;color:#be185d}.sales-recovery-page .status-failed{background:#fee2e2;color:#dc2626}.sales-recovery-page .status-cancelled{background:#f1f5f9;color:#64748b}.sales-recovery-page .status-exhausted{background:#fed7aa;color:#9a3412}.sales-recovery-page .status-eligible{background:#e0f2fe;color:#0369a1}.sales-recovery-page .status-inProgress{background:#fef3c7;color:#92400e}.sales-recovery-page .row-actions{display:flex;gap:6px}.sales-recovery-page .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.sales-recovery-page .btn-sm{font-size:13px;padding:6px 10px}.sales-recovery-page .btn-primary{background:#6366f1;color:#fff}.sales-recovery-page .btn-primary:hover{background:#4f46e5}.sales-recovery-page .btn-secondary{background:#f1f5f9;color:#475569}.sales-recovery-page .btn-secondary:hover{background:#e2e8f0}.sales-recovery-page .btn-danger{background:#fee2e2;color:#dc2626}.sales-recovery-page .btn-danger:hover{background:#fecaca}.sales-recovery-page .btn-warning{background:#fef3c7;color:#92400e}.sales-recovery-page .btn-warning:hover{background:#fde68a}.sales-recovery-page .btn:disabled{cursor:not-allowed;opacity:.6}.sales-recovery-page .empty-state,.sales-recovery-page .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.sales-recovery-page .empty-state i,.sales-recovery-page .loading-state i{color:#cbd5e1;font-size:48px;margin-bottom:16px}.sales-recovery-page .empty-state h3{color:#1a1a2e;font-size:18px;margin-bottom:8px}.sales-recovery-page .empty-state p{color:#64748b;margin-bottom:20px}.sales-recovery-page .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.sales-recovery-page .modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.sales-recovery-page .modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.sales-recovery-page .modal-header h2{color:#1a1a2e;font-size:18px;font-weight:600;margin:0}.sales-recovery-page .modal-header .btn-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:18px;padding:4px}.sales-recovery-page .modal-header .btn-close:hover{color:#64748b}.sales-recovery-page .modal-body{padding:24px}.sales-recovery-page .modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.sales-recovery-page .form-group{margin-bottom:16px}.sales-recovery-page .form-group label{color:#334155;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.sales-recovery-page .form-hint{color:#94a3b8;font-size:12px;margin-top:4px}.sales-recovery-page .form-group input,.sales-recovery-page .form-group select,.sales-recovery-page .form-group textarea{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.sales-recovery-page .form-group input:focus,.sales-recovery-page .form-group select:focus,.sales-recovery-page .form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.sales-recovery-page .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.sales-recovery-page .form-check{align-items:center;display:flex;gap:10px;margin-bottom:12px}.sales-recovery-page .form-check input[type=checkbox]{accent-color:#6366f1;height:18px;width:18px}.sales-recovery-page .form-check label{color:#334155;cursor:pointer;font-size:14px;margin:0}.sales-recovery-page .form-check .hint{color:#94a3b8;font-size:12px;margin-bottom:12px;margin-left:28px;margin-top:-8px}.sales-recovery-page .category-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.sales-recovery-page .category-tag{align-items:center;background:#f1f5f9;border-radius:16px;color:#475569;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px}.sales-recovery-page .category-tag .dot{border-radius:50%;height:8px;width:8px}.sales-recovery-page .attempt-contact{align-items:center;display:flex;gap:8px}.sales-recovery-page .attempt-contact .contact-name{color:#1a1a2e;font-weight:500}.sales-recovery-page .attempt-contact .contact-phone{color:#64748b;font-size:13px}@media (max-width:1024px){.sales-recovery-page .stats-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sales-recovery-page{padding:16px}.sales-recovery-page .page-header{align-items:stretch;flex-direction:column}.sales-recovery-page .stats-cards{grid-template-columns:1fr}.sales-recovery-page .data-table{display:block;overflow-x:auto}.sales-recovery-page .form-row{grid-template-columns:1fr}.sales-recovery-page .modal{border-radius:0;max-height:100vh;width:100%}.sales-recovery-page .tabs{overflow-x:auto}}.products-page{margin:0 auto;max-width:1600px;padding:24px}.products-page .page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.products-page .header-content h1{align-items:center;color:#1a1a2e;display:flex;font-size:28px;font-weight:600;gap:12px;margin:0}.products-page .header-content h1 i{color:#6366f1}.products-page .header-description{color:#64748b;font-size:14px;margin-top:8px}.products-page .stats-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.products-page .stat-card{align-items:center;background:#fff;border:1px solid #0000000f;border-radius:20px;box-shadow:0 4px 0 #00000014;display:flex;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.products-page .stat-card:hover{box-shadow:0 10px 28px #0000001f;transform:translateY(-3px)}.products-page .stat-icon{align-items:center;border-radius:14px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:52px;justify-content:center;width:52px}.products-page .stat-icon.total{background:#7faec9}.products-page .stat-icon.active{background:#5fbf8f}.products-page .stat-icon.attachments{background:#ffd36a}.products-page .stat-info{display:flex;flex-direction:column}.products-page .stat-value{color:#1a1a2e;font-size:24px;font-weight:600}.products-page .stat-label{color:#64748b;font-size:13px}.products-page .filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.products-page .search-box{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;gap:8px;max-width:400px;padding:8px 12px}.products-page .search-box i{color:#94a3b8}.products-page .search-box input{border:none;font-size:14px;outline:none;width:100%}.products-page .filter-group{align-items:center;display:flex;gap:8px}.products-page .filter-group label{color:#64748b;font-size:14px;font-weight:500}.products-page .filter-group select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:150px;padding:8px 12px}.products-page .main-area{display:flex;gap:24px}.products-page .main-area .product-list{flex:1 1;min-width:0}.products-page .main-area.with-detail .product-list{flex:0 0 55%}.products-page .main-area.with-detail .product-detail{flex-basis:calc(45% - 24px);flex-grow:0;flex-shrink:0}.products-page .data-list{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.products-page .data-table{border-collapse:collapse;width:100%}.products-page .data-table td,.products-page .data-table th{border-bottom:1px solid #e2e8f0;padding:14px 16px;text-align:left}.products-page .data-table th{background:#f8fafc;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.products-page .data-table tbody tr{cursor:pointer;transition:background .15s}.products-page .data-table tbody tr:hover{background:#f8fafc}.products-page .data-table tbody tr.selected{background:#eef2ff}.products-page .data-table tbody tr:last-child td{border-bottom:none}.products-page .product-name-cell{display:flex;flex-direction:column;gap:2px}.products-page .product-name-cell strong{color:#1a1a2e;font-size:14px}.products-page .product-description-preview{color:#94a3b8;font-size:12px}.products-page .product-value{color:#059669;font-weight:600;white-space:nowrap}.products-page .attachment-badges{display:flex;gap:6px}.products-page .attachment-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:3px 8px}.products-page .attachment-badge.image{background:#e0f2fe;color:#0369a1}.products-page .attachment-badge.video{background:#f3e8ff;color:#7c3aed}.products-page .attachment-badge.pdf{background:#fee2e2;color:#dc2626}.products-page .no-attachments{color:#cbd5e1}.products-page .row-actions{display:flex;gap:6px}.products-page .product-detail{background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-height:calc(100vh - 120px);overflow:hidden;overflow-y:auto;position:-webkit-sticky;position:sticky;top:24px}.products-page .detail-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.products-page .detail-header h2{color:#1a1a2e;font-size:18px;font-weight:600;margin:0}.products-page .detail-content{padding:24px}.products-page .detail-info{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:24px}.products-page .info-row{margin-bottom:16px}.products-page .info-row:last-child{margin-bottom:0}.products-page .info-row label{color:#64748b;display:block;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.products-page .value-highlight{color:#059669;font-size:24px;font-weight:700}.products-page .product-full-description{color:#334155;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.products-page .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.products-page .status-active{background:#dcfce7;color:#166534}.products-page .status-inactive{background:#f1f5f9;color:#64748b}.products-page .detail-attachments .attachments-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.products-page .detail-attachments h3{color:#1a1a2e;font-size:16px;font-weight:600;margin:0}.products-page .detail-attachments h3,.products-page .upload-controls{align-items:center;display:flex;gap:8px}.products-page .type-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;padding:6px 10px}.products-page .upload-btn{cursor:pointer}.products-page .no-attachments-message{align-items:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px;display:flex;flex-direction:column;padding:40px 20px;text-align:center}.products-page .no-attachments-message i{color:#cbd5e1;font-size:36px;margin-bottom:12px}.products-page .no-attachments-message p{color:#94a3b8;font-size:14px;margin:0}.products-page .attachments-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.products-page .attachment-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:box-shadow .2s}.products-page .attachment-card:hover{box-shadow:0 4px 12px #00000014}.products-page .attachment-preview{align-items:center;background:#f8fafc;display:flex;height:140px;justify-content:center;overflow:hidden;width:100%}.products-page .attachment-preview img{height:100%;object-fit:cover;width:100%}.products-page .attachment-preview.video-preview{background:#faf5ff;padding:0}.products-page .attachment-preview.video-preview video{height:100%;object-fit:cover;width:100%}.products-page .attachment-preview.pdf-preview{background:#fef2f2}.products-page .attachment-preview.pdf-preview i{color:#ef4444;font-size:48px}.products-page .attachment-info{display:flex;flex-direction:column;gap:4px;padding:10px 12px}.products-page .attachment-name{color:#334155;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.products-page .attachment-type-badge{align-items:center;color:#94a3b8;display:inline-flex;font-size:11px;gap:4px}.products-page .attachment-actions{border-top:1px solid #f1f5f9;display:flex;gap:6px;padding:8px 12px}.products-page .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.products-page .btn-sm{font-size:13px;padding:6px 10px}.products-page .btn-primary{background:#6366f1;color:#fff}.products-page .btn-primary:hover{background:#4f46e5}.products-page .btn-secondary{background:#f1f5f9;color:#475569}.products-page .btn-secondary:hover{background:#e2e8f0}.products-page .btn-danger{background:#fee2e2;color:#dc2626}.products-page .btn-danger:hover{background:#fecaca}.products-page .btn:disabled{cursor:not-allowed;opacity:.6}.products-page .btn-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:18px;padding:4px}.products-page .btn-close:hover{color:#64748b}.products-page .empty-state,.products-page .loading-state{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.products-page .empty-state i,.products-page .loading-state i{color:#cbd5e1;font-size:48px;margin-bottom:16px}.products-page .empty-state h3{color:#1a1a2e;font-size:18px;margin-bottom:8px}.products-page .empty-state p{color:#64748b;margin-bottom:20px}.products-page .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.products-page .modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.products-page .modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.products-page .modal-header h2{color:#1a1a2e;font-size:18px;font-weight:600;margin:0}.products-page .modal-body{padding:24px}.products-page .modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.products-page .form-group{margin-bottom:16px}.products-page .form-group label{color:#334155;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.products-page .form-group input,.products-page .form-group select,.products-page .form-group textarea{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.products-page .form-group input:focus,.products-page .form-group select:focus,.products-page .form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.products-page .form-group textarea{min-height:80px;resize:vertical}@media (max-width:1024px){.products-page .stats-cards{grid-template-columns:repeat(3,1fr)}.products-page .main-area{flex-direction:column}.products-page .main-area.with-detail .product-detail,.products-page .main-area.with-detail .product-list{flex:1 1}.products-page .product-detail{max-height:none;position:static}}@media (max-width:768px){.products-page{padding:16px}.products-page .page-header{align-items:stretch;flex-direction:column}.products-page .stats-cards{grid-template-columns:1fr}.products-page .data-table{display:block;overflow-x:auto}.products-page .modal{border-radius:0;max-height:100vh;width:100%}.products-page .attachments-grid{grid-template-columns:1fr}.products-page .search-box{max-width:none}}.financial-page{margin:0 auto;max-width:1000px;padding:32px}.fin-header{margin-bottom:28px}.fin-header h1{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:26px;font-weight:700;gap:12px;margin:0 0 6px}.fin-header h1 i{color:#3b82f6;color:var(--primary-blue,#3b82f6)}.fin-header p{color:#64748b;font-size:14px;margin:0}.fin-tabs{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:0}.fin-tab,.fin-tabs{display:flex;gap:8px}.fin-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:-1px;padding:10px 20px;transition:all .2s}.fin-tab.active,.fin-tab:hover{color:#3b82f6;color:var(--primary-blue,#3b82f6)}.fin-tab.active{border-bottom-color:#3b82f6;border-bottom-color:var(--primary-blue,#3b82f6)}.fin-content{animation:finFadeIn .2s ease}@keyframes finFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fin-alert{align-items:center;border-radius:10px;display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:20px;padding:14px 18px}.fin-alert.success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.fin-alert.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.fin-loading{align-items:center;color:#64748b;display:flex;font-size:15px;gap:12px;justify-content:center;padding:80px}.fin-loading i{color:#3b82f6;color:var(--primary-blue,#3b82f6);font-size:18px}.fin-config{display:flex;flex-direction:column;gap:20px}.fin-status-card{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:flex;gap:16px;padding:20px 24px}.fin-status-card.active{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.fin-status-icon{align-items:center;background:#dcfce7;border-radius:12px;color:#16a34a;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}.fin-status-info{flex:1 1}.fin-status-info h3{color:#166534;font-size:16px;font-weight:700;margin:0 0 6px}.fin-status-info p{color:#4d7c5e;font-size:13px;margin:0}.fin-status-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.fin-onboarding{background:#fff;border:1px solid #60a5fa33;border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:28px}.fin-onboarding-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:24px}.fin-onboarding-icon{align-items:center;background:#60a5fa1f;border-radius:14px;color:#3b82f6;color:var(--primary-blue,#3b82f6);display:flex;flex-shrink:0;font-size:24px;height:52px;justify-content:center;width:52px}.fin-onboarding-header h2{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 6px}.fin-onboarding-header p{color:#64748b;font-size:14px;margin:0}.fin-steps{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.fin-step{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:14px;padding:16px}.fin-step-num{align-items:center;background:#60a5fa1f;border-radius:10px;color:#3b82f6;color:var(--primary-blue,#3b82f6);display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.fin-step-num.whatsapp{background:#dcfce7;color:#16a34a}.fin-step-content{display:flex;flex-direction:column;gap:4px}.fin-step-content strong{color:#1e293b;font-size:13px;font-weight:700}.fin-step-content span{color:#64748b;font-size:12px;line-height:1.4}.fin-whatsapp-btn{align-items:center;background:#25d366;border-radius:12px;box-shadow:0 4px 12px #25d3664d;color:#fff;display:inline-flex;font-size:15px;font-weight:700;gap:10px;padding:14px 28px;text-decoration:none;transition:all .2s}.fin-whatsapp-btn:hover{background:#1db954;box-shadow:0 6px 18px #25d36666;transform:translateY(-2px)}.fin-whatsapp-btn i{font-size:20px}.fin-form-card{background:#fff;border:1px solid #60a5fa26;border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:28px}.fin-form-title{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:700;gap:10px;margin:0 0 20px}.fin-form-title i{color:#3b82f6;color:var(--primary-blue,#3b82f6)}.fin-form{display:flex;flex-direction:column;gap:16px}.fin-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.fin-field{display:flex;flex-direction:column;gap:6px}.fin-field label{color:#374151;font-size:13px;font-weight:600}.fin-field input,.fin-field select{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s}.fin-field input:focus,.fin-field select:focus{background:#fff;border-color:#3b82f6;border-color:var(--primary-blue,#3b82f6)}.fin-field small{color:#94a3b8;font-size:11px}.fin-form-actions{align-items:center;display:flex;gap:10px;padding-top:4px}.fin-btn{align-items:center;border:none;border-radius:9px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.fin-btn:disabled{cursor:not-allowed;opacity:.5}.fin-btn.primary{background:#3b82f6;background:var(--primary-blue,#3b82f6);color:#fff}.fin-btn.primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.fin-btn.secondary{background:#f1f5f9;border:1.5px solid #e2e8f0;color:#475569}.fin-btn.secondary:hover:not(:disabled){background:#e2e8f0}.fin-btn.success{background:#ecfdf5;border:1.5px solid #bbf7d0;color:#166534}.fin-btn.success:hover:not(:disabled){background:#dcfce7}.fin-btn.danger{background:#fef2f2;border:1.5px solid #fecaca;color:#991b1b}.fin-btn.danger:hover:not(:disabled){background:#fee2e2}.fin-dashboard{display:flex;flex-direction:column;gap:20px}.fin-dash-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.fin-dash-header h2{color:#1e293b;font-size:18px;font-weight:700;margin:0}.fin-period-tabs{display:flex;gap:6px}.fin-period-tab{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.fin-period-tab:hover{border-color:#60a5fa80;color:#3b82f6;color:var(--primary-blue,#3b82f6)}.fin-period-tab.active{background:#3b82f6;background:var(--primary-blue,#3b82f6);border-color:#3b82f6;border-color:var(--primary-blue,#3b82f6);color:#fff}.fin-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.fin-card{align-items:center;background:#fff;border:1px solid #60a5fa26;border-radius:14px;box-shadow:0 2px 8px #0000000a;display:flex;gap:14px;padding:20px}.fin-card>i{color:#3b82f6;color:var(--primary-blue,#3b82f6);flex-shrink:0;font-size:22px}.fin-card>div{display:flex;flex-direction:column;gap:3px}.fin-card-label{color:#94a3b8;font-size:12px;font-weight:500}.fin-card-value{color:#1e293b;font-size:20px;font-weight:800}.fin-table-card{background:#fff;border:1px solid #60a5fa26;border-radius:14px;box-shadow:0 2px 8px #0000000a;padding:24px}.fin-table-card h3{color:#1e293b;font-size:15px;font-weight:700;margin:0 0 16px}.fin-table-wrap{overflow-x:auto}.fin-table{border-collapse:collapse;font-size:13px;width:100%}.fin-table th{border-bottom:1px solid #f1f5f9;color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.05em;padding:10px 12px;text-align:left;text-transform:uppercase}.fin-table td{border-bottom:1px solid #f8fafc;color:#374151;padding:12px;vertical-align:middle}.fin-table tr:last-child td{border-bottom:none}.fin-table tbody tr:hover td{background:#f8fafc}.fin-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;padding:3px 10px}.fin-status-badge.confirmed{background:#dcfce7;color:#166534}.fin-status-badge.pending{background:#fef9c3;color:#854d0e}.fin-status-badge.refunded{background:#e0f2fe;color:#075985}.fin-status-badge.chargeback{background:#fee2e2;color:#991b1b}.fin-empty{color:#94a3b8;padding:48px 24px;text-align:center}.fin-empty i{display:block;font-size:36px;margin-bottom:12px;opacity:.4}.fin-empty p{font-size:14px;margin:0}@media (max-width:768px){.financial-page{padding:16px}.fin-form-row,.fin-steps{grid-template-columns:1fr}.fin-status-card{flex-direction:column}.fin-status-actions{width:100%}.fin-cards{grid-template-columns:repeat(2,1fr)}}.automations-page{margin:0 auto;max-width:1400px;padding:24px}.automations-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.header-info h1{align-items:center;color:#1a1a2e;display:flex;font-size:1.5rem;font-weight:700;gap:10px;margin:0 0 4px}.header-info h1 i{color:#6366f1}.header-info p{color:#64748b;font-size:.9rem;margin:0}.header-actions{flex-shrink:0;gap:8px}.automations-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{border:1px solid #e2e8f0;box-shadow:0 1px 3px #00000014}.stat-icon{background:#eef2ff;color:#6366f1;font-size:1.2rem}.stat-info{display:flex;flex-direction:column}.stat-value{color:#1a1a2e}.stat-label{color:#64748b;font-size:.8rem}.automations-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:0;margin-bottom:16px}.automations-tabs .tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.automations-tabs .tab:hover{color:#6366f1}.automations-tabs .tab.active{border-bottom-color:#6366f1;color:#6366f1}.automations-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.automations-filters .filter-group{align-items:center;display:flex;gap:8px}.automations-filters label{color:#64748b;font-size:.85rem;font-weight:500}.automations-filters select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:.85rem;padding:6px 12px}.automations-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.automations-table{border-collapse:collapse;width:100%}.automations-table thead th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:600;padding:12px 16px;text-align:left;text-transform:uppercase}.automations-table tbody td{border-bottom:1px solid #f1f5f9;color:#374151;font-size:.875rem;padding:12px 16px}.automations-table tbody tr:hover{background:#f8fafc}.automations-table tbody tr.row-inactive{opacity:.5}.rule-name{display:flex;flex-direction:column;gap:2px}.rule-name strong{color:#1a1a2e}.rule-desc{color:#94a3b8;font-size:.75rem}.trigger-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:.75rem;font-weight:500;gap:6px;padding:4px 10px;white-space:nowrap}.trigger-message{background:#dbeafe;color:#1d4ed8}.trigger-conversation{background:#e0e7ff;color:#4338ca}.trigger-lead{background:#dcfce7;color:#16a34a}.trigger-briefing{background:#fef3c7;color:#d97706}.trigger-meeting{background:#e0f2fe;color:#0284c7}.trigger-noshow{background:#fee2e2;color:#dc2626}.trigger-deal{background:#f3e8ff;color:#7c3aed}.trigger-tag{background:#fce7f3;color:#be185d}.count-badge,.trigger-inactivity{background:#f1f5f9;color:#475569}.count-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;min-width:24px}.execution-count{color:#6366f1;font-weight:600}.exec-badge{border-radius:10px;display:inline-flex;font-size:.7rem;font-weight:600;padding:2px 8px}.exec-success{background:#dcfce7;color:#16a34a}.exec-failed{background:#fee2e2;color:#dc2626}.exec-running{background:#dbeafe;color:#2563eb}.exec-skipped{background:#f1f5f9;color:#64748b}.action-buttons{display:flex;gap:4px}.btn-icon{background:#f1f5f9;border-radius:8px;color:#64748b;font-size:.8rem}.btn-icon:hover{background:#e2e8f0}.btn-icon.btn-danger:hover{background:#fee2e2;color:#dc2626}.btn{gap:6px;padding:8px 16px}.btn-secondary{background:#f1f5f9;color:#475569}.btn-secondary:hover{background:#e2e8f0}.btn-warning{background:#fef3c7;color:#d97706}.btn-info{background:#dbeafe;color:#2563eb}.btn-sm{font-size:.75rem;padding:4px 10px}.automations-empty{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:60px 20px;text-align:center}.automations-empty i{color:#cbd5e1;font-size:3rem;margin-bottom:16px}.automations-empty h3{color:#374151;margin:0 0 8px}.automations-empty p{color:#94a3b8;margin:0}.automations-loading{color:#64748b;font-size:.9rem;padding:40px;text-align:center}.automation-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:650px;overflow-y:auto;width:100%}.automation-modal.modal-lg{max-width:800px}.modal-header{background:#fff;border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h2{align-items:center;color:#1a1a2e;display:flex;font-size:1.2rem;gap:8px}.modal-close{background:none;color:#94a3b8;font-size:1.2rem;padding:4px}.modal-footer{background:#fff;border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;bottom:0;gap:8px;padding:16px 24px;position:-webkit-sticky;position:sticky}.form-section{margin-bottom:24px}.form-section:last-of-type{margin-bottom:0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.section-header h3{align-items:center;color:#374151;display:flex;font-size:.95rem;font-weight:600;gap:8px;margin:0}.section-empty{color:#94a3b8;font-size:.85rem;font-style:italic;margin:8px 0}.form-row{display:flex;gap:12px}.flex-1{flex:1 1}.flex-2{flex:2 1}.form-group{margin-bottom:12px}.form-group label{font-size:.8rem;font-weight:600;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;box-sizing:border-box;color:#374151;padding:8px 12px}.form-hint{color:#94a3b8}.builder-row{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;margin-bottom:8px;padding:8px}.builder-row input,.builder-row select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;padding:6px 10px}.field-select{flex:2 1;min-width:140px}.operator-select{flex:1 1;min-width:100px}.value-input{flex:2 1;min-width:100px}.action-type-select{flex:2 1;min-width:160px}.param-input{flex:1 1;min-width:100px}.action-row{flex-wrap:wrap}.steps-list{display:flex;flex-direction:column;gap:8px}.step-item{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.step-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:8px;padding:8px 12px}.step-header,.step-number{align-items:center;display:flex}.step-number{background:#6366f1;border-radius:50%;color:#fff;flex-shrink:0;font-size:.7rem;font-weight:700;height:24px;justify-content:center;width:24px}.step-type-badge{align-items:center;color:#475569;display:flex;flex:1 1;font-size:.8rem;font-weight:600;gap:6px}.step-config{padding:12px}.step-action .step-header{background:#eef2ff;border-color:#c7d2fe}.step-delay .step-header{background:#fef3c7;border-color:#fde68a}.step-condition .step-header{background:#dbeafe;border-color:#bfdbfe}.step-exit .step-header{background:#f1f5f9;border-color:#e2e8f0}.step-action{border-color:#c7d2fe}.step-delay{border-color:#fde68a}.step-condition{border-color:#bfdbfe}.step-exit{border-color:#e2e8f0}.delay-config{align-items:center;display:flex;gap:8px}.delay-input{border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;padding:6px 10px;text-align:center;width:70px}.delay-config span{color:#64748b;font-size:.85rem}.action-config{display:flex;flex-direction:column;gap:8px}.action-config input,.action-config select{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:.85rem;padding:6px 10px;width:100%}.condition-config{display:flex;flex-direction:column;gap:8px}.condition-config input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:.85rem;padding:6px 10px;width:100%}.goto-config{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.goto-config span{color:#64748b;font-size:.8rem}.goto-input{text-align:center;width:60px!important}.exit-config input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:.85rem;padding:6px 10px;width:100%}.step-add-buttons{display:flex;gap:4px}.logs-table td{font-size:.8rem}.log-error{color:#dc2626;font-size:.75rem}.log-actions{color:#6366f1;font-size:.75rem}.log-details{display:flex;flex-direction:column;gap:2px}@media (max-width:768px){.automations-page{padding:16px}.automations-header{flex-direction:column}.header-actions{justify-content:stretch;width:100%}.header-actions .btn{flex:1 1;justify-content:center}.automations-stats{grid-template-columns:repeat(2,1fr)}.builder-row{flex-wrap:wrap}.field-select,.operator-select,.value-input{min-width:100%}.automation-modal{border-radius:0;max-height:100vh;max-width:100%}.step-add-buttons{flex-wrap:wrap}}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:#0000;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:#0000;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#0000;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 0.5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;background-color:var(--xy-background-color-default);background-color:var(--xy-background-color,var(--xy-background-color-default));direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:#0000;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:#0000;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 0.5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-default);background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke-default);stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width-default);stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke-default);stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width-default);stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;pointer-events:none;position:absolute}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path,.react-flow__edge.selected .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected-default);stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke-default);stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke-default);fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{overflow:visible;position:absolute;z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:default;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background-color:var(--xy-handle-background-color-default);background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:0;left:50%;top:auto;transform:translate(-50%,50%)}.react-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.react-flow__handle-left{left:0;top:50%;transform:translate(-50%,-50%)}.react-flow__handle-right{right:0;top:50%;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.bottom.center,.react-flow__panel.top.center{left:50%;transform:translateX(-15px) translateX(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color-default);background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{pointer-events:none}.react-flow__edgelabel-renderer,.react-flow__viewport-portal{height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.react-flow__minimap{background:var(--xy-minimap-background-color-default);background:var(
    --xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default))
  )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-default);fill:var(
      --xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default))
    );stroke:var(--xy-minimap-mask-stroke-color-default);stroke:var(
      --xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default))
    );stroke-width:var(--xy-minimap-mask-stroke-width-default);stroke-width:var(
      --xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default))
    )}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-default);fill:var(
      --xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default))
    );stroke:var(--xy-minimap-node-stroke-color-default);stroke:var(
      --xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default))
    );stroke-width:var(--xy-minimap-node-stroke-width-default);stroke-width:var(
      --xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default))
    )}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-dots-color-default);fill:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default))
    )}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-lines-color-default);stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default))
    )}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-cross-color-default);stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default))
    )}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow-default);box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));display:flex;flex-direction:column}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{align-items:center;background:var(--xy-controls-button-background-color-default);background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      );color:var(--xy-controls-button-color-default);color:var(
      --xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default))
    );cursor:pointer;display:flex;height:26px;justify-content:center;padding:4px;-webkit-user-select:none;user-select:none;width:26px}.react-flow__controls-button svg{fill:currentColor;max-height:12px;max-width:12px;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:var(--xy-node-background-color-default);background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));border:var(--xy-node-border,var(--xy-node-border-default));border-radius:var(--xy-node-border-radius-default);border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));color:var(--xy-node-color-default);color:var(--xy-node-color,var(--xy-node-color-default));font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover-default);box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected-default);box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color-default);background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color-default);background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-default);background:var(
        --xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default))
      );color:var(--xy-controls-button-color-hover-default);color:var(
        --xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default))
      )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color-default);background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;height:5px;translate:-50% -50%;width:5px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color-default);fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color-default);fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.workflow-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;height:56px;justify-content:space-between;padding:10px 16px}.toolbar-left{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.toolbar-back{background:none;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;flex-shrink:0;font-size:14px;padding:8px 10px;transition:all .15s}.toolbar-back:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.toolbar-title-group{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.toolbar-name-input{background:#0000;border:none;border-radius:4px;color:#1e293b;font-size:15px;font-weight:600;padding:2px 6px;transition:background .15s}.toolbar-name-input:focus,.toolbar-name-input:hover{background:#f1f5f9;outline:none}.toolbar-desc-input{background:#0000;border:none;border-radius:4px;color:#64748b;font-size:12px;padding:2px 6px;transition:background .15s}.toolbar-desc-input:focus,.toolbar-desc-input:hover{background:#f1f5f9;outline:none}.toolbar-center{gap:4px}.toolbar-center,.toolbar-right{align-items:center;display:flex;flex-shrink:0}.toolbar-right{gap:10px}.toolbar-unsaved{align-items:center;color:#d97706;display:flex;font-size:12px;gap:6px}.toolbar-unsaved i{font-size:6px}.toolbar-btn{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:7px 12px;transition:all .15s;white-space:nowrap}.toolbar-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.toolbar-btn:disabled{cursor:not-allowed;opacity:.4}.toolbar-btn.btn-cancel{color:#64748b}.toolbar-btn.btn-save{background:#6366f1;border-color:#6366f1;color:#fff}.toolbar-btn.btn-save:hover:not(:disabled){background:#4f46e5;border-color:#4f46e5}.toolbar-btn.btn-save:disabled{opacity:.6}.workflow-node{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;font-size:13px;max-width:240px;min-width:200px;overflow:hidden;transition:box-shadow .2s,border-color .2s}.workflow-node:hover{box-shadow:0 4px 16px #0000001a}.workflow-node.selected{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.workflow-node .node-header{align-items:center;color:#fff;display:flex;font-size:11px;font-weight:600;gap:8px;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.workflow-node .node-header i{font-size:12px}.workflow-node .node-body{display:flex;flex-direction:column;gap:4px;padding:10px 12px}.workflow-node .node-label{color:#1e293b;font-size:13px;font-weight:500}.workflow-node .node-label,.workflow-node .node-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-node .node-summary{color:#64748b;font-size:11px}.trigger-node{border-color:#16a34a}.trigger-node .node-header{background:linear-gradient(135deg,#16a34a,#15803d)}.trigger-node.selected{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a33}.action-node{border-color:#6366f1}.action-node .node-header{background:linear-gradient(135deg,#6366f1,#4f46e5)}.action-node.selected{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.delay-node{border-color:#d97706}.delay-node .node-header{background:linear-gradient(135deg,#d97706,#b45309)}.delay-node.selected{border-color:#d97706;box-shadow:0 0 0 3px #d9770633}.condition-node{border-color:#2563eb}.condition-node .node-header{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.condition-node.selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.exit-check-node{border-color:#64748b}.exit-check-node .node-header{background:linear-gradient(135deg,#64748b,#475569)}.exit-check-node.selected{border-color:#64748b;box-shadow:0 0 0 3px #64748b33}.loop-node{border-color:#ea580c}.loop-node .node-header{background:linear-gradient(135deg,#ea580c,#c2410c)}.loop-node.selected{border-color:#ea580c;box-shadow:0 0 0 3px #ea580c33}.workflow-node .handle-source,.workflow-node .handle-target{background:#94a3b8;border:2px solid #fff;height:12px;transition:background .2s,transform .2s;width:12px}.workflow-node .handle-source:hover,.workflow-node .handle-target:hover{background:#6366f1;transform:scale(1.3)}.trigger-node .handle-source{background:#16a34a}.action-node .handle-source,.action-node .handle-target{background:#6366f1}.delay-node .handle-source,.delay-node .handle-target{background:#d97706}.condition-node .handle-target{background:#2563eb}.condition-node .handle-yes{background:#16a34a}.condition-node .handle-no{background:#dc2626}.exit-check-node .handle-source,.exit-check-node .handle-target{background:#64748b}.loop-node .handle-source,.loop-node .handle-target{background:#ea580c}.condition-outputs{display:flex;justify-content:space-around;padding:6px 12px 10px;position:relative}.condition-output{align-items:center;display:flex;flex-direction:column;gap:2px;position:relative}.condition-output .output-label{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.condition-output.yes .output-label{color:#16a34a}.condition-output.no .output-label{color:#dc2626}.condition-builder-row{background:#6366f10a;border:1px solid #6366f126;border-radius:8px;margin-bottom:8px;padding:10px 10px 10px 12px;position:relative;transition:border-color .15s}.condition-builder-row:hover{border-color:#6366f14d}.condition-connector-bar{align-items:center;background:#6366f114;border-bottom:1px solid #6366f11f;border-radius:7px 7px 0 0;display:flex;margin:-10px -10px 8px -12px;padding:4px 12px}.condition-connector{color:#818cf8;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.condition-fields{display:flex;flex-direction:column;gap:6px}.field-select{font-size:12px}.operator-select{color:#6366f1;font-size:12px;font-weight:600}.custom-field-input{background:#6366f10f;border:1px dashed #6366f14d!important;border-radius:4px;color:inherit;font-family:ui-monospace,monospace;font-size:11px;margin-top:4px;padding:4px 8px;width:100%}.btn-remove-condition{color:#00000040;line-height:1;padding:2px 5px;transition:color .15s,background .15s}.btn-remove-condition:hover{background:#dc262614;color:#dc2626}.workflow-canvas{background:#f8fafc;flex:1 1;height:100%}.workflow-canvas .react-flow__node{background:#0000;border:none;border-radius:0;box-shadow:none;padding:0}.workflow-canvas .react-flow__edge-path{stroke-width:2}.workflow-canvas .react-flow__edge.selected .react-flow__edge-path{stroke:#6366f1;stroke-width:3}.workflow-canvas .react-flow__edge-text{font-size:11px;font-weight:600}.workflow-canvas .react-flow__controls{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden}.workflow-canvas .react-flow__controls-button{background:#fff;border-bottom:1px solid #e2e8f0;color:#475569;height:32px;width:32px}.workflow-canvas .react-flow__controls-button:hover{background:#f1f5f9}.workflow-canvas .react-flow__minimap{border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden}.workflow-canvas .react-flow__attribution{display:none}.workflow-canvas .react-flow__connection-line{stroke:#6366f1;stroke-width:2}.workflow-canvas .react-flow__selection{background:#6366f114;border:1px dashed #6366f1}.node-palette{background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;min-width:260px;overflow:hidden;transition:width .2s,min-width .2s;width:260px}.node-palette.collapsed{min-width:40px;width:40px}.node-palette.collapsed .palette-toggle{align-items:center;background:none;border:none;border-bottom:1px solid #e2e8f0;color:#64748b;cursor:pointer;display:flex;font-size:14px;height:48px;justify-content:center;width:100%}.node-palette.collapsed .palette-toggle:hover{background:#f1f5f9;color:#1e293b}.palette-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 16px}.palette-header h3{align-items:center;color:#1e293b;display:flex;font-size:13px;font-weight:600;gap:8px;margin:0}.palette-header .palette-toggle{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:12px;padding:4px}.palette-header .palette-toggle:hover{background:#f1f5f9;color:#1e293b}.palette-content{flex:1 1;overflow-y:auto;padding:8px 0}.palette-group{margin-bottom:2px}.group-header{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:background .15s;width:100%}.group-header:hover{background:#f8fafc}.group-header span{align-items:center;display:flex;gap:8px}.group-header.trigger span i{color:#16a34a}.group-header.action span i{color:#6366f1}.group-header.timing span i{color:#d97706}.group-header.logic span i{color:#2563eb}.group-header i:last-child{font-size:10px}.group-items{padding:4px 12px 8px}.palette-item{align-items:center;border:1px solid #0000;border-radius:8px;color:#1e293b;cursor:grab;display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:4px;padding:8px 12px;transition:all .15s;-webkit-user-select:none;user-select:none}.palette-item:hover{background:#f1f5f9}.palette-item:active{cursor:grabbing;opacity:.7}.palette-item i{font-size:13px;text-align:center;width:20px}.palette-item.trigger-item{border-left:3px solid #16a34a}.palette-item.trigger-item i{color:#16a34a}.palette-item.action-item{border-left:3px solid #6366f1}.palette-item.action-item i{color:#6366f1}.palette-item.delay-item{border-left:3px solid #d97706}.palette-item.delay-item i{color:#d97706}.palette-item.condition-item{border-left:3px solid #2563eb}.palette-item.condition-item i{color:#2563eb}.palette-item.exit-item{border-left:3px solid #64748b}.palette-item.exit-item i{color:#64748b}.node-config-panel{background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;min-width:320px;overflow:hidden;width:320px}.config-header{border-bottom:1px solid #e2e8f0;border-left:4px solid #6366f1;justify-content:space-between;padding:14px 16px}.config-header,.config-title{align-items:center;display:flex}.config-title{color:#1e293b;font-size:14px;font-weight:600;gap:10px}.config-close,.config-title i{font-size:16px}.config-close{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;padding:4px}.config-close:hover{background:#f1f5f9;color:#1e293b}.config-body{flex:1 1;overflow-y:auto;padding:16px}.config-fields{gap:16px}.config-field,.config-fields{display:flex;flex-direction:column}.config-field{gap:6px}.config-field label{color:#475569;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.config-field input,.config-field select,.config-field textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:13px;padding:8px 12px;transition:border-color .15s,box-shadow .15s}.config-field input:focus,.config-field select:focus,.config-field textarea:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.config-field textarea{font-family:inherit;min-height:80px;resize:vertical}.config-field select{cursor:pointer}.config-hint{color:#94a3b8;font-size:11px;font-style:italic}.config-section-header{align-items:center;display:flex;justify-content:space-between}.config-section-header label{color:#475569;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.btn-add-small{background:none;border:1px solid #e2e8f0;border-radius:6px;color:#6366f1;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .15s}.btn-add-small:hover{background:#eef2ff;border-color:#6366f1}.condition-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:12px;position:relative}.btn-remove-condition{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:11px;padding:4px;position:absolute;right:8px;top:8px}.btn-remove-condition:hover{background:#fef2f2;color:#ef4444}.config-footer{border-top:1px solid #e2e8f0;padding:12px 16px}.btn-delete-node{align-items:center;background:none;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:8px;transition:all .15s;width:100%}.btn-delete-node:hover{background:#fef2f2;border-color:#dc2626}.workflow-editor-page{background:#f8fafc;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.editor-body{display:flex;flex:1 1;overflow:hidden}.workflow-editor-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:16px;gap:16px;height:100vh;justify-content:center;width:100vw}.workflow-editor-loading i{color:#6366f1;font-size:32px}.plans-page{margin:0 auto;max-width:1200px;padding:32px}.plans-header{margin-bottom:32px}.plans-header h1{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.plans-header h1 i{color:#f59e0b}.plans-header p{color:#64748b;font-size:15px;margin:0}.plans-alert{align-items:center;border-radius:12px;display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:24px;padding:14px 20px}.plans-alert.success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.plans-alert.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.plans-section{background:#fff;border:1px solid #60a5fa26;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:24px;padding:28px}.section-title{color:#1e293b;font-size:18px;font-weight:700;gap:10px;margin:0 0 20px}.section-title i{color:var(--primary-blue,#3b82f6);font-size:16px}.section-subtitle{color:#64748b;font-size:14px;margin:-12px 0 20px}.cycle-info{align-items:center;color:#64748b;display:flex;font-size:13px;gap:16px;margin-bottom:24px}.cycle-info i{color:#94a3b8;margin-right:6px}.cycle-plan-badge{background:#60a5fa26;border-radius:20px;color:#3b82f6;color:var(--primary-blue,#3b82f6);font-size:12px;font-weight:700;padding:4px 12px}.usage-bars{gap:4px}.usage-bar-row,.usage-bars{display:flex;flex-direction:column}.usage-bar-row{gap:8px;margin-bottom:8px}.usage-bar-header{align-items:center;display:flex;justify-content:space-between}.usage-bar-label{color:#1e293b;font-size:14px;font-weight:600}.usage-bar-value{color:#64748b;font-size:13px}.usage-bar-pct{font-weight:700}.usage-bar-pct.bar-ok{color:#10b981}.usage-bar-pct.bar-alert{color:#f59e0b}.usage-bar-pct.bar-blocked{color:#ef4444}.usage-bar-track{background:#f1f5f9;border-radius:4px;height:8px;overflow:hidden}.usage-bar-fill{border-radius:4px;height:100%;transition:width .4s ease}.usage-bar-fill.bar-ok{background:#10b981}.usage-bar-fill.bar-alert{background:#f59e0b}.usage-bar-fill.bar-blocked{background:#ef4444}.usage-bar-breakdown{color:#94a3b8;font-size:12px;margin-bottom:16px}.plans-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.plan-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:24px;position:relative;transition:all .2s ease}.plan-card:hover{border-color:#60a5fa80;box-shadow:0 8px 24px #60a5fa1a;transform:translateY(-2px)}.plan-card--current{background:#60a5fa08;border-color:#3b82f6;border-color:var(--primary-blue,#3b82f6)}.plan-card--featured{background:#8b5cf608;border-color:#8b5cf6}.plan-card--custom{background:#f59e0b08;border-color:#f59e0b}.plan-card--custom .plan-card-name{color:#92400e}.plan-card-custom-price{color:#f59e0b;font-size:20px;font-weight:700}.plan-card-cta--contact{background:#f59e0b;text-decoration:none}.plan-card-cta--contact:hover{background:#d97706;opacity:1;transform:translateY(-1px)}.plan-card--custom .plan-card-current-label{background:#f59e0b14;color:#f59e0b}.plan-card-badge{background:#8b5cf6;border-radius:20px;color:#fff;font-size:11px;font-weight:700;left:50%;padding:4px 12px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.plan-card-badge.current-badge{background:#3b82f6;background:var(--primary-blue,#3b82f6)}.plan-card-header{margin-bottom:20px}.plan-card-name{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 8px}.plan-card-price{gap:4px}.plan-card-currency{color:#64748b;font-size:16px;font-weight:600}.plan-card-amount{color:#1e293b;font-size:36px;font-weight:800;line-height:1}.plan-card-period{color:#94a3b8;font-size:14px}.plan-card-free{color:#10b981;font-size:24px;font-weight:700}.plan-card-features{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 24px;padding:0}.plan-card-features li{align-items:center;color:#475569;display:flex;font-size:13px;gap:10px}.plan-card-features li i{color:#10b981;flex-shrink:0;font-size:12px}.plan-card-cta{align-items:center;background:#3b82f6;background:var(--primary-blue,#3b82f6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.plan-card-cta:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.plan-card-cta:disabled{cursor:not-allowed;opacity:.6}.plan-card--featured .plan-card-cta{background:#8b5cf6}.plan-card-current-label{align-items:center;background:#60a5fa14;border-radius:10px;color:#3b82f6;color:var(--primary-blue,#3b82f6);display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:12px}.extras-section{background:#fff;border:1px solid #60a5fa26;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:24px;padding:28px}.extras-type-tabs{display:flex;gap:8px;margin-bottom:20px}.extras-tab{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.extras-tab:hover{border-color:#60a5fa80;color:#3b82f6;color:var(--primary-blue,#3b82f6)}.extras-tab.active{background:#3b82f6;background:var(--primary-blue,#3b82f6);border-color:#3b82f6;border-color:var(--primary-blue,#3b82f6);color:#fff}.extras-packages{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.extras-pkg{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:120px;padding:16px 20px;text-align:center;transition:all .2s}.extras-pkg:hover{background:#60a5fa0d;border-color:#60a5fa80}.extras-pkg.active{background:#60a5fa14;border-color:#3b82f6;border-color:var(--primary-blue,#3b82f6)}.extras-pkg-qty{color:#1e293b;font-size:20px;font-weight:800}.extras-pkg-label{color:#64748b;font-size:12px}.extras-pkg-price{color:#3b82f6;color:var(--primary-blue,#3b82f6);font-size:16px;font-weight:700;margin-top:4px}.extras-buy-btn{align-items:center;background:#3b82f6;background:var(--primary-blue,#3b82f6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 28px;transition:all .2s}.extras-buy-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.extras-buy-btn:disabled{cursor:not-allowed;opacity:.5}.extras-empty{color:#94a3b8;padding:32px;text-align:center}.extras-empty i{display:block;font-size:32px;margin-bottom:12px;opacity:.5}.extras-empty p{font-size:14px;margin:0}.plans-loading{align-items:center;color:#64748b;display:flex;font-size:16px;gap:12px;justify-content:center;padding:80px}.plans-loading i{color:#3b82f6;color:var(--primary-blue,#3b82f6);font-size:20px}@media (max-width:768px){.plans-page{padding:16px}.plans-grid{grid-template-columns:1fr}.extras-packages{gap:8px}}.active-extras-list{display:flex;flex-direction:column;gap:10px}.active-extra-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:14px;padding:14px 16px}.active-extra-icon{align-items:center;background:#60a5fa1f;border-radius:10px;color:#3b82f6;color:var(--primary-blue,#3b82f6);display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.active-extra-info{display:flex;flex:1 1;flex-direction:column;gap:3px}.active-extra-label{color:#1e293b;font-size:14px;font-weight:700}.active-extra-expiry{color:#94a3b8;font-size:12px}.active-extra-price{color:#64748b;font-size:15px;font-weight:700}.billing-period-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.billing-period-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:2px;padding:10px 20px;transition:all .15s ease}.billing-period-btn:hover{background:#3b82f60a}.billing-period-btn.active,.billing-period-btn:hover{border-color:#3b82f6;border-color:var(--primary-blue,#3b82f6)}.billing-period-btn.active{background:#3b82f614}.billing-period-label{color:#1e293b;font-size:13px;font-weight:600}.billing-period-detail{color:#16a34a;font-size:11px;font-weight:600}.plan-card-savings{background:#dcfce7;border-radius:20px;color:#15803d;display:inline-block;font-size:11px;font-weight:700;margin-top:6px;padding:3px 10px;text-align:center;width:100%}.plan-card-price{align-items:baseline;display:flex;flex-wrap:wrap;gap:2px}.cycle-expires-badge,.cycle-period-badge{align-items:center;background:#6366f11f;border-radius:20px;color:#4f46e5;display:flex;font-size:12px;font-weight:600;gap:5px;padding:4px 12px}.cycle-expires-badge{background:#f59e0b1f;color:#b45309}.users-page{margin:0 auto;max-width:900px;padding:32px}.users-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.users-header h1{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:24px;font-weight:700;gap:12px;margin:0 0 4px}.users-header h1 i{color:#3b82f6;color:var(--primary-blue,#3b82f6)}.users-header p{color:#64748b;font-size:14px;margin:0}.users-alert{align-items:center;border-radius:10px;display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:20px;padding:12px 16px}.users-alert.success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.users-alert.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.users-table-card{background:#fff;border:1px solid #60a5fa26;border-radius:16px;box-shadow:0 2px 8px #0000000a;overflow:hidden;padding:8px 0}.users-table-wrap{overflow-x:auto}.users-table{font-size:14px}.users-table th{border-bottom:1px solid #f1f5f9;color:#94a3b8;font-size:11px;letter-spacing:.05em;padding:10px 20px}.users-table td{border-bottom:1px solid #f8fafc;color:#374151;padding:14px 20px}.users-table tr:last-child td{border-bottom:none}.users-table tbody tr:hover td{background:#f8fafc}.users-user-cell{gap:12px}.users-avatar,.users-user-cell{align-items:center;display:flex}.users-avatar{background:#60a5fa1f;border-radius:10px;color:#3b82f6;color:var(--primary-blue,#3b82f6);flex-shrink:0;font-size:15px;font-weight:700;height:38px;justify-content:center;width:38px}.users-name{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:8px}.users-email{color:#94a3b8;font-size:12px;margin-top:2px}.users-you-badge{background:#e0f2fe;border-radius:20px;color:#0284c7;font-size:10px;font-weight:600;padding:2px 7px}.users-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;padding:4px 10px}.badge-purple{background:#f3e8ff;color:#7c3aed}.badge-blue{background:#dbeafe;color:#1d4ed8}.badge-teal{background:#ccfbf1;color:#0f766e}.badge-orange{background:#ffedd5;color:#c2410c}.badge-gray{background:#f1f5f9;color:#475569}.users-role-select{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;outline:none;padding:5px 10px;transition:border-color .2s}.users-role-select:focus{border-color:#3b82f6;border-color:var(--primary-blue,#3b82f6)}.users-status{align-items:center;display:inline-flex;font-size:13px;font-weight:500;gap:7px}.users-status.active{color:#16a34a}.users-status.inactive{color:#94a3b8}.users-status-dot{border-radius:50%;height:8px;width:8px}.users-status.active .users-status-dot{background:#16a34a}.users-status.inactive .users-status-dot{background:#cbd5e1}.users-no-action{color:#cbd5e1;font-size:16px}.users-btn{align-items:center;border:none;border-radius:9px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.users-btn:disabled{cursor:not-allowed;opacity:.5}.users-btn.sm{font-size:12px;padding:7px 14px}.users-btn.primary{background:#3b82f6;background:var(--primary-blue,#3b82f6);color:#fff}.users-btn.primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.users-btn.secondary{background:#f1f5f9;border:1.5px solid #e2e8f0;color:#475569}.users-btn.secondary:hover:not(:disabled){background:#e2e8f0}.users-btn.danger{background:#fef2f2;border:1.5px solid #fecaca;color:#991b1b}.users-btn.danger:hover:not(:disabled){background:#fee2e2}.users-btn.success{background:#ecfdf5;border:1.5px solid #bbf7d0;color:#166534}.users-btn.success:hover:not(:disabled){background:#dcfce7}.users-loading{color:#64748b;font-size:14px}.users-empty{color:#94a3b8;padding:60px 24px}.users-empty i{display:block;font-size:36px;opacity:.35}.users-empty p{font-size:14px;margin:0}.users-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.users-modal{animation:usersModalIn .2s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:440px;width:100%}@keyframes usersModalIn{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.users-modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0}.users-modal-header h2{align-items:center;color:#1e293b;display:flex;font-size:17px;font-weight:700;gap:10px;margin:0}.users-modal-header h2 i{color:#3b82f6;color:var(--primary-blue,#3b82f6)}.users-modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:18px;line-height:1;padding:4px;transition:color .2s}.users-modal-close:hover{color:#475569}.users-modal-body{gap:14px;padding:20px 24px 24px}.users-field,.users-modal-body{display:flex;flex-direction:column}.users-field{gap:6px}.users-field label{color:#374151;font-size:13px;font-weight:600}.users-field input,.users-field select{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s}.users-field input:focus,.users-field select:focus{background:#fff;border-color:#3b82f6;border-color:var(--primary-blue,#3b82f6)}.users-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}@media (max-width:640px){.users-page{padding:16px}.users-header{flex-direction:column}.users-header .users-btn{justify-content:center;width:100%}}.prod-dashboard{max-width:1200px;padding:32px}.prod-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.prod-header h1{align-items:center;color:#1e293b;display:flex;font-size:24px;font-weight:700;gap:10px;margin:0 0 4px}.prod-header h1 i{color:#3b82f6}.prod-header p{color:#64748b;font-size:14px;margin:0}.prod-header-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.prod-cache-label{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:4px}.prod-cache-label i{color:#f59e0b}.prod-refresh-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .15s}.prod-refresh-btn:hover:not(:disabled){background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.prod-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.prod-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;display:flex;font-size:14px;gap:10px;margin-bottom:24px;padding:14px 18px}.prod-retry-btn{background:none;border:1px solid #fca5a5;border-radius:6px;color:#b91c1c;cursor:pointer;font-size:12px;margin-left:auto;padding:4px 10px}.prod-section{margin-bottom:32px}.prod-section-title{color:#64748b;font-size:13px;gap:8px;letter-spacing:.06em;margin:0 0 14px;text-transform:uppercase}.prod-peak-badge,.prod-section-title{align-items:center;display:flex;font-weight:600}.prod-peak-badge{background:#f973161a;border-radius:20px;color:#f97316;font-size:11px;gap:4px;letter-spacing:0;margin-left:8px;padding:3px 10px;text-transform:none}.prod-grid{grid-gap:14px;display:grid;gap:14px}.prod-grid--4{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.prod-grid--2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.prod-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:14px;display:flex;gap:14px;padding:20px;transition:box-shadow .15s,transform .15s}.prod-card:hover{box-shadow:0 4px 20px #00000012;transform:translateY(-1px)}.prod-card-icon{align-items:center;border-radius:11px;display:flex;flex-shrink:0;font-size:17px;height:42px;justify-content:center;width:42px}.prod-card--blue .prod-card-icon{background:#3b82f61a;color:#3b82f6}.prod-card--green .prod-card-icon{background:#10b9811a;color:#10b981}.prod-card--yellow .prod-card-icon{background:#f59e0b1a;color:#f59e0b}.prod-card--purple .prod-card-icon{background:#8b5cf61a;color:#8b5cf6}.prod-card--indigo .prod-card-icon{background:#6366f11a;color:#6366f1}.prod-card--orange .prod-card-icon{background:#f973161a;color:#f97316}.prod-card-body{display:flex;flex-direction:column;gap:3px;min-width:0}.prod-card-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.04em;line-height:1.3;text-transform:uppercase}.prod-card-value{color:#1e293b;font-size:26px;font-weight:700;line-height:1.1}.prod-card-value--loading{color:#94a3b8;font-size:18px}.prod-card-sub{color:#94a3b8;font-size:12px;margin-top:1px}.prod-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px 24px 16px}.prod-chart-wrap{height:220px}@media (max-width:768px){.prod-dashboard{padding:16px}.prod-grid--2,.prod-grid--4{grid-template-columns:1fr 1fr}.prod-header{flex-direction:column}}@media (max-width:480px){.prod-grid--2,.prod-grid--4{grid-template-columns:1fr}}.crm-dashboard{background:#f0f9f8;min-height:100%;padding:28px 32px}.cd-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.cd-title{color:#0f172a;font-size:20px;font-weight:600}.cd-sub{color:#64748b;font-size:13px;margin-top:2px}.cd-period-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-family:inherit;font-size:12px;outline:none;padding:7px 12px}.cd-period-select:focus{border-color:#6366f1}.cd-kpi-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:16px}.cd-kcard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.cd-kcard--accent{background:#0f172a;border-color:#0f172a}.cd-klabel{color:#64748b;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.cd-kcard--accent .cd-klabel{color:#475569}.cd-kvalue{color:#0f172a;font-size:22px;font-weight:700;line-height:1}.cd-kcard--accent .cd-kvalue{color:#00c48c}.cd-ksub{color:#64748b;font-size:11px;margin-top:4px}.cd-kcard--accent .cd-ksub{color:#475569}.cd-kbadge{align-items:center;border-radius:6px;display:inline-flex;font-size:10px;font-weight:600;gap:3px;margin-top:5px;padding:2px 7px}.cd-kbadge--up{background:#dcfce7;color:#166534}.cd-kbadge--red{background:#fee2e2;color:#991b1b}.cd-kbadge--neu{background:#f1f5f9;color:#64748b}.cd-kbadge--green{background:#00c48c1f;color:#00c48c}.cd-main-grid{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:1.4fr 1fr}.cd-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px}.cd-card-title{align-items:center;color:#0f172a;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:16px}.cd-card-title a{color:#3b82f6;font-size:11px;font-weight:500;text-decoration:none}.cd-card-title a:hover{text-decoration:underline}.cd-funnel{display:flex;flex-direction:column;gap:9px}.cd-funnel-row{align-items:center;display:flex;gap:10px}.cd-f-label{color:#64748b;flex-shrink:0;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90px}.cd-f-label--won{color:#166534;font-weight:600}.cd-f-bar-wrap{background:#f1f5f9;border-radius:4px;flex:1 1;height:7px;overflow:hidden}.cd-f-bar{border-radius:4px;height:100%;transition:width .4s ease}.cd-f-count{color:#0f172a;flex-shrink:0;font-size:11px;font-weight:600;text-align:right;width:22px}.cd-f-count--won{color:#166534}.cd-f-value{color:#64748b;flex-shrink:0;font-size:11px;text-align:right;width:100px}.cd-f-value--won{color:#166534;font-weight:600}.cd-funnel-totals{border-top:1px solid #f1f5f9;display:flex;gap:0;margin-top:14px;padding-top:14px}.cd-ft-item{flex:1 1}.cd-ft-label{color:#64748b;font-size:10px;letter-spacing:.4px;text-transform:uppercase}.cd-ft-value{color:#0f172a;font-size:13px;font-weight:700;margin-top:3px}.cd-ft-value--hl{color:#3b82f6}.cd-right-col{display:flex;flex-direction:column;gap:12px}.cd-clientes-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.cd-mini-stat{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:12px}.cd-ms-label{color:#64748b;font-size:10px;letter-spacing:.4px;margin-bottom:5px;text-transform:uppercase}.cd-ms-value{color:#0f172a;font-size:20px;font-weight:700}.cd-ms-value--green{color:#22c55e}.cd-ms-sub{color:#64748b;font-size:11px;margin-top:2px}.cd-won-row{align-items:center;border-bottom:1px solid #f8fafc;display:flex;justify-content:space-between;margin:0 -18px;padding:9px 18px;text-decoration:none;transition:background .15s}.cd-won-row:last-child{border-bottom:none}.cd-won-row:hover{background:#f8fafc}.cd-won-left{gap:8px}.cd-won-av,.cd-won-left{align-items:center;display:flex}.cd-won-av{border-radius:50%;flex-shrink:0;font-size:11px;font-weight:600;height:28px;justify-content:center;width:28px}.cd-won-name{color:#0f172a;font-size:12px;font-weight:600}.cd-won-prod{color:#64748b;font-size:11px;margin-top:1px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd-won-right{text-align:right}.cd-won-val{color:#0f172a;font-size:12px;font-weight:700}.cd-won-badge{background:#dcfce7;border-radius:5px;color:#166534;display:inline-block;font-size:10px;font-weight:600;margin-top:3px;padding:2px 6px}.cd-empty{color:#94a3b8;font-size:13px;padding:24px;text-align:center}.crm-error,.crm-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px}.crm-error{color:#dc2626}.crm-setup-required h2{color:#0f172a;font-size:1.5rem;margin:0 0 8px}.crm-setup-required p{color:#64748b;margin:0 0 24px}.btn{font-family:inherit}@media (max-width:1024px){.cd-kpi-row{grid-template-columns:repeat(3,1fr)}.cd-main-grid{grid-template-columns:1fr}}@media (max-width:640px){.crm-dashboard{padding:16px}.cd-kpi-row{grid-template-columns:repeat(2,1fr)}.cd-header{align-items:flex-start;flex-direction:column;gap:12px}}[draggable]{cursor:grab;-webkit-user-select:none;user-select:none}[draggable]:active{cursor:grabbing}.pipeline-deal-card{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;padding:12px;transition:box-shadow .15s ease,border-color .15s ease;will-change:transform}.pipeline-deal-card:hover{border-color:#93c5fd;border-color:var(--color-primary-light,#93c5fd);box-shadow:0 4px 12px #00000014}.pipeline-deal-card:active{cursor:grabbing}.card-main{align-items:flex-start;display:flex;gap:10px;margin-bottom:10px}.card-avatar-wrap{flex-shrink:0;position:relative}.card-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:600;height:38px;justify-content:center;overflow:hidden;width:38px}.card-avatar img{display:block;height:100%;object-fit:cover;width:100%}.avatar-initials{align-items:center;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:100%;justify-content:center;letter-spacing:.5px;width:100%}.card-status-dot{background:#d1d5db;border:1.5px solid #fff;border:1.5px solid var(--bg-card,#fff);border-radius:50%;bottom:1px;height:9px;position:absolute;right:1px;width:9px}.card-status-dot.active{background:#22c55e}.card-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.card-name-row{align-items:center;display:flex;gap:6px}.card-name{color:#111827;color:var(--text-primary,#111827);font-size:.875rem;font-weight:600;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-unread{background:#ef4444;border-radius:10px;color:#fff;flex-shrink:0;font-size:.65rem;font-weight:700;padding:1px 5px}.card-last-msg,.card-phone{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.72rem}.card-last-msg{align-items:center;display:flex;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-sender-badge{border-radius:4px;flex-shrink:0;font-size:.6rem;font-weight:700;padding:1px 4px}.msg-sender-badge.ai{background:#ede9fe;color:#7c3aed}.msg-sender-badge.agent{background:#dbeafe;color:#1d4ed8}.card-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--border-light,#f3f4f6);justify-content:space-between;padding-top:8px}.card-days,.card-footer{align-items:center;display:flex}.card-days{border-radius:20px;font-size:.72rem;font-weight:600;gap:4px;padding:2px 8px}.card-days i{font-size:.65rem}.day-green{background:#dcfce7;color:#16a34a}.day-yellow{background:#fef9c3;color:#ca8a04}.day-red{background:#fee2e2;color:#dc2626}.card-badges{gap:4px}.card-badge,.card-badges{align-items:center;display:flex}.card-badge{border-radius:50%;font-size:.65rem;height:22px;justify-content:center;width:22px}.badge-ai{title:"IA ativa";background:#ede9fe;color:#7c3aed}.crm-pipeline{display:flex;flex-direction:column;height:calc(100vh - 120px);padding:24px}.pipeline-header{align-items:flex-start;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:24px}.pipeline-info-text{align-items:center;color:#94a3b8;display:flex;flex-wrap:wrap;font-size:12px;gap:4px;margin-top:6px!important}.pipeline-info-link{color:#6366f1;font-weight:500;text-decoration:none;white-space:nowrap}.pipeline-info-link:hover{text-decoration:underline}.pipeline-search{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;display:flex;gap:8px;padding:8px 12px;transition:border-color .2s}.pipeline-search:focus-within{border-color:#6366f1}.pipeline-search i{color:#94a3b8;flex-shrink:0;font-size:13px}.pipeline-search input{background:#0000;border:none;color:#1e293b;font-size:14px;outline:none;width:180px}.pipeline-search input::placeholder{color:#94a3b8}.pipeline-search-clear{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:12px;padding:0}.pipeline-search-clear:hover{color:#64748b}.pipeline-select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;padding:8px 16px}.pipeline-error,.pipeline-loading{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px}.pipeline-day-filter{align-items:center;display:flex;flex-shrink:0;gap:12px;margin-bottom:16px}.filter-label{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.8rem;gap:5px;white-space:nowrap}.filter-pills{display:flex;gap:6px}.filter-pill{background:#fff;border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:20px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.78rem;font-weight:500;padding:4px 12px;transition:all .15s ease}.filter-pill:hover{color:#3b82f6;color:var(--color-primary,#3b82f6)}.filter-pill.active,.filter-pill:hover{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6)}.filter-pill.active{background:#3b82f6;background:var(--color-primary,#3b82f6);color:#fff}.pipeline-board{display:flex;flex:1 1;gap:16px;overflow-x:auto;padding-bottom:16px}.pipeline-column{background:#f3f4f6;border-radius:12px;display:flex;flex-direction:column;max-height:100%;max-width:300px;min-width:300px}.pipeline-column.won{background:#f0fdf4}.pipeline-column.lost{background:#fef2f2}.pipeline-column.drag-over{background:#eff6ff;outline:2px dashed #3b82f6;outline:2px dashed var(--color-primary,#3b82f6);outline-offset:-2px}.column-header{background:#fff;border-radius:12px 12px 0 0;border-top:4px solid #6b7280;justify-content:space-between;padding:16px}.column-header,.column-info{align-items:center;display:flex}.column-info{gap:8px}.column-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.column-name{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-weight:600}.column-count{background:#e5e7eb;border-radius:12px;font-size:.75rem;font-weight:600;padding:2px 8px}.column-probability{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem}.column-deals{flex:1 1;overflow-y:auto;padding:12px}.column-deals,.column-empty{display:flex;flex-direction:column;gap:8px}.column-empty{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;opacity:.6;padding:32px 16px;text-align:center}.column-empty i{font-size:1.25rem}.column-footer{background:#fffc;border-radius:0 0 12px 12px;padding:12px 16px;text-align:right}.column-total{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-weight:600}.deal-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:grab;transition:transform .2s,box-shadow .2s}.deal-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.deal-card:active{cursor:grabbing}.deal-link{color:inherit;display:block;padding:12px;text-decoration:none}.deal-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);margin-bottom:8px}.deal-customer{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;gap:6px;margin-bottom:12px}.deal-customer,.deal-footer{align-items:center;display:flex}.deal-footer{justify-content:space-between}.deal-value{color:#4f46e5;color:var(--color-primary,#4f46e5)}.deal-owner{background:#4f46e5;background:var(--color-primary,#4f46e5);border-radius:50%;color:#fff;font-size:.7rem;font-weight:600;height:24px;width:24px}.crm-setup-required,.deal-owner{align-items:center;display:flex;justify-content:center}.crm-setup-required{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;flex-direction:column;margin:auto;padding:80px 40px;text-align:center}.setup-icon{align-items:center;background:#e0e7ff;background:var(--color-primary-light,#e0e7ff);border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.setup-icon i{color:#4f46e5;color:var(--color-primary,#4f46e5);font-size:2rem}.btn-sm{padding:8px 16px}.mkt-demo-badge{align-items:center;background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 14px}.mkt-demo-badge:hover{background:#b91c1c}.mkt-dot{animation:mkt-pulse 1s ease-in-out infinite;background:#fff;border-radius:50%;flex-shrink:0;height:8px;width:8px}@keyframes mkt-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.crm-customers{padding:24px}.header-left h1{font-weight:600}.header-left p{color:#6b7280;color:var(--text-secondary,#6b7280)}.search-form{display:flex;flex:1 1;max-width:400px}.search-form input{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px 0 0 8px;border-right:none;flex:1 1;padding:10px 16px}.search-form button{background:#4f46e5;background:var(--color-primary,#4f46e5);border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;padding:10px 16px}.filters-bar select{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb)}.empty-state,.error-state,.loading-state{color:#6b7280;color:var(--text-secondary,#6b7280)}.empty-state h3{color:#1a1a2e;color:var(--text-primary,#1a1a2e);margin:0 0 8px}.empty-state p{margin:0 0 24px}.customers-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.customers-table table{border-collapse:collapse;width:100%}.customers-table td,.customers-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:12px 16px;text-align:left}.customers-table th{background:#f9fafb;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;font-weight:600;text-transform:uppercase}.customer-name{display:flex;flex-direction:column;text-decoration:none}.customer-name .name{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-weight:500}.customer-name .trade-name{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem}.type-badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:4px 8px}.type-badge.company{background:#dbeafe;color:#2563eb}.type-badge.person{background:#fef3c7;color:#d97706}.contact-info{color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;font-size:.75rem;gap:4px}.contact-info i{margin-right:4px;width:14px}.deals-count,.revenue{font-weight:600}.revenue{color:#4f46e5;color:var(--color-primary,#4f46e5)}.actions{display:flex;gap:8px}.action-btn{border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);height:32px;transition:all .2s;width:32px}.action-btn:hover{background:#f3f4f6;color:#4f46e5;color:var(--color-primary,#4f46e5)}.pagination button{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb)}.modal-header{border-bottom:1px solid var(--border-color,#e5e7eb)}.close-btn{color:#6b7280;color:var(--text-secondary,#6b7280)}.modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb)}.form-group label{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.form-group input,.form-group select,.form-group textarea{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4f46e5;border-color:var(--color-primary,#4f46e5)}.type-option{font-weight:500;gap:8px;justify-content:center}.type-option.active,.type-option:hover{border-color:#4f46e5;border-color:var(--color-primary,#4f46e5)}.type-option.active{color:#4f46e5;color:var(--color-primary,#4f46e5)}.btn-outline{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.tag-chips-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tag-chip-small{background:#ede9fe;border-radius:20px;color:#4f46e5;cursor:pointer;display:inline-block;font-size:11px;font-weight:500;padding:1px 8px;transition:background .15s}.tag-chip-small:hover{background:#c4b5fd}.tag-filter-input{border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;font-size:14px;min-width:140px;padding:6px 10px}.briefing-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.briefing-modal{background:#fff;border-radius:16px;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.briefing-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.briefing-modal-header h2{color:#1f2937;font-size:20px;margin:0}.briefing-modal-close{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:20px;padding:4px 8px}.briefing-modal-close:hover{background:#f3f4f6}.briefing-modal-body{padding:24px}.briefing-section{margin-bottom:24px}.section-title{align-items:center;color:#374151;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 12px}.section-title i{color:#3b82f6;text-align:center;width:18px}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.info-item{flex-direction:column;gap:2px}.info-item label{color:#9ca3af;font-size:12px;font-weight:500;text-transform:uppercase}.info-item span{color:#1f2937;font-size:14px}.analysis-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.analysis-card{align-items:center;border-radius:12px;display:flex;gap:12px;padding:16px}.analysis-label{color:#6b7280;display:block;font-size:12px}.analysis-value{display:block;font-size:18px;font-weight:700}.briefing-text-block{background:#f9fafb;border-radius:8px;color:#374151;font-size:14px;line-height:1.6;padding:16px;white-space:pre-wrap}.briefing-text-block.ai-analysis{border-left:3px solid #3b82f6}.answers-list{display:flex;flex-direction:column;gap:12px}.answer-item{background:#f9fafb;border-radius:8px;padding:12px 16px}.answer-item label{color:#3b82f6;display:block;font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.answer-item p{color:#374151;font-size:14px;line-height:1.5;margin:0}.meeting-mini-card{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.meeting-mini-info{display:flex;flex-direction:column;gap:2px}.meeting-mini-info strong{color:#1f2937;font-size:14px}.meeting-mini-info span{color:#6b7280;font-size:13px}.meet-btn{align-items:center;background:#2563eb;border-radius:6px;color:#fff;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;text-decoration:none}.meet-btn:hover{background:#1d4ed8}.briefing-meta{border-top:1px solid #e5e7eb;color:#9ca3af;display:flex;flex-direction:column;font-size:12px;gap:4px;padding-top:16px}@media (max-width:640px){.analysis-cards,.info-grid{grid-template-columns:1fr}}.crm-customer-detail{padding:24px}.page-header h1{margin:0}.trade-name{color:var(--text-secondary);margin:4px 0 0}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.metric{text-align:center}.metric-value{color:var(--color-primary);display:block;font-size:1.5rem;font-weight:700}.metric-label{color:var(--text-secondary);font-size:.75rem}.contacts-list,.deals-list{display:flex;flex-direction:column;gap:12px}.contact-item{background:#f9fafb;border-radius:8px;display:flex;gap:12px;padding:12px}.contact-avatar{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;font-weight:600;height:40px;justify-content:center;width:40px}.contact-info{flex:1 1}.contact-name{align-items:center;display:flex;font-weight:500;gap:8px}.primary-badge{background:var(--color-primary);border-radius:4px;color:#fff;font-size:.7rem;padding:2px 6px}.contact-position{display:block}.contact-details,.contact-position{color:var(--text-secondary);font-size:.75rem}.contact-details{display:flex;gap:16px;margin-top:4px}.contact-details i{margin-right:4px}.deal-item{align-items:center;background:#f9fafb;border-radius:8px;color:inherit;display:flex;justify-content:space-between;padding:12px;text-decoration:none}.deal-stage{font-size:.75rem}.deal-value{color:var(--color-primary);font-weight:600}.type-selector{display:flex;gap:12px}.type-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:12px;transition:all .2s}.type-option i{font-size:1.25rem}.type-option.active,.type-option:hover{border-color:var(--color-primary)}.type-option.active{background:#eef2ff;background:var(--color-primary-light,#eef2ff);color:var(--color-primary)}.checkbox-group{display:flex;gap:20px;margin-top:8px}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.875rem;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.briefings-card h3{align-items:center;display:flex;gap:8px}.briefings-card h3 i{color:#3b82f6}.briefings-list{gap:8px}.briefing-item{align-items:center;background:#f9fafb;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .15s}.briefing-item:hover{background:#f0f4ff}.briefing-item-left{display:flex;flex-direction:column;gap:2px}.briefing-item-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.briefing-item-date{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:8px}.briefing-status-badge{border-radius:4px;font-size:.65rem;padding:1px 6px}.briefing-status-badge.in-progress{background:#fef3c7;color:#d97706}.briefing-item-right{align-items:center;display:flex;gap:12px}.briefing-temp-badge{padding:3px 8px}.briefing-value{color:#059669;font-size:.8rem;font-weight:600}.briefing-arrow{color:#d1d5db;font-size:.75rem}.crm-deals{padding:24px}.filters-bar{gap:12px}.filters-bar input{flex:1 1;max-width:400px}.filters-bar input,.filters-bar select{border:1px solid var(--border-color);border-radius:8px;padding:10px 16px}.filters-bar select{background:#fff}.empty-state h3{margin:0 0 24px}.deals-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.deals-table table{border-collapse:collapse;width:100%}.deals-table td,.deals-table th{border-bottom:1px solid var(--border-color);padding:12px 16px;text-align:left}.deals-table th{background:#f9fafb;color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase}.deal-title{color:var(--text-primary);font-weight:500;text-decoration:none}.deal-title:hover{color:var(--color-primary)}.stage-badge{font-size:.75rem;padding:4px 8px}.value{color:var(--color-primary);font-weight:600}.btn-outline{background:#b82d2d!important;color:#fff!important}.btn-outline:hover{background:red!important}.pagination{margin-top:24px}.pagination button{border:1px solid var(--border-color);border-radius:8px;height:36px;width:36px}.crm-deal-detail{padding:24px}.back-link{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:8px;margin-bottom:8px;text-decoration:none}.page-header h1{margin:0 0 8px}.stage-badge{border-radius:4px;color:#fff;display:inline-block;font-size:.875rem;padding:4px 12px}.detail-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.detail-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.detail-card h3{font-size:1rem;margin:0 0 16px}.info-list{display:flex;flex-direction:column;gap:12px}.info-item{display:flex;justify-content:space-between}.info-item .label{color:var(--text-secondary);font-size:.875rem}.info-item .value{font-weight:500}.info-item .value.highlight{color:var(--color-primary);font-size:1.25rem}.activity-item{background:#f9fafb;border-radius:8px;display:flex;gap:12px;padding:12px}.activity-icon{background:#e5e7eb;border-radius:50%;font-size:.5rem;height:32px;width:32px}.activity-title{display:block;font-weight:500}.activity-date{color:var(--text-secondary);font-size:.75rem}.empty-section{color:var(--text-secondary);padding:24px;text-align:center}.error-state,.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px}.error-state{color:#dc2626}.status-badge{border-radius:4px;padding:4px 8px}.status-badge.open{background:#dbeafe;color:#2563eb}.status-badge.won{background:#d1fae5;color:#059669}.status-badge.lost{background:#fee2e2;color:#dc2626}.lost-reason{color:#dc2626;font-style:italic}.btn-success{background:#059669;color:#fff}.btn-success:hover{background:#047857}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.btn-danger:disabled{cursor:not-allowed;opacity:.6}.modal{max-width:480px}.form-group label{margin-bottom:10px}.form-group textarea{border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;padding:10px 12px;width:100%}.form-group textarea:focus{border-color:var(--color-primary);outline:none}.reason-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.reason-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;font-weight:500;gap:8px;padding:16px 12px;transition:all .2s}.reason-btn i{font-size:1.25rem}.reason-btn.active,.reason-btn:hover{border-color:#dc2626;color:#dc2626}.reason-btn.active{background:#fef2f2}.payment-links-card h3{align-items:center;display:flex;gap:8px}.payment-links-card h3 i{color:var(--color-primary)}.card-header{margin-bottom:16px}.card-header h3{margin:0}.loading-section{align-items:center;color:var(--text-secondary);display:flex;gap:8px;justify-content:center;padding:24px}.payment-links-list{display:flex;flex-direction:column;gap:12px}.payment-link-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.payment-link-info{display:flex;flex-direction:column;gap:4px}.payment-link-title{font-weight:500}.payment-link-details{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.payment-link-value{color:var(--color-primary);font-weight:600}.payment-link-date{color:var(--text-secondary);font-size:.75rem}.payment-status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.7rem;font-weight:500;gap:4px;padding:3px 8px}.payment-status-badge.status-active{background:#dbeafe;color:#1d4ed8}.payment-status-badge.status-paid{background:#d1fae5;color:#059669}.payment-status-badge.status-expired{background:#fef3c7;color:#d97706}.payment-status-badge.status-cancelled{background:#fee2e2;color:#dc2626}.empty-section{align-items:center;display:flex;flex-direction:column;gap:8px}.empty-section i{font-size:1.5rem;opacity:.5}.crm-activities{padding:24px}.page-header{align-items:flex-start;display:flex;justify-content:space-between}.header-left h1{font-size:1.75rem;margin:0 0 4px}.header-left p{color:var(--text-secondary);margin:0}.filters-bar{display:flex;gap:8px;margin-bottom:24px}.filter-btn{background:#fff;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-weight:500;padding:8px 16px}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.empty-state,.error-state,.loading-state{align-items:center;background:#fff;border-radius:12px;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px}.empty-state h3{color:var(--text-primary);margin:0}.activities-list{display:flex;flex-direction:column;gap:12px}.activity-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;padding:16px}.activity-card.completed{opacity:.6}.activity-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.activity-icon.note{background:#fef3c7;color:#d97706}.activity-icon.task{background:#dbeafe;color:#2563eb}.activity-icon.call{background:#d1fae5;color:#059669}.activity-icon.meeting{background:#ede9fe;color:#7c3aed}.activity-icon.email{background:#fce7f3;color:#db2777}.activity-icon.whatsapp{background:#d1fae5;color:#059669}.activity-content{flex:1 1;min-width:0}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.activity-title{color:var(--text-primary);font-weight:600}.activity-type{background:#f3f4f6;border-radius:4px;color:var(--text-secondary);font-size:.7rem;padding:2px 8px}.activity-description{color:var(--text-secondary);font-size:.875rem;margin:8px 0}.activity-meta{color:var(--text-secondary);display:flex;font-size:.75rem;gap:16px}.activity-meta i{margin-right:4px}.complete-btn{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.complete-btn:hover{background:#d1fae5;border-color:#059669;color:#059669}.empty-state p{margin:8px 0 24px}.btn{text-decoration:none}.btn-outline{background:#ff1717;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb)}.btn-outline:hover{background:#d83a3a}.modal{border-radius:12px;max-width:560px;overflow:auto;width:90%}.modal-header{border-bottom:1px solid var(--border-color);padding:16px 20px}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.25rem}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.form-group label{color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;padding:10px 12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary)}.form-error{align-items:center;background:#fef2f2;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;gap:8px;margin-bottom:16px;padding:12px}.type-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.type-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;font-weight:500;gap:4px;padding:12px 8px;transition:all .2s}.type-btn i{font-size:1rem}.type-btn.active,.type-btn:hover{border-color:var(--color-primary)}.type-btn.active{background:#eef2ff;background:var(--color-primary-light,#eef2ff);color:var(--color-primary)}.meet-link-banner{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.meet-link-content{align-items:center;color:#1e40af;display:flex;font-size:.875rem;font-weight:500;gap:12px}.meet-link-content .fa-video{font-size:1.1rem}.meet-link-content .btn-sm{border-radius:6px;font-size:.75rem;padding:6px 12px}.meet-link-close{background:none;border:none;color:#93c5fd;cursor:pointer;font-size:1rem;padding:4px}.meet-link-close:hover{color:#1e40af}.activity-meet-link{align-items:center;background:#eff6ff;border-radius:4px;color:#2563eb;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:2px 8px;text-decoration:none}.activity-meet-link:hover{background:#dbeafe}.crm-settings{padding:24px}.page-header{margin-bottom:24px}.page-header h1{font-size:1.75rem;margin:0 0 4px}.page-header p{color:var(--text-secondary);margin:0}.setup-wizard{margin:40px auto;max-width:800px;text-align:center}.wizard-header h1{font-size:2rem;margin:0 0 8px}.wizard-header p{color:var(--text-secondary);margin:0 0 32px}.business-types-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:32px}.type-card{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:24px 16px;transition:all .2s}.type-card.selected,.type-card:hover{border-color:var(--color-primary)}.type-card.selected{background:#f0f9ff}.type-card i{color:var(--color-primary);font-size:2rem}.type-name{color:var(--text-primary);font-weight:600}.type-desc{color:var(--text-secondary);font-size:.75rem}.wizard-actions{margin-top:24px}.settings-grid{grid-gap:24px;display:grid;gap:24px}.settings-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.settings-card h2{font-size:1.125rem;margin:0 0 8px}.card-description{color:var(--text-secondary);font-size:.875rem;margin:0 0 16px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.card-header h2{margin:0}.card-actions{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.current-type{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:8px;padding:12px}.current-type .label{color:var(--text-secondary)}.current-type .value{font-weight:600}.currency-selector{margin-top:8px}.currency-select{background:#f9fafb;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;padding:10px 12px;width:100%}.currency-select:focus{border-color:var(--color-primary);outline:none}.terminology-grid{grid-gap:12px;display:grid;gap:12px}.term-item{align-items:center;display:flex;gap:16px;padding:8px 0}.term-key{color:var(--text-secondary);font-weight:500;text-transform:capitalize;width:100px}.term-inputs{display:flex;flex:1 1;gap:8px}.term-inputs input{border:1px solid var(--border-color);border-radius:6px;flex:1 1;padding:8px 12px}.btn{padding:10px 20px}.btn-primary{background:#4f46e5;background:var(--color-primary,#4f46e5)}.btn-primary:hover{background:#4338ca;background:var(--color-primary-dark,#4338ca)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-lg{font-size:1rem;padding:14px 32px}.btn-sm{font-size:.875rem;padding:6px 12px}.btn-outline{background:#0000;border:1px solid var(--border-color);color:var(--text-primary)}.payment-card{grid-column:1/-1}.payment-card .card-header h2{align-items:center;display:flex;gap:10px}.payment-card .card-header h2 i{color:#6366f1;color:var(--color-primary,#6366f1)}.status-badge{align-items:center;gap:6px;padding:4px 12px}.status-badge.success{background:#d1fae5;color:#059669}.status-badge.warning{background:#fef3c7;color:#d97706}.status-badge.error{background:#fee2e2;color:#dc2626}.alert{align-items:center;border-radius:8px;display:flex;font-size:.875rem;gap:10px;margin-bottom:16px;padding:12px 16px}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary,#6366f1)}.form-hint{color:#9ca3af;display:block;font-size:.75rem;margin-top:4px}.payment-actions{display:flex;flex-wrap:wrap;gap:12px}.payment-actions .btn{flex:1 1;justify-content:center;min-width:180px}.payment-status{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;display:flex;font-size:.875rem;gap:10px;margin-top:16px;padding:14px 16px}.payment-status i{margin-top:2px}.loading-state{gap:8px;padding:32px}.loading-state i{color:var(--color-primary,#6366f1);font-size:1.5rem}.settings-card h2 i{color:#6366f1;color:var(--color-primary,#6366f1);margin-right:8px}.setting-toggle{align-items:flex-start;background:#f9fafb;border-radius:10px;display:flex;gap:16px;justify-content:space-between;padding:16px}.toggle-info{flex:1 1}.toggle-label{color:#1f2937;color:var(--text-primary,#1f2937);display:block;font-weight:600;margin-bottom:4px}.toggle-description{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;font-size:.8rem;line-height:1.4}.crm-payments{margin:0 auto;max-width:1400px;padding:24px}.payments-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.payments-header .header-left h1{align-items:center;color:#111827;display:flex;font-size:1.75rem;font-weight:700;gap:12px;margin:0 0 4px}.payments-header .header-left h1 i{color:#6366f1}.payments-header .header-left p{color:#6b7280;margin:0}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.btn-primary{background:#6366f1}.btn-primary:hover{background:#4f46e5}.btn-outline{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.payments-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:4px;margin-bottom:24px;padding-bottom:4px}.payments-tabs .tab{align-items:center;background:#0000;border:none;border-radius:8px 8px 0 0;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}.payments-tabs .tab:hover{background:#f3f4f6;color:#374151}.payments-tabs .tab.active{background:#6366f1;color:#fff}.payments-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;gap:12px;margin-bottom:24px;padding:12px 16px}.payments-error button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1.25rem;margin-left:auto}.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px}.loading-state i{color:#6366f1;font-size:2rem}.empty-state{color:#6b7280;padding:48px}.empty-state i{color:#d1d5db;font-size:3rem}.empty-state i,.empty-state p{margin-bottom:16px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s}.stat-card:hover{box-shadow:0 4px 12px #0000000d}.stat-card.highlight{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none}.stat-card.highlight .stat-content span{color:#fff}.stat-icon{border-radius:12px;font-size:1.25rem;height:48px;width:48px}.stat-icon.received{background:#dcfce7;color:#16a34a}.stat-icon.links{background:#dbeafe;color:#2563eb}.stat-icon.paid{background:#d1fae5;color:#059669}.stat-icon.expired{background:#fef3c7;color:#d97706}.stat-card.highlight .stat-icon{background:#fff3;color:#fff}.stat-content{display:flex;flex-direction:column}.stat-label{color:#6b7280;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.stat-value{color:#111827;font-size:1.5rem;font-weight:700}.stat-sub{color:#9ca3af;font-size:.75rem}.recent-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.recent-section h3{align-items:center;color:#374151;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 16px}.recent-list{display:flex;flex-direction:column;gap:8px}.recent-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.item-amount{color:#16a34a;font-weight:600}.item-date{color:#6b7280;font-size:.875rem}.dashboard-filters,.list-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.dashboard-filters select,.filter-group input,.filter-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:.875rem;min-width:180px;padding:10px 14px}.dashboard-filters select:focus,.filter-group input:focus,.filter-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.links-table,.receipts-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.links-table table,.receipts-table table{border-collapse:collapse;width:100%}.links-table th,.receipts-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.links-table td,.receipts-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:.875rem;padding:14px 16px}.links-table tr:last-child td,.receipts-table tr:last-child td{border-bottom:none}.links-table tr:hover,.receipts-table tr:hover{background:#f9fafb}.link-title{display:flex;flex-direction:column;gap:2px}.link-title strong{color:#111827}.link-code{color:#9ca3af;font-family:monospace;font-size:.75rem}.payer-info{display:flex;flex-direction:column}.payer-info small{color:#9ca3af;font-size:.75rem}.status-badge{display:inline-flex;font-size:.75rem;padding:4px 10px}.badge-success{background:#d1fae5;color:#059669}.badge-warning{background:#fef3c7;color:#d97706}.badge-danger{background:#fee2e2;color:#dc2626}.badge-info{background:#dbeafe;color:#2563eb}.badge-secondary{background:#f3f4f6;color:#6b7280}.row-actions{display:flex;gap:8px}.btn-icon{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-icon:hover{background:#e5e7eb;color:#374151}.btn-icon.success:hover{background:#d1fae5;color:#059669}.btn-icon.danger:hover{background:#fee2e2;color:#dc2626}.totals-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.total-card{border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:20px}.total-card.success{background:#d1fae5;border:1px solid #a7f3d0}.total-card.warning{background:#fef3c7;border:1px solid #fde68a}.total-card.danger{background:#fee2e2;border:1px solid #fecaca}.total-label{font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.total-card.success .total-label{color:#059669}.total-card.warning .total-label{color:#d97706}.total-card.danger .total-label{color:#dc2626}.total-value{color:#111827;font-size:1.5rem;font-weight:700}.total-count{color:#6b7280;font-size:.75rem}.pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:center;margin-top:20px;padding-top:20px}.pagination button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:all .2s}.pagination button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:#6b7280;font-size:.875rem}.modal-overlay{background:#00000080;bottom:0;left:0;right:0;top:0}.modal{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid #e5e7eb;padding:20px 24px}.modal-header h2{color:#111827;font-size:1.125rem}.modal-close{background:#f3f4f6;border-radius:6px;color:#6b7280}.modal-close:hover{background:#e5e7eb;color:#374151}.modal-body{overflow-y:auto}.form-group{margin-bottom:16px}.form-group label{color:#374151;display:block;font-size:.875rem;margin-bottom:6px}.form-group input,.form-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:.875rem;padding:10px 14px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.modal-actions{margin-top:8px}.modal-actions .btn{flex:1 1}@media (max-width:768px){.crm-payments{padding:16px}.payments-header{align-items:stretch}.header-actions,.payments-header{flex-direction:column}.form-row,.stats-grid{grid-template-columns:1fr}.links-table,.receipts-table{overflow-x:auto}.links-table table,.receipts-table table{min-width:600px}}.briefings-page{margin:0 auto;max-width:1400px;padding:24px}.briefings-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.briefings-header .header-left h1{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.75rem;font-weight:600;margin:0 0 4px}.briefings-header .header-left p{color:#6b7280;color:var(--text-secondary,#6b7280);margin:0}.briefings-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.briefings-search{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;display:flex;flex:1 1;gap:8px;min-width:200px;padding:8px 16px}.briefings-search i{color:#6b7280;color:var(--text-secondary,#6b7280)}.briefings-search input{background:#0000;border:none;flex:1 1;font-size:.875rem;outline:none}.briefings-filter-select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;cursor:pointer;font-size:.875rem;min-width:160px;padding:8px 16px}.briefings-empty{align-items:center;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.briefings-empty i{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:3rem;margin-bottom:16px}.briefings-empty h3{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.25rem;margin:0 0 8px}.briefings-empty p{color:#6b7280;color:var(--text-secondary,#6b7280);margin:0;max-width:400px}.briefings-list{display:flex;flex-direction:column;gap:12px}.briefing-card{align-items:center;background:#fff;border:1px solid #0000000f;border-radius:20px;box-shadow:0 4px 0 #00000014;display:flex;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.briefing-card:hover{box-shadow:0 10px 28px #0000001f;transform:translateY(-3px)}.briefing-card-main{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:20px;min-width:0;padding:16px 20px}.briefing-card-left{gap:12px;min-width:200px}.briefing-avatar,.briefing-card-left{align-items:center;display:flex;flex-shrink:0}.briefing-avatar{background:#ede9fe;border-radius:50%;color:#7c3aed;height:40px;justify-content:center;width:40px}.briefing-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.briefing-client-name{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.9rem;font-weight:600}.briefing-client-company,.briefing-client-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.briefing-client-company{font-size:.8rem}.briefing-client-company,.briefing-date{color:#6b7280;color:var(--text-secondary,#6b7280)}.briefing-date{font-size:.75rem}.briefing-card-center{flex:1 1;min-width:0}.briefing-summary-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--text-secondary,#6b7280);display:-webkit-box;font-size:.8rem;line-height:1.4;margin:0;overflow:hidden}.briefing-card-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.briefing-status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.briefing-status-badge.status-in-progress{background:#fef3c7;color:#d97706}.briefing-status-badge.status-completed{background:#d1fae5;color:#059669}.briefing-status-badge.status-archived{background:#f3f4f6;color:#6b7280}.briefing-temp-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;padding:4px 10px}.briefing-temp-badge.temp-hot{background:#fee2e2;color:#dc2626}.briefing-temp-badge.temp-warm{background:#fef3c7;color:#d97706}.briefing-temp-badge.temp-cold{background:#dbeafe;color:#2563eb}.briefing-card-actions{border-left:1px solid #e5e7eb;border-left:1px solid var(--border-color,#e5e7eb);display:flex;gap:4px;padding:8px 12px}.briefing-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.briefing-action-btn:hover{background:#f3f4f6}.briefing-action-btn.view:hover{background:#dbeafe;color:#2563eb}.briefing-action-btn.archive:hover{background:#fef3c7;color:#d97706}.briefing-action-btn.delete:hover{background:#fee2e2;color:#dc2626}.briefings-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px}.pagination-info{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem}@media (max-width:768px){.briefings-page{padding:16px}.briefings-header{gap:16px}.briefing-card-main,.briefings-filters,.briefings-header{flex-direction:column}.briefing-card-main{align-items:flex-start;gap:8px}.briefing-card-left{min-width:auto}.briefing-card-right{flex-wrap:wrap}.briefing-card-actions{border-left:none;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);flex-direction:column}}.admin-dashboard{animation:fadeIn .5s cubic-bezier(.4,0,.2,1);margin:0 auto;max-width:1600px;padding:32px}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.admin-header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:32px;font-weight:700;margin:0 0 8px}.admin-header-title p{color:#fff9;font-size:15px;margin:0}.admin-header-actions{align-items:center;display:flex;gap:12px}.admin-header-actions select{background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .3s ease}.admin-header-actions select:hover{background:#ffffff26;border-color:#ffffff40}.admin-header-actions select option{background:#f0f1f5;color:#fff}.admin-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:32px}.admin-stat-card{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.admin-stat-card:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.admin-stat-card:hover:before{left:100%}.admin-stat-card:hover{border-color:#fff3;box-shadow:0 12px 32px #0003;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px}.stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.stat-icon.purple{background:linear-gradient(135deg,#a855f7,#9333ea)}.stat-icon.yellow{background:linear-gradient(135deg,#eab308,#ca8a04)}.stat-content{flex:1 1}.stat-content h3{color:#fff;font-size:28px;font-weight:700;margin:0 0 4px}.stat-content p{color:#fff9;font-size:14px;margin:0}.stat-badge{background:#22c55e33;border:1px solid #22c55e4d;border-radius:20px;color:#22c55e;font-size:12px;font-weight:600;padding:4px 10px;position:absolute;right:16px;top:16px}.admin-charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.admin-chart-card{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:24px;transition:all .3s ease}.admin-chart-card:hover{border-color:#ffffff26}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.chart-header span{color:#ffffff80;font-size:13px}.progress-list{gap:16px}.progress-item,.progress-list{display:flex;flex-direction:column}.progress-item{gap:8px}.progress-label{align-items:center;display:flex;justify-content:space-between}.progress-label span:first-child{color:#fffc;font-size:14px}.progress-label span:last-child{color:#fff;font-size:14px;font-weight:600}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{border-radius:4px;height:100%;transition:width .5s ease}.progress-fill.red{background:linear-gradient(90deg,#ef4444,#dc2626)}.progress-fill.orange{background:linear-gradient(90deg,#f97316,#ea580c)}.progress-fill.blue{background:linear-gradient(90deg,#3b82f6,#2563eb)}.progress-fill.gray{background:linear-gradient(90deg,#6b7280,#4b5563)}.progress-fill.green{background:linear-gradient(90deg,#22c55e,#16a34a)}.progress-fill.purple{background:linear-gradient(90deg,#a855f7,#9333ea)}.progress-fill.yellow{background:linear-gradient(90deg,#eab308,#ca8a04)}.progress-fill.teal{background:linear-gradient(90deg,#14b8a6,#0d9488)}.admin-funnel-card{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:32px;padding:24px}.admin-funnel-card h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 24px}.funnel-container{align-items:center;display:flex;gap:16px;justify-content:space-between}.funnel-step{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex:1 1;padding:20px;text-align:center;transition:all .3s ease}.funnel-step:hover{border-color:#fff3;transform:translateY(-4px)}.funnel-step.blue{background:#3b82f61a;border-color:#3b82f633}.funnel-step.purple{background:#a855f71a;border-color:#a855f733}.funnel-step.green{background:#22c55e1a;border-color:#22c55e33}.funnel-step.yellow{background:#eab3081a;border-color:#eab30833}.funnel-step-icon{font-size:32px;margin-bottom:12px}.funnel-step-value{color:#fff;font-size:28px;font-weight:700;margin:0 0 4px}.funnel-step-label{color:#fff9;font-size:14px;margin:0}.funnel-arrow{color:#ffffff4d;font-size:24px}.admin-actions-card{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:24px}.admin-actions-card h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(6,1fr)}.action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:20px;text-decoration:none;transition:all .3s ease}.action-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-4px)}.action-btn-icon{font-size:28px;margin-bottom:10px}.action-btn-label{color:#fffc;font-size:13px;font-weight:500}.admin-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.admin-loading .spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.admin-loading p{color:#fff9;font-size:15px}.admin-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:16px;color:#ef4444;gap:12px;padding:20px}.admin-error i{font-size:20px}@media (max-width:1200px){.admin-charts-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.admin-dashboard{padding:20px}.admin-header{align-items:flex-start;flex-direction:column;gap:16px}.admin-stats-grid{grid-template-columns:1fr}.funnel-container{flex-direction:column}.funnel-arrow{transform:rotate(90deg)}.actions-grid{grid-template-columns:repeat(2,1fr)}}.admin-users{margin:0 auto;max-width:1400px;padding:24px 32px}.toast-notification{border-radius:10px;box-shadow:0 4px 16px #0000001f;font-size:14px;font-weight:500;gap:10px;padding:14px 20px}.toast-notification.success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.toast-notification.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.toast-notification button{font-size:14px;margin-left:4px;opacity:.6;padding:2px 4px}.toast-notification button:hover{opacity:1}.admin-users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.admin-users-header h1{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0 0 4px}.admin-users-header p{color:#64748b;font-size:14px;margin:0}.btn-new-user{align-items:center;background:#4f46e5;background:var(--color-primary,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-new-user:hover{box-shadow:0 4px 12px #4f46e54d;opacity:.9}.users-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.users-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:14px;padding:18px;transition:box-shadow .2s}.users-stat-card:hover{box-shadow:0 2px 8px #0000000f}.users-stat-icon{align-items:center;border-radius:10px;display:flex;font-size:18px;height:44px;justify-content:center;width:44px}.users-stat-icon.blue{background:#eff6ff;color:#3b82f6}.users-stat-icon.green{background:#f0fdf4;color:#22c55e}.users-stat-icon.orange{background:#fff7ed;color:#f97316}.users-stat-icon.purple{background:#faf5ff;color:#a855f7}.users-stat-info h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 2px}.users-stat-info p{color:#64748b;font-size:13px;margin:0}.users-filters{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:16px}.filters-grid{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr auto}.filter-input-wrapper i{color:#94a3b8;font-size:14px;left:12px}.filter-input-wrapper input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;padding:10px 12px 10px 36px;transition:border-color .2s}.filter-input-wrapper input::placeholder{color:#94a3b8}.filter-input-wrapper input:focus{background:#fff;border-color:#4f46e5;border-color:var(--color-primary,#4f46e5)}.users-filters select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.users-filters select:focus{border-color:#4f46e5;border-color:var(--color-primary,#4f46e5);outline:none}.btn-clear-filters{background:#f8fafc;padding:10px 16px}.users-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#f8fafc}.users-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.users-table th:last-child{text-align:right}.users-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody tr:hover{background:#f8fafc}.users-table tbody tr.current-user{background:#eff6ff}.users-table td{padding:14px 16px;vertical-align:middle}.user-cell{gap:12px}.user-avatar,.user-cell{align-items:center;display:flex}.user-avatar{border-radius:10px;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.user-avatar.super-admin{background:#fef2f2;color:#ef4444}.user-avatar.admin{background:#fff7ed;color:#f97316}.user-avatar.gerente{background:#f0fdfa;color:#0d9488}.user-avatar.vendedor{background:#eff6ff;color:#3b82f6}.user-avatar.visualizador{background:#f3f4f6;color:#6b7280}.user-info-cell h4{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 2px}.user-info-cell p{color:#64748b;font-size:13px;margin:0}.user-org-name{color:#94a3b8;font-size:12px;margin:2px 0 0}.user-org-name i{font-size:11px;margin-right:4px}.badge-you{background:#eff6ff;border-radius:10px;color:#3b82f6;font-size:11px;font-weight:500;padding:2px 8px}.role-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:5px 10px}.role-badge.super-admin{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.role-badge.admin{background:#fff7ed;border:1px solid #fed7aa;color:#ea580c}.role-badge.gerente{background:#f0fdfa;border:1px solid #99f6e4;color:#0d9488}.role-badge.vendedor{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.role-badge.visualizador{background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.last-login{color:#1e293b;font-size:13px}.last-login span{color:#94a3b8;display:block;font-size:12px;margin-top:1px}.last-login.never{color:#94a3b8;font-style:italic}.actions-cell{gap:6px;justify-content:flex-end}.actions-cell,.btn-action{align-items:center;display:flex}.btn-action{border:none;border-radius:8px;cursor:pointer;font-size:14px;height:34px;justify-content:center;transition:all .2s;width:34px}.btn-action.edit{background:#eff6ff;color:#3b82f6}.btn-action.edit:hover{background:#dbeafe}.btn-action.delete{background:#fef2f2;color:#ef4444}.btn-action.delete:hover{background:#fee2e2}.btn-action:disabled{cursor:not-allowed;opacity:.3}.users-pagination{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:14px 16px}.users-pagination p{color:#64748b;font-size:13px;margin:0}.users-pagination p strong{color:#1e293b}.pagination-controls button{padding:7px 14px}.users-empty-state{padding:60px 24px;text-align:center}.empty-icon{background:#f1f5f9;color:#94a3b8;font-size:28px;height:72px;margin:0 auto 16px;width:72px}.users-empty-state h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 6px}.users-empty-state p{color:#64748b;font-size:14px;margin:0 0 20px}.users-loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px}.users-loading .spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top:3px solid var(--color-primary,#4f46e5);height:40px;width:40px}.users-loading p{color:#64748b;font-size:14px}.admin-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#991b1b;display:flex;font-size:14px;gap:10px;padding:16px 20px}.admin-users .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.admin-users .modal-content{animation:modalIn .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:500px;overflow:hidden;width:100%}.admin-users .modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px}.admin-users .modal-header h2{color:#1e293b;font-size:18px;font-weight:600;margin:0}.modal-close{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close:hover{background:#f1f5f9;color:#1e293b}.admin-users .modal-body{padding:24px}.admin-users .form-group{margin-bottom:18px}.admin-users .form-group label{align-items:center;color:#475569;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:6px}.admin-users .form-group label i{color:#94a3b8;font-size:13px}.admin-users .form-group label span{color:#94a3b8;font-size:12px;font-weight:400}.admin-users .form-group input,.admin-users .form-group select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.admin-users .form-group input::placeholder{color:#94a3b8}.admin-users .form-group input:focus,.admin-users .form-group select:focus{border-color:#4f46e5;border-color:var(--color-primary,#4f46e5);box-shadow:0 0 0 3px #4f46e514;outline:none}.org-search-wrapper{position:relative}.org-search-wrapper input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;padding:10px 36px 10px 14px;transition:border-color .2s;width:100%}.org-search-wrapper input:focus{border-color:#4f46e5;border-color:var(--color-primary,#4f46e5);box-shadow:0 0 0 3px #4f46e514;outline:none}.org-search-wrapper .org-search-icon{color:#94a3b8;font-size:13px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.org-search-wrapper .org-search-spinner{animation:spin .8s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top:2px solid var(--color-primary,#4f46e5);height:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px}.org-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:10}.org-dropdown-item{border-bottom:1px solid #f8fafc;cursor:pointer;padding:10px 14px;transition:background .15s}.org-dropdown-item:last-child{border-bottom:none}.org-dropdown-item:hover{background:#f8fafc}.org-dropdown-item .org-item-name{color:#1e293b;font-size:14px;font-weight:500}.org-dropdown-item .org-item-meta{color:#94a3b8;display:flex;font-size:12px;gap:12px;margin-top:2px}.org-dropdown-empty{color:#94a3b8;font-size:13px;padding:14px;text-align:center}.org-selected-card{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;display:flex;justify-content:space-between;margin-top:8px;padding:10px 14px}.org-selected-info .org-sel-name{color:#166534;font-size:14px;font-weight:500}.org-selected-info .org-sel-meta{color:#4ade80;font-size:12px;margin-top:1px}.org-selected-card .org-remove-btn{background:none;border:none;border-radius:4px;color:#dc2626;cursor:pointer;font-size:13px;padding:4px 8px;transition:background .2s}.org-selected-card .org-remove-btn:hover{background:#fee2e2}.admin-users .form-checkbox{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;padding:14px}.admin-users .form-checkbox input[type=checkbox]{accent-color:#4f46e5;accent-color:var(--color-primary,#4f46e5);border-radius:4px;cursor:pointer;height:18px;margin-top:2px;width:18px}.form-checkbox-label span{color:#1e293b;display:block;font-size:14px;margin-bottom:2px}.form-checkbox-label small{color:#94a3b8;font-size:12px}.modal-actions{gap:10px}.modal-actions button{border-radius:8px;padding:12px;transition:all .2s}.btn-save{background:#4f46e5;background:var(--color-primary,#4f46e5)}.btn-save:hover{opacity:.9}.btn-save:disabled{opacity:.5}.btn-cancel{background:#f8fafc;border:1px solid #e2e8f0!important;color:#475569}.btn-cancel:hover{background:#f1f5f9}.delete-modal-content{padding:32px;text-align:center}.delete-modal-icon{align-items:center;background:#fef2f2;border-radius:50%;color:#ef4444;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.delete-modal-content h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px}.delete-modal-content p{color:#64748b;font-size:14px;margin:0 0 20px}.delete-modal-content p strong{color:#1e293b}.delete-user-preview{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:14px;text-align:left}.delete-user-info h4{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 2px}.delete-user-info p{color:#64748b;font-size:13px;margin:0}.delete-modal-actions{display:flex;gap:10px}.delete-modal-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626}.btn-delete:disabled{cursor:not-allowed;opacity:.5}.btn-spinner{animation:spin .8s linear infinite}@media (max-width:1024px){.users-stats-grid{grid-template-columns:repeat(2,1fr)}.filters-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.admin-users{padding:16px}.admin-users-header{align-items:flex-start;flex-direction:column;gap:12px}.filters-grid,.users-stats-grid{grid-template-columns:1fr}.users-table-container{overflow-x:auto}.users-table{min-width:700px}.users-pagination{flex-direction:column;gap:12px}}.admin-templates{animation:fadeIn .3s ease;margin:0 auto;max-width:1600px;padding:32px}.admin-templates-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.admin-templates-header h1{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 8px}.admin-templates-header p{color:var(--text-secondary);font-size:14px;margin:0}.view-toggle{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;padding:4px}.view-toggle button{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;font-size:14px;padding:10px 16px;transition:all var(--transition-fast)}.view-toggle button.active{background-color:var(--primary);color:#fff}.view-toggle button:hover:not(.active){background-color:var(--bg-tertiary);color:var(--text-primary)}.templates-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-bottom:24px}.templates-stat-card{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:16px;padding:20px;transition:all var(--transition-base)}.templates-stat-card:hover{border-color:var(--primary)}.templates-stat-icon{align-items:center;border-radius:var(--radius-md);color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.templates-stat-icon.blue{background-color:var(--primary)}.templates-stat-icon.green{background-color:var(--success)}.templates-stat-icon.yellow{background-color:var(--warning)}.templates-stat-icon.purple{background-color:#8b5cf6}.templates-stat-info h3{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 4px}.templates-stat-info p{color:var(--text-tertiary);font-size:13px;margin:0}.tier-badges{display:flex;flex-wrap:wrap;gap:8px}.tier-mini-badge{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px}.tier-mini-badge.free{background-color:#10b98126;color:var(--success)}.tier-mini-badge.basic{background-color:#2563eb26;color:var(--primary)}.tier-mini-badge.premium{background-color:#8b5cf626;color:#8b5cf6}.tier-mini-badge.enterprise{background-color:#f59e0b26;color:var(--warning)}.templates-filters{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:24px;padding:20px}.templates-filters-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 1fr auto}.filter-input-wrapper{position:relative}.filter-input-wrapper i{color:var(--text-tertiary);left:14px;position:absolute;top:50%;transform:translateY(-50%)}.filter-input-wrapper input{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;padding:12px 12px 12px 40px;transition:all var(--transition-fast);width:100%}.filter-input-wrapper input::placeholder{color:var(--text-muted)}.filter-input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26;outline:none}.templates-filters select{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:14px;padding:12px 16px;transition:all var(--transition-fast);width:100%}.templates-filters select:focus{border-color:var(--primary);outline:none}.templates-filters select option{background-color:var(--bg-card);color:var(--text-primary)}.btn-clear-filters{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.btn-clear-filters:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.templates-results-count{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.templates-results-count strong{color:var(--text-primary)}.templates-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.template-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.template-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg)}.template-image-wrapper{height:180px;overflow:hidden;position:relative}.template-image-wrapper img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.template-card:hover .template-image-wrapper img{transform:scale(1.05)}.template-overlay{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--transition-fast)}.template-card:hover .template-overlay{opacity:1}.btn-preview{align-items:center;background-color:#fff;border:none;border-radius:var(--radius-md);color:var(--black-100);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all var(--transition-fast)}.btn-preview:hover{transform:scale(1.05)}.template-badges{display:flex;gap:8px;left:12px;position:absolute;top:12px}.tier-badge{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.tier-badge.free{background-color:var(--success);color:#fff}.tier-badge.basic{background-color:var(--primary);color:#fff}.tier-badge.premium{background-color:#8b5cf6;color:#fff}.tier-badge.enterprise{background-color:var(--warning);color:var(--black-100)}.featured-star{align-items:center;background-color:var(--warning);border-radius:50%;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:16px;height:36px;justify-content:center;position:absolute;right:12px;top:12px;width:36px}.inactive-badge{background-color:#000000b3;border-radius:20px;bottom:12px;color:#fff;font-size:12px;left:12px;padding:4px 12px;position:absolute}.template-content{padding:20px}.template-content h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;margin:0 0 12px;overflow:hidden}.template-meta{color:var(--text-tertiary);display:flex;font-size:13px;gap:16px;margin-bottom:16px}.template-meta span{align-items:center;display:flex;gap:6px}.template-actions{display:flex;gap:10px}.template-actions button{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px;transition:all var(--transition-fast)}.template-actions button:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.btn-toggle-active.active{background-color:#10b98126;border-color:var(--success);color:var(--success)}.btn-toggle-featured.featured{background-color:#f59e0b26;border-color:var(--warning);color:var(--warning)}.templates-table-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.templates-table{border-collapse:collapse;width:100%}.templates-table thead{background-color:var(--bg-secondary)}.templates-table th{border-bottom:1px solid var(--border-color);color:var(--text-tertiary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.templates-table th:last-child{text-align:right}.templates-table tbody tr{border-bottom:1px solid var(--border-color);transition:all var(--transition-fast)}.templates-table tbody tr:last-child{border-bottom:none}.templates-table tbody tr:hover{background-color:var(--bg-secondary)}.templates-table td{padding:16px 20px;vertical-align:middle}.template-cell{align-items:center;display:flex;gap:14px}.template-cell img{border-radius:var(--radius-sm);height:48px;object-fit:cover;width:64px}.template-cell-info h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.template-cell-info p{color:var(--text-secondary);font-size:13px;margin:0;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-cell{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:8px}.usage-count{color:var(--text-primary);font-size:14px;font-weight:600}.status-cell{align-items:center;display:flex;gap:8px}.status-dot{height:8px;width:8px}.status-dot.active{background-color:var(--success)}.status-dot.inactive{background-color:var(--text-muted)}.status-text{color:var(--text-secondary);font-size:14px}.status-star{color:var(--warning);font-size:12px}.table-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end}.btn-table-action{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.btn-table-action:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.btn-table-action.active{color:var(--success)}.btn-table-action.featured{color:var(--warning)}.templates-empty-state{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:60px 24px;text-align:center}.empty-icon{background-color:var(--bg-tertiary);color:var(--text-tertiary)}.templates-empty-state h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.templates-empty-state p{color:var(--text-secondary);font-size:14px;margin:0}.templates-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.templates-loading .spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary);height:48px;width:48px}.templates-loading p{color:var(--text-secondary);font-size:15px}.preview-modal{animation:scaleIn .2s ease;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);max-width:640px;overflow:hidden;width:100%}.preview-image-container{height:280px;position:relative}.preview-image-container img{height:100%;object-fit:cover;width:100%}.btn-close-preview{align-items:center;background-color:#fff;border:none;border-radius:50%;color:var(--black-100);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all var(--transition-fast);width:40px}.btn-close-preview:hover{transform:scale(1.1)}.preview-featured-badge{align-items:center;background-color:var(--warning);border-radius:20px;color:var(--black-100);display:flex;font-size:13px;font-weight:600;gap:6px;left:16px;padding:8px 16px;position:absolute;top:16px}.preview-content{padding:24px}.preview-header{margin-bottom:20px}.preview-header h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 12px}.preview-badges{display:flex;gap:10px}.preview-description{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:24px}.preview-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.preview-info-item{background-color:var(--bg-secondary);border-radius:var(--radius-md);padding:16px}.preview-info-item label{color:var(--text-tertiary);display:block;font-size:13px;margin-bottom:6px}.preview-info-item span{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:500;gap:8px}.preview-actions{display:flex;gap:12px}.preview-actions button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all var(--transition-fast)}.btn-activate{background-color:var(--success);color:#fff}.btn-deactivate{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-feature{background-color:var(--warning);color:var(--black-100)}.btn-unfeature{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.preview-actions button:hover{opacity:.9}.status-badge{border-radius:20px;font-size:13px;font-weight:500;padding:6px 12px}.status-badge.active{background-color:#10b98126;color:var(--success)}.status-badge.inactive{background-color:var(--bg-tertiary);color:var(--text-secondary)}@media (max-width:1200px){.templates-filters-grid,.templates-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.admin-templates{padding:20px}.admin-templates-header{align-items:flex-start;flex-direction:column;gap:16px}.templates-stats-grid{grid-template-columns:1fr 1fr}.templates-filters-grid,.templates-grid{grid-template-columns:1fr}.templates-table-container{overflow-x:auto}.templates-table{min-width:800px}.preview-info-grid{grid-template-columns:1fr}}@media (max-width:480px){.templates-stats-grid{grid-template-columns:1fr}}.admin-audit{animation:fadeIn .5s cubic-bezier(.4,0,.2,1);margin:0 auto;max-width:1600px;padding:32px}.admin-audit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.admin-audit-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;color:#000;font-size:32px;font-weight:700;margin:0 0 8px}.admin-audit-header p{color:#0009;font-size:15px;margin:0}.header-actions{display:flex;gap:12px}.export-dropdown{position:relative}.btn-export{align-items:center;background:#000;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-export:hover{background:#ffffff1a;border-color:#000;color:#000}.btn-export:disabled{cursor:not-allowed;opacity:.6}.export-menu{background:#f0f1f5;border:1px solid #ffffff1a;border-radius:12px;margin-top:8px;min-width:180px;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:100}.export-dropdown:hover .export-menu{opacity:1;transform:translateY(0);visibility:visible}.export-menu button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.export-menu button:hover{background:hsla(0,0%,100%,.281);color:#f3f3f3}.export-menu button i.fa-file-csv{color:#22c55e}.export-menu button i.fa-file-code{color:#3b82f6}.audit-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.audit-stat-card{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:16px;padding:20px}.audit-stat-icon{align-items:center;border-radius:12px;color:#000;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.audit-stat-icon.blue{background:#3b82f633;color:#3b82f6}.audit-stat-icon.green{background:#22c55e33;color:#22c55e}.audit-stat-icon.yellow{background:#eab30833;color:#eab308}.audit-stat-icon.red{background:#ef444433;color:#ef4444}.audit-stat-info h3{color:#000;font-size:24px;font-weight:700;margin:0 0 4px}.audit-stat-info p{color:#00000080;font-size:13px;margin:0}.audit-filters{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:24px;padding:20px}.audit-filters-grid{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr 1fr 1fr auto}.audit-filters input[type=date],.audit-filters select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#000;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.audit-filters input[type=date]:focus,.audit-filters select:focus{border-color:#3b82f680;outline:none}.audit-filters select option{background:#f0f1f5;color:#000}.audit-filters input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.5}.btn-clear-filters{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#000000b3;font-size:14px;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.btn-clear-filters:hover{background:#ffffff1a;color:#000}.filter-info{align-items:center;color:#00000080;display:flex;font-size:13px;gap:8px}.filter-info .fa-spinner{animation:spin 1s linear infinite}.audit-timeline-container{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden}.audit-empty-state{padding:60px 24px;text-align:center}.empty-icon{color:#0000004d}.audit-empty-state h3{color:#000;font-size:18px;font-weight:600;margin:0 0 8px}.audit-empty-state p{color:#00000080;font-size:14px;margin:0}.audit-timeline-list{list-style:none;margin:0;padding:0}.audit-timeline-item{border-bottom:1px solid #ffffff0d;transition:all .2s ease}.audit-timeline-item:last-child{border-bottom:none}.audit-timeline-item:hover{background:#ffffff05}.audit-timeline-item.expanded{background:#ffffff08}.timeline-item-main{align-items:center;cursor:pointer;display:flex;gap:16px;padding:16px 20px}.timeline-icon-wrapper{align-items:center;display:flex;flex-direction:column}.timeline-icon{align-items:center;border-radius:50%;display:flex;font-size:16px;height:44px;justify-content:center;width:44px}.timeline-icon.create{background:#22c55e33;color:#22c55e}.timeline-icon.update{background:#3b82f633;color:#3b82f6}.timeline-icon.delete{background:#ef444433;color:#ef4444}.timeline-icon.login{background:#a855f733;color:#a855f7}.timeline-icon.logout{background:#6b728033;color:#6b7280}.timeline-icon.publish{background:#eab30833;color:#eab308}.timeline-icon.unpublish{background:#f9731633;color:#f97316}.timeline-icon.activate{background:#22c55e33;color:#22c55e}.timeline-icon.deactivate{background:#6b728033;color:#6b7280}.timeline-icon.view{background:#06b6d433;color:#06b6d4}.timeline-icon.export{background:#6366f133;color:#6366f1}.timeline-connector{background:#ffffff1a;height:32px;margin-bottom:-32px;margin-top:8px;width:2px}.timeline-content{flex:1 1;min-width:0}.timeline-content-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}.action-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 10px}.action-badge.create{background:#22c55e26;color:#22c55e}.action-badge.update{background:#3b82f626;color:#3b82f6}.action-badge.delete{background:#ef444426;color:#ef4444}.action-badge.login{background:#a855f726;color:#a855f7}.action-badge.logout{background:#6b728026;color:#6b7280}.action-badge.publish{background:#eab30826;color:#eab308}.action-badge.unpublish{background:#f9731626;color:#f97316}.action-badge.activate{background:#22c55e26;color:#22c55e}.action-badge.deactivate{background:#6b728026;color:#6b7280}.action-badge.view{background:#06b6d426;color:#06b6d4}.action-badge.export{background:#6366f126;color:#6366f1}.entity-info{align-items:center;color:#00000080;display:flex;font-size:14px;gap:6px}.entity-name{color:#000;font-weight:500;max-width:200px}.entity-name,.timeline-description{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-description{color:#0009}.timeline-user{flex-shrink:0;text-align:right}.timeline-user-name{color:#000;font-size:14px;font-weight:500;margin:0 0 2px}.timeline-user-role{color:#0006;font-size:12px;margin:0}.timeline-time{flex-shrink:0;min-width:100px;text-align:right}.time-relative{color:#000000b3;font-size:14px;margin:0 0 2px}.time-absolute{color:#0006;font-size:12px;margin:0}.expand-icon{color:#0006;flex-shrink:0;transition:transform .3s ease}.audit-timeline-item.expanded .expand-icon{transform:rotate(180deg)}.timeline-expanded-details{padding:0 20px 20px 76px}.expanded-content{background:#ffffff08;border-radius:12px;padding:20px}.expanded-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.expanded-item{display:flex;flex-direction:column;gap:6px}.expanded-item label{color:#00000080;font-size:12px}.expanded-item span{color:#000;font-family:Monaco,Menlo,monospace;font-size:14px}.expanded-metadata{margin-top:16px}.expanded-metadata label{color:#00000080;display:block;font-size:12px;margin-bottom:8px}.expanded-metadata pre{background:#0d0d1a;border:1px solid #ffffff1a;border-radius:8px;color:#a5f3fc;font-family:Monaco,Menlo,monospace;font-size:12px;margin:0;overflow-x:auto;padding:16px}.audit-pagination{align-items:center;background:#ffffff05;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:16px 20px}.audit-pagination p{color:#0009;font-size:14px;margin:0}.audit-pagination p strong{color:#000}.pagination-controls{gap:8px}.pagination-controls button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#000000b3;padding:8px 12px;transition:all .3s ease}.pagination-controls button:hover:not(:disabled){background:#ffffff1a;color:#000}.pagination-controls button.icon-only{padding:8px 10px}.pagination-controls span{color:#0009;font-size:14px;padding:0 8px}.pagination-controls span strong{color:#000}.audit-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.audit-loading .spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.audit-loading p{color:#0009;font-size:15px}@media (max-width:1200px){.audit-filters-grid{grid-template-columns:repeat(3,1fr)}.expanded-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-audit{padding:20px}.admin-audit-header{align-items:flex-start;flex-direction:column;gap:16px}.audit-stats-grid{grid-template-columns:repeat(2,1fr)}.audit-filters-grid{grid-template-columns:1fr}.timeline-item-main{flex-wrap:wrap}.timeline-time,.timeline-user{text-align:left}.timeline-expanded-details{padding-left:20px}.expanded-grid{grid-template-columns:1fr}.audit-pagination{flex-direction:column;gap:16px}}.admin-integrations{animation:fadeIn .5s cubic-bezier(.4,0,.2,1);margin:0 auto;max-width:1600px;padding:32px}.toast-notification.error,.toast-notification.success{color:#fff}.admin-integrations-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.admin-integrations-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:32px;font-weight:700;margin:0 0 8px}.admin-integrations-header p{color:#fff9;font-size:15px;margin:0}.btn-refresh{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-refresh:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.integrations-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.integration-card{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.integration-card:hover{border-color:#fff3;box-shadow:0 12px 32px #0003;transform:translateY(-4px)}.integration-card-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:16px;padding:20px}.integration-icon{align-items:center;border-radius:14px;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.integration-icon.ai{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.integration-icon.messaging{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.integration-icon.storage{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.integration-icon.payment{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.integration-icon.analytics{background:linear-gradient(135deg,#eab308,#ca8a04);color:#fff}.integration-icon.email{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.integration-icon.webhook{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.integration-info{flex:1 1}.integration-info h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.integration-type-badge{background:#ffffff1a;border-radius:20px;color:#ffffffb3;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.integration-status{align-items:center;display:flex;gap:8px}.status-indicator{border-radius:50%;height:12px;position:relative;width:12px}.status-indicator.online{background:#22c55e;box-shadow:0 0 12px #22c55e80}.status-indicator.online:before{animation:pulse 2s ease-out infinite;border:2px solid #22c55e4d;border-radius:50%;content:"";inset:-4px;position:absolute}.status-indicator.offline{background:#6b7280}.status-indicator.error{background:#ef4444;box-shadow:0 0 12px #ef444480}.status-indicator.rate-limited{background:#eab308;box-shadow:0 0 12px #eab30880}.status-indicator.unknown{background:#6b7280}.status-text{font-size:13px;font-weight:500}.status-text.online{color:#22c55e}.status-text.offline{color:#6b7280}.status-text.error{color:#ef4444}.status-text.rate-limited{color:#eab308}.status-text.unknown{color:#6b7280}.integration-card-body{padding:20px}.integration-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.integration-stat{background:#ffffff08;border-radius:10px;padding:12px;text-align:center}.integration-stat-value{color:#fff;font-size:18px;font-weight:700;margin:0 0 4px}.integration-stat-label{color:#ffffff80;font-size:11px;margin:0;text-transform:uppercase}.api-key-display{align-items:center;background:#0003;border:1px solid #ffffff1a;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.api-key-display code{color:#ffffffb3;font-family:Monaco,Menlo,monospace;font-size:13px}.api-key-display.not-configured code{color:#fff6;font-style:italic}.btn-edit-key{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;transition:all .3s ease}.btn-edit-key:hover{background:#3b82f633}.quota-section{margin-bottom:16px}.quota-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.quota-header span{color:#fff9;font-size:13px}.quota-header strong{color:#fff;font-size:13px}.quota-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:100%}.quota-fill{border-radius:4px;height:100%;transition:width .5s ease}.quota-fill.low{background:linear-gradient(90deg,#22c55e,#16a34a)}.quota-fill.medium{background:linear-gradient(90deg,#eab308,#ca8a04)}.quota-fill.high{background:linear-gradient(90deg,#ef4444,#dc2626)}.last-checked{align-items:center;color:#fff6;display:flex;font-size:12px;gap:6px;margin-bottom:16px}.integration-actions{display:flex;gap:10px}.integration-actions button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .3s ease}.btn-test{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.btn-test:hover{background:#22c55e33}.btn-test:disabled{cursor:not-allowed;opacity:.6}.btn-toggle-active{background:#ffffff0d;border:1px solid #ffffff1a;color:#ffffffb3}.btn-toggle-active.active{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.btn-toggle-active:hover{background:#ffffff1a}.integrations-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.integrations-loading .spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.integrations-loading p{color:#fff9;font-size:15px}.integrations-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:16px;color:#ef4444;display:flex;gap:12px;padding:20px}.modal-content{max-width:480px;overflow:hidden}.modal-header{border-bottom:1px solid #ffffff1a}.modal-header h2{color:#fff}.modal-close{color:#ffffff80}.modal-close:hover{color:#fff}.modal-body p{color:#fff9;font-size:14px;margin:0 0 20px}.form-group label{color:#fffc}.form-group label i{color:#fff6}.form-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input::placeholder{color:#fff6}.form-group input:focus{background:#ffffff14;border-color:#3b82f680;outline:none}.modal-warning{background:#eab3081a;border:1px solid #eab3084d;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.modal-warning i{color:#eab308;flex-shrink:0;font-size:18px}.modal-warning p{color:#ffffffb3;font-size:13px;line-height:1.5;margin:0}.btn-save{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-save:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-cancel{background:#ffffff0d;color:#ffffffb3}.btn-cancel:hover{background:#ffffff1a}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff}@media (max-width:768px){.admin-integrations{padding:20px}.admin-integrations-header{align-items:flex-start;flex-direction:column;gap:16px}.integration-stats,.integrations-grid{grid-template-columns:1fr}}.admin-backup{animation:fadeIn .5s cubic-bezier(.4,0,.2,1);margin:0 auto;max-width:1600px;padding:32px}.toast-notification{align-items:center;animation:slideIn .3s ease;border-radius:12px;box-shadow:0 8px 24px #0000004d;display:flex;gap:12px;padding:16px 24px;position:fixed;right:24px;top:24px;z-index:1000}.toast-notification.success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#000}.toast-notification.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#000}.toast-notification button{background:none;border:none;color:inherit;cursor:pointer;margin-left:8px;opacity:.8;padding:4px}.admin-backup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.admin-backup-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;color:#000;font-size:32px;font-weight:700;margin:0 0 8px}.admin-backup-header p{color:#4449;font-size:15px;margin:0}.btn-new-backup{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-new-backup:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.backup-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.backup-stat-card{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#ffffff0d;border:1px solid #3838381a;border-radius:16px;display:flex;gap:16px;padding:20px}.backup-stat-icon{align-items:center;border-radius:12px;color:#000;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.backup-stat-icon.blue{background:#3b82f633;color:#3b82f6}.backup-stat-icon.green{background:#22c55e33;color:#22c55e}.backup-stat-icon.purple{background:#a855f733;color:#a855f7}.backup-stat-icon.orange{background:#f9731633;color:#f97316}.backup-stat-info h3{color:#000;font-size:24px;font-weight:700;margin:0 0 4px}.backup-stat-info p{color:#42424280;font-size:13px;margin:0}.backup-list-container{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#ffffff0d;border:1px solid #4242421a;border-radius:20px;overflow:hidden}.backup-list-header{align-items:center;border-bottom:1px solid #2222220d;display:flex;justify-content:space-between;padding:20px 24px}.backup-list-header h2{align-items:center;color:#000;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.backup-count-badge{background:#3b82f626;border-radius:20px;color:#3b82f6;font-size:13px;font-weight:500;padding:4px 12px}.backup-list{list-style:none;margin:0;padding:0}.backup-item{align-items:center;border-bottom:1px solid #3f3f3f0d;display:flex;gap:20px;padding:20px 24px;transition:all .2s ease}.backup-item:last-child{border-bottom:none}.backup-item:hover{background:#ffffff08}.backup-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-size:22px;height:52px;justify-content:center;width:52px}.backup-icon.full{background:#3b82f633;color:#3b82f6}.backup-icon.templates{background:#a855f733;color:#a855f7}.backup-icon.config{background:#22c55e33;color:#22c55e}.backup-icon.landing-pages{background:#f9731633;color:#f97316}.backup-info{flex:1 1;min-width:0}.backup-info h3{align-items:center;color:#000;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 6px}.backup-type-badge{border-radius:20px;font-size:11px;font-weight:600;padding:3px 10px;text-transform:uppercase}.backup-type-badge.full{background:#3b82f626;color:#3b82f6}.backup-type-badge.templates{background:#a855f726;color:#a855f7}.backup-type-badge.config{background:#22c55e26;color:#22c55e}.backup-type-badge.landing-pages{background:#f9731626;color:#f97316}.backup-description{color:#ffffff80;font-size:14px;margin:0 0 8px}.backup-meta{color:#fff6;display:flex;font-size:13px;gap:20px}.backup-meta span{align-items:center;display:flex;gap:6px}.backup-status-wrapper{flex-shrink:0;text-align:center}.backup-status{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px}.backup-status.completed{background:#22c55e26;color:#22c55e}.backup-status.pending{background:#eab30826;color:#eab308}.backup-status.in-progress{background:#3b82f626;color:#3b82f6}.backup-status.failed{background:#ef444426;color:#ef4444}.backup-status .fa-spinner{animation:spin 1s linear infinite}.backup-actions{display:flex;flex-shrink:0;gap:8px}.backup-actions button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:15px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.btn-download{background:#3b82f61a;color:#3b82f6}.btn-download:hover{background:#3b82f633}.btn-restore{background:#22c55e1a;color:#22c55e}.btn-restore:hover{background:#22c55e33}.btn-delete{background:#ef44441a;color:#ef4444}.btn-delete:hover{background:#ef444433}.backup-actions button:disabled{cursor:not-allowed;opacity:.4}.backup-empty-state{padding:60px 24px;text-align:center}.empty-icon{align-items:center;background:#ffffff0d;border-radius:50%;color:#3030304d;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.backup-empty-state h3{color:#000;font-size:18px;font-weight:600;margin:0 0 8px}.backup-empty-state p{color:#ffffff80;font-size:14px;margin:0 0 20px}.backup-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.backup-loading .spinner{animation:spin 1s linear infinite;border:3px solid #3b3b3b1a;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.backup-loading p{color:#fff9;font-size:15px}.backup-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:16px;color:#ef4444;gap:12px}.backup-error,.modal-overlay{align-items:center;display:flex;padding:20px}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#f0f1f5;border:1px solid #ffffff1a;border-radius:24px;max-width:621px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #3333331a;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#000;font-size:20px;font-weight:600;margin:0}.modal-close{background:#ffffff0d;border:none;border-radius:10px;color:#00000080;cursor:pointer;height:36px;transition:all .3s ease;width:36px}.modal-close:hover{background:#ffffff1a;color:#000}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{align-items:center;color:#2c2c2ccc;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:8px}.form-group label i{color:#30303066}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #0006;border-radius:12px;color:#000;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group textarea{min-height:80px;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:#6669}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff14;border-color:#3b82f680;outline:none}.form-group select option{background:#f0f1f5;color:#000}.backup-type-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.backup-type-card{background:#ffffff08;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:16px;text-align:center;transition:all .3s ease}.backup-type-card:hover{background:#ffffff0d;border-color:#4443}.backup-type-card.selected{background:#3b82f61a;border-color:#3b82f6}.backup-type-card i{color:#4b4b4b99;display:block;font-size:24px;margin-bottom:8px}.backup-type-card.selected i{color:#3b82f6}.backup-type-card span{color:#202020cc;font-size:13px;font-weight:500}.modal-actions{display:flex;gap:12px;padding-top:8px}.modal-actions button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .3s ease}.btn-create{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#000}.btn-create:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.btn-create:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-cancel{background:#e02f2f;color:hsla(0,0%,100%,.849)}.btn-cancel:hover{background:#ff00001a;color:#fff}.restore-modal-content{padding:32px;text-align:center}.restore-modal-icon{align-items:center;background:#eab3081a;border-radius:50%;color:#eab308;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.restore-modal-content h3{color:#000;font-size:20px;font-weight:600;margin:0 0 12px}.restore-modal-content>p{color:#38383899;font-size:15px;margin:0 0 24px}.restore-backup-preview{align-items:center;background:#ffffff08;border-radius:12px;display:flex;gap:14px;margin-bottom:24px;padding:16px;text-align:left}.restore-backup-info h4{color:#000;font-size:15px;font-weight:600;margin:0 0 4px}.restore-backup-info p{color:#22222280;font-size:13px;margin:0}.restore-warning{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px;text-align:left}.restore-warning i{color:#ef4444;flex-shrink:0;font-size:18px}.restore-warning p{color:#383838b3;font-size:13px;line-height:1.5;margin:0}.restore-modal-actions{display:flex;gap:12px}.restore-modal-actions button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .3s ease}.btn-restore-confirm{background:linear-gradient(135deg,#22c55e,#16a34a);color:#000}.btn-restore-confirm:hover{box-shadow:0 8px 20px #22c55e66;transform:translateY(-2px)}.btn-restore-confirm:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #2424244d;border-radius:50%;border-top-color:#000;height:16px;width:16px}@media (max-width:1024px){.backup-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-backup{padding:20px}.admin-backup-header{align-items:flex-start;flex-direction:column;gap:16px}.backup-stats-grid{grid-template-columns:1fr}.backup-item{flex-wrap:wrap}.backup-info{order:1;width:100%}.backup-icon{order:0}.backup-status-wrapper{order:2;text-align:left;width:auto}.backup-actions{margin-left:auto;order:3}.backup-type-cards{grid-template-columns:1fr}}.admin-agencies{margin:0 auto;max-width:1400px;padding:24px 32px}.admin-agencies .toast-notification{align-items:center;animation:slideIn .3s ease;border-radius:10px;box-shadow:0 4px 16px #0000001f;display:flex;font-size:14px;font-weight:500;gap:10px;padding:14px 20px;position:fixed;right:24px;top:24px;z-index:1000}.admin-agencies .toast-notification.success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.admin-agencies .toast-notification.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.admin-agencies .toast-notification button{background:none;border:none;color:inherit;cursor:pointer;font-size:14px;margin-left:4px;opacity:.6;padding:2px 4px}.admin-agencies .toast-notification button:hover{opacity:1}.admin-agencies-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.admin-agencies-header h1{align-items:center;color:#1e293b;display:flex;font-size:1.75rem;font-weight:700;gap:12px;margin:0 0 4px}.admin-agencies-header h1 i{color:#4f46e5;color:var(--color-primary,#4f46e5)}.admin-agencies-header p{color:#64748b;font-size:14px;margin:0}.btn-new-agency{align-items:center;background:#4f46e5;background:var(--color-primary,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-new-agency:hover{box-shadow:0 4px 12px #4f46e54d;opacity:.9}.agencies-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.agencies-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:14px;padding:18px;transition:box-shadow .2s}.agencies-stat-card:hover{box-shadow:0 2px 8px #0000000f}.agencies-stat-icon{align-items:center;border-radius:10px;display:flex;font-size:18px;height:44px;justify-content:center;width:44px}.agencies-stat-icon.blue{background:#eff6ff;color:#3b82f6}.agencies-stat-icon.green{background:#f0fdf4;color:#22c55e}.agencies-stat-icon.orange{background:#fff7ed;color:#f97316}.agencies-stat-icon.purple{background:#faf5ff;color:#a855f7}.agencies-stat-info h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 2px}.agencies-stat-info p{color:#64748b;font-size:13px;margin:0}.agencies-filters{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:16px}.agencies-filters .filters-grid{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:2fr 1fr auto}.agencies-filters .filter-input-wrapper{position:relative}.agencies-filters .filter-input-wrapper i{color:#94a3b8;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.agencies-filters .filter-input-wrapper input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;padding:10px 12px 10px 36px;transition:border-color .2s;width:100%}.agencies-filters .filter-input-wrapper input::placeholder{color:#94a3b8}.agencies-filters .filter-input-wrapper input:focus{background:#fff;border-color:#4f46e5;border-color:var(--color-primary,#4f46e5);outline:none}.agencies-filters select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.agencies-filters select:focus{border-color:#4f46e5;border-color:var(--color-primary,#4f46e5);outline:none}.agencies-filters .btn-clear-filters{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.agencies-filters .btn-clear-filters:hover{background:#f1f5f9;color:#1e293b}.agencies-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.agencies-table{border-collapse:collapse;width:100%}.agencies-table thead{background:#f8fafc}.agencies-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.agencies-table th:last-child{text-align:right}.agencies-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.agencies-table tbody tr:last-child{border-bottom:none}.agencies-table tbody tr:hover{background:#f8fafc}.agencies-table td{padding:14px 16px;vertical-align:middle}.agency-cell{gap:12px}.agency-cell,.agency-logo{align-items:center;display:flex}.agency-logo{border-radius:10px;color:#fff;flex-shrink:0;font-size:18px;height:44px;justify-content:center;overflow:hidden;width:44px}.agency-logo img{height:100%;object-fit:cover;width:100%}.agency-info-cell h4{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 2px}.agency-info-cell .agency-app-name{color:#94a3b8;font-size:12px;margin:0}.agency-slug{align-items:center;background:#f8fafc;border-radius:6px;color:#64748b;display:inline-flex;font-family:monospace;font-size:12px;gap:6px;padding:5px 10px}.agency-slug i{color:#94a3b8}.agency-count{align-items:center;background:#eff6ff;border-radius:6px;color:#3b82f6;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:5px 10px}.agency-count i{font-size:12px}.agency-users-btn{align-items:center;background:#faf5ff;border:1px solid #e9d5ff;border-radius:6px;color:#a855f7;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:5px 10px;transition:all .2s}.agency-users-btn:hover{background:#f3e8ff;border-color:#d8b4fe}.agency-users-btn i{font-size:12px}.admin-agencies .actions-cell{align-items:center;display:flex;gap:6px;justify-content:flex-end}.admin-agencies .btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:34px;justify-content:center;transition:all .2s;width:34px}.admin-agencies .btn-action.add-admin{background:#f0fdf4;color:#22c55e}.admin-agencies .btn-action.add-admin:hover{background:#dcfce7}.admin-agencies .btn-action.edit{background:#eff6ff;color:#3b82f6}.admin-agencies .btn-action.edit:hover{background:#dbeafe}.admin-agencies .btn-action.delete{background:#fef2f2;color:#ef4444}.admin-agencies .btn-action.delete:hover{background:#fee2e2}.agencies-pagination{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:14px 16px}.agencies-pagination p{color:#64748b;font-size:13px;margin:0}.agencies-pagination p strong{color:#1e293b}.agencies-pagination .pagination-controls{align-items:center;display:flex;gap:10px}.agencies-pagination .pagination-controls button{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:7px 14px;transition:all .2s}.agencies-pagination .pagination-controls button:hover:not(:disabled){background:#f1f5f9;color:#1e293b}.agencies-pagination .pagination-controls button:disabled{cursor:not-allowed;opacity:.4}.agencies-pagination .pagination-controls span{color:#64748b;font-size:13px}.agencies-pagination .pagination-controls span strong{color:#1e293b}.agencies-empty-state{padding:60px 24px;text-align:center}.agencies-empty-state .empty-icon{align-items:center;background:#f1f5f9;border-radius:50%;color:#94a3b8;display:flex;font-size:28px;height:72px;justify-content:center;margin:0 auto 16px;width:72px}.agencies-empty-state h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 6px}.agencies-empty-state p{color:#64748b;font-size:14px;margin:0 0 20px}.agencies-loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px}.agencies-loading .spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top:3px solid var(--color-primary,#4f46e5);height:40px;width:40px}.agencies-loading p{color:#64748b;font-size:14px}.admin-agencies .admin-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#991b1b;display:flex;font-size:14px;gap:10px;padding:16px 20px}.admin-agencies .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.admin-agencies .modal-content{animation:modalIn .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:500px;overflow:hidden;width:100%}.admin-agencies .modal-content.modal-large{max-width:600px}.admin-agencies .modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px}.admin-agencies .modal-header h2{color:#1e293b;font-size:18px;font-weight:600;margin:0}.admin-agencies .modal-close{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.admin-agencies .modal-close:hover{background:#f1f5f9;color:#1e293b}.admin-agencies .modal-body{max-height:calc(100vh - 200px);overflow-y:auto;padding:24px}.admin-agencies .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.admin-agencies .form-group{margin-bottom:18px}.admin-agencies .form-group label{align-items:center;color:#475569;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:6px}.admin-agencies .form-group label i{color:#94a3b8;font-size:13px}.admin-agencies .form-group input,.admin-agencies .form-group select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.admin-agencies .form-group input::placeholder{color:#94a3b8}.admin-agencies .form-group input:focus,.admin-agencies .form-group select:focus{border-color:#4f46e5;border-color:var(--color-primary,#4f46e5);box-shadow:0 0 0 3px #4f46e514;outline:none}.slug-input-wrapper{align-items:center;display:flex}.slug-input-wrapper input{border-radius:8px 0 0 8px!important;flex:1 1}.slug-input-wrapper .slug-suffix{background:#f8fafc;border:1px solid #e2e8f0;border-left:none;border-radius:0 8px 8px 0;color:#64748b;font-size:13px;padding:10px 14px;white-space:nowrap}.color-input-wrapper{align-items:center;display:flex;gap:8px}.color-input-wrapper input[type=color]{border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;height:38px;padding:2px;width:44px}.color-input-wrapper input[type=text]{flex:1 1}.agency-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:20px 0;padding:16px}.agency-preview h4{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.preview-content{background:#fff;border:2px solid;border-radius:10px;overflow:hidden}.preview-header{align-items:center;color:#fff;display:flex;gap:12px;padding:16px}.preview-header i{font-size:20px}.preview-header span{font-size:16px;font-weight:600}.preview-logo{border-radius:6px;height:32px;object-fit:cover;width:32px}.preview-url{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px;margin:0;padding:12px 16px}.preview-url i{color:#94a3b8}.admin-agencies .form-checkbox{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;padding:14px}.admin-agencies .form-checkbox input[type=checkbox]{accent-color:#4f46e5;accent-color:var(--color-primary,#4f46e5);border-radius:4px;cursor:pointer;height:18px;margin-top:2px;width:18px}.admin-agencies .form-checkbox-label span{color:#1e293b;display:block;font-size:14px;margin-bottom:2px}.admin-agencies .form-checkbox-label small{color:#94a3b8;font-size:12px}.admin-agencies .modal-actions{display:flex;gap:10px;padding-top:8px}.admin-agencies .modal-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s}.admin-agencies .btn-save{background:#4f46e5;background:var(--color-primary,#4f46e5);color:#fff}.admin-agencies .btn-save:hover{opacity:.9}.admin-agencies .btn-save:disabled{cursor:not-allowed;opacity:.5}.admin-agencies .btn-cancel{background:#f8fafc;border:1px solid #e2e8f0!important;color:#475569}.admin-agencies .btn-cancel:hover{background:#f1f5f9}.admin-agencies .delete-modal-content{padding:32px;text-align:center}.admin-agencies .delete-modal-icon{align-items:center;background:#fff7ed;border-radius:50%;color:#f97316;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.admin-agencies .delete-modal-content h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px}.admin-agencies .delete-modal-content p{color:#64748b;font-size:14px;margin:0 0 20px}.admin-agencies .delete-modal-content p strong{color:#1e293b}.delete-agency-preview{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:14px;text-align:left}.delete-agency-info h4{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 2px}.delete-agency-info p{color:#64748b;font-size:13px;margin:0}.admin-agencies .delete-modal-actions{display:flex;gap:10px}.admin-agencies .delete-modal-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s}.admin-agencies .btn-delete{background:#f97316;color:#fff}.admin-agencies .btn-delete:hover{background:#ea580c}.admin-agencies .btn-delete:disabled{cursor:not-allowed;opacity:.5}.admin-agencies .btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.users-empty{padding:32px;text-align:center}.users-empty i{color:#cbd5e1;font-size:40px;margin-bottom:12px}.users-empty p{color:#64748b;margin:0 0 16px}.users-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.user-card{background:#f8fafc;border:1px solid #e2e8f0;gap:12px;padding:12px 14px}.user-card,.user-card .user-avatar{align-items:center;border-radius:10px;display:flex}.user-card .user-avatar{background:#4f46e5;background:var(--color-primary,#4f46e5);color:#fff;font-size:16px;height:40px;justify-content:center;width:40px}.user-card .user-details{flex:1 1}.user-card .user-details h4{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 2px}.user-card .user-details p{color:#64748b;font-size:12px;margin:0}.user-card .user-status{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px}.user-card .user-status.active{background:#dcfce7;color:#166534}.user-card .user-status.inactive{background:#fee2e2;color:#991b1b}@media (max-width:1024px){.agencies-stats-grid{grid-template-columns:repeat(2,1fr)}.agencies-filters .filters-grid{grid-template-columns:1fr 1fr}.admin-agencies .form-row{grid-template-columns:1fr}}@media (max-width:768px){.admin-agencies{padding:16px}.admin-agencies-header{align-items:flex-start;flex-direction:column;gap:12px}.agencies-filters .filters-grid,.agencies-stats-grid{grid-template-columns:1fr}.agencies-table-container{overflow-x:auto}.agencies-table{min-width:700px}.agencies-pagination{flex-direction:column;gap:12px}}.sidebar{background:#000;border:none;border-radius:0;display:flex;flex-direction:column;height:100vh;margin:0;overflow:visible;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:260px}.sidebar.collapsed{width:var(--sidebar-width)}.sidebar-header{background:#0000;border-bottom:1px solid #ffffff0f;padding:24px 20px}.sidebar-logo{align-items:center;color:#0c3249;display:flex;font-size:24px;font-weight:900;justify-content:center;letter-spacing:-1px}.logo-plus,.logo-text{color:#faf9f6}.logo-plus{margin-left:2px}.logo-icon{color:#faf9f6;font-size:20px;font-weight:900}.agency-logo-img{height:auto;max-height:40px;max-width:180px;object-fit:contain;transition:all .3s ease;width:auto}.sidebar.collapsed .agency-logo-img{max-height:32px;max-width:40px}.sidebar.collapsed .sidebar-logo{font-size:18px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-x:hidden;overflow-y:auto;padding:16px 0;position:relative}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.nav-item,.nav-item-wrapper{position:relative}.nav-item{align-items:center;background:#0000;border:none;border-left:3px solid #0000;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 20px;text-decoration:none;transition:all .2s ease;width:100%}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.nav-item.group-item{border-left-width:3px;color:#ffffffe6;font-weight:600}.nav-item.group-item:hover{background:#ffffff14;color:#f9faf7}.nav-item.group-item.open{background:#ffffff0d;border-left-color:#6366f180;color:#fff}.nav-item.group-item.active{border-left-color:#6366f1}.nav-item:not(.group-item):hover{background:#ffffff0d;color:#f9faf7}.nav-item:not(.group-item):hover .nav-icon{transform:scale(1.1)}.nav-item:not(.group-item).active{background:#1a1a352e;border-left-color:#000;color:#fff}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;position:relative;transition:all .3s ease;width:20px;z-index:1}.nav-icon,.nav-icon i{font-size:16px}.nav-label{flex:1 1;font-size:14px;opacity:1;transition:opacity .2s ease;white-space:nowrap}.sidebar.collapsed .nav-label{opacity:0;overflow:hidden;width:0}.submenu-arrow{color:#fff6;font-size:10px;margin-left:auto;transition:transform .3s ease}.nav-item.group-item.open .submenu-arrow,.submenu-item.has-submenu.open .submenu-arrow{color:#fff9;transform:rotate(180deg)}.submenu{animation:submenuSlideIn .2s ease;background:#0000;border-left:2px solid #6366f140;margin-left:32px;overflow:hidden;padding:4px 0}.submenu.group-submenu{background:#00000026;border-left-color:#6366f14d;margin-bottom:4px;margin-left:20px;margin-top:4px;padding:8px 0}.submenu.nested-level-2{background:#0003;border-left-color:#6366f133;margin-left:20px}.submenu.nested-level-3{background:#00000040;border-left-color:#6366f126;margin-left:16px}@keyframes submenuSlideIn{0%{max-height:0;opacity:0;transform:translateY(-4px)}to{max-height:1000px;opacity:1;transform:translateY(0)}}.submenu-wrapper{position:relative}.submenu-item{background:#0000;border:none;border-left:2px solid #0000;color:#ffffffd9;cursor:pointer;gap:10px;text-decoration:none;transition:all .2s ease;width:100%}.submenu-item,.submenu-item.level-1{font-size:13px;padding:10px 16px}.submenu-item.level-2{font-size:12px;padding:9px 14px 9px 12px}.submenu-item.level-3{font-size:11px;padding:8px 12px 8px 10px}.submenu-item:hover{background:#ffffff1a;border-left-color:#6366f180;color:#fff}.submenu-item:hover i{transform:translateX(2px)}.submenu-item.active{background:#797cff5c;border-left-color:#6366f1;color:#fff;font-weight:600}.submenu-item i{flex-shrink:0;font-size:12px;transition:transform .2s ease;width:16px}.submenu-item.level-2 i{font-size:11px;width:14px}.submenu-item.level-3 i{font-size:10px;width:12px}.submenu-item.has-submenu{position:relative}.submenu-item.has-submenu.open{background:#ffffff14;color:#fff}.submenu-section{margin:4px 0}.submenu-section-header{border-top:1px solid #ffffff0a;padding:8px 16px 4px}.submenu-section-header span{color:#ffffff80;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.submenu-item.chat-item{gap:8px}.chat-color-indicator{border-radius:2px;flex-shrink:0;height:8px;transition:all .3s ease;width:8px}.chat-color-indicator.active{animation:pulse 2s infinite;box-shadow:0 0 8px currentColor}.chat-name{flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-count{color:#fff6;font-size:11px}.ai-active{color:#22c55e;font-size:10px}.unread-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:10px;font-weight:700;line-height:1;min-width:18px;padding:2px 6px;text-align:center}.btn-close-chat{align-items:center;background:#0000;border:none;border-radius:4px;color:#ffffff4d;cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;opacity:0;transition:all .2s ease;width:18px}.submenu-item.chat-item:hover .btn-close-chat{opacity:1}.btn-close-chat:hover{background:#ef444433;color:#ef4444}@keyframes chatRemove{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-20px)}}.chat-item.removing{animation:chatRemove .2s ease forwards;pointer-events:none}.nav-item.group-item[class*=administracao]{border-left-color:#f59e0b4d}.nav-item.group-item[class*=administracao]:hover{border-left-color:#f59e0b80}.nav-item.group-item[class*=administracao].active{border-left-color:#f59e0b}.submenu-item[href*="/admin/"]{color:#f59e0bcc}.submenu-item[href*="/admin/"]:hover{background:#f59e0b1a;color:#f59e0b}.submenu-item[href*="/admin/"].active{background:#f59e0b26;border-left-color:#f59e0b;color:#f59e0b}.sidebar-footer{border-top:1px solid #ffffff0f;padding:16px}.sidebar-toggle{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:100%}.sidebar-toggle:hover{background:#ffffff0f;border-color:#ffffff1f;color:#fff}.sidebar.collapsed .sidebar-toggle{height:36px;width:36px}.sidebar.collapsed .nav-item[title]:hover:after{background:#111;border:1px solid #ffffff1a;border-radius:6px;box-shadow:0 4px 6px #0000004d;color:#fff;content:attr(title);font-size:12px;left:70px;padding:6px 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}.sidebar.collapsed .nav-item[title]:hover:before{border:5px solid #0000;border-right-color:#111;content:"";left:64px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1000}.nav-item:focus,.sidebar-toggle:focus,.submenu-item:focus{outline:2px solid #4e5766;outline-offset:-2px}.nav-item:focus-visible,.sidebar-toggle:focus-visible,.submenu-item:focus-visible{outline:2px solid #6366f1;outline-offset:-2px}@media (max-width:1366px){.sidebar{width:230px}.nav-item{font-size:13px;padding:10px 16px}.submenu-item.level-1{font-size:12px;padding:8px 14px}}@media (max-width:1024px){.sidebar{width:200px}.sidebar-header{padding:16px 12px}.nav-item{font-size:13px;gap:10px;padding:10px 14px}.nav-icon{height:18px;width:18px}.nav-icon i{font-size:14px}.submenu.group-submenu{margin-left:14px;padding:6px 0}.submenu-item{font-size:12px;padding:8px 12px}.submenu-item i{font-size:11px}}@media (max-width:768px){.sidebar{left:0;position:fixed;top:0;transform:translateX(-100%);width:260px;z-index:1000}.sidebar.open{transform:translateX(0)}.submenu.nested-level-2,.submenu.nested-level-3{margin-left:16px}.submenu-item.level-2,.submenu-item.level-3{font-size:12px;padding:8px 12px}.nav-item.group-item{font-size:13px}}@media (max-width:480px){.sidebar{width:100%}.sidebar-header{padding:12px}}.menu-badge{background:#f97316e6;border-radius:4px;color:#fff;display:inline-block;font-size:9px;font-weight:700;letter-spacing:.5px;margin-left:auto;padding:2px 6px;text-transform:uppercase}.menu-badge.new{background:#22c55ee6}.submenu-item{align-items:center;display:flex;gap:8px}.demo-root{--demo-green:#000;--demo-green-hover:#000;--demo-dark:#000;--demo-dark-card:#000;--demo-dark-border:#000;--demo-text-muted:#64748b;--demo-text-mid:#94a3b8;--demo-sidebar-w:260px;--demo-header-h:70px;--demo-bar-h:56px}.demo-root,.demo-root *{box-sizing:border-box}.demo-root{background:#f9faf7;font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;inset:0;overflow:hidden;position:fixed;z-index:8000}.demo-layout,.demo-root{display:flex;padding-bottom:var(--demo-bar-h)}.demo-layout{height:100vh;width:100vw}.demo-main{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden;position:relative}.demo-screen-area{flex:1 1;overflow-x:hidden;overflow-y:auto;padding-top:var(--demo-header-h);position:relative}.demo-badge{background:red;border:1px solid #fff;border-radius:20px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 12px;pointer-events:none;position:fixed;right:52px;top:12px;white-space:nowrap;z-index:9998}.demo-exit-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:fixed;right:14px;top:10px;transition:color .15s,background .15s;width:32px;z-index:9999}.demo-exit-btn:hover{background:rgba(255,0,0,.685);color:#fff}.demo-exit-btn-inline{align-items:center;background:none;border:1px solid #334155;border-radius:6px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:28px;justify-content:center;transition:color .15s,background .15s,border-color .15s;width:28px}.demo-exit-btn-inline:hover{background:#ef444414;border-color:#ef444466;color:#ef4444}.demo-exit-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.demo-exit-modal{background:#fff;border-radius:12px;max-width:400px;padding:32px;text-align:center;width:90%}.demo-exit-modal h3{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 12px}.demo-exit-modal p{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 24px}.demo-exit-modal-actions{display:flex;flex-direction:column;gap:10px}.demo-exit-btn-primary{background:#00c48c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:background .15s}.demo-exit-btn-primary:hover{background:#00a878}.demo-exit-btn-secondary{background:none;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;padding:12px 20px;transition:border-color .15s,color .15s}.demo-exit-btn-secondary:hover{border-color:#94a3b8;color:#374151}.demo-bar{align-items:center;background:#000;border-top:1px solid #1e293b;bottom:0;display:flex;gap:8px;height:56px;left:0;overflow:hidden;padding:0 16px;position:fixed;right:0;z-index:9999}.demo-timer-bar{background:red;height:2px;left:0;position:absolute;top:0;width:0}@keyframes demoTimerFill{0%{width:0}to{width:100%}}.demo-timer-bar.running{animation:demoTimerFill linear forwards}.demo-bar-phase{color:#64748b;font-size:9px;font-weight:700;letter-spacing:.5px;min-width:170px;text-transform:uppercase;white-space:nowrap}.demo-bar-dots{align-items:center;display:flex;flex:1 1;gap:6px;justify-content:center}.demo-dot{border-radius:50%;cursor:pointer;flex-shrink:0;transition:transform .1s}.demo-dot:hover{transform:scale(1.3)}.demo-dot.visited{background:#64748b;border:none;height:8px;width:8px}.demo-dot.current{background:red;border:none;height:10px;width:10px}.demo-dot.future{background:#0000;border:1.5px solid #334155;height:8px;width:8px}.demo-bar-nav{align-items:center;display:flex;flex-shrink:0;gap:8px}.demo-bar-btn{background:#000;border:1px solid #fff;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;padding:5px 12px;transition:.15s;white-space:nowrap}.demo-bar-btn:hover:not(:disabled){background:#fff;color:#000}.demo-bar-btn:disabled{cursor:not-allowed;opacity:.3}.demo-bar-btn-next{background:#000;border:1px solid #fff;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:700;padding:5px 14px;transition:background .15s;white-space:nowrap}.demo-bar-btn-next:hover{background:#fff;color:#000}.demo-bar-btn-plans{background:#000;border:1px solid #fff;border-radius:20px;color:#fff;cursor:pointer;font-size:11px;font-weight:700;padding:5px 14px;transition:background .15s;white-space:nowrap}.demo-bar-btn-plans:hover{background:#2563eb}.demo-tooltip{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001f;max-width:280px;padding:14px 16px;pointer-events:auto;position:absolute;z-index:10001}.demo-tooltip-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.demo-tooltip-title{color:#0f172a;font-size:13px;font-weight:700;line-height:1.3}.demo-tooltip-close{background:none;border:none;color:#94a3b8;cursor:pointer;flex-shrink:0;font-size:14px;line-height:1;padding:0}.demo-tooltip-close:hover{color:#64748b}.demo-tooltip-text{color:#374151;font-size:12px;line-height:1.5;margin:0;white-space:pre-line}.demo-tooltip.arrow-left:before{border:8px solid #0000;border-left:none;border-right-color:#fff;content:"";left:-8px;position:absolute;top:18px}.demo-tooltip.arrow-right:before{border:8px solid #0000;border-left:8px solid #fff;border-right:none;content:"";position:absolute;right:-8px;top:18px}.demo-tooltip.arrow-top:before{border:8px solid #0000;border-bottom:8px solid #fff;border-top:none;content:"";left:20px;position:absolute;top:-8px}.demo-tooltip.arrow-bottom:before{border:8px solid #0000;border-bottom:none;border-top-color:#fff;bottom:-8px;content:"";left:20px;position:absolute}.demo-root .sidebar{flex-shrink:0;height:100%}.demo-root .content-area{padding:0}.demo-sidebar{background:#000;border-right:none;display:flex;flex-direction:column;flex-shrink:0;overflow-x:hidden;overflow-y:auto;pointer-events:none;-webkit-user-select:none;user-select:none;width:var(--demo-sidebar-w)}.demo-sidebar-logo{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;height:68px;padding:0 20px}.demo-sidebar-logo-text{color:#faf9f6;font-size:22px;font-weight:900;letter-spacing:-1px}.demo-sidebar-logo-brand{color:#ffffff59;font-size:11px;font-weight:500;margin-left:8px}.demo-sidebar-section{padding:20px 8px 4px}.demo-sidebar-section-label{color:#ffffff40;font-size:9px;font-weight:700;letter-spacing:1px;margin-bottom:4px;padding:0 12px;text-transform:uppercase}.demo-sidebar-item{align-items:center;border-left:3px solid #0000;border-radius:0;color:#ffffff8c;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:0;padding:10px 12px;transition:background .15s,color .15s}.demo-sidebar-item.active{background:#1a1a352e;border-left-color:#000;color:#fff}.demo-sidebar-item i{flex-shrink:0;font-size:14px;text-align:center;width:20px}.demo-header{background:#f9faf7;border-bottom:1px solid #60a5fa26;flex-shrink:0;height:var(--demo-header-h);justify-content:space-between;left:0;padding:0 32px;position:absolute;right:0;top:0;z-index:100}.demo-header,.demo-header-left{align-items:center;display:flex}.demo-header-left{gap:12px}.demo-header-online{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;display:flex;font-size:13px;font-weight:500;gap:8px;padding:6px 12px}.demo-header-online-dot{animation:demoPulseGreen 2s ease-in-out infinite;background:#10b981;border-radius:50%;flex-shrink:0;height:8px;width:8px}@keyframes demoPulseGreen{0%,to{opacity:1}50%{opacity:.5}}.demo-header-org{color:#000000b3;font-size:13px;font-weight:600}.demo-header-usage{align-items:center;background:#0000;border:none;cursor:default;display:flex;gap:16px;padding:0}.demo-header-usage-item{display:flex;flex-direction:column;gap:3px}.demo-header-usage-label{align-items:center;color:#0000008c;display:flex;font-size:11px;font-weight:500;gap:5px}.demo-header-usage-label i{font-size:10px}.demo-header-usage-bar{background:#00000014;border-radius:2px;height:3px;overflow:hidden;width:80px}.demo-header-usage-fill{background:#89aeff;border-radius:2px;height:100%}.demo-header-right{align-items:center;display:flex;gap:10px}.demo-header-bell{background:#fff;border:1px solid #00000014;border-radius:8px;color:#0000008c;font-size:15px}.demo-header-avatar,.demo-header-bell{align-items:center;display:flex;height:36px;justify-content:center;width:36px}.demo-header-avatar{background:#00c48c;border-radius:50%;color:#fff;font-size:13px;font-weight:700}.demo-screen{background:#f9faf7;min-height:calc(100vh - var(--demo-header-h) - var(--demo-bar-h));padding:32px;position:relative}.demo-card{background:#fff;border:1px solid #0000000f;border-radius:20px;box-shadow:0 4px 0 #00000014;padding:20px}.demo-screen-dark{align-items:center;background:#fff;display:flex;justify-content:center;min-height:calc(100vh - var(--demo-bar-h));overflow:hidden;position:relative}@keyframes demoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes demoDriftUp{0%{opacity:.2;opacity:var(--particle-opacity,.2);transform:translateY(0)}to{opacity:0;transform:translateY(-100vh)}}@keyframes demoTypingDot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.agency-dashboard{margin:0 auto;max-width:1400px;padding:24px 32px}.agency-dashboard .toast-notification{align-items:center;animation:slideIn .3s ease;border-radius:10px;box-shadow:0 4px 16px #0000001f;display:flex;font-size:14px;font-weight:500;gap:10px;padding:14px 20px;position:fixed;right:24px;top:24px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}.agency-dashboard .toast-notification.success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.agency-dashboard .toast-notification.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.agency-dashboard .toast-notification button{background:none;border:none;color:inherit;cursor:pointer;font-size:14px;margin-left:4px;opacity:.6;padding:2px 4px}.agency-dashboard .toast-notification button:hover{opacity:1}.agency-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px}.agency-loading .spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top:3px solid var(--color-primary,#4f46e5);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.agency-loading p{color:#64748b;font-size:15px}.agency-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;font-size:14px;gap:12px;padding:20px 24px}.agency-error,.agency-header{align-items:center;display:flex}.agency-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;margin-bottom:28px;padding:24px}.agency-info{align-items:center;display:flex;gap:20px}.agency-logo-large{align-items:center;border-radius:16px;color:#fff;display:flex;font-size:28px;height:72px;justify-content:center;overflow:hidden;width:72px}.agency-logo-large img{height:100%;object-fit:cover;width:100%}.agency-details h1{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 6px}.agency-url{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px;margin:0 0 4px}.agency-welcome{color:#94a3b8;font-size:14px;margin:0}.agency-welcome strong{color:#64748b}.btn-new-org{align-items:center;background:#4f46e5;background:var(--color-primary,#4f46e5);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-new-org:hover{box-shadow:0 4px 12px #4f46e54d;opacity:.9}.agency-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.agency-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:20px;transition:box-shadow .2s}.agency-stat-card:hover{box-shadow:0 4px 12px #0000000f}.agency-stat-icon{align-items:center;border-radius:12px;display:flex;font-size:20px;height:52px;justify-content:center;width:52px}.agency-stat-icon.blue{background:#eff6ff;color:#3b82f6}.agency-stat-icon.green{background:#f0fdf4;color:#22c55e}.agency-stat-icon.purple{background:#faf5ff;color:#a855f7}.agency-stat-icon.orange{background:#fff7ed;color:#f97316}.agency-stat-info h3{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0 0 2px}.agency-stat-info p{color:#64748b;font-size:13px;margin:0}.organizations-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.section-header{border-bottom:1px solid #f1f5f9;padding:20px 24px}.section-header h2{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:600;gap:10px;margin:0}.section-header h2 i{color:#4f46e5;color:var(--color-primary,#4f46e5)}.organizations-filters{background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:16px 24px}.organizations-filters .filter-input-wrapper{flex:1 1;max-width:300px;position:relative}.organizations-filters .filter-input-wrapper i{color:#94a3b8;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.organizations-filters .filter-input-wrapper input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;padding:10px 12px 10px 36px;transition:border-color .2s;width:100%}.organizations-filters .filter-input-wrapper input:focus{border-color:#4f46e5;border-color:var(--color-primary,#4f46e5);outline:none}.organizations-filters select{color:#1e293b;font-size:14px}.btn-clear-filters,.organizations-filters select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:10px 14px}.btn-clear-filters{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px;transition:all .2s}.btn-clear-filters:hover{background:#f1f5f9;color:#1e293b}.organizations-empty{padding:60px 24px;text-align:center}.organizations-empty .empty-icon{align-items:center;background:#f1f5f9;border-radius:50%;color:#94a3b8;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.organizations-empty h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px}.organizations-empty p{color:#64748b;font-size:14px;margin:0 0 24px}.organizations-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:24px}.org-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s}.org-card:hover{box-shadow:0 4px 12px #00000014}.org-card.inactive{background:#f8fafc;opacity:.7}.org-card-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.org-avatar{align-items:center;background:#4f46e5;background:var(--color-primary,#4f46e5);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:48px;justify-content:center;overflow:hidden;width:48px}.org-avatar img{height:100%;object-fit:cover;width:100%}.org-card-info{flex:1 1;min-width:0}.org-card-info h3{color:#1e293b;font-size:15px;font-weight:600;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-plan{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;text-transform:uppercase}.org-plan.free{background:#f3f4f6;color:#6b7280}.org-plan.starter{background:#eff6ff;color:#3b82f6}.org-plan.professional{background:#f0fdf4;color:#22c55e}.org-plan.enterprise{background:#faf5ff;color:#a855f7}.org-status{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px}.org-status.active{background:#dcfce7;color:#166534}.org-status.inactive{background:#fee2e2;color:#991b1b}.org-card-stats{border-bottom:1px solid #f1f5f9;border-top:1px solid #f1f5f9;display:flex;gap:16px;margin-bottom:16px;padding:12px 0}.org-stat{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px}.org-stat i{color:#94a3b8;font-size:12px}.org-card-actions{display:flex;gap:8px}.org-card-actions .btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.org-card-actions .btn-action.primary{background:#4f46e5;background:var(--color-primary,#4f46e5);color:#fff;flex:1 1}.org-card-actions .btn-action.primary:hover{opacity:.9}.org-card-actions .btn-action.secondary{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.org-card-actions .btn-action.secondary:hover{background:#f1f5f9;color:#1e293b}.organizations-pagination{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 24px}.organizations-pagination p{color:#64748b;font-size:13px;margin:0}.organizations-pagination p strong{color:#1e293b}.pagination-controls{align-items:center;display:flex;gap:10px}.pagination-controls button{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s}.pagination-controls button:hover:not(:disabled){background:#f1f5f9;color:#1e293b}.pagination-controls button:disabled{cursor:not-allowed;opacity:.4}.pagination-controls span{color:#64748b;font-size:13px}.pagination-controls span strong{color:#1e293b}.agency-dashboard .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.agency-dashboard .modal-content{animation:modalIn .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:480px;overflow:hidden;width:100%}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.agency-dashboard .modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px}.agency-dashboard .modal-header h2{color:#1e293b;font-size:18px;font-weight:600;margin:0}.agency-dashboard .modal-close{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.agency-dashboard .modal-close:hover{background:#f1f5f9;color:#1e293b}.agency-dashboard .modal-body{padding:24px}.agency-dashboard .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.agency-dashboard .form-group{margin-bottom:18px}.agency-dashboard .form-group label{align-items:center;color:#475569;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:6px}.agency-dashboard .form-group label i{color:#94a3b8;font-size:13px}.agency-dashboard .form-group input,.agency-dashboard .form-group select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.agency-dashboard .form-group input::placeholder{color:#94a3b8}.agency-dashboard .form-group input:focus,.agency-dashboard .form-group select:focus{border-color:#4f46e5;border-color:var(--color-primary,#4f46e5);box-shadow:0 0 0 3px #4f46e514;outline:none}.agency-dashboard .modal-actions{display:flex;gap:10px;padding-top:8px}.agency-dashboard .modal-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s}.agency-dashboard .btn-save{background:#4f46e5;background:var(--color-primary,#4f46e5);color:#fff}.agency-dashboard .btn-save:hover{opacity:.9}.agency-dashboard .btn-save:disabled{cursor:not-allowed;opacity:.5}.agency-dashboard .btn-cancel{background:#f8fafc;border:1px solid #e2e8f0!important;color:#475569}.agency-dashboard .btn-cancel:hover{background:#f1f5f9}.agency-dashboard .btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:1024px){.agency-stats-grid{grid-template-columns:repeat(2,1fr)}.organizations-grid{grid-template-columns:1fr}}@media (max-width:768px){.agency-dashboard{padding:16px}.agency-header{align-items:flex-start;flex-direction:column;gap:16px}.agency-stats-grid{grid-template-columns:1fr}.organizations-filters{flex-wrap:wrap}.organizations-filters .filter-input-wrapper{max-width:none}.organizations-pagination{flex-direction:column;gap:12px}.agency-dashboard .form-row{grid-template-columns:1fr}}.app-header{background:#0000;border-bottom:1px solid #60a5fa26;justify-content:space-between;padding:16px 32px;position:relative}.app-header,.header-left{align-items:center;display:flex}.header-left{gap:20px}.page-title{color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.connection-status{align-items:center;background:#1e3a8a33;border:1px solid #60a5fa40;border-radius:8px;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;padding:6px 12px}.connection-status i{font-size:8px}.connection-status.connected{background:#10b9811a;border-color:#10b9814d;color:#10b981}.connection-status.connected i{animation:statusBlink 2s ease-in-out infinite}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.5}}.connection-status.disconnected{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.connection-status.view-mode{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b;font-weight:600}.connection-status.view-mode i{font-size:14px}.header-right{gap:12px}.header-btn,.header-right{align-items:center;display:flex}.header-btn{background:#fff;border:1px solid #000;border-radius:10px;color:#000;cursor:pointer;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.header-btn:hover{background:#000;border-color:#fff6;box-shadow:0 4px 12px #0003;color:#fff;transform:translateY(-2px)}.header-btn i{font-size:16px}.badge{background:#ef4444;border-radius:9px;box-shadow:0 2px 8px #ef444480;color:#fff;font-size:11px;height:18px;min-width:18px;padding:0 6px;position:absolute;right:-4px;top:-4px}.badge,.user-avatar-btn{align-items:center;display:flex;font-weight:700;justify-content:center}.user-avatar-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #000;border-radius:50%;box-shadow:0 4px 16px #00000014,0 2px 8px #60a5fa26,inset 0 1px 0 #fff;color:#000;cursor:pointer;font-size:18px;height:48px;transition:all .3s ease;width:48px}.user-avatar-btn:hover{border-color:#60a5fa80;box-shadow:0 6px 20px #0000001f,0 4px 12px #60a5fa33,inset 0 1px 0 #fff;transform:scale(1.05)}.header-dropdown{position:relative}.dropdown-menu{animation:dropdownSlideIn .2s ease;backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);background:linear-gradient(180deg,#fffffffa,#f8fafcf2);border:1.5px solid #60a5fa33;border-radius:16px;box-shadow:0 12px 40px #0000001f,0 4px 16px #60a5fa1a,inset 0 1px 0 #fff;min-width:280px;padding:8px;position:absolute;right:0;top:calc(100% + 12px);z-index:1000}.dropdown-menu:before{background:radial-gradient(circle at top,#60a5fa14 0,#0000 70%);border-radius:16px;content:"";inset:0;pointer-events:none;position:absolute}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{border-bottom:1px solid #60a5fa26;margin-bottom:8px;padding:12px 16px}.dropdown-header h4{color:#1e293b;font-size:16px;font-weight:700;margin:0}.dropdown-item{align-items:center;border-radius:10px;color:#1e293b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;position:relative;transition:all .2s ease;z-index:1}.dropdown-item:hover{background:#60a5fa1a;color:var(--primary-blue)}.dropdown-item.danger{color:#ef4444}.dropdown-item.danger:hover{background:#ef44441a;color:#dc2626}.dropdown-item i{font-size:16px;width:18px}.dropdown-divider{background:#60a5fa26;height:1px;margin:8px 0}.user-info{gap:12px;margin-bottom:8px;padding:12px 16px}.user-avatar-large,.user-info{align-items:center;display:flex}.user-avatar-large{background:linear-gradient(135deg,var(--primary-blue) 0,var(--accent-blue) 100%);border-radius:50%;box-shadow:0 4px 12px #60a5fa4d;color:#fff;flex-shrink:0;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.user-name{color:#1e293b;font-size:15px;font-weight:700;margin-bottom:2px}.user-email{color:#64748b;font-size:12px;margin-bottom:4px}.user-role{background:#60a5fa26;border-radius:6px;color:var(--primary-blue);display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.notification-menu{max-height:460px;min-width:340px;overflow-y:auto}.notif-header{align-items:center;display:flex;justify-content:space-between}.notif-mark-all{background:none;border:none;color:#3b82f6;color:var(--primary-blue,#3b82f6);cursor:pointer;font-size:11px;font-weight:600;padding:0;white-space:nowrap}.notif-mark-all:hover{text-decoration:underline}.notif-unread-dot{align-self:flex-start;background:#3b82f6;background:var(--primary-blue,#3b82f6);border-radius:50%;flex-shrink:0;height:8px;margin-top:4px;width:8px}.notification-item.unread{background:#60a5fa0f}.notification-list{max-height:360px;overflow-y:auto}.notification-item{align-items:flex-start;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:all .2s ease;z-index:1}.notification-item:hover{background:#60a5fa1a}.notification-item i{color:var(--primary-blue);flex-shrink:0;font-size:18px;margin-top:2px;width:24px}.notification-content{flex:1 1}.notification-content p{color:#1e293b;font-size:14px;font-weight:500;margin:0 0 4px}.notification-content small{color:#64748b;font-size:12px}.empty-state{color:#94a3b8;padding:32px 16px;text-align:center}.empty-state i{font-size:48px;margin-bottom:12px;opacity:.5}.empty-state p{font-size:14px;margin:0}.password-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.password-modal{animation:dropdownSlideIn .2s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:440px;overflow:hidden;width:100%}.password-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px}.password-modal-header h2{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.password-modal-header h2 i{color:#3b82f6;color:var(--primary-blue,#3b82f6);font-size:16px}.password-modal-close{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.password-modal-close:hover{background:#f1f5f9;color:#1e293b}.password-modal-body{padding:24px}.password-msg{align-items:center;border-radius:10px;display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:20px;padding:12px 16px}.password-msg.success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.password-msg.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.password-field{margin-bottom:16px}.password-field label{color:#475569;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.password-field input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.password-field input::placeholder{color:#94a3b8}.password-field input:focus{border-color:#3b82f6;border-color:var(--primary-blue,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.password-modal-actions{display:flex;gap:10px;margin-top:24px}.btn-cancel-pw,.btn-save-pw{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s}.btn-cancel-pw{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}.btn-cancel-pw:hover{background:#f1f5f9}.btn-save-pw{background:#3b82f6;background:var(--primary-blue,#3b82f6);color:#fff}.btn-save-pw:hover{opacity:.9}.btn-save-pw:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.app-header{padding:12px 20px}.page-title{font-size:20px}.connection-status{display:none}.dropdown-menu{min-width:260px}}.usage-widget{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #60a5fa33;border-radius:10px;cursor:pointer;display:flex;gap:16px;padding:8px 14px;transition:all .2s ease}.usage-widget:hover{background:#ffffffe6;border-color:#60a5fa80;box-shadow:0 4px 12px #60a5fa26;transform:translateY(-1px)}.usage-widget-item{display:flex;flex-direction:column;gap:4px;min-width:100px}.usage-widget-label{align-items:center;color:#475569;display:flex;font-size:11px;font-weight:600;gap:6px;white-space:nowrap}.usage-widget-label i{color:#94a3b8;font-size:10px}.usage-widget-bar{background:#60a5fa26;border-radius:2px;height:4px;overflow:hidden}.usage-widget-fill{background:#10b981;border-radius:2px;height:100%;transition:width .4s ease}.usage-widget-fill.alert{background:#f59e0b}.usage-widget-fill.blocked{background:#ef4444}@media (max-width:768px){.usage-widget{display:none}}.usage-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.usage-modal{animation:dropdownSlideIn .2s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;max-width:400px;padding:32px 28px;text-align:center;width:100%}.usage-modal-icon{align-items:center;border-radius:50%;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.usage-modal-icon.alert{background:#f59e0b26;color:#d97706}.usage-modal-icon.blocked{background:#ef444426;color:#dc2626}.usage-modal h2{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 12px}.usage-modal p{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 28px}.usage-modal-actions{display:flex;gap:10px}.usage-modal-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s}.usage-modal-btn.secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.usage-modal-btn.secondary:hover{background:#e2e8f0}.usage-modal-btn.primary{background:#3b82f6;background:var(--primary-blue,#3b82f6);color:#fff}.usage-modal-btn.primary:hover{opacity:.9;transform:translateY(-1px)}.chat-window-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff;cursor:move;gap:16px;padding:12px 16px;-webkit-user-select:none;user-select:none}.chat-header-left{align-items:center;display:flex;flex:0 0 auto;gap:12px}.chat-window-title{flex-direction:column;gap:2px}.chat-header-subtitle{font-size:12px;font-weight:400;margin-top:2px;opacity:.9}.chat-ai-controls{align-items:center;display:flex;flex:1 1;gap:12px;justify-content:center}.chat-ai-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.chat-ai-button:hover:not(:disabled){background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.chat-ai-button:active:not(:disabled){transform:translateY(0)}.chat-ai-button:disabled{cursor:not-allowed;opacity:.6}.chat-ai-button.active{background:#22c55e4d;border-color:#22c55e99;box-shadow:0 0 12px #22c55e66}.chat-ai-button.recategorize{background:#3b82f633;border-color:#3b82f666}.chat-ai-button.recategorize:hover:not(:disabled){background:#3b82f64d;border-color:#3b82f699}.chat-ai-label{font-size:12px;white-space:nowrap}.chat-category-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:8px;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.category-icon{font-size:14px}.chat-window-actions{flex:0 0 auto}.chat-action-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff}.chat-action-btn:hover{background:#fff3;transform:scale(1.05)}@media (max-width:768px){.chat-window-header{flex-wrap:wrap;padding:10px 12px}.chat-ai-controls{justify-content:flex-start;margin-top:8px;order:3;width:100%}.chat-ai-button{font-size:11px;padding:4px 8px}.chat-ai-label{display:none}.chat-category-badge{font-size:11px;padding:4px 8px}}.floating-chat{animation:floatIn .5s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff0d,0 20px 60px #0003;overflow:hidden;position:fixed;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:9999}@keyframes floatIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.floating-chat:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.floating-chat.minimized{border-radius:16px;cursor:pointer;height:80px!important;transition:all .3s cubic-bezier(.4,0,.2,1);width:320px!important}.floating-chat.minimized:hover{box-shadow:0 12px 40px #0006,inset 0 0 0 1px #ffffff1a;transform:translateY(-4px)}.floating-chat.maximized{border:none;border-radius:0;bottom:0!important;height:100vh!important;left:0!important;right:0!important;top:0!important;width:100vw!important}.floating-chat.dragging{box-shadow:0 20px 60px #00000080;cursor:grabbing;opacity:.9}.chat-window-header{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff14;cursor:grab;display:flex;justify-content:space-between;padding:16px 20px;position:relative}.chat-window-header:active{cursor:grabbing}.chat-window-header:after{background:linear-gradient(90deg,#0000,#3b82f64d,#0000);bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}.chat-window-title{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:10px}.chat-window-title:before{content:"=�";font-size:20px}.chat-window-actions{align-items:center;display:flex;gap:8px}.chat-action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.chat-action-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-1px)}.chat-action-btn:active{transform:scale(.95)}.chat-container{height:calc(100% - 64px)}.chat-area,.chat-container{display:flex;position:relative}.chat-area{background:#0003;flex:1 1;flex-direction:column;overflow:hidden}.chat-area:before{background:radial-gradient(circle at 20% 50%,#3b82f60d,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf60d,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.chat-area-header{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:16px 20px;position:relative;z-index:1}.chat-area-contact-info{align-items:center;display:flex;gap:12px}.chat-area-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.chat-area-name{color:#fff;font-size:15px;font-weight:600;margin-bottom:2px}.chat-area-status{align-items:center;color:#ffffff80;display:flex;font-size:12px;gap:6px}.status-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b98180;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.chat-area-actions{display:flex;gap:8px}.category-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;outline:none;padding:8px 16px;transition:all .2s ease}.category-select:hover{background:#ffffff14;border-color:#3b82f666}.category-select:focus{border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f61a}.chat-body{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:8px 20px 20px;position:relative;scroll-behavior:smooth;z-index:1}.chat-body::-webkit-scrollbar{width:8px}.chat-body::-webkit-scrollbar-track{background:#ffffff05}.chat-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.chat-body::-webkit-scrollbar-thumb:hover{background:#ffffff26}.chat-message{animation:messageSlideIn .3s cubic-bezier(.4,0,.2,1);display:flex;gap:12px;max-width:85%}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{align-self:flex-start;flex-direction:row}.chat-message.agent{align-self:flex-end;flex-direction:row-reverse}.message-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ffffff1a;border-radius:10px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.message-avatar.user-avatar{background:linear-gradient(135deg,#3b82f6,#2563eb)}.message-content{word-wrap:break-word;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #7777771a;border-radius:16px;box-shadow:0 2px 8px #0000001a;color:#000000f2;font-size:14px;line-height:1.5;overflow-wrap:break-word;padding:12px 16px;position:relative;transition:all .2s ease;word-break:break-word}.chat-message.agent .message-content{background:linear-gradient(135deg,#3b82f64d,#2563eb33);border-color:#3b82f64d}.chat-message.user .message-content{background:#ffffff14;border-color:#ffffff1a}.message-content:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.message-time{color:#fff6;font-size:11px;margin-top:4px;text-align:right}.message-image{border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 12px #0003;margin-top:8px;max-width:300px;transition:transform .2s ease}.message-image:hover{cursor:pointer;transform:scale(1.02)}.typing-indicator-container{align-items:flex-start;animation:messageSlideIn .3s cubic-bezier(.4,0,.2,1);display:flex;gap:12px;max-width:85%}.typing-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;gap:6px;padding:12px 20px}.typing-dot{animation:typingBounce 1.4s ease-in-out infinite;background:#fff9;border-radius:50%;height:8px;width:8px}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.chat-empty-state{align-items:center;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;opacity:.6}.chat-empty-icon{animation:float 3s ease-in-out infinite;font-size:64px;opacity:.5}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chat-empty-text{color:#fffc;font-size:18px;font-weight:600}.chat-empty-subtext{color:#ffffff80;font-size:14px;line-height:1.5;max-width:300px;text-align:center}.chat-input-area{align-items:flex-end;background:#d8d8d84d;border-top:1px solid #ffffff14;display:flex;gap:12px;padding:16px 20px;position:relative;z-index:1}.chat-input-area:before{background:linear-gradient(90deg,#0000,#3b82f64d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:-1px}.chat-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.479);border:1px solid #0e102c1a;border-radius:12px;box-shadow:inset 0 1px 3px #0003;color:#161616;flex:1 1;font-family:inherit;font-size:14px;max-height:120px;min-height:44px;outline:none;padding:12px 16px;resize:none;transition:all .2s ease}.chat-input::placeholder{color:hsla(0,0%,71%,.521)}.chat-input:focus{background:#ffffff14;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.chat-send-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;transition:all .2s ease;width:44px}.chat-send-btn:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.chat-send-btn:active{transform:scale(.95)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.chat-minimized-card{align-items:center;display:flex;gap:12px;height:100%;padding:16px 20px}.chat-minimized-info{flex:1 1}.chat-minimized-info h3{color:#fff;font-size:15px;font-weight:600;margin-bottom:4px}.chat-minimized-info p{color:#fff9;font-size:13px}.chat-minimized-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.chat-minimized-close:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.resize-handle{background:#0000;position:absolute;z-index:10}.resize-handle-right,.resize-handle.right{bottom:0;cursor:ew-resize;right:0;top:0;width:8px}.resize-handle-bottom,.resize-handle.bottom{bottom:0;cursor:ns-resize;height:8px;left:0;right:0}.resize-handle-corner,.resize-handle.corner{bottom:0;cursor:nwse-resize;height:20px;right:0;width:20px}.resize-handle-corner:after,.resize-handle.corner:after{background:linear-gradient(135deg,#0000,#0000 45%,#ffffff1a 0,#ffffff1a 55%,#0000 0,#0000);border-radius:0 0 4px 0;bottom:4px;content:"";height:12px;position:absolute;right:4px;width:12px}@media (max-width:768px){.floating-chat:not(.minimized):not(.maximized){left:10px!important;right:10px!important;width:calc(100vw - 20px)!important}.chat-message{max-width:90%}.message-image{max-width:200px}}.main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative;transition:margin .3s ease}.main-content:before{-webkit-text-fill-color:#0000;background:#000;-webkit-background-clip:text;background-clip:text;height:-webkit-max-content;height:max-content;left:50%;letter-spacing:-20px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;width:-webkit-max-content;width:max-content;z-index:0}.content-area{padding:32px;z-index:1}@media (max-width:1366px){.content-area{padding:24px}}@media (max-width:1024px){.content-area{padding:20px}}@media (max-width:768px){.main-content{margin-left:0}.main-content:before{font-size:180px;letter-spacing:-10px}.content-area{padding:16px}}@media (max-width:480px){.content-area{padding:12px}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-blue:#89aeff;--primary-blue-dark:#7282b6;--primary-blue-light:#86b0f3;--accent-blue:#60a5fa;--accent-cyan:#06b6d4;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-orange:#f59e0b;--accent-teal:#14b8a6;--accent-green:#10b981;--accent-red:#ef4444;--dark-bg:#0a0e1a;--dark-bg-alt:#0f172a;--dark-bg-card:#1e293b;--glass-bg:#ffffff0d;--glass-bg-medium:#ffffff14;--glass-bg-strong:#ffffff1f;--glass-border:#ffffff1a;--glass-border-strong:#fff3;--glass-blur:blur(20px) saturate(180%);--glass-blur-strong:blur(30px) saturate(200%);--text-primary:#000;--text-secondary:#000000b3;--text-tertiary:#ffffff80;--text-quaternary:#ffffff4d;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 16px #00000026;--shadow-lg:0 8px 32px #0003;--shadow-xl:0 20px 60px #0000004d;--shadow-glow-blue:0 0 20px #3b82f64d;--shadow-glow-purple:0 0 20px #8b5cf64d;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slower:0.4s cubic-bezier(0.4,0,0.2,1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--sidebar-width:90px;--sidebar-expanded-width:260px;--header-height:70px;--content-max-width:1600px;--z-base:1;--z-dropdown:1000;--z-sticky:1100;--z-fixed:1200;--z-modal-backdrop:9000;--z-modal:10000;--z-popover:10100;--z-tooltip:10200}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9faf7;color:#000;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow:hidden}.app,body{position:relative}.app{display:flex;height:100vh;overflow-x:hidden;width:100%;z-index:1}.btn-primary{background:linear-gradient(135deg,#89aeff,#60a5fa);background:linear-gradient(135deg,var(--primary-blue) 0,var(--accent-blue) 100%);border:none;border-radius:10px;box-shadow:0 4px 12px #60a5fa4d;color:#fff;cursor:pointer;font-weight:600;max-width:200px;padding:10px 20px;transition:all .2s ease}.btn-primary:hover{box-shadow:0 6px 20px #60a5fa80;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0) scale(.95)}.btn-secondary{background:#1e3a8a4d;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:10px;color:#000;color:var(--text-primary);cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-secondary:hover{background:#1e3a8a80;border-color:#60a5fa66}.loading-screen{align-items:center;background:#151515;color:#000000b3;color:var(--text-secondary);display:flex;font-size:18px;height:100vh;justify-content:center}.glass-card{backdrop-filter:blur(60px) saturate(200%) brightness(1.15);-webkit-backdrop-filter:blur(60px) saturate(200%) brightness(1.15);background:linear-gradient(135deg,#1e3a8a40,#0f172a59);border:1.5px solid #60a5fa59;box-shadow:0 8px 32px #00000040,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #60a5fa1a}.glass-card:before{background:radial-gradient(circle at top left,#60a5fa26 0,#0000 60%),radial-gradient(circle at bottom right,#8b5cf61a 0,#0000 60%)}.glass-card:after,.glass-card:before{border-radius:20px;inset:0;pointer-events:none}.glass-card:after{background:linear-gradient(135deg,#60a5fa66,#8b5cf633 50%,#0ea5e966);content:"";-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;padding:1.5px;position:absolute}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#60a5fa0d}::-webkit-scrollbar-thumb{background:#60a5fa4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#60a5fa80}.liquid-glass{backdrop-filter:blur(20px) saturate(180%);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:var(--glass-blur);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);box-shadow:0 4px 16px #00000026,inset 0 0 0 1px #ffffff0d;box-shadow:var(--shadow-md),0 0 0 1px #ffffff0d inset}.liquid-glass-strong{backdrop-filter:blur(30px) saturate(200%);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:var(--glass-blur-strong);background:#ffffff1f;background:var(--glass-bg-strong);border:1px solid #fff3;border:1px solid var(--glass-border-strong);box-shadow:0 8px 32px #0003,inset 0 0 0 1px #ffffff14;box-shadow:var(--shadow-lg),0 0 0 1px #ffffff14 inset}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text}.gradient-text-blue{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text}.hover-lift{transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.hover-lift:hover{transform:translateY(-2px)}.hover-lift:active{transform:translateY(0) scale(.98)}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);background-size:200% 100%}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}.pulse-glow{animation:pulse-glow 2s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft .5s cubic-bezier(.4,0,.2,1)}.slide-in-right{animation:slideInRight .5s cubic-bezier(.4,0,.2,1)}.slide-in-up{animation:slideInUp .5s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:floating 3s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotating{animation:rotate 2s linear infinite}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.gradient-animated{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#0f172a,#1e293b,#0f172a,#1e3a8a);background-size:400% 400%}.neon-blue{text-shadow:0 0 10px #3b82f6cc,0 0 20px #3b82f699,0 0 30px #3b82f666}.neon-purple{text-shadow:0 0 10px #8b5cf6cc,0 0 20px #8b5cf699,0 0 30px #8b5cf666}.border-gradient{background:#ffffff0d;background:var(--glass-bg);background-clip:padding-box;border:1px solid #0000;position:relative}.border-gradient:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute}.backdrop-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b3;inset:0;position:fixed;z-index:9000;z-index:var(--z-modal-backdrop)}.spinner{animation:rotate .8s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top:4px solid var(--primary-blue-light);height:40px;width:40px}.spinner-sm{border-width:2px;height:20px;width:20px}.spinner-lg{border-width:6px;height:60px;width:60px}.card-hover{overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.card-hover:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.card-hover:hover:before{left:100%}.card-hover:hover{box-shadow:0 20px 60px #0000004d;box-shadow:var(--shadow-xl);transform:translateY(-4px)}:focus-visible{border-radius:4px;outline:2px solid #86b0f3;outline:2px solid var(--primary-blue-light);outline-offset:2px}a:focus-visible,button:focus-visible{outline-offset:4px}::selection{background:#3b82f64d;color:#fff}::-moz-selection{background:#3b82f64d;color:#fff}.disabled,[disabled]{cursor:not-allowed!important;opacity:.5;pointer-events:none}.smooth-transition{transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.text-glow{text-shadow:0 0 20px #3b82f680}.text-shadow{text-shadow:0 2px 4px #0000004d}@media (max-width:1366px){:root{--sidebar-expanded-width:230px}}@media (max-width:1024px){:root{--sidebar-expanded-width:200px}}@media (max-width:768px){:root{--sidebar-expanded-width:260px;font-size:14px}}@media (max-width:480px){:root{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:light){body{color-scheme:light}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}.content-area{flex:1 1;overflow-x:hidden;overflow-y:auto;position:relative;scroll-behavior:smooth}.content-wrapper{margin:0 auto;max-width:1600px;max-width:var(--content-max-width);padding:32px;padding:var(--spacing-xl)}.main-content{margin-left:90px;margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1);transition:margin-left var(--transition-slow);width:calc(100% - 90px);width:calc(100% - var(--sidebar-width))}.main-content.sidebar-expanded{margin-left:260px;margin-left:var(--sidebar-expanded-width);width:calc(100% - 260px);width:calc(100% - var(--sidebar-expanded-width))}.glass-card{backdrop-filter:blur(20px) saturate(180%);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:var(--glass-blur);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003,inset 0 0 0 1px #ffffff0d;box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0d inset;overflow:hidden;padding:32px;padding:var(--spacing-xl);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.glass-card:before{background:linear-gradient(90deg,#0000,#3b82f680,#8b5cf680,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.glass-card:hover{border-color:#fff3;border-color:var(--glass-border-strong);box-shadow:0 20px 60px #0000004d,inset 0 0 0 1px #ffffff14;box-shadow:var(--shadow-xl),0 0 0 1px #ffffff14 inset}.toggle-switch{cursor:pointer;display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background-color:#cbd5e1;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color .3s,box-shadow .3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0003;content:"";height:18px;left:3px;position:absolute;transition:transform .3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#22c55e}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}
/*# sourceMappingURL=main.686ed8f1.css.map*/