body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{color:#fff;height:100vh;transition:background-color .3s ease,color .3s ease}.App,.main-content{background-color:#1a1a1a;display:flex}.main-content{flex:1 1;flex-direction:column;overflow:hidden}.app-header{align-items:center;background-color:#222;border-bottom:1px solid #2e2e2e;display:flex;justify-content:flex-end;min-height:72px;padding:16px 32px;z-index:5}.header-user-section{align-items:center;display:flex;gap:16px}.header-user-info{align-items:center;background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;display:flex;gap:12px;padding:8px 16px;transition:all .2s ease}.header-user-info:hover{background-color:#333;border-color:#7fd957}.header-user-avatar{align-items:center;background:#7fd957;border-radius:50%;color:#000;display:flex;font-size:18px;font-weight:600;height:40px;justify-content:center;width:40px}.header-user-details{display:flex;flex-direction:column;gap:2px}.header-user-name{color:#fff;font-size:14px;font-weight:600}.header-user-email{color:#e5e5e5;font-size:12px}.header-user-company{color:#9ca3af;font-size:12px;font-style:italic}.header-logout-btn{align-items:center;background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.header-logout-btn:hover{background-color:#dc2626;transform:translateY(-1px)}.header-logout-btn:active{transform:translateY(0)}.header-logout-btn svg{font-size:18px}.theme-dark{--bg-primary:#1a1a1a;--bg-secondary:#222;--bg-tertiary:#2a2a2a;--bg-hover:#333;--text-primary:#fff;--text-secondary:#e5e5e5;--text-muted:#9ca3af;--border-primary:#2e2e2e;--border-secondary:#3a3a3a;--accent-blue:#7fd957;--accent-blue-hover:#6cc945;--accent-green:#7fd957;--accent-orange:#f59e0b;--accent-red:#ef4444;--accent-purple:#8b5cf6;--card-bg:#141414;--modal-bg:#141414;--input-bg:#1a1a1a;--input-border:#333}.theme-light{--bg-primary:#f5f6f8;--bg-secondary:#fff;--bg-tertiary:#e5e7eb;--bg-hover:#d1d5db;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#9ca3af;--border-primary:#d1d5db;--border-secondary:#9ca3af;--accent-blue:#3b82f6;--accent-blue-hover:#2563eb;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-red:#ef4444;--accent-purple:#8b5cf6;--card-bg:#fff;--modal-bg:#fff;--input-bg:#f9fafb;--input-border:#d1d5db}.App{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}.board-detail-page,.board-page,.empty-board{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}.board-card,.card,.list,.modal{background-color:var(--card-bg)!important;border-color:var(--border-primary)!important}.board-card-title,.card-title,.list-title{color:var(--text-primary)!important}.board-card:hover{background-color:var(--bg-hover)!important}.form-input,.form-select,input,select,textarea{background-color:var(--input-bg)!important;border-color:var(--input-border)!important;color:var(--text-primary)!important}input::placeholder,textarea::placeholder{color:var(--text-muted)!important}.modal-overlay{background-color:#000000b3!important}.modal,.modal-body,.modal-footer,.modal-header{background-color:var(--modal-bg)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important}.clientportfolio-page,.crmworkspace-page,.dashboard-page,.history-page,.hrworkspace-page,.members-page,.mywork-page,.omnichannel-page,.workspaces-page{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}.client-card,.conversation-card,.dashboard-card,.employee-card,.history-card,.lead-card,.mywork-section,.workspace-card{background-color:var(--card-bg)!important;border-color:var(--border-primary)!important}.board-header,.clientportfolio-header,.crmworkspace-header,.dashboard-header,.history-header,.hrworkspace-header,.mywork-header,.omnichannel-header,.workspace-header{background-color:var(--bg-secondary)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important}.board-title,.clientportfolio-title,.crmworkspace-title,.dashboard-title,.history-title,.hrworkspace-title,.mywork-title,.omnichannel-title,.section-title,.workspace-title{color:var(--text-primary)!important}.board-subtitle,.clientportfolio-subtitle,.crmworkspace-subtitle,.dashboard-subtitle,.hrworkspace-subtitle,.mywork-subtitle,.omnichannel-subtitle,.workspace-subtitle{color:var(--text-secondary)!important}.installments-table,.payroll-table,.table,table{background-color:var(--card-bg)!important;border-color:var(--border-primary)!important}th,thead{background-color:var(--bg-tertiary)!important;border-color:var(--border-secondary)!important;color:var(--text-secondary)!important}tbody tr{border-color:var(--border-primary)!important}tbody tr:hover{background-color:var(--bg-hover)!important}td{color:var(--text-primary)!important}.clientportfolio-stats .stat-card,.dashboard-stat,.empty-state,.stat-card{background-color:var(--card-bg)!important;border-color:var(--border-primary)!important}.empty-state{color:var(--text-secondary)!important}.clientportfolio-tabs,.crmworkspace-tabs,.hrworkspace-tabs,.tabs{background-color:var(--bg-secondary)!important;border-color:var(--border-primary)!important}.tab-btn{color:var(--text-secondary)!important}.tab-btn:hover{background-color:var(--bg-hover)!important;color:var(--text-primary)!important}.conversation-detail,.conversations-list,.messages-area{background-color:var(--bg-secondary)!important;border-color:var(--border-primary)!important}.message{background-color:var(--bg-tertiary)!important}.message,.message-input{color:var(--text-primary)!important}.message-input{background-color:var(--input-bg)!important;border-color:var(--input-border)!important}.pagination{background-color:var(--bg-secondary)!important}.pagination-btn{background-color:var(--card-bg)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important}.pagination-btn:hover{background-color:var(--bg-hover)!important}.flowchart-page{background-color:var(--bg-primary)!important}.react-flow__node{color:var(--text-primary)!important}.react-flow__controls,.react-flow__node{background-color:var(--card-bg)!important;border-color:var(--border-primary)!important}.react-flow__controls button{border-color:var(--border-primary)!important;color:var(--text-primary)!important}.react-flow__controls button,.react-flow__minimap{background-color:var(--bg-tertiary)!important}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.accent-blue,.accent-green,.accent-orange,.accent-purple,.accent-red,.badge,.status-badge,.tag{transition:none!important}.splash-screen{align-items:center;background:linear-gradient(135deg,#0a0e27,#1a1d35 50%,#0a0e27);display:flex;height:100vh;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .6s ease-out;width:100vw;z-index:9999}.splash-screen.fade-out{opacity:0;pointer-events:none}.splash-content{align-items:center;display:flex;flex-direction:column;gap:32px}.splash-logo-container{align-items:center;display:flex;height:120px;justify-content:center;position:relative;width:120px}.splash-spinner{animation:spin 1.2s cubic-bezier(.68,-.55,.265,1.55) infinite;border-color:#7fd957 #7fd957 #0000 #0000;border-radius:50%;border-style:solid;border-width:3px;height:120px;position:absolute;width:120px}.splash-logo{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#7fd957,#6cc945);border-radius:20px;box-shadow:0 10px 40px #579dff66;color:#fff;display:flex;font-size:48px;height:80px;justify-content:center;width:80px}.splash-text{animation:fadeIn .8s ease-out;text-align:center}.splash-title{color:#fff;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.splash-subtitle{color:#e5e5e5;font-size:14px;font-weight:400;margin:0}.splash-progress{background-color:#ffffff1a;border-radius:10px;height:3px;overflow:hidden;width:200px}.splash-progress-bar{animation:progress 1.5s ease-in-out infinite;background:linear-gradient(90deg,#7fd957,#6cc945,#7fd957);background-size:200% 100%;border-radius:10px;height:100%;width:100%}@keyframes progress{0%{background-position:200% 0}to{background-position:-200% 0}}.splash-screen:before{animation:moveBackground 20s linear infinite;background-image:radial-gradient(circle,#579dff1a 1px,#0000 0),radial-gradient(circle,#579dff0d 1px,#0000 0);background-position:0 0,25px 25px;background-size:50px 50px,100px 100px;content:"";height:300%;opacity:.3;position:absolute;width:300%}@keyframes moveBackground{0%{transform:translate(0)}to{transform:translate(-50px,-50px)}}@media (max-width:768px){.splash-logo-container,.splash-spinner{height:100px;width:100px}.splash-logo{font-size:40px;height:70px;width:70px}.splash-title{font-size:28px}.splash-subtitle{font-size:13px}.splash-progress{width:160px}}.login-page{align-items:center;background:#121212;display:flex;font-family:var(--font-family);height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.login-particles{height:100%;overflow:hidden;position:absolute;width:100%;z-index:1}.particle{animation:float 20s ease-in-out infinite;background:#7fd95780;border-radius:50%;box-shadow:0 0 10px #7fd9574d;height:4px;position:absolute;width:4px}@keyframes float{0%,to{opacity:0;transform:translateY(0) translateX(0) scale(1)}10%{opacity:1}90%{opacity:1}50%{transform:translateY(-100vh) translateX(100px) scale(1.5)}}.login-background{height:100%;overflow:hidden;position:absolute;width:100%;z-index:0}.gradient-orb{animation:moveOrb 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.orb-1{animation-duration:25s;background:linear-gradient(135deg,#7fd957,#6cc945);height:500px;left:-200px;top:-200px;width:500px}.orb-2{animation-delay:-5s;animation-duration:20s;background:linear-gradient(135deg,#7fd957,#5ab837);bottom:-150px;height:400px;right:-150px;width:400px}.orb-3{animation-delay:-10s;animation-duration:30s;background:linear-gradient(135deg,#7fd957,#8ee768);height:350px;left:50%;top:50%;transform:translate(-50%,-50%);width:350px}@keyframes moveOrb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.login-container{align-items:center;animation:fadeInUp .8s ease-out;display:flex;flex-direction:column;gap:40px;max-width:480px;padding:20px;position:relative;width:100%;z-index:2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-card{animation:cardFloat 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e1ee6;border:1px solid #2e2e2e;border-radius:24px;box-shadow:0 20px 60px #00000080,0 0 40px #7fd9571a,inset 0 1px 0 #ffffff0d;overflow:hidden;padding:48px 40px;position:relative;width:100%}.login-card:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#7fd9571a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-header{margin-bottom:40px;text-align:center}.logo-container{margin-bottom:24px}.logo-circle,.logo-container{display:flex;justify-content:center}.logo-circle{align-items:center;animation:rotate 10s linear infinite,pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#7fd957,#6cc945);border-radius:50%;box-shadow:0 10px 30px #7fd9574d,0 0 60px #7fd95733;height:80px;width:80px}.logo-inner{background:#1a1a1ae6;border:3px solid #7fd9574d;border-radius:50%;height:60px;width:60px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:32px;font-weight:700;margin:0 0 12px}.login-subtitle{color:#e5e5e5;font-size:16px;margin:0}.login-form{display:flex;flex-direction:column;gap:24px}.input-icon{color:#9ca3af;left:16px;transition:color .3s;z-index:1}.form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a2a2a99;border:2px solid #3a3a3a;border-radius:12px;font-size:16px;padding:16px 16px 16px 50px;transition:all .3s}.form-input::placeholder{color:#9ca3af}.form-input:focus{background:#2a2a2acc;box-shadow:0 0 0 4px #7fd9571a}.form-input:focus+.input-icon{color:#7fd957}.password-toggle{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:0;position:absolute;right:16px;transition:color .3s;z-index:1}.password-toggle:hover{color:#7fd957}.error-message{animation:shake .5s;font-size:14px;margin-top:-4px}.general-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-top:-8px;padding:12px;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.submit-btn{background:linear-gradient(135deg,#7fd957,#6cc945);border-radius:12px;color:#000;overflow:hidden;padding:16px;position:relative}.submit-btn span{position:relative;z-index:1}.submit-btn-bg{background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.submit-btn:hover{box-shadow:0 10px 30px #7fd95766;transform:translateY(-2px)}.submit-btn:hover .submit-btn-bg{left:100%}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{transform:none}.submit-btn:disabled:hover{box-shadow:none;transform:none}.login-footer{margin-top:24px;text-align:center}.login-footer p{color:#e5e5e5;font-size:14px;margin:0}.toggle-mode-btn{background:none;border:none;color:#7fd957;cursor:pointer;font-size:14px;font-weight:600;margin-left:8px;text-decoration:underline;transition:color .3s}.toggle-mode-btn:hover{color:#8ee768}.login-features{animation:fadeInUp 1s ease-out .3s backwards;display:flex;flex-direction:column;gap:20px;width:100%}.feature-item{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e1e99;border:1px solid #2e2e2e;border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .3s}.feature-item:hover{border-color:#7fd957;box-shadow:0 10px 30px #7fd95733;transform:translateX(10px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#7fd957,#6cc945);border-radius:12px;color:#000;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:48px;justify-content:center;width:48px}.feature-text h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.feature-text p{color:#e5e5e5;font-size:14px;margin:0}.form-row{width:100%}.form-row .form-group{margin-bottom:0}.form-input select,select.form-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%239fadbc' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.form-input select option{background-color:#1a1a1a;color:#fff;padding:8px}@media (max-width:768px){.login-container{gap:24px;padding:20px}.login-card{padding:32px 24px}.login-title{font-size:28px}.login-subtitle{font-size:14px}.logo-circle{height:60px;width:60px}.logo-inner{height:44px;width:44px}.feature-item{padding:16px}.feature-icon{font-size:20px;height:40px;width:40px}.orb-1,.orb-2,.orb-3{height:300px;width:300px}.form-row{gap:12px;grid-template-columns:1fr}}.onboarding-page{align-items:center;background:linear-gradient(135deg,#0a0e27,#1a1d35);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.onboarding-background{height:100%;overflow:hidden;position:absolute;width:100%;z-index:0}.onboarding-container{animation:slideUp .6s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1d2125f2;border:1px solid #b1bacf1a;border-radius:24px;box-shadow:0 20px 60px #0006,inset 0 1px 0 #ffffff0d;max-width:800px;padding:48px;width:90%;z-index:2}.onboarding-header{margin-bottom:48px;text-align:center}.onboarding-header h1{color:#fff;font-size:32px;font-weight:700;margin:0 0 12px}.onboarding-header p{color:#e5e5e5;font-size:16px;margin:0 0 32px}.progress-bar{background:#b1bacf1a;border-radius:10px;height:6px;margin-bottom:24px}.progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:10px;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-steps{gap:16px}.progress-step,.progress-steps{display:flex;justify-content:center}.progress-step{align-items:center;background:#b1bacf1a;border:2px solid #b1bacf33;border-radius:50%;color:#e5e5e5;font-size:16px;font-weight:600;height:40px;transition:all .3s ease;width:40px}.progress-step.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.onboarding-content{align-items:center;display:flex;justify-content:center;min-height:350px}.onboarding-step{animation:fadeIn .4s ease;width:100%}.onboarding-step h2{color:#fff;font-size:24px;font-weight:600;margin:0 0 12px;text-align:center}.step-description{color:#e5e5e5;font-size:15px;margin:0 0 32px;text-align:center}.options-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.option-card{background:#22272b99;border:2px solid #b1bacf1a;border-radius:12px;cursor:pointer;overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.option-card:before{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.option-card:hover{border-color:#3b82f64d;box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.option-card:hover:before{opacity:1}.option-card.selected{background:#3b82f626;border-color:#3b82f6;box-shadow:0 4px 16px #3b82f633}.option-card.selected:before{opacity:1}.option-icon{font-size:48px;margin-bottom:16px}.option-label{color:#fff;font-size:16px;font-weight:600}.options-list{display:flex;flex-direction:column;gap:12px}.option-item{align-items:center;background:#22272b99;border:2px solid #b1bacf1a;border-radius:12px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s ease}.option-item:before{background:linear-gradient(90deg,#3b82f61a,#8b5cf61a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.option-item:hover{border-color:#3b82f64d;transform:translateX(4px)}.option-item:hover:before{opacity:1}.option-item.selected{background:#3b82f626;border-color:#3b82f6}.option-item.selected:before{opacity:1}.option-item-icon{color:#3b82f6;flex-shrink:0;font-size:32px}.option-item-content{flex:1 1}.option-item-content h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.option-item-content p{color:#e5e5e5;font-size:14px;margin:0}.option-item-check{color:#10b981;flex-shrink:0;font-size:24px}.options-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.chip{align-items:center;background:#22272b99;border:2px solid #b1bacf1a;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.chip:hover{background:#3b82f61a;border-color:#3b82f64d;transform:scale(1.05)}.chip.selected{background:#3b82f633;border-color:#3b82f6;color:#fff}.chip svg{color:#10b981;font-size:18px}.onboarding-actions{display:flex;gap:16px;justify-content:center;margin-top:48px}.btn-primary,.btn-secondary{border-radius:8px;font-size:16px;min-width:140px;padding:14px 32px;transition:all .3s ease}.btn-primary{box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666}.btn-primary:disabled{opacity:.5}.btn-secondary{background:#b1bacf1a;border:1px solid #b1bacf33}.btn-secondary:hover{background:#b1bacf26;border-color:#b1bacf4d}@media (max-width:768px){.onboarding-container{padding:32px 24px;width:95%}.onboarding-header h1{font-size:24px}.onboarding-header p{font-size:14px}.options-grid{grid-template-columns:1fr}.onboarding-step h2{font-size:20px}.option-icon{font-size:36px}.onboarding-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.accept-invite-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.accept-invite-container{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;width:100%}.invite-header{margin-bottom:30px;text-align:center}.invite-header h1{color:#1a202c;font-size:28px;margin:0 0 10px}.invite-header p{color:#64748b;font-size:16px;margin:0}.member-preview{margin-bottom:30px}.member-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.info-row:not(:last-child){border-bottom:1px solid #e2e8f0}.info-label{color:#64748b;font-size:14px}.info-value{color:#1a202c;font-weight:500}.badge-role{background:#667eea;border-radius:20px;color:#fff;font-size:12px;padding:4px 12px;text-transform:capitalize}.invite-form-section{margin-top:30px}.invite-form-section h2{color:#1a202c;font-size:20px;margin:0 0 8px}.form-description{color:#64748b;font-size:14px;margin:0 0 24px}.field-label{color:#334155;font-size:14px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;font-size:20px;left:12px;pointer-events:none;position:absolute}.form-input{border:2px solid #e2e8f0;font-family:inherit;outline:none;padding:12px 12px 12px 40px}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input.error{border-color:#ef4444}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.toggle-password-btn{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .2s}.toggle-password-btn:hover{color:#667eea}.error-text{color:#ef4444;display:block;font-size:12px;margin-top:6px}.field-hint{color:#94a3b8}.error-banner{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.error-banner svg{flex-shrink:0;font-size:20px}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;font-size:16px;margin-top:8px;padding:14px;transition:all .3s}.submit-btn:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{padding:40px;text-align:center}.spinner{border:4px solid #e2e8f0;border-top-color:#667eea}.loading-spinner p{color:#64748b;font-size:14px}.error-container{padding:40px 20px;text-align:center}.error-icon{color:#ef4444;font-size:64px;margin-bottom:20px}.error-container h2{color:#1a202c;font-size:24px;margin:0 0 12px}.error-container p{color:#64748b;font-size:14px;margin:0 0 24px}.back-to-login-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.back-to-login-btn:hover{background:#5568d3;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.success-container{padding:40px 20px;text-align:center}.success-icon{animation:scaleIn .5s ease-out;color:#10b981;font-size:64px;margin-bottom:20px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-container h2{color:#1a202c;font-size:24px;margin:0 0 12px}.success-container p{color:#64748b;font-size:16px;margin:0 0 8px}.success-message{color:#10b981!important;font-size:14px!important;font-weight:500}@media (max-width:640px){.accept-invite-container{padding:30px 20px}.invite-header h1{font-size:24px}.invite-form-section h2{font-size:18px}}.beta-protection-overlay{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;display:flex;justify-content:center;left:0;min-height:calc(100vh - 80px);padding:20px;position:absolute;right:0;top:0;z-index:100}.beta-protection-container{animation:slideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;text-align:center;width:100%}.beta-icon-container{margin-bottom:20px}.beta-icon{animation:pulse 2s infinite;color:#f59e0b;font-size:80px}.beta-title{color:#1a202c;font-size:32px;font-weight:700;margin:0 0 10px}.beta-subtitle{color:#718096;font-size:16px;margin:0 0 30px}.beta-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px}.beta-badge,.beta-form{margin-bottom:30px}.beta-input-group{margin-bottom:20px}.beta-input-group label{color:#4a5568;display:block;font-size:14px;font-weight:600;margin-bottom:8px;text-align:left}.beta-input{border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-size:16px;padding:14px 16px;transition:all .2s;width:100%}.beta-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.beta-error{background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:20px;padding:12px}.beta-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s;width:100%}.beta-submit-btn:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.beta-submit-btn:active{transform:translateY(0)}.beta-info{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.beta-info p{color:#718096;font-size:14px;line-height:1.6;margin:0}.beta-info p:first-child{margin-bottom:8px}@media (max-width:600px){.beta-protection-container{padding:30px 20px}.beta-title{font-size:26px}.beta-icon{font-size:60px}}.sidebar{background-color:#2a2a2a;border-right:1px solid #2e2e2e;color:#fff;overflow-y:auto;padding:24px 0;position:relative;transition:width .3s ease,min-width .3s ease,padding .3s ease;width:280px;z-index:10}.sidebar.collapsed{min-width:60px;padding:16px 0;width:60px}.sidebar-collapse-control{border-bottom:1px solid #2e2e2e;display:flex;justify-content:center;margin-bottom:16px;padding:0 16px 16px}.sidebar.collapsed .sidebar-collapse-control{padding:0 8px 12px}.sidebar-collapse-btn{align-items:center;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#e5e5e5;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;max-width:44px;padding:8px;transition:all .2s ease;width:100%}.sidebar.collapsed .sidebar-collapse-btn{max-width:100%}.sidebar-collapse-btn:hover{background-color:#7fd957;border-color:#7fd957;color:#000}.sidebar-menu{margin-bottom:24px;padding:0 16px}.menu-item{border-radius:8px;color:#e5e5e5;font-weight:500;margin-bottom:8px;transition:all .2s ease}.menu-item:hover{background-color:#222;color:#fff;transform:translateX(2px)}.menu-icon{color:#e5e5e5;font-size:20px;margin-right:12px}.workspace-section{padding:0 16px}.section-title{color:#9ca3af;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;padding:12px 16px;text-transform:uppercase}.workspace{margin-bottom:24px}.workspace-header{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 16px;transition:all .2s ease}.workspace-header:hover{background-color:#222}.workspace-info{align-items:center;display:flex;gap:12px}.workspace-icon{align-items:center;background:#7fd957;border-radius:8px;color:#000;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;width:36px}.workspace-name{color:#fff;font-size:14px;font-weight:600}.workspace-content{margin-top:12px;padding-left:12px}.workspace-item{align-items:center;border-radius:8px;color:#e5e5e5;cursor:pointer;display:flex;font-size:14px;font-weight:500;margin-bottom:8px;padding:10px 16px;position:relative;transition:all .2s ease}.workspace-item:hover{background-color:#2a2a2a;color:#fff;transform:translateX(2px)}.workspace-item.active{background-color:#7fd957;color:#000}.workspace-item.active .item-icon{color:#fff}.item-icon{color:#e5e5e5;font-size:18px;margin-right:12px;transition:color .2s ease}.workspace-item:hover .item-icon{color:#fff}.add-btn{background-color:initial;border-radius:6px;color:#9ca3af;display:none;font-size:20px;height:28px;position:absolute;right:12px;transition:all .2s ease;width:28px}.workspace-item:hover .add-btn{align-items:center;display:flex;justify-content:center}.add-btn:hover{background-color:#7fd957;color:#000}.theme-selector-wrapper{border-top:1px solid #2e2e2e;margin-top:24px;padding-top:24px}.workspace-item.others-toggle{border-top:1px solid #2e2e2e;color:#e5e5e5;font-weight:600;margin-top:16px;opacity:.85;padding-top:16px}.workspace-item.others-toggle:hover{background-color:#222;opacity:1}.workspace-item.others-toggle .item-icon{transition:transform .3s ease}.others-modules{margin-top:8px;padding-left:12px}.others-modules .workspace-item{font-size:14px;opacity:.9}.others-modules .workspace-item:hover{opacity:1}.theme-selector-btn{align-items:center;background-color:initial;border:none;border-radius:4px;color:#e5e5e5;color:var(--text-secondary,#e5e5e5);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.theme-selector-btn:hover{background-color:#3a3a3a;background-color:var(--bg-hover,#3a3a3a);color:#fff;color:var(--text-primary,#fff)}.theme-selector-btn svg{font-size:20px}.theme-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.theme-modal{background-color:#222;background-color:var(--bg-secondary,#222);border:1px solid #2a2a2a;border:1px solid var(--border-primary,#2a2a2a);border-radius:8px;box-shadow:0 8px 24px #0000004d;max-width:450px;width:100%}.theme-modal-header{align-items:center;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-primary,#2a2a2a);display:flex;justify-content:space-between;padding:20px 24px}.theme-modal-header h2{color:#fff;color:var(--text-primary,#fff);font-size:18px;font-weight:600;margin:0}.theme-close-btn{align-items:center;background-color:initial;border:none;border-radius:4px;color:#e5e5e5;color:var(--text-secondary,#e5e5e5);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.theme-close-btn:hover{background-color:#2a2a2a;background-color:var(--bg-hover,#2a2a2a)}.theme-modal-body{padding:24px}.themes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.theme-option{align-items:center;background-color:#2a2a2a;background-color:var(--bg-tertiary,#2a2a2a);border:2px solid #2a2a2a;border:2px solid var(--border-primary,#2a2a2a);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:16px;transition:all .2s}.theme-option:hover{transform:translateY(-2px)}.theme-option.active,.theme-option:hover{border-color:#7fd957;border-color:var(--accent-blue,#7fd957)}.theme-option.active{background-color:#3a3a3a;background-color:var(--bg-hover,#3a3a3a)}.theme-preview{align-items:center;border:1px solid #0000001a;border-radius:6px;display:flex;height:100px;justify-content:center;position:relative;width:100%}.theme-icon{font-size:36px;position:absolute}.theme-check{align-items:center;background-color:#7fd957;background-color:var(--accent-blue,#7fd957);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;width:32px}.theme-name{color:#fff;color:var(--text-primary,#fff);font-size:13px;font-weight:600;text-align:center}@media (max-width:768px){.themes-grid{grid-template-columns:repeat(2,1fr)}.theme-modal{max-width:100%}}.empty-board{background-color:#2a2a2a;display:flex;flex:1 1;flex-direction:column}.board-header{padding:16px 24px}.workspace-icon-header{background:linear-gradient(135deg,#4ecdc4,#44a08d);border-radius:8px;font-size:24px;font-weight:700;height:48px;width:48px}.workspace-title{font-size:20px}.workspace-badges{align-items:center}.badge{background-color:#44546f;border-radius:4px;font-size:12px;font-weight:500;padding:2px 8px}.badge-private{font-size:12px;gap:4px}.badge-private,.empty-content{align-items:center;display:flex}.empty-content{flex:1 1;flex-direction:column;justify-content:center;padding:40px}.illustration{margin-bottom:32px}.illustration img{height:auto;width:400px}.empty-text{font-size:14px;line-height:1.6;margin-bottom:24px;text-align:center}.create-board-btn{background-color:#7fd957;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background-color .2s}.create-board-btn:hover{background-color:#6cc945}.create-board-btn:active{background-color:#3d7ac4}.board-page{background-color:#2a2a2a;display:flex;flex:1 1;flex-direction:column}.board-header{border-bottom:1px solid #2a2a2a;padding:20px 24px}.workspace-info-header{align-items:center;display:flex;gap:12px}.workspace-icon-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;display:flex;height:40px;justify-content:center;width:40px}.workspace-icon-header,.workspace-title{color:#fff;font-size:18px;font-weight:600}.workspace-title{margin:0 0 4px}.workspace-badges{display:flex;gap:8px}.badge,.badge-private{border-radius:3px;font-size:11px;font-weight:600;padding:2px 8px}.badge{background-color:#5e4db2;color:#fff}.badge-private{background-color:#ffffff1a;color:#e5e5e5}.boards-container{flex:1 1;overflow-y:auto;padding:24px}.board-search-container{margin-bottom:24px;max-width:1200px}.board-search-wrapper{align-items:center;display:flex;max-width:400px;position:relative}.board-search-input{background-color:#222;border:2px solid #3a3a3a;border-radius:4px;color:#fff;font-size:14px;outline:none;padding:10px 40px;transition:border-color .2s;width:100%}.board-search-input:focus{border-color:#7fd957}.board-search-input::placeholder{color:#e5e5e5}.boards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-width:1200px}.board-card,.board-card-wrapper{position:relative}.board-card{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;height:120px;justify-content:space-between;padding:16px;transition:transform .2s}.board-card:hover{transform:translateY(-2px)}.board-title{color:#fff;font-size:16px;font-weight:600;text-shadow:0 1px 2px #0000004d}.board-card.create-new{align-items:center;background-color:#282e33;color:#e5e5e5;display:flex;font-size:14px;justify-content:center}.board-card.create-new:hover{background-color:#323940}.modal{background-color:#282e33;box-shadow:0 8px 16px #0000004d;max-width:90%}.create-board-modal,.modal{width:400px}.modal-header{border-bottom:1px solid #3a3a3a;padding:16px 20px}.close-btn{background:none;font-size:28px;padding:0}.close-btn:hover{background-color:#3a3a3a}.modal-body{padding:20px}.modal-body label{color:#fff;display:block;font-size:12px;font-weight:600;margin-bottom:8px}.modal-body input{background-color:#222;border:2px solid #3a3a3a;border-radius:4px;color:#fff;font-size:14px;outline:none;padding:10px;width:100%}.modal-body input:focus{border-color:#7fd957}.modal-footer{border-top:1px solid #3a3a3a;padding:16px 20px}.create-btn{background-color:#7fd957;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px;transition:background-color .2s;width:100%}.create-btn:hover:not(:disabled){background-color:#6cc945}.create-btn:disabled{background-color:#44546f;cursor:not-allowed;opacity:.5}.board-menu-btn{align-items:center;background:#0003;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;opacity:0;transition:opacity .2s,background-color .2s;width:32px}.board-card:hover .board-menu-btn{opacity:1}.board-menu-btn:hover{background:#0006}.board-preview{border-radius:8px;display:flex;gap:8px;height:160px;margin-bottom:20px;padding:12px;width:100%}.preview-list{background-color:#ffffffe6;border-radius:4px;height:100%;width:60px}.background-section{margin-bottom:20px}.section-label{color:#fff;display:block;font-size:12px;font-weight:600;margin-bottom:12px}.background-grid{grid-gap:8px;display:grid;gap:8px;margin-bottom:12px}.images-grid{grid-template-columns:repeat(4,1fr)}.colors-grid{grid-template-columns:repeat(5,1fr)}.background-option{border-radius:4px;transition:transform .2s,box-shadow .2s}.background-option.selected{box-shadow:0 0 0 3px #7fd957}.image-option{aspect-ratio:16/9;background-position:50%;background-size:cover}.required{color:#e74c3c}.board-title-input,.visibility-select{background-color:#222;border:2px solid #3a3a3a;border-radius:4px;color:#fff;font-size:14px;height:40px;outline:none;padding:10px;width:100%}.board-title-input:focus,.visibility-select:focus{border-color:#7fd957}.field-hint{color:#e5e5e5;margin-top:8px}.modal-footer{flex-direction:column}.template-link{border-radius:4px;color:#7fd957;font-size:14px;padding:8px;text-align:center;text-decoration:none;transition:background-color .2s}.template-link:hover{background-color:#3a3a3a}.board-actions-menu{background-color:#323940;border-radius:8px;box-shadow:0 8px 16px #0000004d;left:0;max-height:calc(100vh - 100px);overflow-x:hidden;overflow-y:auto;position:absolute;top:calc(100% + 8px);width:304px;z-index:1000}.menu-header{align-items:center;border-bottom:1px solid #424b54;display:flex;justify-content:center;padding:12px 16px;position:relative}.menu-header h3{color:#fff;font-size:14px;font-weight:600;margin:0}.menu-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;position:absolute;right:12px}.menu-close-btn:hover{background-color:#42505f}.menu-content{padding:0}.menu-section{border-bottom:1px solid #424b54}.menu-section:last-child{border-bottom:none}.menu-item{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;line-height:20px;overflow:visible;padding:12px 16px;text-align:left;transition:background-color .2s;white-space:nowrap;width:100%}.menu-item:hover{background-color:#42505f}.menu-item.expandable{font-weight:600}.menu-item.sub-item{font-size:13px;padding-left:32px}.premium-badge{background-color:#6b21a8;border-radius:3px;color:#fff;display:inline-block;font-size:10px;font-weight:700;margin-left:8px;padding:2px 6px}.color-grid-section{background-color:#2a2a2a;padding:12px 16px}.board-color-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);margin-bottom:12px}.color-option-board{aspect-ratio:1;border:2px solid #0000;border-radius:4px;cursor:pointer;transition:transform .2s;width:100%}.color-option-board:hover{transform:scale(1.1)}.color-option-board.selected{border-color:#fff}.remove-color-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px;text-align:center;width:100%}.remove-color-btn:hover{background-color:#42505f}.automation-section{background-color:#2a2a2a}.archive-section{padding-top:8px}.edit-board-title-input{background-color:#fff3;border:2px solid #fff6;border-radius:4px;color:#fff;font-size:16px;font-weight:600;outline:none;padding:8px;width:100%}.edit-board-title-input:focus{background-color:#ffffff4d;border-color:#fffc}.board-detail{background-attachment:fixed!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.board-detail-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0003;display:flex;justify-content:space-between;padding:12px 16px}.back-btn{background:#fff3;border-radius:6px;height:36px;transition:background-color .2s;width:36px}.back-btn:hover{background:#ffffff4d}.board-detail-title{color:#fff;font-size:18px;font-weight:700;margin:0;text-shadow:0 1px 2px #0000004d}.header-right{gap:8px}.header-avatar,.header-right{align-items:center;display:flex}.header-avatar{background-color:#1d4e89;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;font-weight:600;height:32px;justify-content:center;transition:transform .2s;width:32px}.header-avatar:hover{transform:scale(1.1)}.header-icon-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;padding:6px;transition:all .2s;width:32px}.header-icon-btn:hover{background-color:#fff3}.header-icon-btn.favorite{color:#f2d600}.header-icon-btn.favorite:hover{background-color:#f2d60033}.share-btn{align-items:center;background-color:#1d4e89;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px;transition:background-color .2s}.share-btn:hover{background-color:#2563a8}.share-btn svg{font-size:16px}.header-btn{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:20px;padding:8px 12px;transition:background-color .2s}.header-btn:hover{background:#ffffff4d}.lists-container{align-items:flex-start;display:flex;flex:1 1;gap:12px;overflow-x:auto;padding:16px}.card{color:#172b4d;transition:box-shadow .2s}.add-list-btn,.card{cursor:pointer;font-size:14px}.add-list-btn{align-items:center;background:#fff3;border:none;border-radius:12px;color:#fff;display:flex;font-weight:500;gap:4px;max-width:272px;min-width:272px;padding:12px;transition:background-color .2s}.add-list-btn:hover{background:#ffffff4d}.add-list-form{background-color:#f1f2f4}.add-list-form input{border:2px solid #7fd957;border-radius:6px;font-size:14px;margin-bottom:8px;outline:none;padding:8px 12px;width:100%}.add-list-actions{align-items:center;display:flex;gap:8px}.add-list-btn-confirm{background-color:#7fd957;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.add-list-btn-confirm:hover{background-color:#6cc945}.lists-container::-webkit-scrollbar{height:12px}.lists-container::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.lists-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.lists-container::-webkit-scrollbar-thumb:hover{background:#fff6}.modal-header{border-bottom:2px solid #579dff33;padding:24px}.modal-close-btn{color:#e5e5e5;font-size:28px}.modal-close-btn:hover{background:#ffffff1a}.modal-content{flex:1 1;overflow-y:auto;padding:24px}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#0000}.modal-content::-webkit-scrollbar-thumb{background:#44546f;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#7fd957}.modal-footer{border-top:2px solid #579dff33}.btn-primary,.btn-secondary{padding:10px 24px}.team-dashboard-modal{background-color:#2a2a2a;border-radius:12px;box-shadow:0 8px 32px #00000080;max-height:85vh;max-width:1200px;overflow-y:auto;width:90%}.dashboard-header{align-items:center;background:linear-gradient(135deg,#579dff1a,#8b5cf61a);border-bottom:2px solid #579dff33;padding:24px}.dashboard-title-section{display:flex;flex-direction:column;gap:12px}.dashboard-header h2{color:#7fd957;font-size:24px;font-weight:700;margin:0}.export-buttons{display:flex;gap:8px}.export-btn{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.export-btn svg{font-size:18px}.excel-btn{background:linear-gradient(135deg,#10b981,#059669)}.excel-btn:hover{box-shadow:0 4px 8px #10b98166;transform:translateY(-2px)}.csv-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)}.csv-btn:hover{box-shadow:0 4px 8px #3b82f666;transform:translateY(-2px)}.pdf-btn{background:linear-gradient(135deg,#ef4444,#dc2626)}.pdf-btn:hover{box-shadow:0 4px 8px #ef444466;transform:translateY(-2px)}.dashboard-content{padding:24px}.dashboard-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:32px}.stat-card{border-left:4px solid}.stat-card:hover{box-shadow:0 8px 16px #0000004d;transform:translateY(-4px)}.stat-card h3{color:#fff;font-size:32px;margin:0 0 8px}.stat-card p{color:#e5e5e5;font-size:14px;font-weight:500;margin:0}.dashboard-progress{background-color:#222;border-radius:12px;margin-bottom:32px;padding:24px}.dashboard-progress h3{color:#7fd957;font-size:18px;font-weight:600;margin:0 0 16px}.progress-bar-container{background-color:#2a2a2a;border-radius:12px;box-shadow:inset 0 2px 4px #0000004d;height:24px;margin-bottom:12px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:12px;height:100%;transition:width .3s ease}.dashboard-progress p{color:#10b981;font-size:16px;font-weight:600;margin:0;text-align:center}.dashboard-by-responsible{background-color:#222;border-radius:12px;margin-bottom:32px;padding:24px}.dashboard-by-responsible h3{color:#7fd957;font-size:18px;font-weight:600;margin:0 0 16px}.responsible-list{display:flex;flex-direction:column;gap:16px}.responsible-item{background-color:#2a2a2a;border-left:4px solid #7fd957;border-radius:8px;padding:16px}.responsible-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:12px}.responsible-stats{display:flex;flex-wrap:wrap;gap:8px}.stat-badge{border-radius:16px;font-size:12px;font-weight:600;padding:4px 12px}.pending-badge{background-color:#f59e0b33;color:#f59e0b}.accepted-badge{background-color:#3b82f633;color:#3b82f6}.progress-badge{background-color:#8b5cf633;color:#8b5cf6}.completed-badge{background-color:#10b98133;color:#10b981}.total-badge{background-color:#6b728033;color:#e5e5e5}.dashboard-recent-activity{background-color:#222;border-radius:12px;padding:24px}.dashboard-recent-activity h3{color:#7fd957;font-size:18px;font-weight:600;margin:0 0 16px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{background-color:#2a2a2a;border-left:3px solid #8b5cf6;border-radius:8px;padding:12px}.activity-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.activity-details{color:#e5e5e5;font-size:12px}.activity-details span{margin-right:12px}.list{background-color:#f1f2f4;border-radius:12px;display:flex;flex-direction:column;max-height:calc(100vh - 120px);max-width:272px;min-width:272px;padding:8px;transition:min-width .3s ease,max-width .3s ease}.list.collapsed{max-width:48px;min-width:48px;padding:8px 4px}.list.collapsed .cards-container{display:flex;flex-direction:column;gap:4px}.list.collapsed .card{height:auto;max-width:32px;min-height:60px;min-width:32px;padding:4px;text-orientation:mixed;writing-mode:vertical-rl}.list.collapsed .card-content{align-items:center;display:flex;flex-direction:column;width:100%}.list.collapsed .card-title{font-size:12px;max-height:120px;overflow:hidden;text-orientation:mixed;text-overflow:ellipsis;white-space:nowrap;writing-mode:vertical-rl}.list.collapsed .card-actions,.list.collapsed .card-badges,.list.collapsed .card-description,.list.collapsed .card-labels{display:none}.list-header{justify-content:space-between;margin-bottom:4px;padding:8px;position:relative}.collapse-btn,.list-header{align-items:center;display:flex}.collapse-btn{background:none;border:none;border-radius:4px;color:#44546f;cursor:pointer;flex-shrink:0;font-size:18px;padding:4px;transition:background-color .2s}.collapse-btn:hover{background-color:#dcdfe4}.list.collapsed .collapse-btn{margin:0 auto}.list.collapsed .list-menu-container,.list.collapsed .list-title,.list.collapsed .list-title-input{display:none}.list-title{border-radius:4px;color:#172b4d;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;margin:0;padding:4px 8px;transition:background-color .2s}.list-title:hover{background-color:#e4e6ea}.list-title-input{background-color:#fff;border:2px solid #0079bf;border-radius:4px;color:#172b4d;flex:1 1;font-family:inherit;font-size:14px;font-weight:600;outline:none;padding:4px 8px}.list-menu-container{position:relative}.list-menu-btn{align-items:center;background:none;border:none;border-radius:4px;color:#44546f;cursor:pointer;display:flex;font-size:18px;padding:4px;transition:background-color .2s}.list-menu-btn:hover{background-color:#dcdfe4}.list-menu{background-color:#fff;border-radius:8px;box-shadow:0 8px 16px #00000026;margin-top:4px;min-width:200px;position:absolute;right:0;top:100%;z-index:100}.list-menu-header{align-items:center;border-bottom:1px solid #dfe1e6;display:flex;justify-content:space-between;padding:12px}.list-menu-header span{color:#172b4d;font-size:14px;font-weight:600}.close-menu-btn{align-items:center;color:#5e6c84;display:flex;font-size:18px;transition:background-color .2s}.close-menu-btn:hover{background-color:#f4f5f7}.list-menu-item{background:none;border:none;color:#172b4d;cursor:pointer;font-size:14px;padding:10px 12px;text-align:left;transition:background-color .2s;width:100%}.list-menu-item:hover{background-color:#f4f5f7}.list-menu-item.delete{color:#eb5a46}.list-menu-item.delete:hover{background-color:#ffebe6}.cards-container{flex:1 1;margin-bottom:8px;min-height:40px;overflow-y:auto;padding:0 4px;transition:background-color .2s}.cards-container:empty{border:2px dashed #0000;border-radius:8px;min-height:80px}.cards-container:empty:before{content:"";display:block;height:100%}.add-card-btn{align-items:center;background:none;border:none;border-radius:8px;color:#44546f;cursor:pointer;display:flex;font-size:14px;gap:4px;padding:8px;transition:background-color .2s;width:100%}.add-card-btn:hover{background-color:#dcdfe4}.add-card-form{padding:8px}.add-card-form textarea{border:none;border-radius:8px;box-shadow:0 1px 0 #091e4221;font-family:inherit;font-size:14px;margin-bottom:8px;min-height:60px;padding:8px 12px;resize:vertical;width:100%}.add-card-form textarea:focus{outline:2px solid #7fd957}.add-card-actions{align-items:center;display:flex;gap:8px}.add-card-btn-confirm{background-color:#7fd957;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.add-card-btn-confirm:hover{background-color:#6cc945}.cancel-btn{background:none;border-radius:4px;color:#44546f;font-size:24px;padding:4px 8px}.cancel-btn:hover{background-color:#dcdfe4}.cards-container::-webkit-scrollbar{width:8px}.cards-container::-webkit-scrollbar-track{background:#0000}.cards-container::-webkit-scrollbar-thumb{background:#bfc4cc;border-radius:10px}.cards-container::-webkit-scrollbar-thumb:hover{background:#a8adb5}.card{align-items:flex-start;background-color:#fff;border-radius:8px;box-shadow:0 1px 0 #091e4221;cursor:grab;display:flex;flex-direction:row;gap:8px;justify-content:space-between;margin-bottom:8px;min-height:40px;padding:12px;position:relative;transition:box-shadow .2s,transform .1s}.card:hover{box-shadow:0 4px 8px #091e4233}.card.dragging,.card:active{cursor:grabbing}.card.dragging{box-shadow:0 8px 16px #091e424d;transform:rotate(2deg)}.card-content{cursor:pointer;flex:1 1;width:100%}.card-labels{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.card-label{border-radius:4px;color:#fff;font-size:11px;font-weight:600;max-width:100%;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.card-title{word-wrap:break-word;color:#172b4d;font-size:14px;margin:0}.card-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.card-badge{align-items:center;color:#5e6c84;display:flex;font-size:12px;gap:4px}.card-badge svg{font-size:14px}.card-badge span{font-size:12px}.card-description{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#5e6c84;display:-webkit-box;font-size:12px;margin:4px 0 0;overflow:hidden}.card-actions{display:none;flex-direction:column;flex-shrink:0;gap:4px}.card:hover .card-actions{display:flex}.card-action-btn{align-items:center;background:none;border:none;border-radius:4px;color:#5e6c84;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px;transition:all .2s}.card-action-btn:hover{background-color:#f4f5f7}.edit-btn:hover{color:#0079bf}.delete-btn:hover{background-color:#ffebe6;color:#eb5a46}.card-members{align-items:center;display:flex;margin-top:4px}.card-member-avatar{align-items:center;border:2px solid #2a2a2a;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:28px;justify-content:center;width:28px}.card-member-avatar.more{background-color:#44546f;font-size:10px}.card.expanded{background-color:#f9fafb;box-shadow:0 4px 12px #091e4240}.card-expanded-content{border-top:1px solid #dfe1e6;display:flex;flex-direction:column;gap:12px;margin-top:12px;padding-top:12px}.card-expanded-field{display:flex;flex-direction:column;gap:6px}.card-expanded-field label{align-items:center;color:#172b4d;display:flex;font-size:12px;gap:4px}.card-select{background-color:#fff;border:1px solid #dfe1e6;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 8px;transition:border-color .2s}.card-select:focus,.card-select:hover{border-color:#0079bf}.card-select:focus{box-shadow:0 0 0 1px #0079bf;outline:none}.card-textarea{background-color:#fff;border:1px solid #dfe1e6;border-radius:4px;font-family:inherit;font-size:13px;min-height:60px;padding:8px;resize:vertical}.card-textarea:focus{border-color:#0079bf;box-shadow:0 0 0 1px #0079bf;outline:none}.card-description-display{background-color:#fff;border:1px solid #dfe1e6;border-radius:4px;color:#172b4d;cursor:pointer;font-size:13px;min-height:40px;padding:8px;transition:border-color .2s}.card-description-display:hover{border-color:#0079bf}.card-description-edit{display:flex;flex-direction:column;gap:6px}.card-description-actions{display:flex;gap:6px}.cancel-btn-small,.save-btn-small{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.save-btn-small{background-color:#0079bf;color:#fff}.save-btn-small:hover{background-color:#026aa7}.cancel-btn-small{background-color:#f4f5f7;color:#172b4d}.cancel-btn-small:hover{background-color:#ebecf0}.card-modal-overlay{align-items:flex-start;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:48px 0;position:fixed;right:0;top:0;z-index:1000}.card-modal{background-color:#f4f5f7;border-radius:8px;box-shadow:0 8px 16px #0000004d;display:flex;gap:16px;margin:auto;max-width:90%;min-height:400px;position:relative;width:768px}.card-modal-main{flex:1 1}.card-modal-sidebar{flex-shrink:0;padding:16px;width:180px}.sidebar-title{color:#5e6c84;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.sidebar-add-btn{align-items:center;background-color:#dfe1e6;border:none;border-radius:4px;color:#172b4d;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;padding:8px 12px;transition:background-color .2s;width:100%}.sidebar-add-btn:hover{background-color:#d0d4db}.sidebar-add-btn svg{font-size:16px}.card-modal-header{align-items:flex-start;display:flex;gap:12px;padding:16px 20px}.header-icon{color:#5e6c84;font-size:24px;margin-top:4px}.header-content{flex:1 1}.card-modal-title{background:#0000;border:none;border-radius:4px;color:#172b4d;font-family:inherit;font-size:20px;font-weight:600;line-height:1.3;overflow:hidden;padding:8px 12px;resize:none;width:100%}.card-modal-title:focus,.card-modal-title:hover{background-color:#fff;outline:2px solid #0079bf}.close-modal-btn{color:#5e6c84;transition:all .2s}.close-modal-btn:hover{background-color:#dfe1e6;color:#172b4d}.card-modal-section{margin-bottom:24px;padding:0 20px 16px 52px}.section-header{gap:12px;margin-bottom:12px}.section-icon{color:#5e6c84;font-size:20px}.section-header h3{color:#172b4d;font-size:16px;font-weight:600;margin:0}.description-edit{width:100%}.description-textarea{background-color:#fff;border:none;border-radius:8px;box-shadow:0 1px 2px #0000001a;color:#172b4d;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;width:100%}.description-textarea:focus{outline:2px solid #0079bf}.description-actions{display:flex;gap:8px;margin-top:8px}.save-btn{background-color:#0079bf;font-weight:500;padding:8px 16px;transition:background-color .2s}.save-btn:hover{background-color:#026aa7}.cancel-description-btn{background:none;border:none;border-radius:4px;color:#5e6c84;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.add-description-btn,.cancel-description-btn:hover{background-color:#dfe1e6;color:#172b4d}.add-description-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:12px;text-align:left;transition:background-color .2s;width:100%}.add-description-btn:hover{background-color:#d0d4db}.team-management-section{background-color:#e4f2ff;border-left:4px solid #0079bf;border-radius:8px;margin-bottom:24px;padding:16px 20px 16px 48px!important}.status-badge{border-radius:16px;font-size:13px;margin-bottom:16px}.timestamps-info{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.timestamp-item{align-items:center;color:#172b4d;display:flex;font-size:14px;gap:8px}.timestamp-item svg{color:#5e6c84;font-size:18px}.team-assignment-info{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px}.assignment-item{color:#172b4d;font-size:14px}.assignment-item strong{color:#0079bf;margin-right:8px}.task-actions{display:flex;flex-wrap:wrap;gap:8px}.task-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.task-action-btn svg{font-size:18px}.accept-btn{background-color:#3b82f6;color:#fff}.accept-btn:hover{background-color:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-2px)}.start-btn{background-color:#8b5cf6;color:#fff}.start-btn:hover{background-color:#7c3aed;box-shadow:0 4px 8px #8b5cf64d;transform:translateY(-2px)}.complete-btn{background-color:#10b981;color:#fff}.complete-btn:hover{background-color:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-2px)}.creator-info{align-items:center;background-color:#e3f2fd;border-radius:6px;color:#1976d2;display:flex;gap:8px;margin-bottom:12px;padding:8px 12px}.creator-info svg{font-size:18px}.team-assignment-section{margin:16px 0}.team-assignment-section strong{color:#5e6c84;display:block;font-size:14px;margin-bottom:8px}.member-select{background-color:#fff;border:2px solid #dfe1e6;border-radius:6px;color:#172b4d;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.member-select:hover{border-color:#0079bf}.member-select:focus{border-color:#0079bf;box-shadow:0 0 0 3px #0079bf1a;outline:none}.member-select:disabled{cursor:not-allowed;opacity:.6}.assigned-member-display{align-items:center;background-color:#e3f2fd;border-radius:6px;color:#1976d2;display:flex;font-weight:500;justify-content:space-between;padding:10px 12px}.assigned-member-display span{flex:1 1}.unassign-btn{align-items:center;background-color:#fff;border:none;border-radius:4px;color:#0079bf;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.unassign-btn:hover{background-color:#0079bf;color:#fff;transform:scale(1.1)}.unassign-btn:disabled{cursor:not-allowed;opacity:.6}.unassign-btn svg{font-size:18px}.add-to-card-modal{background-color:#282e33;border-radius:8px;box-shadow:0 8px 16px #0000004d;max-height:90vh;overflow-y:auto;position:absolute;width:304px;z-index:1000}.add-modal-header{align-items:center;border-bottom:1px solid #424b54;display:flex;justify-content:center;padding:12px 16px;position:relative}.add-modal-header h3{color:#fff;font-size:14px;font-weight:600;margin:0}.close-modal-btn{border-radius:4px;color:#fff;font-size:20px;padding:4px;position:absolute;right:12px}.close-modal-btn:hover{background-color:#42505f}.back-btn{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;left:12px;padding:4px;position:absolute}.back-btn:hover{background-color:#42505f}.add-modal-content,.add-option-item{padding:12px 16px}.add-option-item{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;text-align:left;transition:background-color .2s;width:100%}.add-option-item:hover{background-color:#42505f}.option-icon{color:#e5e5e5;flex-shrink:0;font-size:20px}.option-text{flex:1 1}.option-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px}.option-subtitle{color:#e5e5e5;font-size:12px}.search-input{background-color:#222;border:2px solid #333;border-radius:4px;margin-bottom:12px;padding:8px 12px}.labels-list{margin-bottom:16px}.label-item{justify-content:space-between;margin-bottom:8px}.label-color-box,.label-item{align-items:center;display:flex}.label-color-box{border-radius:4px;color:#fff;flex:1 1;font-size:14px;font-weight:600;height:32px;margin-right:12px;padding:0 12px}.label-item input[type=checkbox]{cursor:pointer;height:18px;width:18px}.new-label-section{border-top:1px solid #424b54;margin-top:16px;padding-top:16px}.label-color-select,.label-text-input{background-color:#222;border:2px solid #333;border-radius:4px;color:#fff;font-size:14px;margin-bottom:8px;outline:none;padding:8px 12px;width:100%}.label-color-select:focus,.label-text-input:focus{border-color:#7fd957}.create-label-btn{background-color:#44546f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:12px;padding:8px;width:100%}.create-label-btn:hover{background-color:#505f79}.save-btn{border-radius:4px;padding:10px;width:100%}.date-option{align-items:center;display:flex;gap:8px;margin-bottom:12px}.date-option input[type=checkbox]{cursor:pointer;height:18px;width:18px}.date-option label{color:#fff;cursor:pointer;font-size:14px}.date-input{background-color:#222;border:2px solid #333;border-radius:4px;color:#fff;font-size:14px;margin-bottom:12px;outline:none;padding:8px 12px;width:100%}.date-input:focus{border-color:#7fd957}.checklist-title-input{background-color:#222;border:2px solid #333;border-radius:4px;color:#fff;font-size:14px;margin-bottom:16px;outline:none;padding:8px 12px;width:100%}.checklist-title-input:focus{border-color:#7fd957}.checklist-progress{margin-bottom:16px}.progress-text{color:#e5e5e5;font-size:12px;margin-bottom:4px}.progress-bar{background-color:#222;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background-color:#61bd4f;height:100%;transition:width .3s ease}.checklist-items{margin-bottom:16px}.checklist-item{align-items:center;background-color:#222;border-radius:4px;display:flex;gap:8px;margin-bottom:8px;padding:8px}.checklist-item input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;width:18px}.checklist-item span{color:#fff;flex:1 1;font-size:14px}.checked-text{opacity:.6;text-decoration:line-through}.delete-item-btn{align-items:center;background:none;border:none;border-radius:4px;color:#e5e5e5;cursor:pointer;display:flex;flex-shrink:0;padding:4px}.delete-item-btn:hover{background-color:#42505f}.add-checklist-item{display:flex;gap:8px;margin-bottom:16px}.new-item-input{background-color:#222;border:2px solid #333;border-radius:4px;color:#fff;flex:1 1;font-size:14px;outline:none;padding:8px 12px}.new-item-input:focus{border-color:#7fd957}.add-item-btn{background-color:#44546f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.add-item-btn:hover{background-color:#505f79}.members-list{margin-top:12px}.member-item{border-radius:4px;cursor:pointer;padding:8px;transition:background-color .2s}.member-item:hover{background-color:#42505f}.member-avatar{background-color:#1d4e89;font-weight:600}.member-name{font-size:14px}.member-email{font-size:12px}.member-item input[type=checkbox]{cursor:pointer;height:18px;width:18px}.attachment-tabs{display:flex;gap:8px;margin-bottom:16px}.tab-btn{background-color:#222;border:2px solid #333;color:#fff;flex:1 1;padding:8px}.tab-btn.active{background-color:#7fd957}.upload-area{border:2px dashed #333;border-radius:8px;padding:32px;text-align:center;transition:border-color .2s}.upload-area:hover{border-color:#7fd957}.file-input{display:none}.upload-label{align-items:center;color:#e5e5e5;cursor:pointer;display:flex;flex-direction:column;gap:8px}.upload-label svg{color:#7fd957}.upload-label p{color:#fff;font-size:14px;margin:0}.upload-hint{color:#e5e5e5;font-size:12px}.link-section{display:flex;flex-direction:column;gap:12px}.link-input{background-color:#222;border:2px solid #333;border-radius:4px;padding:8px 12px;width:100%}.link-input:focus{border-color:#7fd957}.attach-btn{background-color:#7fd957;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px;width:100%}.attach-btn:hover{background-color:#6cc945}.location-input{background-color:#222;border:2px solid #333;border-radius:4px;color:#fff;font-size:14px;margin-bottom:12px;outline:none;padding:8px 12px;width:100%}.location-input:focus{border-color:#7fd957}.info-text{font-size:14px}.add-field-btn{background-color:#44546f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:16px;padding:10px;width:100%}.add-field-btn:hover{background-color:#505f79}.field-types{display:flex;flex-direction:column;gap:8px}.field-type-item{background-color:#222;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px;transition:background-color .2s}.field-type-item:hover{background-color:#2a2a2a}.add-to-card-modal::-webkit-scrollbar{width:8px}.add-to-card-modal::-webkit-scrollbar-track{background:#0000}.add-to-card-modal::-webkit-scrollbar-thumb{background:#424b54;border-radius:10px}.add-to-card-modal::-webkit-scrollbar-thumb:hover{background:#505f79}.assign-self-btn{align-items:center;background-color:#0079bf;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-bottom:16px;padding:10px 16px;transition:all .2s;width:100%}.assign-self-btn:hover{background-color:#026aa7;box-shadow:0 4px 8px #0079bf4d;transform:translateY(-2px)}.assign-self-btn svg{font-size:18px}.member-item.clickable{cursor:pointer;position:relative;transition:all .2s}.member-item.clickable:hover{background-color:#42505f;transform:translateX(4px)}.forward-icon{color:#0079bf;font-size:20px;position:absolute;right:16px}.info-text{margin-bottom:16px}.automations-modal{background:#222;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:700px;overflow:hidden;width:90%}.automations-tabs{border-bottom:2px solid #579dff33;display:flex;gap:8px;padding:16px 24px 0}.automations-list{display:flex;flex-direction:column;gap:12px}.automation-item{align-items:flex-start;background:#2c333899;border:2px solid #579dff33;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:16px}.automation-info{flex:1 1}.automation-info h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.automation-action,.automation-trigger{color:#e5e5e5;font-size:13px;margin:4px 0}.automation-action strong,.automation-trigger strong{color:#7fd957}.automation-controls{align-items:center;display:flex}.toggle-switch{display:inline-block;height:24px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#44546f;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#7fd957}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.templates-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.template-card{background:#2c333899;border-radius:8px;padding:20px}.template-card:hover{transform:translateY(-2px)}.template-icon{color:#7fd957;margin-bottom:12px}.template-card h3{font-size:16px}.template-card p{font-size:13px;margin:0 0 16px}.btn-add-template{align-items:center;background:linear-gradient(135deg,#7fd957,#8b5cf6);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s;width:100%}.btn-add-template:hover{box-shadow:0 4px 12px #579dff66;transform:translateY(-1px)}.powerups-modal{background:#222;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:700px;overflow:hidden;width:90%}.powerups-intro{padding:16px 0;text-align:center}.powerups-intro p{color:#e5e5e5;font-size:14px;margin:0}.powerups-list{display:flex;flex-direction:column;gap:12px}.powerup-item{align-items:center;background:#2c333899;border:2px solid #579dff33;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .2s}.powerup-item:hover{border-color:#7fd957}.powerup-icon{flex-shrink:0;font-size:48px}.powerup-info{flex:1 1}.powerup-header{align-items:center;display:flex;gap:12px;margin-bottom:4px}.powerup-info h3{color:#fff;font-size:16px;font-weight:600;margin:0}.powerup-category{background:#579dff33;border:1px solid #579dff4d;border-radius:12px;color:#7fd957;font-size:11px;font-weight:600;padding:2px 8px}.powerup-info p{color:#e5e5e5;font-size:13px;margin:0}.powerup-toggle{align-items:center;background:#0000;border:2px solid #579dff4d;border-radius:6px;color:#7fd957;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 20px;transition:all .2s;white-space:nowrap}.powerup-toggle:hover{background:#579dff1a;border-color:#7fd957}.powerup-toggle.enabled{background:linear-gradient(135deg,#7fd957,#8b5cf6);border-color:#0000;color:#fff}.powerup-toggle.enabled:hover{box-shadow:0 4px 12px #579dff66;transform:translateY(-1px)}.board-menu{background:#222;border-left:2px solid #579dff33;bottom:0;box-shadow:-4px 0 12px #0000004d;display:flex;flex-direction:column;position:fixed;right:0;top:0;width:340px;z-index:100}.board-menu-header{align-items:center;border-bottom:2px solid #579dff33;display:flex;justify-content:space-between;padding:16px 20px}.board-menu-header h3{color:#fff;font-size:18px;font-weight:700;margin:0}.close-menu-btn{background:none;border:none;border-radius:4px;color:#e5e5e5;cursor:pointer;font-size:24px;padding:4px;transition:all .2s}.close-menu-btn:hover{background:#ffffff1a;color:#fff}.board-menu-content{flex:1 1;overflow-y:auto;padding:16px}.menu-options{display:flex;flex-direction:column;gap:4px}.menu-option{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s}.menu-option:hover{background:#579dff1a}.menu-option svg{color:#7fd957;font-size:20px}.menu-option.danger,.menu-option.danger svg{color:#ff6b6b}.menu-option.danger:hover{background:#ff6b6b1a}.menu-divider{background:#579dff33;height:1px;margin:8px 0}.back-btn-menu{background:none;border:none;color:#7fd957;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:12px;padding:8px 0;transition:all .2s}.back-btn-menu:hover{color:#fff}.backgrounds-section h4,.labels-section h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.backgrounds-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.background-option{background-position:50%;background-size:cover;border:3px solid #0000;border-radius:8px;cursor:pointer;height:100px;overflow:hidden;position:relative;transition:all .2s}.background-option:hover{border-color:#7fd957;transform:scale(1.05)}.bg-overlay{background:#0003;inset:0;position:absolute}.labels-list{display:flex;flex-direction:column;gap:8px}.label-item{border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s}.label-item:hover{box-shadow:0 4px 12px #0003;transform:translateX(4px)}.board-menu-content::-webkit-scrollbar{width:8px}.board-menu-content::-webkit-scrollbar-track{background:#0000}.board-menu-content::-webkit-scrollbar-thumb{background:#44546f;border-radius:4px}.board-menu-content::-webkit-scrollbar-thumb:hover{background:#7fd957}.members-modal{background:#222;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.search-section{padding:16px 0}.search-input{background:#2c3338cc;border:2px solid #579dff33;padding:12px 16px;transition:all .2s}.search-input:focus{box-shadow:0 0 0 4px #579dff1a}.available-section,.members-section{margin-bottom:24px}.available-section h3,.members-section h3{color:#e5e5e5;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.members-list{display:flex;flex-direction:column;gap:8px}.member-item{align-items:center;background:#2c333899;border:2px solid #579dff33;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s}.member-item:hover{border-color:#7fd957}.member-avatar{flex-shrink:0;font-size:14px;height:40px;width:40px}.member-info{flex:1 1}.member-name{font-size:15px;margin-bottom:2px}.member-role{background:#579dff33;border:1px solid #579dff4d;border-radius:12px;color:#7fd957;font-size:12px;padding:4px 12px}.add-member-btn,.remove-member-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.add-member-btn{background:linear-gradient(135deg,#7fd957,#8b5cf6)}.add-member-btn:hover{box-shadow:0 4px 12px #579dff66;transform:translateY(-1px)}.remove-member-btn{background:#ff6b6b1a;color:#ff6b6b;padding:8px}.remove-member-btn:hover{background:#ff6b6b33}.share-modal{background:#222;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:550px;overflow:hidden;width:90%}.share-section{margin-bottom:24px}.share-label{color:#e5e5e5;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.link-container{display:flex;gap:8px}.link-display{align-items:center;background:#2c3338cc;border:2px solid #579dff33;border-radius:8px;display:flex;flex:1 1;gap:12px;padding:12px 16px}.link-icon{color:#7fd957;flex-shrink:0;font-size:20px}.link-input{background:#0000;flex:1 1;outline:none}.copy-btn,.link-input{border:none;color:#fff;font-size:14px}.copy-btn{align-items:center;background:linear-gradient(135deg,#7fd957,#8b5cf6);border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:12px 20px;transition:all .2s;white-space:nowrap}.copy-btn:hover{box-shadow:0 4px 12px #579dff66;transform:translateY(-1px)}.copy-btn.copied{background:linear-gradient(135deg,#4ade80,#22c55e)}.permission-section{margin-bottom:24px}.permission-options{display:flex;flex-direction:column;gap:8px}.permission-option{align-items:flex-start;background:#2c333899;border:2px solid #579dff33;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.permission-option:hover{border-color:#7fd957}.permission-option input[type=radio]{accent-color:#7fd957;cursor:pointer;height:18px;margin-top:2px;width:18px}.permission-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.permission-info strong{color:#fff;font-size:15px}.permission-info span{color:#e5e5e5;font-size:13px}.share-info{background:#579dff1a;border:1px solid #579dff33;border-radius:8px;padding:16px}.share-info p{color:#e5e5e5;font-size:13px;line-height:1.6;margin:0}.share-info strong{color:#7fd957}.dashboard-page{background-color:#2a2a2a;display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.dashboard-header{align-items:flex-start;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:32px 40px 24px}.dashboard-date-range{align-items:center;display:flex;gap:8px}.date-range-select{background-color:#222;border:2px solid #3a3a3a;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:10px 16px;transition:border-color .2s}.date-range-select:focus,.date-range-select:hover{border-color:#7fd957}.dashboard-title{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.dashboard-subtitle{color:#e5e5e5;font-size:14px;margin:0}.dashboard-filters-section{background-color:#222;border-bottom:1px solid #2a2a2a;padding:24px 40px}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.filters-title{color:#fff;font-size:16px;gap:8px}.clear-filters-btn,.filters-title{align-items:center;display:flex;font-weight:600}.clear-filters-btn{background-color:initial;border:1px solid #ef4444;color:#ef4444;font-size:13px;gap:6px;padding:8px 16px}.clear-filters-btn:hover{background-color:#ef4444;color:#fff}.filters-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-input,.filter-select{border-radius:4px;font-family:inherit;padding:10px 12px;transition:border-color .2s}.filter-input:focus,.filter-input:hover,.filter-select:focus,.filter-select:hover{border-color:#7fd957}.filter-group-multi{display:flex;flex-direction:column;gap:12px;grid-column:1/-1}.status-chips{display:flex;flex-wrap:wrap;gap:8px}.status-chip{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;text-transform:capitalize;transition:all .2s}.status-chip:hover{background-color:#3a3a3a;border-color:#7fd957}.status-chip.active{background-color:#7fd957;border-color:#7fd957;color:#fff}.kpis-grid{grid-gap:20px;background-color:#2a2a2a;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:32px 40px}.kpi-card{background-color:#222;border:1px solid #2a2a2a;border-radius:8px;transition:transform .2s,box-shadow .2s}.kpi-card:hover{box-shadow:0 4px 12px #0000004d}.kpi-icon{border-radius:8px;flex-shrink:0;font-size:28px;height:56px;width:56px}.kpi-icon.blue{background-color:#3b82f6}.kpi-icon.green{background-color:#10b981}.kpi-icon.red{background-color:#ef4444}.kpi-icon.purple{background-color:#8b5cf6}.kpi-icon.orange{background-color:#f59e0b}.kpi-icon.cyan{background-color:#06b6d4}.kpi-icon.yellow{background-color:#eab308}.kpi-content{display:flex;flex-direction:column;gap:4px;overflow:hidden}.kpi-value{font-size:32px;line-height:1}.kpi-label{color:#fff;font-size:14px;font-weight:600}.kpi-subtitle{color:#e5e5e5;font-size:12px}.dashboard-section{background-color:#2a2a2a;border-bottom:1px solid #222;padding:24px 40px}.dashboard-section .kpis-grid{padding:0}.section-title{margin:0 0 20px}.top-items-section{background-color:#222;border-radius:8px;margin-top:24px;padding:20px}.top-items-section h4{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.top-items-section.warning{background-color:#f59e0b1a;border:1px solid #f59e0b4d}.top-items-section.warning h4{color:#f59e0b}.top-items-list{display:flex;flex-direction:column;gap:12px}.top-item{align-items:center;background-color:#2a2a2a;border-radius:6px;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s}.top-item:hover{background-color:#3a3a3a}.top-item.warning{background-color:#f59e0b1a}.top-item-rank{color:#7fd957;font-size:14px;font-weight:700;min-width:32px}.top-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow:hidden}.top-item-name{color:#fff;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-item-meta{color:#e5e5e5;font-size:12px}.top-item-value{color:#7fd957;font-size:14px;font-weight:600;white-space:nowrap}.top-item-value.warning{color:#f59e0b}.alerts-section{background-color:#222;border-bottom:1px solid #2a2a2a;padding:32px 40px}.alerts-section h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.alerts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.alert-card{align-items:center;border-left:4px solid;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:transform .2s}.alert-card:hover{transform:translateX(4px)}.alert-card.warning{background-color:#f59e0b1a;border-color:#f59e0b}.alert-card.danger{background-color:#ef44441a;border-color:#ef4444}.alert-card.info{background-color:#3b82f61a;border-color:#3b82f6}.alert-icon{flex-shrink:0;font-size:32px}.alert-card.warning .alert-icon{color:#f59e0b}.alert-card.danger .alert-icon{color:#ef4444}.alert-card.info .alert-icon{color:#3b82f6}.alert-content{display:flex;flex-direction:column;gap:4px}.alert-count{color:#fff;font-size:24px;font-weight:700}.alert-message{color:#e5e5e5;font-size:13px;line-height:1.4}.leads-table-section{padding:32px 40px}.table-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.table-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.search-box{background-color:#222;border:2px solid #3a3a3a;max-width:500px;padding:8px 12px;transition:border-color .2s}.search-icon{flex-shrink:0}.search-input{background:#0000;border:none;flex:1 1;font-family:inherit}.clear-search-btn{background:#0000;padding:4px;transition:background-color .2s}.clear-search-btn:hover{background-color:#2a2a2a;color:#fff}.table-container{background-color:#222;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden}.leads-table{border-collapse:collapse;width:100%}.leads-table thead{background-color:#2a2a2a}.leads-table th{color:#e5e5e5;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;transition:background-color .2s;-webkit-user-select:none;user-select:none;white-space:nowrap}.leads-table th:hover{background-color:#3a3a3a}.leads-table tbody tr{border-bottom:1px solid #2a2a2a;cursor:pointer;transition:background-color .2s}.leads-table tbody tr:hover{background-color:#2a2a2a}.leads-table tbody tr.warning-row{background-color:#f59e0b0d}.leads-table tbody tr:last-child{border-bottom:none}.leads-table td{color:#fff;font-size:14px;padding:14px 16px;white-space:nowrap}.lead-name{font-weight:500}.warning-icon{color:#f59e0b;flex-shrink:0;font-size:18px}.days-ago{color:#e5e5e5;font-size:12px}.status-badge{padding:4px 12px}.pagination{background-color:#2a2a2a;border-top:1px solid #3a3a3a;gap:20px}.pagination-btn{background-color:#222;font-size:24px;height:36px;width:36px}.pagination-btn:disabled{opacity:.3}.pagination-info{color:#fff;font-weight:600}.pagination-items{color:#e5e5e5;font-size:12px;font-weight:400}.empty-state p{margin:0 0 16px}.lead-modal{background-color:#222;border-radius:8px;box-shadow:0 8px 32px #0006;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.lead-modal .modal-header{align-items:center;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:24px}.lead-modal .modal-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.lead-modal .modal-body{padding:24px}.lead-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.detail-item label{color:#e5e5e5;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:#fff;font-size:14px;font-weight:500}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{animation:shimmer 2s infinite;background:linear-gradient(90deg,#2a2a2a,#3a3a3a 50%,#2a2a2a);background-size:1000px 100%;border-radius:4px}.skeleton-kpi{height:100px}.skeleton-table-row{height:48px;margin-bottom:8px}@media (max-width:1400px){.kpis-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:1200px){.filters-grid,.kpis-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-header{padding:20px}.dashboard-title{font-size:22px}.dashboard-filters-section{padding:20px}.filters-grid,.kpis-grid{grid-template-columns:1fr}.alerts-section,.kpis-grid{padding:20px}.alerts-grid{grid-template-columns:1fr}.leads-table-section{padding:20px}.table-header{align-items:stretch;flex-direction:column}.search-box{max-width:100%}.table-container{overflow-x:auto}.leads-table{min-width:1200px}.lead-detail-grid{grid-template-columns:1fr}.pagination{flex-direction:column;gap:12px}.pagination-info{order:-1}}@media (max-width:480px){.dashboard-title{font-size:20px}.kpi-value{font-size:28px}.kpi-icon{font-size:24px;height:48px;width:48px}}.members-page{background-color:#2a2a2a;display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.members-header{align-items:center;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:32px 40px 24px}.members-title{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.members-subtitle{color:#e5e5e5;font-size:14px;margin:0}.add-member-btn{align-items:center;background-color:#7fd957;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:background-color .2s}.add-member-btn:hover{background-color:#6cc945}.members-content{flex:1 1;padding:32px 40px}.members-empty{color:#e5e5e5;padding:80px 20px;text-align:center}.empty-icon{color:#44546f;margin-bottom:20px}.members-empty h2{color:#fff;font-size:20px;margin:0 0 8px}.members-empty p{font-size:14px;margin:0 0 24px}.add-member-btn-empty{align-items:center;background-color:#7fd957;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:background-color .2s}.add-member-btn-empty:hover{background-color:#6cc945}.department-section{margin-bottom:40px}.department-title{color:#fff;font-size:16px;font-weight:600;margin:0 0 20px}.members-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.member-card{background-color:#222;border:1px solid #2a2a2a;border-radius:8px;padding:20px;transition:transform .2s,box-shadow .2s}.member-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.member-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.member-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:56px;justify-content:center;width:56px}.member-actions{display:flex;gap:4px}.member-action-btn{align-items:center;background:none;border:none;border-radius:4px;color:#e5e5e5;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.member-action-btn:hover{background-color:#2a2a2a}.member-action-btn.delete:hover{background-color:#ef444433;color:#ef4444}.member-info{display:flex;flex-direction:column;gap:8px}.member-name{color:#fff;font-size:16px;font-weight:600;margin:0}.member-email{color:#e5e5e5;font-size:13px;margin:0}.member-meta{align-items:center;display:flex;gap:8px}.member-role{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.member-role.admin{background-color:#ef444433;color:#ef4444}.member-role.manager{background-color:#fbbf2433;color:#fbbf24}.member-role.member{background-color:#579dff33;color:#7fd957}.member-role.observer{background-color:#6b728033;color:#e5e5e5}.members-modal{width:500px}.avatar-preview-section{align-items:center;background-color:#2a2a2a;border-radius:8px;display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px}.avatar-preview{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;width:80px}.color-picker{width:100%}.color-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);margin-top:8px}.color-option{aspect-ratio:1;border:2px solid #0000;border-radius:4px;cursor:pointer;transition:transform .2s;width:100%}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#fff;transform:scale(1.15)}.field-label{color:#fff;display:block;font-size:12px;font-weight:600;margin-bottom:8px}.form-input,.form-select{padding:10px;width:100%}.form-input:focus,.form-select:focus{border-color:#7fd957}.submit-btn{background-color:#7fd957;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:12px;padding:12px;transition:background-color .2s;width:100%}.submit-btn:hover{background-color:#6cc945}.cancel-btn-modal{background-color:initial;border:1px solid #3a3a3a;padding:12px;transition:background-color .2s;width:100%}.member-status{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.member-status.pending{background-color:#fbbf2433;color:#fbbf24}.member-status.active{background-color:#10b98133;color:#10b981}.member-status svg{font-size:14px}.member-action-btn.resend{color:#fbbf24}.member-action-btn.resend:hover{background-color:#fbbf2433;color:#fbbf24}.members-loading{color:#e5e5e5;font-size:14px;padding:80px 20px;text-align:center}.crm-workspace{background-color:#2a2a2a;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.crm-header{background-color:#222;border-bottom:1px solid #2a2a2a;gap:16px;justify-content:space-between;padding:8px 16px}.back-btn-crm,.crm-header{align-items:center;display:flex}.back-btn-crm{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#e5e5e5;cursor:pointer;font-size:20px;justify-content:center;padding:10px;transition:all .2s ease}.back-btn-crm:hover{background-color:#7fd957;border-color:#7fd957;color:#fff;transform:translateX(-2px)}.crm-title{color:#fff;font-size:20px;font-weight:700;margin:0 0 2px}.crm-stats{display:flex;gap:12px}.crm-stat{background-color:#2a2a2a;border-radius:6px;color:#e5e5e5;font-size:13px;font-weight:500;padding:6px 12px}.crm-pipeline{display:flex;flex:1 1;gap:16px;overflow-x:auto;overflow-y:hidden;padding:12px}.crm-column{background-color:#222;border:1px solid #2a2a2a;border-radius:10px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 100px);max-width:280px;min-width:280px;transition:all .2s ease}.crm-column.collapsed{max-width:60px;min-width:60px}.crm-column:hover{box-shadow:0 4px 12px #0003}.crm-column-header{align-items:flex-start;border-bottom:1px solid #2a2a2a;border-top:3px solid;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:space-between;padding:14px 16px}.crm-column.collapsed .crm-column-header{align-items:center;flex-direction:column;gap:8px;padding:12px 8px}.crm-column-title{color:#fff;font-size:14px;font-weight:700;margin:0 0 2px}.crm-column.collapsed .crm-column-title{font-size:13px;margin:0;text-orientation:mixed;writing-mode:vertical-rl}.crm-column-meta{color:#e5e5e5;font-size:11px;font-weight:500;margin:0}.crm-column.collapsed .crm-column-meta{display:none}.add-lead-btn{align-items:center;background:#3a3a3a;border:1px solid #7fd957;border-radius:6px;color:#7fd957;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:6px;transition:all .2s ease}.add-lead-btn:hover{background-color:#7fd957;color:#fff;transform:scale(1.1)}.crm-column-content{display:flex;flex-direction:column;gap:12px;min-height:100px;overflow-y:auto;padding:12px}.crm-column.collapsed .crm-column-content{display:none}.column-collapse-btn{align-items:center;background:none;border:none;border-radius:4px;color:#e5e5e5;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px;transition:all .2s ease}.column-collapse-btn:hover{background-color:#3a3a3a;color:#7fd957}.crm-card{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;cursor:pointer;padding:12px;position:relative;transition:all .2s ease}.crm-card.compact{padding:10px}.crm-card.compact .crm-card-header{margin-bottom:4px}.crm-card.compact .crm-card-title{font-size:13px}.crm-card.compact .crm-card-field.value{margin-top:4px;padding-top:4px}.crm-card.expanded{box-shadow:0 20px 60px #00000080;cursor:default;left:50%;max-height:80vh;max-width:500px;min-width:400px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.card-overlay{background-color:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.crm-card:hover{border-color:#7fd957;box-shadow:0 4px 12px #0003;transform:translateY(-3px)}.crm-card.dragging{border-color:#7fd957;box-shadow:0 8px 24px #0000004d;cursor:grabbing;opacity:.9}.crm-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.crm-card-title-row{align-items:center;display:flex;flex:1 1;gap:12px}.crm-card-title{color:#fff;flex:1 1;font-size:13px;font-weight:600;margin:0}.omnichannel-badge{align-items:center;animation:pulse 2s ease-in-out infinite;background-color:#10b981;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:12px;height:20px;justify-content:center;width:20px}.crm-card-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.crm-card:hover .crm-card-actions{opacity:1}.crm-card-action-btn{align-items:center;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#e5e5e5;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:6px;transition:all .2s ease}.crm-card-action-btn:hover{background-color:#3a3a3a;border-color:#7fd957;color:#7fd957}.crm-card-action-btn.delete:hover{background-color:#ef444433;border-color:#ef4444;color:#ef4444}.crm-card-action-btn.won:hover{background-color:#10b98133;border-color:#10b981;color:#10b981}.crm-card-action-btn.lost:hover{background-color:#ef444433;border-color:#ef4444;color:#ef4444}.crm-card-field{align-items:center;color:#e5e5e5;display:flex;font-size:11px;gap:8px;margin-bottom:4px}.crm-card-field.value{border-top:1px solid #3a3a3a;margin-top:8px;padding-top:8px}.crm-field-icon{color:#9ca3af;flex-shrink:0;font-size:14px}.crm-value{color:#10b981;font-weight:700}.crm-card-description{border-top:1px solid #3a3a3a;color:#e5e5e5;font-size:11px;line-height:1.4;margin:8px 0 0;padding-top:8px}.crm-lead-modal,.crm-name-modal{width:550px}.form-textarea{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:6px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;min-height:100px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.form-textarea:focus{background-color:#3a3a3a;border-color:#7fd957}.crm-header-actions{align-items:center;display:flex;gap:12px;margin-left:auto}.compact-toggle-btn{align-items:center;background:#2a2a2a;border:2px solid #3a3a3a;border-radius:8px;color:#e5e5e5;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:10px 14px;transition:all .2s ease}.compact-toggle-btn:hover{background-color:#3a3a3a;border-color:#7fd957;color:#7fd957}.compact-toggle-btn.active{background-color:#7fd957;border-color:#7fd957;color:#fff}.view-toggle{background-color:#222;border-radius:6px;display:flex;gap:4px;padding:4px}.view-toggle-btn{align-items:center;background:none;border:none;border-radius:4px;color:#e5e5e5;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px 12px;transition:all .2s}.view-toggle-btn:hover{background-color:#2a2a2a}.view-toggle-btn.active{background-color:#7fd957;color:#fff}.crm-list-view{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.crm-list-header{border-bottom:1px solid #2a2a2a;display:flex;gap:12px;padding:16px 24px}.add-lead-btn-list{align-items:center;background-color:#7fd957;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:background-color .2s}.add-lead-btn-list:hover{background-color:#6cc945}.followup-btn-list{align-items:center;background-color:#f59e0b;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:background-color .2s}.followup-btn-list:hover{background-color:#fbbf24}.funnel-btn-list{align-items:center;background-color:#8b5cf6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:background-color .2s}.funnel-btn-list:hover{background-color:#a78bfa}.crm-table-container{flex:1 1;overflow:auto;padding:24px}.crm-table{background-color:#222;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.crm-table thead{background-color:#2a2a2a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.crm-table th{border-bottom:2px solid #3a3a3a;color:#e5e5e5;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.crm-table tbody tr{border-bottom:1px solid #2a2a2a;transition:background-color .2s}.crm-table tbody tr:hover{background-color:#2a2a2a}.crm-table td{color:#fff;font-size:14px;padding:16px}.lead-name{align-items:center;display:flex;gap:8px}.company-cell,.email-cell,.phone-cell{align-items:center;color:#e5e5e5;display:flex;gap:6px}.table-icon{color:#e5e5e5;flex-shrink:0;font-size:16px}.value-cell{align-items:center;display:flex;gap:4px}.status-badge{white-space:nowrap}.actions-cell{display:flex;gap:8px;justify-content:flex-end}.table-action-btn{align-items:center;background:none;border:none;border-radius:4px;color:#e5e5e5;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:6px;transition:background-color .2s,color .2s}.table-action-btn:hover{background-color:#3a3a3a;color:#fff}.table-action-btn.delete:hover{background-color:#ef444433;color:#ef4444}.empty-list{padding:60px 20px;text-align:center}.empty-list p{color:#e5e5e5;font-size:16px;margin:0 0 20px}.add-lead-btn-empty{align-items:center;background-color:#7fd957;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:background-color .2s}.add-lead-btn-empty:hover{background-color:#6cc945}.followup-quick-modal{width:450px}.followup-manager-modal{max-height:85vh;width:800px}.followup-manager-modal .modal-body{max-height:calc(85vh - 140px);overflow-y:auto}.followup-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.followup-stat-card{align-items:center;background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;display:flex;gap:12px;padding:16px}.followup-stat-card .stat-icon{color:#7fd957;font-size:32px}.followup-stat-card.success .stat-icon{color:#10b981}.followup-stat-card.warning .stat-icon{color:#f59e0b}.stat-content{display:flex;flex-direction:column;gap:2px}.followup-filters{align-items:center;background-color:#2a2a2a;border-radius:6px;display:flex;gap:12px;margin-bottom:20px;padding:12px}.filter-label{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:6px}.filter-select{background-color:#222;flex:1 1;padding:8px 12px}.filter-select:focus{border-color:#7fd957}.followup-list{display:flex;flex-direction:column;gap:12px}.followup-item{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;padding:16px;transition:border-color .2s}.followup-item:hover{border-color:#7fd957}.followup-item.dispatched{border-color:#10b981;opacity:.7}.followup-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.followup-lead-info{align-items:center;display:flex;gap:8px}.followup-icon{color:#e5e5e5;font-size:20px}.followup-lead-name{color:#fff;font-size:15px;font-weight:600}.followup-status-badge{border-radius:4px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.dispatch-btn{align-items:center;background-color:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:background-color .2s}.dispatch-btn:hover{background-color:#059669}.followup-item-details{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.followup-datetime,.followup-dispatched-info{align-items:center;color:#e5e5e5;display:flex;font-size:13px;gap:6px}.followup-datetime svg{color:#f59e0b}.followup-dispatched-info{color:#10b981}.followup-notes{border-top:1px solid #3a3a3a;color:#e5e5e5;font-size:13px;padding-top:8px}.followup-notes strong{color:#fff}.empty-followups{padding:40px 20px;text-align:center}.empty-followups .empty-icon{color:#3a3a3a;font-size:48px;margin-bottom:12px}.empty-followups p{color:#e5e5e5;font-size:14px;margin:0}.followup-by-status{border-top:1px solid #3a3a3a;margin-top:24px;padding-top:24px}.followup-by-status h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.status-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.status-stat-item{align-items:center;background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.status-stat-badge{border-radius:4px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.status-stat-count{color:#fff;font-size:18px;font-weight:700}.funnel-modal{width:650px}.status-checkbox-group{background-color:#2a2a2a;border-radius:6px;display:flex;flex-wrap:wrap;gap:12px;padding:12px}.status-checkbox-item{align-items:center;cursor:pointer;display:flex;gap:8px}.status-checkbox-item input[type=checkbox]{cursor:pointer;height:18px;width:18px}.status-checkbox-badge{border-radius:4px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.auto-dispatch-checkbox{align-items:center;background-color:#2a2a2a;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:background-color .2s}.auto-dispatch-checkbox:hover{background-color:#3a3a3a}.auto-dispatch-checkbox input[type=checkbox]{cursor:pointer;height:20px;width:20px}.auto-dispatch-checkbox span{color:#fff;font-size:14px;font-weight:600}.funnels-section{border-top:2px solid #3a3a3a;margin-top:32px;padding-top:24px}.funnels-section h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.funnels-list{display:flex;flex-direction:column;gap:12px}.funnel-item{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:16px;transition:border-color .2s}.funnel-item:hover{border-color:#8b5cf6}.funnel-item.dispatched{border-color:#10b981;opacity:.7}.funnel-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.funnel-info{align-items:center;display:flex;gap:10px}.funnel-icon{color:#8b5cf6;font-size:20px}.funnel-name{color:#fff;font-size:16px;font-weight:600}.funnel-actions{display:flex;gap:8px}.dispatch-funnel-btn{align-items:center;background-color:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:background-color .2s}.dispatch-funnel-btn:hover{background-color:#059669}.delete-funnel-btn{align-items:center;background-color:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:background-color .2s}.delete-funnel-btn:hover{background-color:#dc2626}.funnel-details{display:flex;flex-direction:column;gap:10px}.funnel-status-tags{display:flex;flex-wrap:wrap;gap:8px}.funnel-status-tag{border-radius:4px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.funnel-schedule{color:#f59e0b}.funnel-dispatched-info,.funnel-schedule{align-items:center;display:flex;font-size:13px;gap:6px}.funnel-dispatched-info{color:#10b981}.funnel-message{background-color:#222;border-left:3px solid #8b5cf6;border-radius:4px;color:#e5e5e5;font-size:13px;padding:10px}.funnel-message strong{color:#fff;display:block;margin-bottom:4px}.clientportfolio-page{background-color:#2a2a2a;display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.clientportfolio-loading{align-items:center;color:#e5e5e5;display:flex;flex:1 1;font-size:18px;justify-content:center}.clientportfolio-header{align-items:center;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:32px 40px 24px}.clientportfolio-title{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.clientportfolio-subtitle{color:#e5e5e5;font-size:14px;margin:0}.clientportfolio-stats{grid-gap:20px;background-color:#222;border-bottom:1px solid #2a2a2a;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:24px 40px}.stat-card.receivable .stat-icon{background-color:#3b82f6}.stat-card.received .stat-icon{background-color:#10b981}.stat-card.overdue .stat-icon{background-color:#ef4444}.clientportfolio-tabs{background-color:#222;border-bottom:1px solid #2a2a2a;display:flex;gap:8px;padding:16px 40px}.clientportfolio-content{flex:1 1;padding:32px 40px}.dashboard{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.dashboard-card{background-color:#222;border:1px solid #2a2a2a;border-radius:8px;display:flex;flex-direction:column;gap:8px}.dashboard-card h3{color:#e5e5e5;font-size:14px;letter-spacing:.5px;margin:0;text-transform:uppercase}.dashboard-value{font-size:28px;font-weight:700;margin:0}.dashboard-card.receivable .dashboard-value{color:#3b82f6}.dashboard-card.received .dashboard-value{color:#10b981}.dashboard-card.overdue .dashboard-value{color:#ef4444}.add-client-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:background-color .2s}.add-client-btn:hover{background-color:#2563eb}.clients-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.client-card{background-color:#222;border:1px solid #2a2a2a;cursor:pointer;display:flex;flex-direction:column;gap:16px;padding:20px;position:relative;transition:transform .2s}.client-card:hover{border-color:#3b82f6;transform:translateY(-2px)}.client-type-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px}.client-type-badge.pf{background-color:#3b82f633;color:#3b82f6}.client-type-badge.pj{background-color:#8b5cf633;color:#8b5cf6}.client-info{display:flex;gap:16px}.client-avatar{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:28px;height:60px;justify-content:center;width:60px}.client-details{flex:1 1;min-width:0}.client-details h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.client-contact{color:#e5e5e5;font-size:13px;gap:6px;margin:4px 0}.client-stats{grid-gap:12px;border-top:1px solid #2a2a2a;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding-top:12px}.client-stat{gap:4px}.client-stat-label{color:#e5e5e5;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.client-stat-value{color:#fff;font-size:14px;font-weight:600}.client-document{color:#e5e5e5;font-size:13px;margin:4px 0}.client-financials{border-top:1px solid #2a2a2a;display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px}.financial-item{color:#e5e5e5;font-size:12px}.financial-item.pending{color:#f59e0b}.financial-item.paid{color:#10b981}.client-actions{justify-content:flex-end}.purchase-btn{background-color:#10b981;color:#fff}.purchase-btn:hover{background-color:#059669}.installments-btn{background-color:#3b82f6;color:#fff}.installments-btn:hover{background-color:#2563eb}.installments-table-container{background-color:#222;border:1px solid #2a2a2a;border-radius:8px;overflow-x:auto}.installments-table{border-collapse:collapse;width:100%}.installments-table thead{background-color:#2a2a2a;border-bottom:2px solid #3a3a3a}.installments-table th{color:#e5e5e5;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.installments-table tbody tr{border-bottom:1px solid #2a2a2a;transition:background-color .2s}.installments-table tbody tr:hover{background-color:#2a2a2a}.installments-table tbody tr.overdue{background-color:#ef44441a}.installments-table td{color:#fff;font-size:14px;padding:14px 16px}.status-badge.pending{background-color:#f59e0b33;color:#f59e0b}.status-badge.paid{background-color:#10b98133;color:#10b981}.overdue-alert,.status-badge.overdue{background-color:#ef444433;color:#ef4444}.overdue-alert{border:1px solid #ef4444;border-radius:8px;font-weight:600;margin-bottom:24px;padding:16px}.installment-value{color:#10b981;font-weight:600}.pay-installment-btn{background-color:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:background-color .2s}.pay-installment-btn:hover{background-color:#059669}.purchases-list{gap:16px}.purchase-card{background-color:#222;border:1px solid #2a2a2a;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:20px}.purchase-header{align-items:start;display:flex;justify-content:space-between}.purchase-info h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.purchase-date{color:#e5e5e5;font-size:13px;margin:4px 0}.purchase-details{grid-gap:16px;border-top:1px solid #2a2a2a;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding-top:12px}.purchase-detail{display:flex;flex-direction:column;gap:4px}.purchase-detail-label{color:#e5e5e5;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.purchase-detail-value{color:#fff;font-size:14px;font-weight:600}.purchase-client{color:#e5e5e5;font-size:14px;margin:4px 0}.purchase-amount{color:#10b981;font-size:20px;font-weight:700;margin:8px 0}.purchase-installments{color:#e5e5e5;font-size:13px;margin:4px 0}.purchase-preview{background-color:#2a2a2a;border-radius:4px;margin-top:8px;padding:12px}.purchase-preview p{color:#fff;font-size:14px;font-weight:600;margin:0}.modal-purchase-item{align-items:center;background-color:#2a2a2a;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.modal-purchase-item strong{color:#fff;font-size:14px}.modal-purchase-item span{color:#e5e5e5;font-size:13px}.modal-installments-table{border-collapse:collapse;margin-top:12px;width:100%}.modal-installments-table thead{background-color:#2a2a2a;border-bottom:2px solid #3a3a3a}.modal-installments-table th{color:#e5e5e5;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.modal-installments-table tbody tr{border-bottom:1px solid #2a2a2a}.modal-installments-table td{color:#fff;font-size:13px;padding:12px}.form-select{cursor:pointer}.client-details-modal{max-width:700px}.client-details-section{margin-bottom:24px}.client-details-section h3{border-bottom:1px solid #2a2a2a;color:#fff;font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.client-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.detail-value{font-size:14px}@media (max-width:768px){.clientportfolio-header{padding:20px}.clientportfolio-tabs{overflow-x:auto;padding:16px 20px}.clientportfolio-content{padding:20px}.clients-list,.dashboard{grid-template-columns:1fr}.installments-table-container{overflow-x:scroll}.installments-table{min-width:800px}.client-details-grid,.purchase-details{grid-template-columns:1fr}}.data-workspace{background-color:#2a2a2a;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.data-header{background-color:#222;border-bottom:1px solid #2a2a2a;gap:16px;justify-content:space-between;padding:16px 24px}.back-btn-data,.data-header{align-items:center;display:flex}.back-btn-data{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#e5e5e5;cursor:pointer;font-size:20px;justify-content:center;padding:10px;transition:all .2s ease}.back-btn-data:hover{background-color:#7fd957;border-color:#7fd957;color:#fff;transform:translateX(-2px)}.data-title{color:#fff;font-size:20px;font-weight:700;margin:0 0 2px}.data-stats{display:flex;gap:12px}.data-stat{background-color:#2a2a2a;border-radius:6px;color:#e5e5e5;font-size:13px;font-weight:500;padding:6px 12px}.data-header-actions{align-items:center;display:flex;gap:12px;margin-left:auto}.column-selector-btn{align-items:center;background-color:#7fd957;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.column-selector-btn:hover{background-color:#6cc945;transform:translateY(-1px)}.data-search-bar{align-items:center;background-color:#222;border-bottom:1px solid #2a2a2a;display:flex;gap:12px;padding:16px 24px}.search-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.search-icon{color:#e5e5e5;font-size:20px;left:12px;pointer-events:none}.search-input{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:8px;color:#fff;font-size:14px;outline:none;padding:12px 40px 12px 44px;transition:all .2s ease;width:100%}.search-input:focus{background-color:#3a3a3a;border-color:#7fd957}.search-input::placeholder{color:#e5e5e5}.clear-search-btn{align-items:center;background:none;border:none;border-radius:4px;color:#e5e5e5;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:6px;position:absolute;right:8px;transition:all .2s ease}.clear-search-btn:hover{background-color:#3a3a3a;color:#ef4444}.search-btn{background-color:#7fd957;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.search-btn:hover{background-color:#6cc945}.column-selector-panel{animation:slideDown .2s ease;background-color:#222;border-bottom:1px solid #2a2a2a}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:400px;opacity:1}}.column-selector-header{align-items:center;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:16px 24px}.column-selector-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.close-panel-btn{align-items:center;background:none;border:none;border-radius:4px;color:#e5e5e5;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:6px;transition:all .2s ease}.close-panel-btn:hover{background-color:#3a3a3a;color:#ef4444}.column-selector-content{max-height:300px;overflow-y:auto;padding:16px 24px}.column-selector-description{background-color:#2a2a2a;border-left:3px solid #7fd957;border-radius:6px;color:#e5e5e5;font-size:13px;margin:0 0 16px;padding:12px}.column-selector-description strong{color:#fff}.column-checkboxes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.column-checkbox-item{align-items:center;background-color:#2a2a2a;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.column-checkbox-item:hover{background-color:#3a3a3a}.column-checkbox-item input[type=checkbox]{cursor:pointer;height:18px;width:18px}.column-checkbox-item span{color:#fff;font-size:13px;font-weight:500}.data-table-container{flex:1 1;overflow:auto;padding:24px}.data-empty,.data-error,.data-loading{align-items:center;color:#e5e5e5;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.data-error{gap:12px}.error-message{color:#ef4444;font-size:16px;font-weight:600;margin:0}.error-hint{color:#e5e5e5;font-size:14px;margin:0;max-width:500px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #3a3a3a;border-radius:50%;border-top-color:#7fd957;height:40px;margin-bottom:16px;width:40px}.data-table{background-color:#222;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.data-table thead{background-color:#2a2a2a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table th{border-bottom:2px solid #3a3a3a;color:#e5e5e5;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.expand-column{text-align:center;width:50px}.data-table tbody tr.data-row{border-bottom:1px solid #2a2a2a;cursor:pointer;transition:background-color .2s}.data-table tbody tr.data-row:hover{background-color:#2a2a2a}.data-table tbody tr.data-row.expanded{background-color:#2a2a2a;border-bottom:none}.data-table td{color:#fff;font-size:13px;max-width:250px;overflow:hidden;padding:14px 16px;text-overflow:ellipsis;white-space:nowrap}.expand-btn{border-radius:4px;color:#7fd957;font-size:20px;transition:all .2s ease}.expand-btn:hover{background-color:#3a3a3a}.expanded-row{background-color:#2a2a2a;border-bottom:1px solid #2a2a2a}.expanded-row td{padding:0}.expanded-content{animation:expandContent .2s ease;padding:24px}@keyframes expandContent{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.expanded-content h4{border-bottom:1px solid #2a2a2a;color:#fff;font-size:14px;font-weight:600;margin:0 0 16px;padding-bottom:12px}.expanded-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.expanded-field{display:flex;flex-direction:column;gap:4px}.expanded-field label{color:#e5e5e5;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.expanded-field span{background-color:#2a2a2a;border-radius:4px;color:#fff;font-size:13px;padding:8px 12px;word-break:break-word}.expanded-header{align-items:center;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.expanded-header h4{border:none;margin:0;padding:0}.expanded-actions{display:flex;gap:8px}.cancel-inline-btn,.edit-inline-btn,.save-inline-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.edit-inline-btn{background-color:#7fd957;color:#fff}.edit-inline-btn:hover{background-color:#6cc945}.save-inline-btn{background-color:#10b981;color:#fff}.save-inline-btn:hover{background-color:#059669}.cancel-inline-btn{background-color:#ef4444;color:#fff}.cancel-inline-btn:hover{background-color:#dc2626}.expanded-input{background-color:#222;border:2px solid #3a3a3a;border-radius:4px;color:#fff;font-size:13px;outline:none;padding:8px 12px;transition:border-color .2s}.expanded-input:focus{border-color:#7fd957}.data-pagination{align-items:center;background-color:#222;border-top:1px solid #2a2a2a;display:flex;gap:16px;justify-content:center;padding:16px 24px}.pagination-btn{font-weight:600;gap:6px;padding:10px 16px}.pagination-info{color:#e5e5e5;font-size:14px;font-weight:500;padding:0 16px}.action-column{text-align:center;white-space:nowrap;width:120px}.add-to-crm-btn{align-items:center;background-color:#7fd957;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.add-to-crm-btn:hover{background-color:#6cc945;transform:translateY(-1px)}.modal-overlay{animation:fadeIn .2s ease;z-index:10000}.crm-modal{animation:slideUp .3s ease;background-color:#222;border-radius:12px;box-shadow:0 8px 32px #0006;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.crm-modal-header{align-items:center;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:24px}.crm-modal-header h2{color:#fff;font-size:20px;font-weight:700;margin:0}.close-modal-btn{align-items:center;background:none;border:none;border-radius:6px;color:#e5e5e5;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:8px;transition:all .2s ease}.close-modal-btn:hover{background-color:#3a3a3a;color:#ef4444}.crm-modal-content{display:flex;flex-direction:column;gap:24px;padding:24px}.contact-info{background-color:#2a2a2a;border-radius:8px;padding:16px}.contact-info h3{color:#e5e5e5;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.contact-info p{color:#fff;display:flex;font-size:13px;gap:8px;margin:8px 0}.contact-info p strong{color:#e5e5e5;min-width:100px}.crm-form{display:flex;flex-direction:column;gap:20px}.crm-status-select{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;outline:none;padding:12px;transition:all .2s ease}.crm-status-select:focus{background-color:#3a3a3a;border-color:#7fd957}.crm-status-select option{background-color:#222;color:#fff;padding:12px}.checkbox-group{background-color:#2a2a2a;border-radius:8px;padding:16px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px}.checkbox-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.checkbox-label span{color:#fff;font-size:14px;font-weight:500}.checkbox-hint{color:#e5e5e5;font-size:12px;margin:8px 0 0 30px}.crm-modal-footer{border-top:1px solid #2a2a2a;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-btn{border:1px solid #3a3a3a;border-radius:6px}.cancel-btn,.confirm-btn{font-weight:600;padding:12px 24px;transition:all .2s ease}.confirm-btn{align-items:center;background-color:#7fd957;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px}.confirm-btn:hover:not(:disabled){background-color:#6cc945;transform:translateY(-1px)}.confirm-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.edit-btn{align-items:center;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#7fd957;cursor:pointer;display:flex;font-size:14px;gap:4px;margin-right:8px;padding:6px 12px;transition:all .2s ease}.edit-btn:hover{background-color:#7fd957;color:#fff;transform:translateY(-1px)}.add-new-btn{background-color:#7fd957!important;color:#fff!important}.add-new-btn:hover{background-color:#6cc945!important}.edit-modal{background-color:#222;border-radius:12px;box-shadow:0 8px 32px #00000080;max-height:85vh;max-width:900px;overflow-y:auto;width:90%}.edit-modal .modal-header{align-items:center;background-color:#2a2a2a;border-bottom:1px solid #2a2a2a;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.edit-modal .modal-header h2{color:#fff;font-size:18px;font-weight:600;margin:0}.edit-modal .modal-content{padding:24px}.form-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.form-input{background-color:#2a2a2a;border:1px solid #3a3a3a;transition:all .2s ease}.form-input:focus{background-color:#222}.edit-modal .modal-footer{background-color:#2a2a2a;border-radius:0 0 12px 12px;border-top:1px solid #2a2a2a;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.confirmation-toast{animation:slideIn .3s ease;background-color:#1f845a;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:14px;font-weight:600;padding:16px 24px;position:fixed;right:24px;top:24px;z-index:10000}.action-column{align-items:center;display:flex;gap:8px}.filter-sidebar-overlay{align-items:flex-start;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:10000}.filter-sidebar{animation:slideInRight .3s ease;background-color:#222;box-shadow:-4px 0 12px #0000004d;display:flex;flex-direction:column;height:100vh;max-width:90vw;width:400px}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.filter-sidebar-header{align-items:center;background-color:#2a2a2a;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:20px 24px}.filter-sidebar-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.filter-sidebar-content{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:24px}.filter-group{gap:8px}.filter-group label{font-size:13px}.filter-input,.filter-select{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:8px;color:#fff;font-size:14px;outline:none;padding:12px;transition:all .2s ease}.filter-input:focus,.filter-select:focus{background-color:#3a3a3a;border-color:#7fd957}.filter-input::placeholder{color:#9ca3af}.filter-select option{background-color:#222;color:#fff;padding:12px}.filter-actions{flex-direction:column;gap:12px;margin-top:10px}.filter-apply-btn,.filter-clear-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.filter-apply-btn{background-color:#7fd957;color:#fff}.filter-apply-btn:hover{background-color:#6cc945;transform:translateY(-1px)}.filter-clear-btn{background-color:#2a2a2a;border:1px solid #3a3a3a;color:#fff}.filter-clear-btn:hover{background-color:#3a3a3a;color:#ef4444}.active-filters{background-color:#2a2a2a;border-left:3px solid #7fd957;border-radius:8px;padding:16px}.active-filters h4{color:#e5e5e5;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.filter-tag{align-items:center;background-color:#7fd957;border-radius:20px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin:4px 4px 4px 0;padding:6px 12px}.filter-tag svg{cursor:pointer;font-size:16px;transition:opacity .2s}.filter-tag svg:hover{opacity:.7}.sales-dashboard{background-color:#2a2a2a;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:40px}.sales-dashboard-header{margin-bottom:32px}.sales-dashboard-title{color:#fff;font-size:28px;font-weight:600;margin:0 0 8px}.sales-dashboard-subtitle{color:#e5e5e5;font-size:16px;margin:0}.sales-metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.sales-metric-card{align-items:center;background-color:#222;border:1px solid #2a2a2a;border-radius:12px;display:flex;gap:20px;padding:24px;transition:transform .2s,box-shadow .2s}.sales-metric-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.metric-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.metric-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.metric-label{font-size:13px;font-weight:600}.metric-value{color:#fff;font-size:32px;line-height:1}.metric-detail{color:#e5e5e5;font-size:13px}.sales-charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.sales-chart-card{background-color:#222;border:1px solid #2a2a2a;border-radius:12px;padding:24px}.chart-header{align-items:center;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.chart-title{color:#fff;font-size:18px;font-weight:600;margin:0}.chart-icon{color:#e5e5e5;font-size:24px}.conversion-rate{align-items:center;display:flex;justify-content:center;padding:20px}.conversion-circle{height:180px;position:relative;width:180px}.conversion-circle svg{transform:scaleX(-1)}.conversion-text{display:flex;flex-direction:column;gap:4px;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.conversion-value{color:#10b981;font-size:36px;font-weight:700}.conversion-label{color:#e5e5e5;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.status-bars{gap:16px}.status-bar-item,.status-bars{display:flex;flex-direction:column}.status-bar-item{gap:8px}.status-bar-header{align-items:center;display:flex;justify-content:space-between}.status-bar-label{color:#fff;font-size:14px;font-weight:600}.status-bar-count{color:#e5e5e5;font-size:14px;font-weight:600}.status-bar-track{background-color:#2a2a2a;border-radius:4px;height:8px;overflow:hidden}.status-bar-fill{border-radius:4px;height:100%;transition:width .3s ease}.value-distribution{gap:20px}.value-distribution,.value-item{display:flex;flex-direction:column}.value-item{gap:8px}.value-item-header{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px}.value-item-header svg{font-size:20px}.value-item.won .value-item-header svg{color:#10b981}.value-item.active .value-item-header svg{color:#7fd957}.value-item.lost .value-item-header svg{color:#ef4444}.value-item-amount{color:#fff;font-size:20px;font-weight:700}.value-item-bar{background-color:#2a2a2a;border-radius:4px;height:8px;overflow:hidden}.value-item-fill{border-radius:4px;height:100%;transition:width .3s ease}.value-item-fill.won{background-color:#10b981}.value-item-fill.active{background-color:#7fd957}.value-item-fill.lost{background-color:#ef4444}.empty-dashboard{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{color:#3a3a3a}.empty-text{color:#e5e5e5;font-size:18px;font-weight:600;margin:0 0 8px}.empty-subtext{color:#e5e5e5;font-size:14px;margin:0}.omnichannel-container{background-color:#2a2a2a;display:flex;flex:1 1;flex-direction:column;height:100vh;overflow:hidden}.omnichannel-layout{display:flex;flex:1 1;overflow:hidden}.conversations-sidebar{background-color:#222;border-right:1px solid #2a2a2a;display:flex;flex-direction:column;flex-shrink:0;transition:width .3s ease,min-width .3s ease;width:320px}.conversations-sidebar.collapsed{min-width:60px;width:60px}.sidebar-header{align-items:center;background-color:#222;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:16px 20px}.sidebar-header h2{color:#fff;font-size:18px;font-weight:700;margin:0}.sidebar-header-actions{align-items:center;display:flex;gap:6px}.conversations-sidebar.collapsed .sidebar-header{flex-direction:column;justify-content:center;padding:12px 8px}.conversations-sidebar.collapsed .sidebar-header-actions{flex-direction:column;gap:6px;width:100%}.collapse-btn,.settings-btn{align-items:center;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#e5e5e5;cursor:pointer;display:flex;font-size:18px;justify-content:center;min-height:36px;min-width:36px;padding:8px;transition:all .2s ease}.conversations-sidebar.collapsed .collapse-btn,.conversations-sidebar.collapsed .settings-btn{font-size:20px;padding:10px;width:100%}.collapse-btn:hover,.settings-btn:hover{background-color:#7fd957;border-color:#7fd957;color:#fff}.search-container{border-bottom:1px solid #2a2a2a;padding:12px 16px;position:relative}.search-icon{color:#9ca3af;font-size:16px;left:28px;position:absolute;top:50%;transform:translateY(-50%)}.conversation-search{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:6px;color:#fff;font-size:13px;outline:none;padding:10px 14px 10px 40px;transition:all .2s ease;width:100%}.conversation-search:focus{background-color:#3a3a3a;border-color:#7fd957}.conversation-search::placeholder{color:#9ca3af}.filter-tabs{background-color:#2a2a2a;border-bottom:1px solid #2a2a2a;gap:6px;padding:0 12px}.filter-tab{align-items:center;background:none;border-bottom:3px solid #0000;color:#e5e5e5;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:4px;justify-content:center;padding:10px 6px;transition:all .2s ease}.filter-tab:hover{background-color:#222}.filter-tab.active{border-bottom-color:#7fd957;color:#7fd957}.filter-badge{background-color:#7fd957;border-radius:50%;color:#fff;font-size:11px;font-weight:700;padding:3px 8px}.disparo-stats-bar{background-color:#2a2a2a;border-bottom:1px solid #2a2a2a;display:flex;gap:8px;justify-content:space-around;padding:12px 16px}.disparo-stats-bar .stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.disparo-stats-bar .stat-label{color:#9ca3af;font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.disparo-stats-bar .stat-value{color:#fff;font-size:16px;font-weight:700}.disparo-stats-bar .stat-item.aguardando .stat-value{color:#fbbf24}.disparo-stats-bar .stat-item.respondidos .stat-value{color:#10b981}.disparo-filter-tabs{background-color:#222;border-bottom-color:#7fd957}.disparo-filter-tabs .filter-tab.aguardando{color:#fbbf24}.disparo-filter-tabs .filter-tab.aguardando:hover{background-color:#fbbf241a}.disparo-filter-tabs .filter-tab.aguardando.active{border-bottom-color:#fbbf24;color:#fbbf24}.disparo-filter-tabs .filter-tab.respondidos{color:#10b981}.disparo-filter-tabs .filter-tab.respondidos:hover{background-color:#10b9811a}.disparo-filter-tabs .filter-tab.respondidos.active{border-bottom-color:#10b981;color:#10b981}.conversations-list{background-color:#222;flex:1 1;overflow-y:auto}.conversation-item{border-bottom:1px solid #2a2a2a;cursor:pointer;display:flex;gap:10px;padding:10px 16px;transition:all .2s ease}.conversation-item:hover{background-color:#2a2a2a}.conversation-item.active{background-color:#2a2a2a;border-left:4px solid #7fd957}.conversation-avatar{align-items:center;background:#3a3a3a;border-radius:50%;color:#e5e5e5;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:38px;justify-content:center;width:38px}.conversation-info{flex:1 1;min-width:0}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.conversation-name{color:#fff;font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{color:#9ca3af;flex-shrink:0;font-size:10px}.conversation-preview{align-items:center;display:flex;gap:6px;justify-content:space-between;margin-bottom:4px}.conversation-last-message{color:#e5e5e5;flex:1 1;font-size:12px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background-color:#10b981;border-radius:50%;color:#fff;flex-shrink:0;font-size:11px;font-weight:700;padding:3px 10px}.conversation-tags{display:flex;flex-wrap:wrap;gap:8px}.conversation-tag{background-color:#3a3a3a;color:#7fd957;padding:2px 8px}.conversation-tag,.disparo-badge{border-radius:4px;font-size:9px;font-weight:600}.disparo-badge{align-items:center;display:inline-flex;gap:3px;padding:3px 8px}.disparo-badge.respondido{background-color:#10b98133;border:1px solid #10b9814d;color:#10b981}.disparo-badge.aguardando{background-color:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.chat-container{background-color:#2a2a2a;display:flex;flex:1 1;flex-direction:column;min-width:0}.chat-header{align-items:center;background-color:#222;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:14px 20px}.chat-contact-info{align-items:center;display:flex;gap:12px}.chat-avatar{align-items:center;background:#3a3a3a;border-radius:50%;color:#e5e5e5;display:flex;font-size:20px;font-weight:600;height:42px;justify-content:center;width:42px}.chat-contact-name{color:#fff;font-size:16px;font-weight:700;margin:0 0 2px}.chat-contact-phone{color:#e5e5e5;font-size:11px;margin:0}.chat-actions{display:flex;gap:12px}.chat-action-btn{align-items:center;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#e5e5e5;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:10px;transition:all .2s ease}.chat-action-btn:hover{background-color:#7fd957;border-color:#7fd957;color:#fff}.messages-container{background-color:#2a2a2a;display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:20px}.message{display:flex}.message-received{justify-content:flex-start}.message-sent{justify-content:flex-end}.message-bubble{border-radius:8px;max-width:70%;padding:12px 16px;position:relative}.message-received .message-bubble{background-color:#222;border:1px solid #2a2a2a}.message-sent .message-bubble{background-color:#7fd957}.message-sending{opacity:.7}.message-sending .message-bubble{position:relative}.message-text{word-wrap:break-word;color:#fff;font-size:14px;line-height:1.5;margin:0 0 4px}.message-sent .message-text{color:#fff}.message-timestamp{color:#9ca3af;display:block;font-size:10px;text-align:right}.message-sent .message-timestamp{color:#fffc}.message-media-container{display:flex;flex-direction:column;gap:8px}.message-image{border-radius:8px;cursor:pointer;display:block;max-height:300px;max-width:100%;transition:transform .2s}.message-image:hover{transform:scale(1.02)}.message-video{border-radius:8px;display:block;max-height:300px;max-width:100%}.message-caption{word-wrap:break-word;color:#fff;font-size:14px;line-height:1.5;margin:0}.message-sent .message-caption{color:#fff}.message-document{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:12px;min-width:200px;padding:8px}.message-sent .message-document{background:#0000001a}.document-icon{color:#6cc945;flex-shrink:0}.message-sent .document-icon{color:#ffffffe6}.document-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.document-link{word-wrap:break-word;color:#6cc945;font-size:14px;font-weight:600;overflow-wrap:break-word;text-decoration:none;transition:color .2s}.document-link:hover{color:#7fd957;text-decoration:underline}.message-sent .document-link{color:#fff}.message-sent .document-link:hover{color:#fffc}.document-hint{color:#9ca3af;font-size:11px}.message-sent .document-hint{color:#ffffffb3}.quick-replies-bar{background-color:#222;border-top:1px solid #2a2a2a;display:flex;gap:10px;overflow-x:auto;padding:10px 20px}.quick-reply-btn{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:50%;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.quick-reply-btn:hover{background-color:#3a3a3a;border-color:#7fd957;color:#7fd957;transform:translateY(-1px)}.message-input-container{align-items:flex-end;background-color:#222;border-top:1px solid #2a2a2a;display:flex;gap:14px;padding:18px 20px}.audio-btn{align-items:center;background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:8px;color:#e5e5e5;cursor:pointer;display:flex;font-size:22px;height:52px;justify-content:center;min-width:52px;padding:12px;transition:all .2s ease}.audio-btn:hover:not(:disabled){background-color:#3a3a3a;border-color:#7fd957;color:#7fd957;transform:scale(1.05)}.audio-btn:disabled{cursor:not-allowed;opacity:.5}.attach-btn{display:none}.message-input{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:8px;color:#fff;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6;max-height:250px;min-height:120px;outline:none;padding:14px 18px;resize:vertical;transition:all .2s ease;width:100%}.message-input:focus{background-color:#3a3a3a;border-color:#7fd957}.message-input::placeholder{color:#9ca3af}.send-btn{align-items:center;background-color:#7fd957;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:26px;justify-content:center;min-height:60px;min-width:60px;padding:14px;transition:all .2s ease}.send-btn:hover{background-color:#6cc945;transform:translateY(-2px)}.no-conversation-selected{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:16px;justify-content:center}.contact-panel{background-color:#222;border-left:1px solid #2a2a2a;flex-shrink:0;overflow-y:auto;width:280px}.contact-panel-header{border-bottom:1px solid #2a2a2a;padding:16px 14px;text-align:center}.contact-panel-avatar{align-items:center;background-color:#3a3a3a;border-radius:50%;color:#e5e5e5;display:flex;font-size:28px;height:56px;justify-content:center;margin:0 auto 10px;width:56px}.contact-panel-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.contact-details{padding:14px}.contact-detail-section{margin-bottom:16px}.contact-detail-section h4{color:#e5e5e5;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.contact-detail-item{align-items:flex-start;background-color:#2a2a2a;border-radius:6px;display:flex;gap:10px;padding:10px}.detail-item-icon{color:#e5e5e5;flex-shrink:0;font-size:18px}.detail-label{font-size:10px;margin:0 0 3px}.detail-value{margin:0}.status-select-panel{background-color:#2a2a2a;border:2px solid;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;outline:none;padding:9px 10px;transition:all .2s;width:100%}.status-select-panel:focus,.status-select-panel:hover{background-color:#3a3a3a}.status-select-panel option{background-color:#2a2a2a;color:#fff;padding:8px}.crm-status-select{background-color:#2a3942;border-color:#10b981!important;font-weight:500}.crm-status-select:hover{background-color:#1e3a32;border-color:#34d399!important}.crm-status-select:focus{border-color:#34d399!important;box-shadow:0 0 0 3px #10b98126!important}.detail-hint{color:#9ca3af;font-size:12px;font-style:italic;margin-top:6px}.contact-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.contact-tag{align-items:center;background-color:#3a3a3a;border-radius:6px;display:flex;font-size:12px;gap:4px;padding:6px 12px}.add-tag-btn,.contact-tag{color:#e5e5e5;font-weight:600}.add-tag-btn{background:none;border:2px dashed #3a3a3a;border-radius:6px;cursor:pointer;font-size:13px;padding:10px;transition:all .2s;width:100%}.add-tag-btn:hover{border-color:#7fd957;color:#7fd957}.contact-action-btn{align-items:center;background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;margin-bottom:8px;padding:10px 14px;transition:all .2s;width:100%}.contact-action-btn:hover{background-color:#3a3a3a;border-color:#7fd957;color:#7fd957}.omnichannel-settings{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.settings-header{align-items:center;background-color:#222;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:20px 24px}.settings-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.close-settings-btn{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s}.close-settings-btn:hover{background-color:#3a3a3a;border-color:#7fd957;color:#7fd957}.settings-content{flex:1 1;overflow-y:auto;padding:24px}.settings-section{background-color:#222;border-radius:8px;margin-bottom:24px}.settings-section h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 20px}.settings-field{margin-bottom:20px}.settings-field label{color:#e5e5e5;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.settings-field input{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:4px;color:#fff;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.settings-field input:focus{border-color:#7fd957}.settings-field input:disabled{cursor:not-allowed;opacity:.5}.save-settings-btn{background-color:#7fd957;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:background-color .2s}.save-settings-btn:hover{background-color:#6cc945}.quick-replies-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.quick-reply-item{align-items:center;background-color:#2a2a2a;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.quick-reply-item span{color:#fff;font-size:14px}.delete-quick-reply{background:none;border:none;color:#ef4444;cursor:pointer;font-size:20px;padding:4px;transition:opacity .2s}.delete-quick-reply:hover{opacity:.7}.add-quick-reply-btn{background:none;border:2px dashed #3a3a3a;border-radius:6px;color:#e5e5e5;cursor:pointer;font-size:13px;font-weight:600;padding:10px;transition:all .2s;width:100%}.add-quick-reply-btn:hover{border-color:#7fd957;color:#7fd957}.connection-status{align-items:center;background-color:#2a2a2a;border-radius:6px;display:flex;gap:12px;padding:16px}.status-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}.status-indicator.disconnected{background-color:#ef4444}.status-indicator.connected{background-color:#10b981}.connection-status span{color:#fff;font-size:14px}.remove-tag-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:16px;margin-left:4px;padding:0 4px;transition:opacity .2s}.remove-tag-btn:hover{opacity:.7}.add-tag-input-container{display:flex;flex-direction:column;gap:8px;margin-top:12px}.add-tag-input{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:4px;color:#fff;font-size:13px;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.add-tag-input:focus{border-color:#7fd957}.add-tag-cancel-btn,.add-tag-save-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px;transition:all .2s}.add-tag-save-btn{background-color:#7fd957;color:#fff}.add-tag-save-btn:hover{background-color:#6cc945}.add-tag-cancel-btn{background-color:#2a2a2a;border:2px solid #3a3a3a;color:#e5e5e5}.add-tag-cancel-btn:hover{background-color:#3a3a3a}.schedule-modal{width:500px}.schedule-input,.schedule-textarea{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:4px;color:#fff;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.schedule-input:focus,.schedule-textarea:focus{border-color:#7fd957}.schedule-textarea{min-height:80px;resize:vertical}.modal-overlay{background-color:#00000080}.modal{box-shadow:0 10px 40px #0000004d;max-width:90vw}.modal-header{background-color:#2a2a2a;padding:24px 32px}.modal-body{padding:32px}.modal-footer{background-color:#2a2a2a;gap:16px;padding:24px 32px}.form-field{margin-bottom:24px}.form-field label{margin-bottom:12px}.section-header-expandable{align-items:center;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 0;transition:background-color .2s}.section-header-expandable:hover{background-color:#ffffff08}.section-header-expandable h3{flex:1 1;margin:0}.expand-btn{align-items:center;background:none;border:none;color:#e5e5e5;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px;transition:color .2s}.expand-btn:hover{color:#fff}.meta-templates-info{background-color:#3b82f61a;border-left:3px solid #3b82f6;border-radius:4px;margin:16px 0;padding:12px}.info-text{color:#e5e5e5;font-size:13px;line-height:1.5;margin:0}.info-text strong{color:#fff}.meta-templates-list{margin:16px 0;max-height:400px;overflow-y:auto}.empty-templates{color:#9ca3af;padding:40px 20px;text-align:center}.empty-templates .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-templates p{font-size:14px;margin:0}.meta-template-item{background-color:#222;border:1px solid #2a2a2a;border-radius:6px;margin-bottom:12px;padding:16px;transition:border-color .2s}.meta-template-item:hover{border-color:#3b82f6}.template-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.template-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.template-name{color:#fff;font-size:15px;font-weight:600}.template-status{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.template-status.status-pending{background-color:#fbbf2433;color:#fbbf24}.template-status.status-approved{background-color:#10b98133;color:#10b981}.template-status.status-rejected{background-color:#ef444433;color:#ef4444}.delete-template-btn{background:none;border:none;border-radius:4px;color:#e5e5e5;cursor:pointer;font-size:18px;padding:4px;transition:color .2s}.delete-template-btn:hover{background-color:#ef44441a;color:#ef4444}.template-content-preview{word-wrap:break-word;background-color:#2a2a2a;border-radius:4px;color:#e5e5e5;font-size:13px;line-height:1.6;margin-bottom:12px;padding:12px;white-space:pre-wrap}.template-meta{display:flex;font-size:11px;gap:12px}.template-category,.template-language{background-color:#2a2a2a;border-radius:4px;color:#e5e5e5;padding:4px 8px}.add-meta-template-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:16px;padding:12px;transition:background-color .2s;width:100%}.add-meta-template-btn:hover{background-color:#2563eb}.meta-template-modal{max-height:90vh;max-width:650px;overflow-y:auto}.template-info-box{align-items:flex-start;background-color:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.template-info-box svg{color:#3b82f6;flex-shrink:0;font-size:24px;margin-top:2px}.template-info-box p{color:#e5e5e5;font-size:13px;line-height:1.6;margin:0}.field-hint{color:#9ca3af;font-style:italic}.template-content-input{font-family:Courier New,monospace;font-size:13px}.template-preview{background-color:#2a2a2a;border:1px solid #2a2a2a;border-radius:6px;margin-top:24px;padding:16px}.template-preview h4{color:#e5e5e5;font-size:13px;font-weight:600;margin:0 0 12px}.preview-content{word-wrap:break-word;background-color:#222;border-radius:6px;color:#fff;font-size:14px;line-height:1.6;min-height:80px;padding:16px;white-space:pre-wrap}.cancel-btn-modal{background:none;border:1px solid #2a2a2a;border-radius:4px;color:#e5e5e5;cursor:pointer;font-size:14px;font-weight:600;margin-left:8px;padding:10px 20px;transition:all .2s}.cancel-btn-modal:hover{background-color:#2a2a2a;color:#fff}.assigned-user-info{align-items:center;background-color:#2a2a2a;border-radius:6px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.assigned-user-info .detail-item-icon{color:#7fd957;font-size:24px}.primary-action{background:linear-gradient(135deg,#7fd957,#388bff)!important;box-shadow:0 2px 4px #579dff4d!important;color:#fff!important;font-weight:600!important}.primary-action:hover:not(:disabled){background:linear-gradient(135deg,#388bff,#2b7aef)!important;box-shadow:0 4px 8px #579dff66!important;transform:translateY(-1px)}.primary-action:disabled{cursor:not-allowed;opacity:.6}.pending-notifications-section{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#7fd957,#6cc945);border-radius:8px;box-shadow:0 2px 8px #7fd9574d;margin:12px 16px;padding:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pending-header{border-bottom:1px solid #fff3;padding:12px 16px}.pending-title{color:#0a0a0a;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.pending-conversations-list{max-height:300px;overflow-y:auto;padding:8px 0}.pending-conversation-item{align-items:center;background:#ffffff1a;border-bottom:1px solid #ffffff1a;cursor:pointer;display:flex;gap:12px;padding:10px 16px;position:relative;transition:all .2s ease}.pending-conversation-item:last-child{border-bottom:none}.pending-conversation-item:hover{background:#fff3}.pending-avatar{align-items:center;background:#0a0a0a33;border-radius:50%;color:#0a0a0a;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.pending-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.pending-name{color:#0a0a0a;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-time{color:#0a0a0ab3;font-size:11px;font-weight:500}.pending-dismiss-btn{align-items:center;background:#0a0a0a26;border:none;border-radius:50%;color:#0a0a0a;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.pending-dismiss-btn:hover{background:#0a0a0a4d;transform:scale(1.1)}.pending-conversations-list::-webkit-scrollbar{width:6px}.pending-conversations-list::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.pending-conversations-list::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}.pending-conversations-list::-webkit-scrollbar-thumb:hover{background:#00000080}.pending-notifications-section.new-notification{animation:pulse 1s ease-in-out 2}.conversations-pagination{align-items:center;background-color:#1a1a1a;border-top:1px solid #2a2a2a;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.pagination-btn{align-items:center;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#e5e5e5;display:flex;font-size:18px;justify-content:center;min-height:36px;min-width:36px;padding:8px 12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#7fd957;color:#fff;transform:scale(1.05)}.pagination-btn:disabled{opacity:.4}.pagination-info{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.pagination-text{color:#e5e5e5;font-size:13px;font-weight:600}.pagination-total{color:#9ca3af;font-size:11px}.lembrete-atual{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;margin-bottom:12px;padding:12px}.lembrete-atual .detail-label{color:#9ca3af;font-size:11px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.lembrete-atual .detail-value{align-items:center;color:#7fd957;display:flex;font-size:13px;font-weight:500;gap:6px}.lembrete-form{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.form-field label{font-size:11px;letter-spacing:.5px;text-transform:uppercase}.form-field input,.form-field select{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#e5e5e5;font-size:13px;transition:all .2s ease}.form-field input:focus,.form-field select:focus{background:#1a1a1a;outline:none}.form-field input:disabled,.form-field select:disabled{cursor:not-allowed;opacity:.5}.form-field input[type=date]::-webkit-calendar-picker-indicator,.form-field input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.audio-recorder{background:#f5f5f5;border-radius:8px;margin-bottom:8px;padding:12px;width:100%}.audio-recorder-error{align-items:center;background:#fee;border-radius:6px;color:#c00;display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.audio-recorder-error button{align-items:center;background:none;border:none;color:#c00;cursor:pointer;display:flex;padding:4px}.audio-recorder-content{align-items:center;display:flex;justify-content:center;min-height:60px}.audio-recorder-ready{align-items:center;display:flex;flex-direction:column;gap:8px}.audio-recorder-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;transition:all .2s ease}.audio-recorder-button.start{background:#075e54;border-radius:50%;color:#fff;height:56px;width:56px}.audio-recorder-button.start:hover{background:#064239;transform:scale(1.05)}.audio-recorder-hint{color:#666;font-size:12px}.audio-recorder-recording{align-items:center;display:flex;gap:16px;width:100%}.audio-recorder-recording-indicator{align-items:center;display:flex;flex:1 1;gap:8px}.audio-recorder-recording-dot{animation:pulse 1.5s ease-in-out infinite;background:#e74c3c;border-radius:50%;height:12px;width:12px}.audio-recorder-duration{color:#333;font-family:Courier New,monospace;font-size:18px;font-weight:600}.audio-recorder-button.stop{background:#e74c3c;border-radius:50%;color:#fff;height:48px;width:48px}.audio-recorder-button.stop:hover{background:#c0392b;transform:scale(1.05)}.audio-recorder-preview{align-items:center;display:flex;gap:12px;width:100%}.audio-recorder-player{border-radius:20px;flex:1 1;height:40px;outline:none}.audio-recorder-player::-webkit-media-controls-panel{background:#fff;border-radius:20px}.audio-recorder-actions{display:flex;gap:8px}.audio-recorder-button.cancel{background:#95a5a6;border-radius:50%;color:#fff;height:40px;width:40px}.audio-recorder-button.cancel:hover{background:#7f8c8d;transform:scale(1.05)}.audio-recorder-button.send{background:#075e54;border-radius:50%;color:#fff;height:40px;width:40px}.audio-recorder-button.send:hover{background:#064239;transform:scale(1.05)}@media (max-width:768px){.audio-recorder{padding:10px}.audio-recorder-button.start{height:48px;width:48px}.audio-recorder-button.stop{height:42px;width:42px}.audio-recorder-duration{font-size:16px}}.audio-player{align-items:center;border-radius:8px;display:flex;gap:12px;max-width:320px;min-width:240px;padding:12px 16px}.audio-player-incoming{background:#f0f0f0}.audio-player-outgoing{background:#dcf8c6}.audio-player-error{background:#fee;color:#c00;font-size:13px}.audio-player-button{align-items:center;background:#075e54;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;min-width:36px;transition:all .2s ease;width:36px}.audio-player-button:hover:not(:disabled){background:#064239;transform:scale(1.05)}.audio-player-button:disabled{cursor:not-allowed;opacity:.5}.audio-player-track{display:flex;flex:1 1;flex-direction:column;gap:4px}.audio-player-progress-container{border-radius:4px;cursor:pointer;height:32px;overflow:hidden;position:relative}.audio-player-progress-bg{background:#0000000d;height:100%;left:0;position:absolute;top:0;width:100%}.audio-player-waveform{align-items:center;display:flex;gap:1px;height:100%;justify-content:space-between;padding:4px}.audio-player-waveform-bar{background:#00000026;border-radius:2px;flex:1 1;transition:background .2s ease}.audio-player-progress-fill{background:#075e5433;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:width .1s linear}.audio-player-outgoing .audio-player-progress-fill{background:#075e544d}.audio-player-time{color:#666;font-family:Courier New,monospace;font-size:11px;padding-left:2px;text-align:left}.audio-player-progress-container:hover .audio-player-progress-bg{background:#00000014}.audio-player-progress-container:hover .audio-player-waveform-bar{background:#0003}@media (max-width:768px){.audio-player{max-width:280px;min-width:200px;padding:10px 12px}.audio-player-button{height:32px;min-width:32px;width:32px}.audio-player-progress-container{height:28px}.audio-player-time{font-size:10px}}.cart-panel{background:#141414;border:1px solid #252525;border-radius:6px;margin-bottom:12px}.cart-panel-header{align-items:center;border-bottom:1px solid #0000;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;-webkit-user-select:none;user-select:none}.cart-panel-header:hover{background:#1a1a1a}.cart-header-title{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:600;gap:6px}.cart-icon{color:#7fd957;font-size:14px}.cart-count-badge{background:#7fd957;border-radius:6px;color:#0a0a0a;font-size:9px;font-weight:600;min-width:14px;padding:1px 4px;text-align:center}.cart-header-right{gap:6px}.cart-header-right,.cart-timer{align-items:center;display:flex}.cart-timer{color:#6b7280;font-size:10px;gap:3px}.cart-timer svg{font-size:12px}.cart-collapse-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:2px}.cart-collapse-btn:hover{color:#fff}.cart-content{border-top:1px solid #252525;padding:8px}.cart-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:12px 8px;text-align:center}.empty-cart-text{color:#6b7280;font-size:11px;margin:0 0 2px}.empty-cart-hint{color:#4b5563;font-size:10px;margin:0}.cart-items{display:flex;flex-direction:column;gap:6px;margin-bottom:8px;max-height:150px;overflow-y:auto}.cart-items::-webkit-scrollbar{width:3px}.cart-items::-webkit-scrollbar-track{background:#1a1a1a}.cart-items::-webkit-scrollbar-thumb{background:#3c3c3c;border-radius:2px}.cart-item{background:#1a1a1a;border-radius:4px;display:flex;flex-direction:column;gap:4px;padding:6px 8px}.cart-item-info{align-items:flex-start;display:flex;gap:6px;justify-content:space-between}.cart-item-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e5e5e5;display:-webkit-box;flex:1 1;font-size:10px;line-height:1.2;overflow:hidden}.cart-item-price{color:#7fd957;font-size:10px;font-weight:600;white-space:nowrap}.cart-item-actions{align-items:center;display:flex;justify-content:space-between}.quantity-controls{align-items:center;background:#252525;border-radius:3px;display:flex;gap:2px;padding:1px}.quantity-btn{align-items:center;background:none;border:none;border-radius:2px;color:#e5e5e5;cursor:pointer;display:flex;height:18px;justify-content:center;transition:all .2s ease;width:18px}.quantity-btn:hover{background:#3c3c3c;color:#7fd957}.quantity-btn svg{font-size:12px}.quantity-value{color:#fff;font-size:10px;font-weight:600;min-width:16px;text-align:center}.remove-item-btn{align-items:center;background:none;border:none;border-radius:3px;color:#4b5563;cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.remove-item-btn:hover{background:#ef444433;color:#ef4444}.remove-item-btn svg{font-size:12px}.cart-summary{border-top:1px solid #252525;padding-top:8px}.cart-total-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.cart-total-label{color:#6b7280;font-size:10px}.cart-total-value{color:#7fd957;font-size:13px;font-weight:700}.clear-cart-btn{align-items:center;background:none;border:1px solid #3c3c3c;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:10px;gap:4px;padding:4px 10px;transition:all .2s ease}.clear-cart-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.clear-cart-btn svg{font-size:12px}.clear-confirm{align-items:center;display:flex;flex-direction:column;gap:4px;width:100%}.clear-confirm span{color:#e5e5e5;font-size:10px}.confirm-buttons{display:flex;gap:6px}.confirm-no,.confirm-yes{border:none;border-radius:3px;cursor:pointer;font-size:10px;font-weight:500;padding:3px 10px;transition:all .2s ease}.confirm-yes{background:#ef4444;color:#fff}.confirm-yes:hover{background:#dc2626}.confirm-no{background:#3c3c3c;color:#e5e5e5}.confirm-no:hover{background:#4a4a4a}.transfer-checkout-btn{align-items:center;background:linear-gradient(135deg,#7fd957,#6cc945);border:none;border-radius:4px;color:#0a0a0a;cursor:pointer;display:flex;font-size:10px;font-weight:600;gap:4px;padding:4px 10px;transition:all .2s ease}.transfer-checkout-btn:hover{box-shadow:0 2px 8px #7fd9574d;transform:translateY(-1px)}.transfer-checkout-btn svg{font-size:12px}.cart-actions{display:flex;gap:6px;justify-content:center}.checkout-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.checkout-modal{background:#141414;border:1px solid #252525;border-radius:12px;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.checkout-modal-header{align-items:center;border-bottom:1px solid #252525;display:flex;justify-content:space-between;padding:16px 20px}.checkout-modal-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.modal-close-btn:hover{background:#252525;color:#fff}.checkout-modal-body{padding:16px 20px}.checkout-form-field{margin-bottom:12px}.checkout-form-field label{align-items:center;color:#e5e5e5;display:flex;font-size:11px;font-weight:500;gap:6px;margin-bottom:6px}.checkout-form-field label svg{color:#7fd957;font-size:14px}.checkout-form-field .required{color:#ef4444}.checkout-form-field input,.checkout-form-field select,.checkout-form-field textarea{background:#0a0a0a;border:1px solid #252525;border-radius:6px;color:#fff;font-size:12px;padding:8px 10px;transition:border-color .2s;width:100%}.checkout-form-field input:focus,.checkout-form-field select:focus,.checkout-form-field textarea:focus{border-color:#7fd957;outline:none}.checkout-form-field input::placeholder,.checkout-form-field textarea::placeholder{color:#6b7280}.checkout-form-field select{cursor:pointer}.checkout-form-field select option{background:#141414;color:#fff}.checkout-form-field textarea{font-family:inherit;min-height:50px;resize:vertical}.checkout-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.checkout-summary{background:#0a0a0a;border-radius:8px;margin-top:16px;padding:12px}.summary-row{align-items:center;color:#9ca3af;display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.summary-row:last-child{margin-bottom:0}.discount-row{border-bottom:1px solid #252525;border-top:1px solid #252525;padding:8px 0}.discount-row label{color:#9ca3af;font-size:11px}.discount-row input{background:#141414;border:1px solid #252525;border-radius:4px;color:#fff;font-size:11px;padding:4px 8px;text-align:right;width:80px}.discount-row input:focus{border-color:#7fd957;outline:none}.total-row{color:#7fd957;font-size:14px;font-weight:700;padding-top:8px}.checkout-modal-footer{border-top:1px solid #252525;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.modal-cancel-btn,.modal-confirm-btn{border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s}.modal-cancel-btn{background:#252525;border:1px solid #3c3c3c;color:#fff}.modal-cancel-btn:hover{background:#3c3c3c}.modal-confirm-btn{background:linear-gradient(135deg,#7fd957,#6cc945);border:none;color:#0a0a0a}.modal-confirm-btn:hover:not(:disabled){box-shadow:0 4px 12px #7fd9574d;transform:translateY(-1px)}.modal-confirm-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:480px){.checkout-form-row{grid-template-columns:1fr}.checkout-modal-footer{flex-direction:column-reverse}.modal-cancel-btn,.modal-confirm-btn{width:100%}}.file-upload-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.file-upload-content{background:#0a0a0a;border:1px solid #252525;border-radius:12px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.file-upload-header{align-items:center;border-bottom:1px solid #252525;display:flex;justify-content:space-between;padding:20px 24px}.file-upload-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.file-upload-body{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:300px;overflow-y:auto;padding:24px}.file-drop-zone{background:#141414;border:2px dashed #6cc945;border-radius:12px;cursor:pointer;padding:60px 40px;text-align:center;transition:all .3s;width:100%}.file-drop-zone:hover{background:#1a1a1a;border-color:#7fd957}.file-drop-zone.dragging{background:#1a2a1a;border-color:#7fd957;transform:scale(1.02)}.file-drop-zone svg{color:#6cc945;margin-bottom:16px}.file-drop-zone p{color:#fff;font-size:16px;font-weight:500;margin:0 0 8px}.file-formats{color:#9ca3af;display:block;font-size:13px;margin-top:8px}.file-preview{flex-direction:column;gap:20px;position:relative;width:100%}.file-preview,.file-remove-btn{align-items:center;display:flex}.file-remove-btn{background:#f44;border:none;border-radius:50%;box-shadow:0 2px 8px #f446;color:#fff;cursor:pointer;height:32px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .2s;width:32px;z-index:10}.file-remove-btn:hover{background:#f22;transform:scale(1.1)}.preview-image-container,.preview-video-container{background:#000;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-width:500px;overflow:hidden;width:100%}.preview-image{height:auto;object-fit:contain}.preview-image,.preview-video{display:block;max-height:400px;width:100%}.preview-file-icon{align-items:center;background:#141414;border:2px solid #252525;border-radius:12px;color:#6cc945;display:flex;height:120px;justify-content:center;width:120px}.file-info{max-width:100%;text-align:center}.file-name{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px;word-break:break-word}.file-size{color:#9ca3af;font-size:14px;margin:0 0 4px}.file-type-label{color:#6cc945;font-size:13px;font-weight:600;margin:0;text-transform:uppercase}.file-upload-footer{border-top:1px solid #252525;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-cancel,.btn-send{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-cancel{background:#0000;border:1px solid #252525;color:#9ca3af}.btn-cancel:hover{background:#252525;color:#fff}.btn-send{background:#6cc945;color:#fff}.btn-send:hover{background:#7fd957;box-shadow:0 4px 12px #6cc9454d;transform:translateY(-1px)}.btn-send:disabled{background:#252525;box-shadow:none;color:#6b7280;cursor:not-allowed;transform:none}.disparos-panel{box-sizing:border-box;height:100vh;margin:0 auto;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:.5rem;width:100%}.disparos-header{border-bottom:2px solid var(--border-color);margin-bottom:.3rem;padding-bottom:.3rem}.disparos-header h1{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.1rem}.disparos-subtitle{color:var(--text-secondary);font-size:.7rem}.disparos-section{background:var(--card-bg);border:2px solid var(--border-color);border-radius:6px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;margin-bottom:.5rem;overflow-x:hidden;padding:.5rem;width:100%}.section-header{border-bottom:2px solid var(--border-color);gap:.3rem;margin-bottom:.4rem;padding-bottom:.3rem}.section-icon{color:var(--primary-color);font-size:1rem}.section-icon.warning{color:#f59e0b}.section-header h2{color:var(--text-primary);font-size:.85rem}.filtro-form{box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;max-width:100%;width:100%}.form-group{gap:.25rem}.form-group label{color:var(--text-primary);font-size:.75rem}.filtro-input,.filtro-select{background:var(--input-bg);border:2px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-size:.85rem;max-width:100%;padding:.4rem;transition:all .2s ease;width:100%}.filtro-input:focus,.filtro-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-primary,.btn-secondary{align-items:center;display:flex;flex-shrink:0;font-size:.85rem;gap:.3rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--primary-color)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-primary.disabled,.btn-primary:disabled{background:var(--border-color);cursor:not-allowed;opacity:.6}.btn-secondary{border:2px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--hover-bg);border-color:var(--primary-color)}.btn-icon{border-radius:8px;font-size:1.2rem;padding:.5rem}.btn-icon.success{border-color:#10b981;color:#10b981}.btn-icon.success:hover{background:#10b981;color:#fff}.btn-icon.danger{border-color:#ef4444;color:#ef4444}.btn-icon.danger:hover{background:#ef4444}.contatos-resumo,.validacao-resumo{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:.5rem;margin-top:.3rem}.resumo-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:6px;padding:.4rem;text-align:center;transition:all .2s ease}.resumo-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.resumo-card.success{background:#10b9811a;border-color:#10b981}.resumo-card.warning{background:#f59e0b1a;border-color:#f59e0b}.resumo-card h3{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0 0 .1rem}.resumo-card p{color:var(--text-secondary);font-size:.65rem;margin:0}.resumo-icon{font-size:.9rem;margin-bottom:.1rem}.contatos-lista-preview{background:var(--input-bg);border:2px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.contato-preview-item{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 0}.contato-preview-item:last-child{border-bottom:none}.contato-nome{color:var(--text-primary);font-size:1rem;font-weight:600}.contato-telefone{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.9rem}.contato-telefone.invalid{color:#ef4444;font-weight:600}.mais-contatos{color:var(--text-secondary);font-size:.95rem;font-weight:500;margin-top:1rem;text-align:center}.acoes-correcao,.acoes-disparos,.acoes-validacao{border-top:2px solid var(--border-color);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end;margin-top:.5rem;padding-top:.5rem;width:100%}.correcao-area{margin-top:1rem}.correcao-area h3{color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:.5rem}.correcao-info{color:var(--text-secondary);font-size:.8rem;margin-bottom:.75rem}.contatos-correcao-lista{display:flex;flex-direction:column;gap:1rem}.contato-correcao-item{background:var(--input-bg);border:2px solid var(--border-color);border-radius:8px;padding:1rem;transition:all .2s ease}.contato-correcao-item:hover{border-color:var(--primary-color)}.contato-info{display:flex;flex-direction:column;gap:.75rem}.edicao-telefone{align-items:center;display:flex;gap:.5rem}.input-telefone{background:var(--input-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:1rem;padding:.75rem}.input-telefone:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.contato-acoes{display:flex;gap:.5rem;margin-top:.75rem}.template-area{box-sizing:border-box;margin-bottom:.5rem;width:100%}.template-area h3{color:var(--text-primary);font-size:.8rem;font-weight:600;margin-bottom:.3rem}.template-textarea{background:var(--input-bg);border:2px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:.75rem;line-height:1.3;max-height:60px;max-width:100%;min-height:50px;padding:.4rem;resize:vertical;transition:all .2s ease;width:100%}.template-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.template-info{color:var(--text-secondary);font-size:.85rem;margin-top:.5rem}.template-info code{background:var(--hover-bg);border-radius:4px;color:var(--primary-color);font-family:Courier New,monospace;font-size:.85rem;padding:2px 6px}.disparos-lista{box-sizing:border-box;width:100%}.disparos-lista h3{color:var(--text-primary);font-size:.8rem;font-weight:600;margin-bottom:.4rem}.disparos-contatos{grid-gap:.4rem;box-sizing:border-box;display:grid;gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));max-height:250px;overflow-x:hidden;overflow-y:auto;padding-right:.5rem;width:100%}.disparo-item{animation:fadeIn .3s ease;background:var(--input-bg);border:2px solid var(--border-color);border-radius:6px;box-sizing:border-box;min-width:0;padding:.4rem;transition:all .3s ease;width:100%}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.disparo-item.removing{animation:fadeOut .3s ease forwards}.disparo-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.disparo-info{gap:.2rem}.disparo-header-info{align-items:flex-start;display:flex;flex-direction:column;gap:.1rem}.disparo-nome{color:var(--text-primary);font-size:.75rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.disparo-telefone{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.65rem}.disparo-preview{background:var(--card-bg);border-left:3px solid var(--primary-color);border-radius:6px;display:none;padding:.5rem}.disparo-preview strong{color:var(--text-secondary);font-size:.65rem;letter-spacing:.5px;text-transform:uppercase}.mensagem-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:.75rem;line-height:1.3;margin-top:.35rem;overflow:hidden;white-space:pre-wrap}.disparos-info-final{margin:.3rem 0}.info-box{background:#3b82f61a;border-left:3px solid var(--primary-color);border-radius:6px;display:flex;gap:.3rem;padding:.4rem}.info-box.warning{background:#f59e0b1a;border-left-color:#f59e0b}.info-box svg{flex-shrink:0;font-size:.85rem;margin-top:.05rem}.info-box p{color:var(--text-primary);font-size:.7rem;line-height:1.3;margin:0}.disparos-contatos::-webkit-scrollbar{width:10px}.disparos-contatos::-webkit-scrollbar-track{background:var(--hover-bg);border-radius:5px}.disparos-contatos::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}.disparos-contatos::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.disparos-progresso{background:var(--card-bg);border:2px solid var(--border-color);border-radius:6px;margin-bottom:.5rem;margin-top:.5rem;padding:.5rem}.disparos-progresso h3{color:var(--text-primary);font-size:.8rem;font-weight:600;margin-bottom:.4rem;text-align:center}.progresso-bar-container{background:var(--input-bg);border-radius:8px;box-shadow:inset 0 2px 4px #0000001a;height:15px;margin-bottom:.4rem;overflow:hidden;width:100%}.progresso-bar{background:linear-gradient(90deg,var(--primary-color),#10b981);border-radius:10px;box-shadow:0 2px 8px #3b82f666;height:100%;transition:width .3s ease}.progresso-stats{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:space-around}.stat-item{color:var(--text-secondary);font-size:.7rem;font-weight:500;gap:.2rem}.stat-item.success{color:#10b981}.stat-item.error{color:#ef4444}.progresso-atual{border-top:2px solid var(--border-color);color:var(--text-secondary);font-size:.7rem;margin-top:.4rem;padding-top:.4rem;text-align:center}.progresso-atual strong{color:var(--text-primary);font-weight:600}.disparos-resultados{border-top:2px solid var(--border-color);margin-top:.5rem;padding-top:.5rem}.disparos-resultados h3{color:var(--text-primary);font-size:.8rem;font-weight:600;margin-bottom:.4rem}.resultados-resumo{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:.5rem}.resultados-resumo .resumo-card{flex:1 1}.resultados-resumo .resumo-card.success{background:linear-gradient(135deg,#10b98120,#10b98110);border-color:#10b981}.resultados-resumo .resumo-card.error{background:linear-gradient(135deg,#ef444420,#ef444410);border-color:#ef4444}.resultados-lista{grid-gap:.4rem;box-sizing:border-box;display:grid;gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));max-height:250px;overflow-x:hidden;overflow-y:auto;padding-right:.5rem;width:100%}.resultado-item{background:var(--input-bg);border-left:4px solid;border:2px solid var(--border-color);border-radius:6px;padding:.4rem;transition:all .2s ease}.resultado-item:hover{box-shadow:0 2px 8px #0000001a}.resultado-item.sucesso{border-left:4px solid #10b981}.resultado-item.erro{border-left:4px solid #ef4444}.resultado-header{align-items:center;display:flex;gap:.3rem;margin-bottom:.2rem}.status-icon{font-size:1rem}.status-icon.success{color:#10b981}.status-icon.error{color:#ef4444}.resultado-nome{color:var(--text-primary);flex:1 1;font-size:.75rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resultado-telefone{font-family:Courier New,monospace}.resultado-mensagem,.resultado-telefone{color:var(--text-secondary);font-size:.65rem}.resultado-mensagem{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.3;margin-left:1.3rem;overflow:hidden}.info-box.info{background:linear-gradient(135deg,#3b82f620,#3b82f610);border-left-color:#3b82f6}.resultados-lista::-webkit-scrollbar{width:10px}.resultados-lista::-webkit-scrollbar-track{background:var(--hover-bg);border-radius:5px}.resultados-lista::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}.resultados-lista::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width:768px){.disparos-panel{padding:.5rem}.disparos-header h1{font-size:1.1rem}.contatos-resumo,.disparos-contatos,.resultados-lista,.resultados-resumo,.validacao-resumo{grid-template-columns:1fr}.disparo-header-info{align-items:flex-start;flex-direction:column;gap:.5rem}.acoes-correcao,.acoes-disparos,.acoes-validacao{justify-content:stretch}.btn-primary,.btn-secondary{flex:1 1 auto;min-width:120px}.template-textarea{font-size:.85rem}}@media (min-width:769px) and (max-width:1024px){.disparos-contatos,.resultados-lista{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}}@media (min-width:1025px) and (max-width:1400px){.disparos-contatos,.resultados-lista{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}}@media (min-width:1401px){.disparos-contatos,.resultados-lista{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.disparos-panel{max-width:1600px}}.historico-disparos-panel{display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:1400px;overflow-x:hidden;overflow-y:scroll;padding:.5rem}.historico-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.5rem}.header-title{gap:.5rem}.header-icon{color:var(--primary-color);font-size:1.2rem}.historico-header h1{color:var(--text-primary);font-size:1.1rem;margin:0}.historico-subtitle{color:var(--text-secondary);font-size:.7rem;margin:.15rem 0 0}.btn-export{align-items:center;background:var(--success-color);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.3rem;padding:.4rem .8rem;transition:all .2s ease}.btn-export:hover{background:var(--success-hover);box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.historico-stats{grid-gap:.5rem;display:grid;flex-shrink:0;gap:.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:.5rem}.stat-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:6px;padding:.5rem;text-align:center;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-card h3{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0}.stat-card p{color:var(--text-secondary);font-size:.65rem;margin:.15rem 0 0}.stat-card.total{border-color:var(--primary-color)}.stat-card.total h3{color:var(--primary-color)}.stat-card.success{border-color:var(--success-color)}.stat-card.success h3{color:var(--success-color)}.stat-card.error{border-color:var(--error-color)}.stat-card.error h3{color:var(--error-color)}.stat-card.rate{border-color:var(--info-color)}.stat-card.rate h3{color:var(--info-color)}.stat-icon{font-size:1rem;margin-bottom:.15rem}.historico-filters{background:var(--card-bg);border:2px solid var(--border-color);border-radius:6px;flex-shrink:0;margin-bottom:.5rem;padding:.75rem}.filters-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:.85rem;gap:.3rem;margin:0 0 .5rem}.filter-group{margin-bottom:.5rem}.filter-group label{color:var(--text-secondary);display:block;font-size:.7rem;margin-bottom:.25rem}.filter-input,.filter-select,.search-input,.search-type{background:var(--input-bg);border:2px solid var(--border-color);border-radius:5px;color:var(--text-primary);font-size:.75rem;padding:.4rem;transition:all .2s ease;width:100%}.filter-input:focus,.filter-select:focus,.search-input:focus,.search-type:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-range{gap:.4rem}.date-range span{color:var(--text-secondary);font-size:.65rem}.btn-filter{background:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.4rem .6rem;transition:all .2s ease}.btn-filter:hover{background:var(--primary-hover)}.search-box{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:100px 1fr auto}.btn-search{align-items:center;background:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;justify-content:center;padding:.4rem .6rem;transition:all .2s ease}.btn-search:hover{background:var(--primary-hover)}.filter-actions{display:flex;gap:.3rem;margin-top:.5rem}.btn-clear{align-items:center;background:var(--card-bg);border:2px solid var(--border-color);border-radius:5px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.75rem;gap:.3rem;padding:.4rem .6rem;transition:all .2s ease}.btn-clear:hover{background:var(--hover-bg);border-color:var(--primary-color)}.historico-lista{background:var(--card-bg);border:2px solid var(--border-color);border-radius:6px;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:scroll;padding:.75rem}.lista-header{border-bottom:2px solid var(--border-color);margin-bottom:.5rem;padding-bottom:.4rem}.lista-header h3{color:var(--text-primary);font-size:.85rem;margin:0}.disparos-table{display:flex;flex-direction:column;gap:.5rem}.disparo-row{grid-gap:.5rem;background:var(--input-bg);border:2px solid var(--border-color);border-radius:6px;display:grid;gap:.5rem;grid-template-columns:auto 1fr auto;padding:.5rem;transition:all .2s ease}.disparo-row:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #00000014}.disparo-row.enviado{border-left:4px solid var(--success-color)}.disparo-row.erro{border-left:4px solid var(--error-color)}.disparo-status{align-items:center;display:flex;justify-content:center}.status-icon{border-radius:50%;font-size:1.1rem;padding:.25rem}.status-icon.success{background:#10b9811a;color:var(--success-color)}.status-icon.error{background:#ef44441a;color:var(--error-color)}.disparo-info{display:flex;flex-direction:column;gap:.35rem}.info-row{flex-wrap:wrap;gap:.75rem}.info-item{align-items:center;color:var(--text-primary);font-size:.75rem;gap:.25rem}.info-icon{font-size:.8rem}.info-icon,.label{color:var(--text-secondary)}.label{font-size:.65rem;font-weight:600}.mensagem-preview{background:var(--card-bg);border-left:3px solid var(--primary-color);border-radius:5px;display:flex;gap:.25rem;padding:.4rem}.mensagem-preview p{color:var(--text-secondary);font-size:.65rem;line-height:1.3;margin:0;white-space:pre-wrap}.erro-mensagem{background:#ef44441a;border-left:3px solid var(--error-color);border-radius:5px;color:var(--error-color);font-size:.65rem;padding:.4rem}.disparo-actions{gap:.5rem}.btn-icon,.disparo-actions{align-items:center;display:flex}.btn-icon{background:#0000;border:2px solid var(--border-color);border-radius:5px;color:var(--text-primary);font-size:.85rem;justify-content:center;padding:.25rem;transition:all .2s ease}.btn-icon:hover{background:var(--hover-bg)}.btn-icon.danger{border-color:var(--error-color);color:var(--error-color)}.btn-icon.danger:hover{background:var(--error-color);color:#fff}.load-more{margin-top:1rem;text-align:center}.btn-load-more{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1.5rem;transition:all .2s ease}.btn-load-more:hover{background:var(--primary-hover)}.btn-load-more:disabled{background:var(--border-color);cursor:not-allowed}.empty-message,.loading-message{color:var(--text-secondary);padding:2rem;text-align:center}.empty-icon{color:var(--border-color);font-size:3rem;margin-bottom:.75rem}.empty-message p{color:var(--text-primary);font-size:1rem;margin:0}.empty-message small{color:var(--text-secondary);display:block;font-size:.8rem;margin-top:.3rem}.historico-disparos-panel::-webkit-scrollbar{width:10px}.historico-disparos-panel::-webkit-scrollbar-track{background:var(--hover-bg);border-radius:5px}.historico-disparos-panel::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}.historico-disparos-panel::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.historico-lista::-webkit-scrollbar{width:10px}.historico-lista::-webkit-scrollbar-track{background:var(--hover-bg);border-radius:5px}.historico-lista::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}.historico-lista::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width:768px){.historico-disparos-panel{padding:.75rem}.historico-header{align-items:flex-start;flex-direction:column;gap:.75rem}.btn-export{justify-content:center;width:100%}.historico-stats{grid-template-columns:1fr 1fr}.search-box{grid-template-columns:1fr}.date-range{flex-direction:column}.disparo-row{grid-template-columns:1fr}.info-row{flex-direction:column;gap:.3rem}.disparo-actions{justify-content:flex-end}}.badge-resposta{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.badge-resposta.respondido{background-color:#d4f8d4;border:1px solid #2d7a2d;color:#2d7a2d}.badge-resposta.aguardando{background-color:#fff3cd;border:1px solid #ffc107;color:#856404}.stat-card.respondidos{background:linear-gradient(135deg,#d4f8d4,#a5d6a7);color:#1b5e20}.stat-card.aguardando{background:linear-gradient(135deg,#fff3cd,#ffe082);color:#856404}.stat-card.taxa-resposta{background:linear-gradient(135deg,#e1f5fe,#81d4fa);color:#01579b}.stat-card.tempo-medio{background:linear-gradient(135deg,#f3e5f5,#ce93d8);color:#4a148c}.remessa-panel{margin:0 auto;max-width:1400px;padding:20px}.remessa-header{align-items:center;border-bottom:2px solid #e1e8ed;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.remessa-header h1{color:#14171a;font-size:28px;margin:0}.remessa-tabs{display:flex;gap:10px}.remessa-tabs button{background:#fff;border:2px solid #0284c7;border-radius:8px;color:#0284c7;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.remessa-tabs button:hover{background:#f0f9ff}.remessa-tabs button.active{background:#0284c7;color:#fff}.remessa-upload-section{display:flex;flex-direction:column;gap:30px}.upload-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.upload-card h2{color:#0284c7;margin-top:0}.upload-instructions{color:#657786;margin-bottom:20px}.upload-requirements{background:#f0f9ff;border-radius:8px;margin-bottom:30px;padding:20px}.upload-requirements h3{color:#0284c7;margin-top:0}.upload-requirements ul{margin:10px 0;padding-left:20px}.upload-requirements li{color:#14171a;margin:8px 0}.upload-requirements code{background:#fff;border-radius:4px;color:#0284c7;font-weight:600;padding:2px 6px}.upload-input-area{margin:30px 0;text-align:center}.upload-button{background:linear-gradient(135deg,#0284c7,#0369a1);border-radius:8px;box-shadow:0 4px 12px #0284c74d;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:15px 40px;transition:all .3s}.upload-button:hover{box-shadow:0 6px 16px #0284c766;transform:translateY(-2px)}.upload-button.uploading{background:#94a3b8;cursor:not-allowed;transform:none}.upload-progress{padding:30px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#0284c7;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.upload-result{border-radius:8px;margin-top:30px;padding:20px}.upload-result.success{background:#f0fdf4;border:2px solid #22c55e}.upload-result.error{background:#fef2f2;border:2px solid #ef4444}.upload-result h3{margin-top:0}.result-stats{display:flex;flex-direction:column;gap:15px;margin-top:15px}.stat-item{align-items:center;background:#fff;border-radius:6px;display:flex;justify-content:space-between;padding:10px}.stat-label{font-weight:600}.stat-value{color:#0f172a;font-size:20px}.stat-value.green{color:#22c55e}.stat-value.orange{color:#f59e0b}.quick-stats{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.quick-stats h3{color:#0284c7;margin-bottom:20px;margin-top:0}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:10px;gap:15px}.stat-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-3px)}.stat-icon{font-size:40px}.stat-info{flex:1 1}.stat-number{color:#0f172a;font-size:28px;font-weight:700}.stat-label{color:#64748b;font-size:14px;margin-top:5px}.remessa-list-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.remessa-filters{grid-gap:15px;display:grid;gap:15px;grid-template-columns:2fr 1fr 1fr auto;margin-bottom:20px}.filter-input,.filter-select,.search-input{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px;transition:all .2s}.filter-input:focus,.filter-select:focus,.search-input:focus{border-color:#0284c7;outline:none}.export-button{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.export-button:hover{background:#059669}.export-button:disabled{background:#94a3b8;cursor:not-allowed}.filtered-stats{background:#f8fafc;border-radius:8px;color:#475569;display:flex;font-size:14px;font-weight:600;gap:20px;margin-bottom:20px;padding:15px}.remessa-table-container{max-height:600px;overflow-x:auto;overflow-y:auto}.remessa-table{border-collapse:collapse;width:100%}.remessa-table thead{background:#f8fafc;position:-webkit-sticky;position:sticky;top:0;z-index:10}.remessa-table th{border-bottom:2px solid #e2e8f0;color:#0f172a;font-weight:700;padding:12px;text-align:left}.remessa-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:12px}.remessa-table tbody tr:hover{background:#f8fafc}.processo-numero{color:#0284c7;font-family:Courier New,monospace;font-weight:600}.valor{color:#10b981;font-weight:600}.status-badge{display:inline-block;padding:4px 8px}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.inactive{background:#f1f5f9;color:#64748b}.empty-state,.loading-state{color:#64748b;padding:60px 20px;text-align:center}.remessa-stats-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.remessa-stats-section h2{color:#0284c7;margin-top:0}.stats-detailed-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:30px}.stat-detail-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;padding:30px;text-align:center;transition:all .3s}.stat-detail-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.stat-detail-card.full-width{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981;grid-column:1/-1}.stat-detail-card h3{color:#64748b;font-size:14px;font-weight:600;margin-bottom:15px;margin-top:0;text-transform:uppercase}.stat-big-number{color:#0f172a;font-size:48px;font-weight:700;margin:15px 0}.stat-detail-card.full-width .stat-big-number{color:#10b981;font-size:56px}.stat-date{color:#0284c7;font-size:20px;font-weight:600;margin:15px 0}.stat-detail-card p{color:#64748b;font-size:14px;margin:0}@media (max-width:768px){.remessa-header{align-items:flex-start;flex-direction:column;gap:15px}.remessa-filters,.stats-grid{grid-template-columns:1fr}.remessa-table-container{font-size:12px}.remessa-table td,.remessa-table th{padding:8px}}.flowchart-page{background-color:#2a2a2a;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.flowchart-header{align-items:center;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:20px 40px}.flowchart-title{color:#fff;font-size:24px;font-weight:600;margin:0}.flowchart-actions{gap:12px}.flowchart-actions,.zoom-btn{align-items:center;display:flex}.zoom-btn{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;justify-content:center;padding:8px 12px;transition:all .2s}.zoom-btn:hover{background-color:#3a3a3a;border-color:#7fd957}.zoom-level{color:#fff;font-size:14px;font-weight:600;min-width:50px;text-align:center}.flowchart-toolbar{align-items:center;background-color:#222;border-bottom:1px solid #2a2a2a;display:flex;gap:12px;padding:16px 40px}.toolbar-btn{align-items:center;background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.toolbar-btn:hover{background-color:#3a3a3a;border-color:#7fd957}.toolbar-btn.active{background-color:#7fd957;border-color:#7fd957;color:#fff}.toolbar-btn:disabled{cursor:not-allowed;opacity:.4}.toolbar-btn.delete-btn:hover:not(:disabled){background-color:#ef444433;border-color:#ef4444;color:#ef4444}.toolbar-divider{background-color:#3a3a3a;height:32px;margin:0 8px;width:1px}.flowchart-canvas{background-color:#2a2a2a;background-image:linear-gradient(#ffffff0d 1px,#0000 0),linear-gradient(90deg,#ffffff0d 1px,#0000 0);background-size:20px 20px;cursor:crosshair;flex:1 1;overflow:auto;position:relative}.flowchart-shape{align-items:center;background-color:#7fd957;border:2px solid #6cc945;cursor:move;display:flex;justify-content:center;position:absolute;transition:all .2s;-webkit-user-select:none;user-select:none}.flowchart-shape:hover{box-shadow:0 4px 12px #579dff4d}.flowchart-shape.selected{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf244d}.flowchart-shape.rectangle{border-radius:8px}.flowchart-shape.circle{border-radius:50%}.flowchart-shape.diamond{border-radius:4px;transform:rotate(45deg)}.flowchart-shape.diamond .shape-text{transform:rotate(-45deg)}.shape-text{color:#fff;font-size:14px;font-weight:600;padding:8px;pointer-events:none;text-align:center}.history-page{background-color:#2a2a2a;display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.history-header{align-items:center;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:32px 40px 24px}.history-title{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.history-subtitle{color:#e5e5e5;font-size:14px;margin:0}.history-stats{grid-gap:20px;border-bottom:1px solid #2a2a2a;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:24px 40px}.stat-card{background-color:#222;border:2px solid;transition:transform .2s}.stat-card.won{border-color:#10b981}.stat-card.lost{border-color:#ef4444}.stat-card.total{border-color:#7fd957}.stat-icon{height:48px;width:48px}.stat-card.won .stat-icon{background-color:#10b981}.stat-card.lost .stat-icon{background-color:#ef4444}.stat-card.total .stat-icon{background-color:#7fd957}.history-filters{align-items:center;background-color:#222;border-bottom:1px solid #2a2a2a;display:flex;flex-wrap:wrap;gap:16px;padding:20px 40px}.search-filter{flex:1 1;min-width:250px;position:relative}.search-icon-filter{color:#e5e5e5;font-size:20px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input-filter{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:4px;color:#fff;font-size:14px;outline:none;padding:10px 14px 10px 42px;transition:all .2s;width:100%}.search-input-filter:focus{border-color:#7fd957}.search-input-filter::placeholder{color:#9ca3af}.custom-date-input,.date-filter-select,.status-filter-select{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:150px;outline:none;padding:10px 14px;transition:all .2s}.custom-date-input:hover,.date-filter-select:hover,.status-filter-select:hover{border-color:#7fd957}.custom-date-input:focus,.date-filter-select:focus,.status-filter-select:focus{background-color:#3a3a3a;border-color:#7fd957}.date-filter-select option,.status-filter-select option{background-color:#2a2a2a;color:#fff}.history-content{flex:1 1;padding:32px 40px}.history-table-container{background-color:#222;border:1px solid #2a2a2a;border-radius:8px;overflow-x:auto}.history-table{border-collapse:collapse;width:100%}.history-table thead{background-color:#2a2a2a;border-bottom:2px solid #3a3a3a}.history-table th{color:#e5e5e5;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.history-table tbody tr{border-bottom:1px solid #2a2a2a;transition:background-color .2s}.history-table tbody tr:hover{background-color:#2a2a2a}.history-table tbody tr:last-child{border-bottom:none}.history-table td{color:#fff;font-size:14px;padding:14px 16px}.name-cell{color:#6cc945;font-weight:600}.value-cell{color:#10b981;font-weight:600}.description-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge-history{align-items:center;border-radius:4px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge-history.won{background-color:#10b98133;color:#10b981}.status-badge-history.lost{background-color:#ef444433;color:#ef4444}.empty-history{color:#e5e5e5;font-size:16px;padding:80px 20px;text-align:center}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:24px;padding:20px}.pagination-btn{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:40px;padding:8px 14px;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#3a3a3a;border-color:#7fd957;color:#6cc945}.pagination-btn.active{background-color:#7fd957;border-color:#7fd957;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.history-content{padding:20px}.history-table-container{overflow-x:scroll}.history-table{min-width:900px}.pagination{flex-wrap:wrap;gap:6px}.pagination-btn{font-size:13px;min-width:36px;padding:6px 10px}}.mywork-page{background-color:#2a2a2a;display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.mywork-header{border-bottom:1px solid #2a2a2a;padding:32px 40px 24px}.mywork-title{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.mywork-subtitle{color:#e5e5e5;font-size:14px;margin:0}.mywork-content{align-items:start;display:flex;flex:1 1;flex-wrap:wrap;gap:24px;max-width:100%;overflow-x:hidden;padding:32px 40px;width:100%}.mywork-panel{display:flex;flex-basis:calc(50% - 12px);flex-direction:column;flex-grow:1;flex-shrink:1;gap:24px}.mywork-panel,.mywork-panel-left{min-width:360px}.mywork-panel-right{min-width:360px;position:relative}.action-buttons-container{background-color:#2a2a2a;display:flex;flex-wrap:wrap;gap:12px;margin:-16px 0 0;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.action-btn{color:#fff;flex:1 1;font-size:14px;font-weight:600;gap:8px;min-width:160px;padding:14px 20px}.action-btn-visit{background-color:#7fd957}.action-btn-visit:hover{background-color:#6cc945;box-shadow:0 4px 12px #579dff4d;transform:translateY(-2px)}.action-btn-visit:focus{outline:2px solid #7fd957;outline-offset:2px}.action-btn-call{background-color:#10b981}.action-btn-call:hover{background-color:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.action-btn-call:focus{outline:2px solid #10b981;outline-offset:2px}.mywork-section{background-color:#222;border:1px solid #2a2a2a;border-radius:8px;display:flex;flex-direction:column;gap:16px;padding:24px;width:100%}.section-header{border-bottom:1px solid #2a2a2a;padding-bottom:16px}.section-title{gap:8px;margin:0}.section-count{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px}.add-btn,.section-count{background-color:#7fd957;color:#fff}.add-btn{border-radius:4px;font-size:13px;padding:8px 14px;transition:background-color .2s}.add-btn:hover{background-color:#6cc945}.leads-list,.scheduled-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.lead-item{align-items:flex-start;background-color:#2a2a2a;border-radius:6px;display:flex;gap:16px;justify-content:space-between;padding:16px;transition:transform .2s}.lead-item:hover{transform:translateX(4px)}.lead-info{flex:1 1;min-width:0}.lead-name{color:#fff;font-size:15px;font-weight:600;margin:0 0 6px}.lead-details{color:#e5e5e5;font-size:13px;margin:4px 0}.lead-company{color:#6cc945;font-size:13px;margin:4px 0 0}.lead-meta{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.lead-status{border-radius:4px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.lead-workspace{color:#e5e5e5;font-size:12px}.scheduled-item{align-items:flex-start;background-color:#2a2a2a;border-radius:6px;display:flex;gap:12px;padding:16px;transition:background-color .2s}.scheduled-item:hover{background-color:#3a3a3a}.scheduled-checkbox{flex-shrink:0}.checkbox-btn{align-items:center;background-color:initial;border:2px solid #3a3a3a;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;transition:all .2s;width:24px}.checkbox-btn:hover{border-color:#7fd957}.checkbox-btn.completed{background-color:#10b981;border-color:#10b981}.scheduled-info{flex:1 1;min-width:0}.scheduled-client{color:#fff;font-size:15px;font-weight:600;margin:0 0 8px}.scheduled-datetime{align-items:center;color:#e5e5e5;display:flex;font-size:13px;gap:6px;margin:4px 0}.scheduled-location{color:#f59e0b;font-size:13px;margin:4px 0}.scheduled-notes{color:#e5e5e5;font-size:13px;font-style:italic;margin:8px 0 0}.delete-btn{align-items:center;background-color:initial;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.delete-btn:hover{background-color:#ef444433}.empty-state{font-size:14px}.form-input,.form-textarea{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:4px;color:#fff;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s}.form-input:focus,.form-textarea:focus{border-color:#7fd957}.form-textarea{font-family:inherit;resize:vertical}.save-btn{background-color:#7fd957}.save-btn:hover{background-color:#6cc945}@media (min-width:1024px){.mywork-panel{flex-basis:calc(50% - 12px);flex-grow:1;flex-shrink:1;max-width:calc(50% - 12px)}}@media (max-width:1023px){.mywork-panel{flex:1 1 100%;max-width:100%;min-width:100%}.mywork-content,.mywork-header{padding:20px}.section-header{align-items:flex-start}.action-buttons-container,.section-header{flex-direction:column;gap:12px}.action-btn{min-width:100%;width:100%}}@media (max-width:768px){.mywork-header{padding:16px}.mywork-content{gap:20px;padding:16px}.mywork-section{padding:16px}.form-row{grid-template-columns:1fr}.action-buttons-container{padding:12px 0}.action-btn{font-size:13px;padding:12px 16px}}@media (max-width:1366px){.mywork-content{overflow-x:hidden}}.impulsione-page{background-color:#2a2a2a;display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.impulsione-header{border-bottom:1px solid #2a2a2a;padding:32px 40px 24px}.impulsione-title{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.impulsione-subtitle{color:#e5e5e5;font-size:14px;margin:0}.impulsione-stats{grid-gap:20px;background-color:#222;border-bottom:1px solid #2a2a2a;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:24px 40px}.stat-card{background-color:#2a2a2a;border:1px solid #2a2a2a}.stat-icon{font-size:24px;height:50px;width:50px}.stat-icon.campaigns{background-color:#3b82f6}.stat-icon.reach{background-color:#10b981}.stat-icon.conversions{background-color:#f59e0b}.stat-icon.revenue{background-color:#8b5cf6}.stat-label{letter-spacing:.5px}.impulsione-tabs{background-color:#222;border-bottom:1px solid #2a2a2a;display:flex;gap:8px;overflow-x:auto;padding:16px 40px}.tab-btn{background-color:initial;border-radius:4px;white-space:nowrap}.tab-btn:hover{background-color:#2a2a2a}.tab-btn.active{background-color:#3b82f6;color:#fff}.impulsione-content{flex:1 1;padding:32px 40px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.section-description{background-color:#3b82f61a;border-left:3px solid #3b82f6;border-radius:4px;margin-bottom:24px;padding:16px}.section-description p{color:#fff;font-size:14px;line-height:1.6;margin:0}.add-campaign-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:background-color .2s}.add-campaign-btn:hover{background-color:#2563eb}.campaigns-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.campaign-card{background-color:#222;border:1px solid #2a2a2a;border-radius:8px;display:flex;flex-direction:column;gap:16px;padding:20px;transition:transform .2s}.campaign-card:hover{border-color:#3b82f6;transform:translateY(-2px)}.campaign-header{align-items:flex-start;display:flex;gap:12px;position:relative}.campaign-icon{align-items:center;background-color:#3b82f6;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.campaign-info{flex:1 1;min-width:0}.campaign-info h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.campaign-description{color:#e5e5e5;font-size:13px;line-height:1.4;margin:0}.status-badge{border-radius:12px;font-size:11px;letter-spacing:.5px;padding:4px 10px;position:absolute;right:0;top:0}.status-badge.active{background-color:#10b98133;color:#10b981}.status-badge.paused{background-color:#6b728033;color:#9ca3af}.campaign-details{grid-gap:12px;background-color:#2a2a2a;border-radius:4px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:12px}.detail-item{gap:4px}.detail-label{color:#e5e5e5;font-size:11px;letter-spacing:.5px}.detail-value{font-size:13px;font-weight:600}.campaign-metrics{grid-gap:12px;border-top:1px solid #2a2a2a;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding-top:12px}.metric-item{display:flex;flex-direction:column;gap:4px}.metric-label{color:#e5e5e5;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.metric-value{color:#3b82f6;font-size:16px;font-weight:700}.campaign-actions{display:flex;gap:8px;justify-content:flex-end}.action-btn{border-radius:4px;height:36px;padding:0;width:36px}.whatsapp-btn{background-color:#25d366;color:#fff;font-size:13px;font-weight:600;gap:6px;padding:0 12px;width:auto}.whatsapp-btn:hover{background-color:#20ba5a}.edit-btn{background-color:#3b82f6;color:#fff}.edit-btn:hover{background-color:#2563eb}.delete-btn{background-color:#ef4444;color:#fff}.delete-btn:hover{background-color:#dc2626}.empty-state{background-color:#222;border:1px solid #2a2a2a;border-radius:8px;font-size:16px}.empty-state .add-campaign-btn{margin-top:16px}.modal-overlay{background-color:#000000b3}.modal{background-color:#222;border-radius:8px;box-shadow:0 8px 24px #0000004d;margin:0 auto;position:relative}.modal-header h2{font-size:18px}.close-btn{background-color:initial;font-size:24px;height:32px;transition:background-color .2s;width:32px}.close-btn:hover{background-color:#2a2a2a}.modal-body{gap:16px}.form-field,.modal-body{display:flex;flex-direction:column}.form-field{gap:6px}.form-field label{color:#e5e5e5}.form-input,.form-select{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:4px;color:#fff;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s}.form-input:focus,.form-select:focus{border-color:#3b82f6}textarea.form-input{min-height:80px}.form-row{grid-template-columns:repeat(2,1fr)}.modal-footer{padding:16px 24px}.cancel-btn,.save-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .2s}.cancel-btn{background-color:#2a2a2a}.cancel-btn:hover{background-color:#3a3a3a}.save-btn{background-color:#3b82f6;color:#fff}.save-btn:hover{background-color:#2563eb}@media (max-width:1200px){.campaigns-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}.dashboard-filters{align-items:center;background-color:#222;border:1px solid #2a2a2a;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px}.filter-group{flex:1 1;gap:6px;min-width:200px}.filter-group label{color:#e5e5e5;font-size:12px;font-weight:600;letter-spacing:.5px}.filter-select{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s}.filter-select:focus,.filter-select:hover{border-color:#3b82f6}.dashboard-campaign-card,.dashboard-campaigns-list{display:flex;flex-direction:column;gap:20px}.dashboard-campaign-card{background-color:#222;border:1px solid #2a2a2a;border-radius:8px;padding:24px;transition:transform .2s}.dashboard-campaign-card:hover{border-color:#3b82f6;transform:translateY(-2px)}.campaign-type-label{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.campaign-type-label.atracao{background-color:#3b82f633;color:#3b82f6}.campaign-type-label.engajamento{background-color:#10b98133;color:#10b981}.campaign-type-label.conversao{background-color:#f59e0b33;color:#f59e0b}.campaign-type-label.fidelizacao{background-color:#8b5cf633;color:#8b5cf6}.campaign-type-label.reativacao{background-color:#ef444433;color:#ef4444}.campaign-metrics-grid{grid-gap:16px;background-color:#2a2a2a;border-radius:4px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:16px}.metric-card{display:flex;flex-direction:column;gap:6px}.metric-card label{color:#e5e5e5;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metric-input{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:4px;color:#fff;font-family:inherit;font-size:14px;outline:none;padding:8px 10px;transition:border-color .2s}.metric-input:focus{border-color:#3b82f6}.metric-input:hover{border-color:#4b5563}.campaign-performance{grid-gap:16px;background-color:#3b82f61a;border-left:3px solid #3b82f6;border-radius:4px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:16px}.performance-item{display:flex;flex-direction:column;gap:6px}.performance-item label{color:#e5e5e5;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.performance-item .value{color:#3b82f6;font-size:20px;font-weight:700}.performance-item .value.positive{color:#10b981}.performance-item .value.negative{color:#ef4444}@media (max-width:1200px){.campaign-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.campaign-performance{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.impulsione-header{padding:20px}.impulsione-stats{grid-template-columns:1fr;padding:16px 20px}.impulsione-tabs{padding:16px 20px}.impulsione-content{padding:20px}.campaign-metrics,.campaigns-list,.form-row{grid-template-columns:1fr}.dashboard-filters{align-items:stretch;flex-direction:column}.filter-group{min-width:100%}.campaign-metrics-grid,.campaign-performance{grid-template-columns:1fr}}.diagram-list-container{background:linear-gradient(135deg,#1a1d21,#222);min-height:100vh;padding:32px}.diagram-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.diagram-list-header h1{color:#fff;font-size:32px;font-weight:700;margin:0}.btn-new-diagram{align-items:center;background:linear-gradient(135deg,#7fd957,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s}.btn-new-diagram:hover{box-shadow:0 8px 20px #579dff66;transform:translateY(-2px)}.diagram-loading{color:#e5e5e5;font-size:18px;padding:60px;text-align:center}.diagram-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{color:#7fd957;margin-bottom:24px}.diagram-empty-state h2{color:#fff;font-size:28px;margin:0 0 12px}.diagram-empty-state p{color:#e5e5e5;font-size:16px;margin:0 0 32px}.btn-create-first{align-items:center;background:linear-gradient(135deg,#7fd957,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;transition:all .3s}.btn-create-first:hover{box-shadow:0 8px 20px #579dff66;transform:translateY(-2px)}.diagram-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.diagram-card{background:#2c3338cc;border:2px solid #579dff33;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .3s}.diagram-card:hover{border-color:#7fd957;box-shadow:0 8px 24px #579dff33;transform:translateY(-4px)}.diagram-card-header{align-items:center;display:flex;justify-content:space-between}.diagram-type-icon{font-size:32px}.diagram-type-badge{background:#579dff33;border:1px solid #579dff4d;border-radius:12px;color:#7fd957;font-size:12px;font-weight:600;padding:4px 12px}.diagram-card-content h3{color:#fff;font-size:20px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagram-card-info{color:#e5e5e5;display:flex;flex-direction:column;font-size:14px;gap:4px}.diagram-card-actions{border-top:1px solid #579dff1a;display:flex;gap:8px;margin-top:auto;padding-top:12px}.btn-action{border:1px solid #579dff33;border-radius:6px;flex:1 1;font-size:18px;justify-content:center;padding:8px}.btn-action.btn-delete{background:#ff6b6b1a;border-color:#ff6b6b33;color:#ff6b6b}.btn-action.btn-delete:hover{background:#ff6b6b33;border-color:#ff6b6b}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-template{background:#222;border:2px solid #579dff4d;border-radius:16px;max-height:80vh;max-width:700px;overflow-y:auto;padding:32px;width:90%}.modal-header{margin-bottom:24px}.modal-header h2{font-size:24px}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#e5e5e5;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:#ffffff1a;color:#fff}.template-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.template-card{background:#2c3338cc;border:2px solid #579dff33;border-radius:12px;cursor:pointer;padding:24px;text-align:center;transition:all .3s}.template-card:hover{border-color:#7fd957;box-shadow:0 8px 24px #579dff4d;transform:translateY(-4px)}.template-icon{font-size:48px;margin-bottom:16px}.template-card h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 8px}.template-card p{color:#e5e5e5;font-size:14px;line-height:1.5;margin:0}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.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 .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.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.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.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:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.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.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;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{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;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:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;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:0 1px 4px 1px #00000014}.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:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.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{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.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:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.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:0 solid #3367d9}.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%}.diagram-canvas-container{background:#1a1d21;display:flex;flex-direction:column;height:100vh}.diagram-loading-container{align-items:center;background:#1a1d21;display:flex;height:100vh;justify-content:center}.diagram-spinner{color:#7fd957;font-size:20px}.diagram-header{background:#222;border-bottom:2px solid #579dff33;justify-content:space-between;padding:16px 24px}.btn-back,.diagram-header{align-items:center;display:flex}.btn-back{background:#579dff1a;border:1px solid #579dff33;border-radius:8px;color:#7fd957;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-back:hover{background:#579dff33;border-color:#7fd957}.diagram-title-section{flex:1 1;text-align:center}.diagram-title-section h1{align-items:center;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:24px;font-weight:700;gap:8px;margin:0;padding:8px 16px;transition:all .2s}.diagram-title-section h1:hover{background:#ffffff0d}.edit-icon{color:#e5e5e5;font-size:18px}.title-input{background:#2c3338cc;border:2px solid #7fd957;border-radius:8px;color:#fff;font-size:24px;font-weight:700;max-width:400px;outline:none;padding:8px 16px;text-align:center;width:100%}.btn-save{background:linear-gradient(135deg,#7fd957,#8b5cf6);padding:10px 20px;transition:all .3s}.btn-save:hover:not(:disabled){box-shadow:0 8px 20px #579dff66;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.diagram-workspace{display:flex;flex:1 1;overflow:hidden}.diagram-toolbar{background:#222;border-right:2px solid #579dff33;gap:24px;overflow-y:auto;padding:20px;width:280px}.diagram-toolbar,.toolbar-section{display:flex;flex-direction:column}.toolbar-section{gap:12px}.toolbar-section h3{color:#e5e5e5;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.toolbar-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.toolbar-actions button{align-items:center;background:#579dff1a;border:1px solid #579dff33;border-radius:8px;color:#7fd957;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:12px;transition:all .2s}.toolbar-actions button:hover{background:#579dff33;border-color:#7fd957}.node-types{display:flex;flex-direction:column;gap:8px}.btn-node-type{align-items:center;background:#579dff1a;border:2px solid #579dff33;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s}.btn-node-type:hover{background:#579dff33;border-color:#7fd957}.btn-node-type.active{background:#579dff4d;border-color:#7fd957}.node-icon{font-size:24px}.node-label{font-weight:600}.selected-node-info{display:flex;flex-direction:column;gap:12px}.node-label-input{background:#2c3338cc;border:2px solid #579dff33;border-radius:8px;color:#fff;font-size:14px;outline:none;padding:10px 12px;transition:all .2s;width:100%}.node-label-input:focus{border-color:#7fd957;box-shadow:0 0 0 4px #579dff1a}.btn-delete-node{align-items:center;background:#ff6b6b1a;border:1px solid #ff6b6b33;border-radius:8px;color:#ff6b6b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:all .2s}.btn-delete-node:hover{background:#ff6b6b33;border-color:#ff6b6b}.diagram-canvas{background:#1a1d21;flex:1 1}.react-flow__node{font-family:inherit}.react-flow__edge-path{stroke-width:2}.react-flow__controls,.react-flow__minimap{background:#222;border:2px solid #579dff33}.react-flow__controls{border-radius:8px;overflow:hidden}.react-flow__controls-button{background:#222;border-bottom:1px solid #579dff33;color:#7fd957}.react-flow__controls-button:hover{background:#579dff1a}.react-flow__attribution{background:#22272bcc;border-radius:4px;padding:4px 8px}.custom-node{background:#fff;border:2px solid;border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:14px;font-weight:600;min-width:140px;padding:16px;text-align:center;transition:all .2s}.custom-node:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.node-content{flex-direction:column;gap:8px}.node-content,.start-node{align-items:center;display:flex;justify-content:center}.start-node{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#4ade80;border-radius:50%;color:#065f46;height:100px;width:100px}.start-node .node-content{height:100%;width:100%}.end-node,.start-node .node-content{align-items:center;display:flex;justify-content:center}.end-node{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171;border-radius:50%;color:#991b1b;height:100px;width:100px}.end-node .node-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.process-node{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#60a5fa;color:#1e40af;min-width:160px;padding:20px 24px}.decision-node{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#facc15;color:#854d0e;height:120px;min-width:140px;padding:16px;transform:rotate(45deg);width:120px}.decision-node,.decision-node .node-content{align-items:center;display:flex;justify-content:center}.decision-node .node-content{height:100%;transform:rotate(-45deg);width:100%}.decision-node .node-content span{max-width:80px;word-break:break-word}.person-node{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#7fd957;color:#0c4a6e;min-width:180px;padding:16px;text-align:left}.person-node .node-content{flex-direction:row;gap:12px}.person-avatar{align-items:center;background:linear-gradient(135deg,#7fd957,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.person-info{display:flex;flex:1 1;flex-direction:column;gap:4px;text-align:left}.person-title{color:#0c4a6e;font-size:16px;font-weight:700}.person-name{color:#075985;font-size:13px;font-weight:500}.person-department{background:#579dff33;border-radius:4px;color:#0284c7;display:inline-block;font-size:11px;font-weight:400;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.react-flow__handle{background:#7fd957;border:2px solid #fff;height:10px;width:10px}.react-flow__handle:hover{background:#8b5cf6}.billing-container{background:linear-gradient(135deg,#1a1d21,#222);min-height:100vh;padding:32px}.billing-header{justify-content:space-between;margin-bottom:32px}.billing-header,.header-title{align-items:center;display:flex}.header-title{gap:12px}.header-icon{color:#7fd957;font-size:36px}.billing-header h1{color:#fff;font-size:32px;font-weight:700;margin:0}.btn-action{align-items:center;background:#579dff1a;border:2px solid #579dff4d;border-radius:8px;color:#7fd957;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-action:hover{background:#579dff33;border-color:#7fd957}.btn-primary{align-items:center;background:linear-gradient(135deg,#7fd957,#8b5cf6);border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s}.btn-primary:hover{box-shadow:0 8px 20px #579dff66;transform:translateY(-2px)}.billing-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}.stat-card{background:#2c3338cc;border:2px solid #579dff33;border-radius:12px;gap:16px;padding:20px;transition:all .3s}.stat-card:hover{border-color:#7fd957;transform:translateY(-2px)}.stat-card.financial{background:linear-gradient(135deg,#579dff1a,#8b5cf61a)}.stat-icon{border-radius:12px;color:#fff;font-size:28px;height:56px;width:56px}.stat-icon.pending{background:linear-gradient(135deg,#f2d600,#f59e0b)}.stat-icon.overdue{background:linear-gradient(135deg,#eb5a46,#ef4444)}.stat-icon.paid{background:linear-gradient(135deg,#61bd4f,#10b981)}.stat-icon.receivable{background:linear-gradient(135deg,#00c2e0,#06b6d4)}.stat-icon.payable{background:linear-gradient(135deg,#c377e0,#a855f7)}.stat-info{gap:4px}.stat-label{color:#e5e5e5;font-size:13px;font-weight:500}.stat-value{font-size:24px}.billing-tabs{border-bottom:2px solid #579dff33;display:flex;gap:8px;margin-bottom:24px}.tab-btn{border:none;border-bottom:3px solid #0000;color:#e5e5e5;font-weight:600;margin-bottom:-2px;padding:12px 24px}.tab-btn.active{border-bottom-color:#7fd957;color:#7fd957}.billing-filters{display:flex;gap:12px;margin-bottom:24px}.filter-btn{background:#2c3338cc;border:2px solid #579dff33;border-radius:8px;color:#e5e5e5;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s}.filter-btn:hover{border-color:#7fd957;color:#fff}.filter-btn.active{background:#579dff33;border-color:#7fd957;color:#7fd957}.billing-pipeline{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);min-height:500px}.pipeline-column{background:#2c333899;border-radius:12px;display:flex;flex-direction:column;padding:16px}.column-header{align-items:center;border-bottom:3px solid;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.column-header h3{color:#fff;font-size:16px;font-weight:700;margin:0}.column-count{background:#ffffff1a;border-radius:12px;color:#fff;font-size:13px;font-weight:600;padding:4px 12px}.column-total{color:#7fd957;font-size:18px;font-weight:700;margin-bottom:16px;text-align:center}.column-content{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto}.billing-card{background:#22272bcc;border:2px solid #579dff33;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.billing-card:hover{border-color:#7fd957;transform:translateY(-2px)}.billing-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.billing-type{border-radius:12px;font-size:11px;font-weight:700;padding:4px 12px;text-transform:uppercase}.billing-type.receivable{background:#00c2e033;border:1px solid #00c2e04d;color:#00c2e0}.billing-type.payable{background:#c377e033;border:1px solid #c377e04d;color:#c377e0}.billing-invoice{color:#e5e5e5;font-size:12px;font-weight:600}.billing-client{color:#fff;font-size:16px;font-weight:700;margin:0 0 8px}.billing-description{color:#e5e5e5;font-size:13px;margin:0 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-card-footer{align-items:center;border-top:1px solid #579dff1a;display:flex;justify-content:space-between;padding-top:12px}.billing-amount{color:#7fd957;font-size:18px;font-weight:700}.billing-due{color:#e5e5e5;font-size:12px}.billing-due.warning{color:#f59e0b;font-weight:600}.billing-due.overdue{color:#eb5a46;font-weight:700}.billing-reminders{align-items:center;border-top:1px solid #579dff1a;color:#7fd957;display:flex;font-size:12px;gap:6px;margin-top:8px;padding-top:8px}.empty-column{color:#e5e5e5;font-size:14px;padding:32px 16px;text-align:center}.billing-list{background:#2c3338cc;border:2px solid #579dff33;border-radius:12px;overflow:hidden}.billing-table{border-collapse:collapse;width:100%}.billing-table thead{background:#579dff1a}.billing-table th{color:#7fd957;font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.billing-table td{border-top:1px solid #579dff1a;color:#fff;font-size:14px;padding:16px}.billing-table tr{cursor:pointer;transition:all .2s}.billing-table tbody tr:hover{background:#579dff0d}.status-badge,.type-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:700;padding:4px 12px;text-transform:uppercase}.type-badge.receivable{background:#00c2e033;color:#00c2e0}.type-badge.payable{background:#c377e033;color:#c377e0}.status-badge{color:#fff}.amount-cell{color:#7fd957;font-weight:700}.actions-cell{text-align:right}.action-btn{background:#579dff1a;border:none;color:#7fd957;font-size:18px;padding:8px}.action-btn:hover{background:#579dff33}.billing-detail-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.detail-content{background:#222;border:2px solid #579dff4d;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.detail-header{align-items:center;border-bottom:2px solid #579dff33;display:flex;justify-content:space-between;padding:24px}.detail-header h2{color:#fff;font-size:24px;font-weight:700;margin:0}.detail-header button{align-items:center;background:none;border:none;border-radius:4px;color:#e5e5e5;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.detail-header button:hover{background:#ffffff1a;color:#fff}.detail-body{flex:1 1;overflow-y:auto;padding:24px}.detail-row{border-bottom:1px solid #579dff1a;justify-content:space-between;padding:12px 0}.detail-row strong{color:#e5e5e5;font-size:14px}.detail-row span{color:#fff;font-size:14px}.detail-actions{border-top:2px solid #579dff33;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-secondary{align-items:center;background:#0000;border:2px solid #579dff4d;border-radius:8px;color:#7fd957;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background:#579dff1a;border-color:#7fd957}.btn-danger{background:#ff6b6b33;border:2px solid #ff6b6b4d;border-radius:8px;color:#ff6b6b;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-danger:hover{background:#ff6b6b4d;border-color:#ff6b6b}.loading{color:#e5e5e5;font-size:18px;padding:60px;text-align:center}.column-content::-webkit-scrollbar{width:6px}.column-content::-webkit-scrollbar-track{background:#0000}.column-content::-webkit-scrollbar-thumb{background:#579dff4d;border-radius:3px}.column-content::-webkit-scrollbar-thumb:hover{background:#579dff80}.billing-modal{background:#222;border:2px solid #579dff4d;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:90%}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#e5e5e5;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#2c3338cc;border:2px solid #579dff33;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#7fd957;box-shadow:0 0 0 4px #579dff1a}.form-group textarea{min-height:80px;resize:vertical}.form-group select{cursor:pointer}.client-modal{background:#222;border:2px solid #579dff4d;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:90%}.clients-list{gap:12px;max-height:500px;overflow-y:auto}.client-item{align-items:flex-start;background:#2c333899;border:2px solid #579dff33;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:16px;transition:all .2s}.client-item:hover{border-color:#7fd957}.client-info{flex:1 1}.client-info h3{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;gap:12px;margin:0 0 8px}.client-type{border-radius:12px;font-size:11px;font-weight:700;padding:4px 12px;text-transform:uppercase}.client-type.client{background:#00c2e033;border:1px solid #00c2e04d;color:#00c2e0}.client-type.supplier{background:#c377e033;border:1px solid #c377e04d;color:#c377e0}.client-info p{color:#e5e5e5;font-size:14px;margin:4px 0 0}.client-document{color:#7fd957!important;font-family:monospace;font-size:13px!important}.client-actions{display:flex;gap:8px}.btn-icon{background:#579dff1a;border:1px solid #579dff33;border-radius:6px;color:#7fd957;cursor:pointer;font-size:18px;padding:8px;transition:all .2s}.btn-icon:hover{background:#579dff33;border-color:#7fd957}.btn-icon.danger{background:#ff6b6b1a;border-color:#ff6b6b33;color:#ff6b6b}.btn-icon.danger:hover{background:#ff6b6b33;border-color:#ff6b6b}.empty-state{color:#e5e5e5;padding:40px 20px}.reminder-modal{background:#222;border:2px solid #579dff4d;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:650px;overflow:hidden;width:90%}.reminder-info{margin-bottom:24px}.reminder-history h3,.reminder-info h3,.reminder-message-section h3,.reminder-type-section h3{color:#e5e5e5;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.info-item{background:#2c333899;border:2px solid #579dff33;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.info-label{color:#e5e5e5;font-size:12px;font-weight:600}.info-value{color:#fff;font-size:14px;font-weight:600}.reminder-type-section{margin-bottom:24px}.reminder-types{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.reminder-type-btn{align-items:center;background:#2c333899;border:2px solid #579dff33;border-radius:8px;color:#e5e5e5;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:16px;transition:all .2s}.reminder-type-btn:hover{border-color:#7fd957;transform:translateY(-2px)}.reminder-type-btn.active{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.reminder-icon{font-size:24px}.reminder-message-section{margin-bottom:24px}.reminder-message-section textarea{background:#2c3338cc;border:2px solid #579dff33;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;resize:vertical;transition:all .2s;width:100%}.reminder-message-section textarea:focus{border-color:#7fd957;box-shadow:0 0 0 4px #579dff1a}.message-hint{color:#e5e5e5;font-size:12px;margin:8px 0 0}.reminder-history{border-top:2px solid #579dff33;padding-top:24px}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{background:#2c333899;border:1px solid #579dff1a;border-radius:8px;gap:16px;padding:12px}.history-item,.history-type{align-items:center;display:flex}.history-type{color:#fff;font-size:14px;font-weight:600;gap:8px}.history-type svg{font-size:16px}.history-date{color:#e5e5e5;flex:1 1;font-size:13px}.history-status{border-radius:12px;font-size:11px;font-weight:700;padding:4px 12px;text-transform:uppercase}.history-status.sent{background:#61bd4f33;border:1px solid #61bd4f4d;color:#61bd4f}.history-status.pending{background:#f2d60033;border:1px solid #f2d6004d;color:#f2d600}.settings-page{background-color:#2a2a2a;background-color:var(--bg-primary,#2a2a2a);flex:1 1;overflow-y:auto;padding:24px}.settings-container{margin:0 auto;max-width:900px}.settings-header{margin-bottom:32px}.settings-header h1{color:#fff;color:var(--text-primary,#fff);font-size:28px;font-weight:700;margin:0 0 8px}.settings-header p{color:#e5e5e5;color:var(--text-secondary,#e5e5e5);font-size:14px;margin:0}.warning-box{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.warning-box svg{color:#ef4444;flex-shrink:0;font-size:24px}.warning-box p{color:#fff;color:var(--text-primary,#fff);font-size:14px;margin:0}.settings-content{display:flex;flex-direction:column;gap:32px}.settings-section{background:#222;background:var(--bg-secondary,#222);border:1px solid #2a2a2a;border:1px solid var(--border-primary,#2a2a2a);border-radius:12px;padding:24px}.section-title{align-items:center;color:#fff;color:var(--text-primary,#fff);display:flex;font-size:18px;font-weight:600;gap:12px;margin:0 0 24px}.section-title svg{color:#3b82f6;font-size:22px}.settings-input{background:#2a2a2a;background:var(--bg-primary,#2a2a2a);border:1px solid #2a2a2a;border:1px solid var(--border-primary,#2a2a2a);border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.settings-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.settings-input.disabled,.settings-input:disabled{background:#161a1d;background:var(--bg-tertiary,#161a1d);cursor:not-allowed;opacity:.5}.field-hint{color:#7a8a99;color:var(--text-tertiary,#7a8a99);display:block;font-size:12px;margin-top:6px}.settings-actions{border-top:1px solid #2a2a2a;border-top:1px solid var(--border-primary,#2a2a2a);margin-top:24px;padding-top:24px}.btn-save{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-save:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.btn-save svg{font-size:18px}.confirm-modal{max-width:500px}.confirm-modal .modal-header{align-items:center;display:flex;gap:12px}.confirm-modal .warning-icon{color:#f59e0b;font-size:28px}.confirm-modal .modal-header h2{font-size:20px;margin:0}.confirm-modal .modal-body p{line-height:1.6;margin:0 0 16px}.confirm-modal .modal-body p:last-child{margin-bottom:0}.warning-text{background:#f59e0b1a;border-left:3px solid #f59e0b;border-radius:4px;font-size:14px;padding:12px}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.btn-primary:hover{box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:#222;background:var(--bg-secondary,#222)}.btn-secondary:hover{background:#2a2a2a;background:var(--bg-primary,#2a2a2a)}@media (max-width:768px){.settings-page{padding:16px}.settings-header h1{font-size:24px}.settings-section{padding:20px}.modal-footer{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.products-page{grid-gap:0;background-color:#0a0a0a;display:grid;flex:1 1;gap:0;grid-template-rows:auto auto auto 1fr;height:100%;overflow:hidden;padding:16px 20px}.products-loading{align-items:center;color:#9ca3af;display:flex;font-size:14px;height:200px;justify-content:center}.products-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.products-header h1{color:#fff;font-size:22px;font-weight:700;margin:0 0 2px}.products-header p{color:#9ca3af;font-size:12px;margin:0}.btn-add{background:linear-gradient(135deg,#7fd957,#6cc945);border-radius:6px;color:#0a0a0a;font-size:13px;gap:6px;padding:8px 16px}.btn-add:hover{box-shadow:0 4px 12px #7fd95766;transform:translateY(-1px)}.products-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.stat-card.danger{background:#ef44440d;border-color:#ef44444d}.stat-icon.total{background:#7fd9571a;color:#7fd957}.stat-icon.categories{background:#6366f11a;color:#6366f1}.stat-icon.low-stock{background:#f59e0b1a;color:#f59e0b}.stat-icon.out-of-stock{background:#ef44441a;color:#ef4444}.products-controls{gap:12px;justify-content:space-between;margin-bottom:16px}.controls-left,.products-controls{align-items:center;display:flex;flex-wrap:wrap}.controls-left{gap:8px}.controls-right{align-items:center;display:flex;gap:12px}.search-box{border-radius:6px;padding:6px 12px}.search-box:focus-within{border-color:#7fd957}.search-box svg{color:#9ca3af;font-size:16px}.search-box input{font-size:12px}.filter-group,.sort-group{align-items:center;background:#141414;border:1px solid #252525;border-radius:6px;display:flex;gap:6px;padding:6px 10px}.filter-icon,.sort-icon{color:#9ca3af;font-size:14px}.category-select,.sort-select{background:#0000;border:none;color:#fff;cursor:pointer;font-size:11px;outline:none;padding-right:4px}.category-select option,.sort-select option{background:#141414;color:#fff}.sort-order-btn{align-items:center;background:#252525;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:22px;justify-content:center;transition:all .2s;width:22px}.sort-order-btn:hover{background:#7fd957;color:#0a0a0a}.results-count{color:#9ca3af;font-size:11px;white-space:nowrap}.products-grid{grid-gap:10px;align-content:start;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));min-height:0;overflow-y:auto}.product-card{background:#141414;border:1px solid #252525;border-radius:6px;display:flex;flex-direction:column;padding:10px;transition:all .2s}.product-card:hover{border-color:#7fd957;box-shadow:0 2px 8px #7fd9571a}.product-card.stock-low{border-left:3px solid #f59e0b}.product-card.stock-out{border-left:3px solid #ef4444}.product-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.product-code{background:#7fd9571a;border-radius:3px;color:#7fd957;font-size:9px;font-weight:600;padding:2px 5px}.product-actions{display:flex;gap:2px}.product-actions button{align-items:center;background:#0000;border:none;border-radius:3px;color:#9ca3af;cursor:pointer;display:flex;padding:3px;transition:all .2s}.product-actions button:hover{background:#7fd9571a;color:#7fd957}.product-actions button.delete-btn:hover{background:#ef44441a;color:#ef4444}.product-actions button svg,.product-name{font-size:12px}.product-name{color:#fff;font-weight:600;line-height:1.2;margin:0 0 4px;word-break:break-word}.product-category{background:#252525;border-radius:6px;color:#9ca3af;display:inline-block;font-size:8px;margin-bottom:6px;padding:2px 5px}.product-details{border-top:1px solid #252525;display:flex;flex-direction:column;gap:2px;margin-top:6px;padding-top:6px}.detail-item{font-size:10px;justify-content:space-between}.detail-item .label{color:#9ca3af}.detail-item .value{color:#fff;font-weight:600}.detail-item .price-value{color:#7fd957}.stock-value{align-items:center;display:flex;gap:3px}.stock-value .stock-icon{font-size:10px}.stock-value.stock-normal{color:#7fd957}.stock-value.stock-low{color:#f59e0b}.stock-value.stock-out{color:#ef4444}.stock-alert{border-radius:3px;font-size:8px;font-weight:500;margin-top:6px;padding:3px 6px;text-align:center}.stock-alert.low{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.stock-alert.out{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.product-description{display:none}.empty-state p{margin-bottom:20px}.modal-header h2{font-weight:600}.close-btn{border-radius:4px;color:#9ca3af}.close-btn:hover{background:#252525}.form-field label{font-size:14px}.form-input{background:#0a0a0a;border:1px solid #252525;border-radius:6px;padding:10px 12px}.form-input:focus{border-color:#7fd957;box-shadow:0 0 0 3px #7fd9571a}.form-input::placeholder{color:#6b7280}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#7fd957,#6cc945);color:#0a0a0a}.btn-primary:hover{box-shadow:0 4px 12px #7fd9574d}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#252525;border:1px solid #3c3c3c}.btn-secondary:hover{background:#3c3c3c}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1200px){.products-stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.products-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.products-page{padding:12px}.products-header{align-items:flex-start;flex-direction:column;gap:12px}.products-stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.controls-left,.controls-right,.products-controls{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.products-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.products-grid,.products-stats-grid{grid-template-columns:1fr}}.suppliers-page{composes:products-page}.suppliers-header{composes:products-header}.suppliers-controls{composes:products-controls}.suppliers-stats{composes:products-stats}.suppliers-grid{composes:products-grid}.supplier-card{background:#222;background:var(--bg-secondary,#222);border:1px solid #2a2a2a;border:1px solid var(--border-primary,#2a2a2a);border-radius:12px;padding:20px;transition:all .2s}.supplier-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a}.supplier-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.supplier-name{color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:18px;font-weight:600;margin:0}.supplier-actions{composes:product-actions}.supplier-cnpj{align-items:center;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-primary,#2a2a2a);color:#e5e5e5;color:var(--text-secondary,#e5e5e5);display:flex;font-size:13px;gap:8px;margin-bottom:12px;padding-bottom:12px}.supplier-cnpj svg{color:#10b981;font-size:16px}.supplier-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.detail-row{align-items:center;color:#e5e5e5;color:var(--text-secondary,#e5e5e5);display:flex;font-size:13px;gap:8px}.detail-icon{color:#10b981;flex-shrink:0;font-size:16px}.supplier-products{background:#10b9810d;border-left:3px solid #10b981;border-radius:4px;color:#e5e5e5;color:var(--text-secondary,#e5e5e5);font-size:13px;margin-top:12px;padding:10px}.supplier-products strong{color:#fff;color:var(--text-primary,#fff)}.supplier-address{color:#7a8a99;color:var(--text-tertiary,#7a8a99);font-size:12px;font-style:italic;margin-top:8px}.suppliers-page .page-icon{color:#10b981}.suppliers-page .btn-add{background:linear-gradient(135deg,#10b981,#059669)}.suppliers-page .btn-add:hover{box-shadow:0 6px 20px #10b98166}@media (max-width:768px){.suppliers-grid{grid-template-columns:1fr}}.support-page{background-color:#2a2a2a;background-color:var(--bg-primary,#2a2a2a);flex:1 1;overflow-y:auto;padding:24px}.support-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.page-icon{color:#f97316;font-size:48px;opacity:.9}.support-header h1{color:#fff;color:var(--text-primary,#fff);font-size:32px;font-weight:700;margin:0 0 8px}.support-header p{color:#e5e5e5;color:var(--text-secondary,#e5e5e5);font-size:14px;margin:0}.btn-add{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-add:hover{box-shadow:0 6px 20px #f9731666;transform:translateY(-2px)}.btn-add svg{font-size:20px}.support-controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-box{background:#222;background:var(--bg-secondary,#222);border:1px solid #2a2a2a;border:1px solid var(--border-primary,#2a2a2a);gap:12px;min-width:250px;padding:12px 16px}.search-box svg{color:#e5e5e5;color:var(--text-secondary,#e5e5e5);font-size:20px}.search-box input{color:var(--text-primary,#fff)}.filter-tabs{background:#222;background:var(--bg-secondary,#222);border:1px solid #2a2a2a;border:1px solid var(--border-primary,#2a2a2a);gap:8px;padding:6px}.filter-tabs button{background:#0000;border:none;border-radius:6px;color:#e5e5e5;color:var(--text-secondary,#e5e5e5);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.filter-tabs button:hover{background:#2a2a2a;background:var(--bg-primary,#2a2a2a);color:#fff;color:var(--text-primary,#fff)}.filter-tabs button.active{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.tickets-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.empty-state{padding:80px 20px}.empty-icon{color:#7a8a99;color:var(--text-tertiary,#7a8a99);font-size:80px;opacity:.3}.empty-state p{color:#e5e5e5;color:var(--text-secondary,#e5e5e5);margin:0 0 24px}.ticket-card{background:#222;background:var(--bg-secondary,#222);border:1px solid #2a2a2a;border:1px solid var(--border-primary,#2a2a2a);border-radius:12px;cursor:pointer;padding:20px;transition:all .2s}.ticket-card:hover{border-color:#f97316;box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.ticket-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.ticket-id{color:#7a8a99;color:var(--text-tertiary,#7a8a99);font-family:Courier New,monospace}.ticket-id,.ticket-status{font-size:12px;font-weight:600}.ticket-status{align-items:center;border-radius:20px;display:flex;gap:6px;padding:4px 12px}.ticket-status svg{font-size:14px}.status-open{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.status-in_progress{background:#f973161a;border:1px solid #f973164d;color:#f97316}.status-resolved{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.ticket-title{color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:600;line-height:1.4;margin:0 0 16px}.ticket-meta{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-primary,#2a2a2a);justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.customer-name,.ticket-meta{align-items:center;display:flex}.customer-name{color:#e5e5e5;color:var(--text-secondary,#e5e5e5);font-size:13px;gap:6px}.customer-name svg{font-size:16px}.priority{border-radius:4px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.priority-low{background:#94a3b81a;color:#94a3b8}.priority-medium{background:#3b82f61a;color:#3b82f6}.priority-high{background:#f973161a;color:#f97316}.priority-urgent{background:#ef44441a;color:#ef4444}.ticket-footer{color:#7a8a99;color:var(--text-tertiary,#7a8a99);font-size:12px;justify-content:space-between}.ticket-date,.ticket-footer{align-items:center;display:flex}.ticket-date{gap:4px}.ticket-category{background:#2a2a2a;background:var(--bg-primary,#2a2a2a);border-radius:4px;font-weight:500;padding:4px 8px;text-transform:capitalize}.modal-overlay{background:#000000b3}.modal{background:#222;background:var(--bg-secondary,#222);border:1px solid #2a2a2a;border:1px solid var(--border-primary,#2a2a2a);border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:600px}.modal-header{align-items:flex-start;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-primary,#2a2a2a);padding:24px 24px 20px}.modal-header h2{color:#fff;color:var(--text-primary,#fff);font-size:20px;font-weight:700;margin:0}.ticket-id-label{color:#7a8a99;color:var(--text-tertiary,#7a8a99);display:inline-block;font-family:Courier New,monospace;font-size:12px;font-weight:600;margin-bottom:8px}.close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#e5e5e5;color:var(--text-secondary,#e5e5e5);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.close-btn:hover{background:#2a2a2a;background:var(--bg-primary,#2a2a2a);color:#fff;color:var(--text-primary,#fff)}.close-btn svg{font-size:24px}.form-field{margin-bottom:20px}.form-field:last-child{margin-bottom:0}.form-field label{color:#fff;color:var(--text-primary,#fff);font-size:13px;font-weight:600;margin-bottom:8px}.required{color:#ef4444;margin-left:4px}.form-input{background:#2a2a2a;background:var(--bg-primary,#2a2a2a);border:1px solid #2a2a2a;border:1px solid var(--border-primary,#2a2a2a);border-radius:8px;box-sizing:border-box;color:#fff;color:var(--text-primary,#fff);font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.form-input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a;outline:none}.form-input::placeholder{color:#7a8a99;color:var(--text-tertiary,#7a8a99)}textarea.form-input{font-family:inherit;min-height:100px;resize:vertical}.ticket-detail-modal{max-width:700px}.ticket-detail-info{background:#2a2a2a;background:var(--bg-primary,#2a2a2a);border-radius:8px;margin-bottom:20px;padding:16px}.info-row{align-items:center;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-primary,#2a2a2a);display:flex;justify-content:space-between;padding:10px 0}.info-row:last-child{border-bottom:none}.info-row strong{color:#e5e5e5;color:var(--text-secondary,#e5e5e5);font-size:13px;font-weight:600}.info-row span{color:#fff;color:var(--text-primary,#fff);font-size:14px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;gap:6px;padding:6px 12px}.ticket-description{background:#2a2a2a;background:var(--bg-primary,#2a2a2a);border-radius:8px;margin-bottom:20px;padding:16px}.ticket-description strong{color:#e5e5e5;color:var(--text-secondary,#e5e5e5);display:block;font-size:13px;font-weight:600;margin-bottom:12px}.ticket-description p{color:#fff;color:var(--text-primary,#fff);font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.status-actions{background:#2a2a2a;background:var(--bg-primary,#2a2a2a);border-radius:8px;padding:16px}.status-actions strong{color:#e5e5e5;color:var(--text-secondary,#e5e5e5);display:block;font-size:13px;font-weight:600;margin-bottom:12px}.status-buttons{display:flex;gap:8px}.status-btn{background:#222;background:var(--bg-secondary,#222);border:1px solid #2a2a2a;border:1px solid var(--border-primary,#2a2a2a);border-radius:8px;color:#e5e5e5;color:var(--text-secondary,#e5e5e5);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s}.status-btn:hover{background:#2a2a2a;background:var(--bg-primary,#2a2a2a);color:#fff;color:var(--text-primary,#fff)}.status-btn.active{background:linear-gradient(135deg,#f97316,#ea580c);border-color:#f97316;color:#fff}.modal-footer{border-top:1px solid #2a2a2a;border-top:1px solid var(--border-primary,#2a2a2a)}.btn-delete,.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #f9731666;transform:translateY(-1px)}.btn-secondary{background:#2a2a2a;background:var(--bg-primary,#2a2a2a);border:1px solid #2a2a2a;border:1px solid var(--border-primary,#2a2a2a);color:#fff;color:var(--text-primary,#fff)}.btn-secondary:hover{background:#161a1d;background:var(--bg-tertiary,#161a1d)}.btn-delete{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.btn-delete:hover{background:#ef444433;box-shadow:0 4px 12px #ef44444d}@media (max-width:768px){.support-page{padding:16px}.support-header{flex-direction:column;gap:16px}.header-left{align-items:flex-start;flex-direction:column}.btn-add{justify-content:center;width:100%}.support-controls{flex-direction:column}.filter-tabs{overflow-x:auto}.form-row,.tickets-list{grid-template-columns:1fr}.status-buttons{flex-direction:column}.modal-footer{flex-direction:column-reverse}.btn-delete,.btn-primary,.btn-secondary{width:100%}}.tabulacoes-workspace{background-color:#2a2a2a;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.tabulacoes-header{align-items:center;background-color:#222;border-bottom:1px solid #2a2a2a;display:flex;gap:16px;justify-content:space-between;padding:8px 16px}.tabulacoes-title{color:#fff;font-size:20px;font-weight:700;margin:0}.tabulacoes-filters{align-items:center;background-color:#222;border-bottom:1px solid #2a2a2a;display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px}.tabulacao-filter-btn{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.tabulacao-filter-btn:hover{background-color:#3a3a3a;border-color:#7fd957}.tabulacao-filter-btn.active{background-color:#7fd957;border-color:#7fd957;color:#fff}.tabulacoes-stats{display:flex;gap:12px;margin-left:auto}.tabulacao-stat{background-color:#2a2a2a;border-radius:6px;color:#e5e5e5;font-size:13px;font-weight:500;padding:6px 12px}.tabulacoes-content{display:flex;flex:1 1;gap:16px;overflow-x:auto;overflow-y:hidden;padding:12px}.tabulacao-column{background-color:#222;border:1px solid #2a2a2a;border-radius:10px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 160px);max-width:320px;min-width:320px;transition:all .2s ease}.tabulacao-column:hover{box-shadow:0 4px 12px #0003}.tabulacao-column-header{background-color:#2a2a2a;border-bottom:1px solid #2a2a2a;border-top-left-radius:10px;border-top-right-radius:10px;padding:14px 16px}.tabulacao-column-title{color:#fff;font-size:14px;font-weight:700;margin:0 0 4px}.tabulacao-column-count{color:#e5e5e5;font-size:12px}.tabulacao-column-content{display:flex;flex-direction:column;gap:12px;min-height:100px;overflow-y:auto;padding:12px}.tabulacao-card{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;cursor:pointer;padding:12px;transition:all .2s ease}.tabulacao-card:hover{border-color:#7fd957;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.tabulacao-card.dragging{opacity:.5}.tabulacao-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.tabulacao-card-name{color:#fff;flex:1 1;font-size:14px;font-weight:600;margin:0}.tabulacao-card-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.tabulacao-card:hover .tabulacao-card-actions{opacity:1}.tabulacao-card-action-btn{align-items:center;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#e5e5e5;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:6px;transition:all .2s ease}.tabulacao-card-action-btn:hover{background-color:#3a3a3a;border-color:#7fd957;color:#7fd957}.tabulacao-card-action-btn.delete:hover{background-color:#ef444433;border-color:#ef4444;color:#ef4444}.tabulacao-card-field{align-items:center;color:#e5e5e5;display:flex;font-size:12px;gap:8px;margin-bottom:4px}.tabulacao-field-icon{color:#9ca3af;font-size:14px}.tabulacao-list-view{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.tabulacao-table-container{flex:1 1;overflow:auto;padding:16px}.tabulacao-table{background-color:#222;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.tabulacao-table thead{background-color:#2a2a2a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.tabulacao-table th{border-bottom:2px solid #3a3a3a;color:#e5e5e5;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.tabulacao-table tbody tr{border-bottom:1px solid #2a2a2a;cursor:pointer;transition:background-color .2s}.tabulacao-table tbody tr:hover{background-color:#2a2a2a}.tabulacao-table td{color:#fff;font-size:13px;padding:12px 16px}.tabulacao-badge{background-color:#7fd957;border-radius:4px;color:#fff;display:inline-flex;font-size:11px;padding:4px 10px}.empty-tabulacoes{color:#e5e5e5;padding:60px 20px;text-align:center}.empty-tabulacoes h3{color:#fff;font-size:18px;margin:0 0 8px}.empty-tabulacoes p{font-size:14px;margin:0}.acordos-fechados-container{height:calc(100vh - 60px);max-width:100%;overflow-y:auto;padding:24px}.acordos-fechados-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.acordos-fechados-header,.acordos-fechados-header-left{align-items:center;display:flex;gap:16px}.acordos-fechados-back-btn{align-items:center;background:var(--button-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:16px;gap:8px;padding:8px 12px;transition:all .2s}.acordos-fechados-back-btn:hover{background:var(--button-hover-bg);transform:translateX(-4px)}.acordos-fechados-title-section{display:flex;flex-direction:column;gap:4px}.acordos-fechados-title{align-items:center;color:var(--text-color);display:flex;font-size:28px;font-weight:700;gap:12px;margin:0}.acordos-fechados-icon{color:#22c55e;font-size:32px}.acordos-fechados-subtitle{color:var(--text-secondary);font-size:14px;margin:0}.acordos-fechados-header-right{align-items:center;display:flex;gap:12px}.acordos-fechados-search{align-items:center;display:flex;position:relative}.acordos-fechados-search-icon{color:var(--text-secondary);font-size:20px;left:12px;pointer-events:none;position:absolute}.acordos-fechados-search-input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:14px;min-width:300px;padding:10px 40px;transition:all .2s}.acordos-fechados-search-input:focus{border-color:#7fd957;box-shadow:0 0 0 3px #7fd9571a;outline:none}.acordos-fechados-search-clear{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;padding:4px;position:absolute;right:8px;transition:all .2s}.acordos-fechados-search-clear:hover{background:var(--hover-bg);color:var(--text-color)}.acordos-fechados-error,.acordos-fechados-loading{color:var(--text-secondary);font-size:16px;padding:48px 24px;text-align:center}.acordos-fechados-error{color:#ef4444}.acordos-fechados-table-wrapper{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}.acordos-fechados-table{border-collapse:collapse;width:100%}.acordos-fechados-table thead{background:var(--header-bg);border-bottom:2px solid var(--border-color)}.acordos-fechados-table th{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.acordos-fechados-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s}.acordos-fechados-table tbody tr:hover{background:var(--hover-bg)}.acordos-fechados-table td{color:var(--text-color);font-size:14px;padding:14px 12px;white-space:nowrap}.acordos-fechados-empty{color:var(--text-secondary)!important;font-style:italic;padding:48px 24px!important;text-align:center!important}.tabulacao-badge.success{color:#22c55e}.acordos-fechados-actions{align-items:center;display:flex;gap:8px}.acordos-fechados-action-btn{align-items:center;background:var(--button-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s;white-space:nowrap}.acordos-fechados-action-btn:hover{background:var(--button-hover-bg);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.acordos-fechados-action-btn.add{background:linear-gradient(135deg,#7fd957,#6cc945);border-color:#6cc945;color:#fff}.acordos-fechados-action-btn.add:hover{background:linear-gradient(135deg,#6cc945,#5ab636)}.acordos-fechados-action-btn.move{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;color:#fff}.acordos-fechados-action-btn.move:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.acordos-fechados-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:16px}.acordos-fechados-pagination-btn{align-items:center;background:var(--button-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.acordos-fechados-pagination-btn:hover:not(:disabled){background:var(--button-hover-bg);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.acordos-fechados-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.acordos-fechados-pagination-info{color:var(--text-secondary);font-size:14px;font-weight:500}.acordos-fechados-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.acordos-fechados-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.acordos-fechados-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.acordos-fechados-modal-header h2{color:var(--text-color);font-size:20px;font-weight:700;margin:0}.acordos-fechados-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;padding:8px;transition:all .2s}.acordos-fechados-modal-close:hover{background:var(--hover-bg);color:var(--text-color)}.acordos-fechados-modal-body{display:flex;flex-direction:column;gap:20px;padding:24px}.acordos-fechados-modal-contact-info{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px}.acordos-fechados-modal-contact-info p{color:var(--text-color);font-size:14px;margin:8px 0}.acordos-fechados-modal-field{display:flex;flex-direction:column;gap:8px}.acordos-fechados-modal-field label{color:var(--text-color);font-size:14px;font-weight:600}.acordos-fechados-modal-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s}.acordos-fechados-modal-select:focus{border-color:#7fd957;box-shadow:0 0 0 3px #7fd9571a;outline:none}.acordos-fechados-modal-checkbox{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.acordos-fechados-modal-checkbox:hover{background:var(--hover-bg)}.acordos-fechados-modal-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.acordos-fechados-modal-checkbox span{color:var(--text-color);font-size:14px}.acordos-fechados-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.acordos-fechados-modal-btn-cancel,.acordos-fechados-modal-btn-confirm{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.acordos-fechados-modal-btn-cancel{background:var(--button-bg);border:1px solid var(--border-color);color:var(--text-color)}.acordos-fechados-modal-btn-cancel:hover{background:var(--button-hover-bg)}.acordos-fechados-modal-btn-confirm{background:linear-gradient(135deg,#7fd957,#6cc945);border:1px solid #6cc945;color:#fff}.acordos-fechados-modal-btn-confirm:hover{background:linear-gradient(135deg,#6cc945,#5ab636);box-shadow:0 4px 12px #7fd9574d;transform:translateY(-2px)}.acordos-fechados-confirmation{animation:slideInUp .3s ease-out;background:linear-gradient(135deg,#7fd957,#6cc945);border-radius:12px;bottom:24px;box-shadow:0 8px 24px #7fd95766;color:#fff;font-size:15px;font-weight:600;padding:16px 24px;position:fixed;right:24px;z-index:1001}.acordos-perdidos-container{height:calc(100vh - 60px);max-width:100%;overflow-y:auto;padding:24px}.acordos-perdidos-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.acordos-perdidos-header,.acordos-perdidos-header-left{align-items:center;display:flex;gap:16px}.acordos-perdidos-back-btn{align-items:center;background:var(--button-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:16px;gap:8px;padding:8px 12px;transition:all .2s}.acordos-perdidos-back-btn:hover{background:var(--button-hover-bg);transform:translateX(-4px)}.acordos-perdidos-title-section{display:flex;flex-direction:column;gap:4px}.acordos-perdidos-title{align-items:center;color:var(--text-color);display:flex;font-size:28px;font-weight:700;gap:12px;margin:0}.acordos-perdidos-icon{color:#ef4444;font-size:32px}.acordos-perdidos-subtitle{color:var(--text-secondary);font-size:14px;margin:0}.acordos-perdidos-header-right{align-items:center;display:flex;gap:12px}.acordos-perdidos-search{align-items:center;display:flex;position:relative}.acordos-perdidos-search-icon{color:var(--text-secondary);font-size:20px;left:12px;pointer-events:none;position:absolute}.acordos-perdidos-search-input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:14px;min-width:300px;padding:10px 40px;transition:all .2s}.acordos-perdidos-search-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;outline:none}.acordos-perdidos-search-clear{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;padding:4px;position:absolute;right:8px;transition:all .2s}.acordos-perdidos-search-clear:hover{background:var(--hover-bg);color:var(--text-color)}.acordos-perdidos-error,.acordos-perdidos-loading{color:var(--text-secondary);font-size:16px;padding:48px 24px;text-align:center}.acordos-perdidos-error{color:#ef4444}.acordos-perdidos-table-wrapper{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}.acordos-perdidos-table{border-collapse:collapse;width:100%}.acordos-perdidos-table thead{background:var(--header-bg);border-bottom:2px solid var(--border-color)}.acordos-perdidos-table th{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.acordos-perdidos-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s}.acordos-perdidos-table tbody tr:hover{background:var(--hover-bg)}.acordos-perdidos-table td{color:var(--text-color);font-size:14px;padding:14px 12px;white-space:nowrap}.acordos-perdidos-empty{color:var(--text-secondary)!important;font-style:italic;padding:48px 24px!important;text-align:center!important}.tabulacao-badge.success{color:#ef4444}.acordos-perdidos-actions{align-items:center;display:flex;gap:8px}.acordos-perdidos-action-btn{align-items:center;background:var(--button-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s;white-space:nowrap}.acordos-perdidos-action-btn:hover{background:var(--button-hover-bg);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.acordos-perdidos-action-btn.add{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;color:#fff}.acordos-perdidos-action-btn.add:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.acordos-perdidos-action-btn.move{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;color:#fff}.acordos-perdidos-action-btn.move:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.acordos-perdidos-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:16px}.acordos-perdidos-pagination-btn{align-items:center;background:var(--button-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.acordos-perdidos-pagination-btn:hover:not(:disabled){background:var(--button-hover-bg);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.acordos-perdidos-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.acordos-perdidos-pagination-info{color:var(--text-secondary);font-size:14px;font-weight:500}.acordos-perdidos-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.acordos-perdidos-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.acordos-perdidos-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.acordos-perdidos-modal-header h2{color:var(--text-color);font-size:20px;font-weight:700;margin:0}.acordos-perdidos-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;padding:8px;transition:all .2s}.acordos-perdidos-modal-close:hover{background:var(--hover-bg);color:var(--text-color)}.acordos-perdidos-modal-body{display:flex;flex-direction:column;gap:20px;padding:24px}.acordos-perdidos-modal-contact-info{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px}.acordos-perdidos-modal-contact-info p{color:var(--text-color);font-size:14px;margin:8px 0}.acordos-perdidos-modal-field{display:flex;flex-direction:column;gap:8px}.acordos-perdidos-modal-field label{color:var(--text-color);font-size:14px;font-weight:600}.acordos-perdidos-modal-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s}.acordos-perdidos-modal-select:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;outline:none}.acordos-perdidos-modal-checkbox{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.acordos-perdidos-modal-checkbox:hover{background:var(--hover-bg)}.acordos-perdidos-modal-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.acordos-perdidos-modal-checkbox span{color:var(--text-color);font-size:14px}.acordos-perdidos-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.acordos-perdidos-modal-btn-cancel,.acordos-perdidos-modal-btn-confirm{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.acordos-perdidos-modal-btn-cancel{background:var(--button-bg);border:1px solid var(--border-color);color:var(--text-color)}.acordos-perdidos-modal-btn-cancel:hover{background:var(--button-hover-bg)}.acordos-perdidos-modal-btn-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #dc2626;color:#fff}.acordos-perdidos-modal-btn-confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.acordos-perdidos-confirmation{animation:slideInUp .3s ease-out;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;bottom:24px;box-shadow:0 8px 24px #ef444466;color:#fff;font-size:15px;font-weight:600;padding:16px 24px;position:fixed;right:24px;z-index:1001}.regularizados-container{height:calc(100vh - 60px);max-width:100%;overflow-y:auto;padding:24px}.regularizados-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.regularizados-header,.regularizados-header-left{align-items:center;display:flex;gap:16px}.regularizados-back-btn{align-items:center;background:var(--button-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:16px;gap:8px;padding:8px 12px;transition:all .2s}.regularizados-back-btn:hover{background:var(--button-hover-bg);transform:translateX(-4px)}.regularizados-title-section{display:flex;flex-direction:column;gap:4px}.regularizados-title{align-items:center;color:var(--text-color);display:flex;font-size:28px;font-weight:700;gap:12px;margin:0}.regularizados-icon{color:#3b82f6;font-size:32px}.regularizados-subtitle{color:var(--text-secondary);font-size:14px;margin:0}.regularizados-header-right{align-items:center;display:flex;gap:12px}.regularizados-search{align-items:center;display:flex;position:relative}.regularizados-search-icon{color:var(--text-secondary);font-size:20px;left:12px;pointer-events:none;position:absolute}.regularizados-search-input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:14px;min-width:300px;padding:10px 40px;transition:all .2s}.regularizados-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.regularizados-search-clear{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;padding:4px;position:absolute;right:8px;transition:all .2s}.regularizados-search-clear:hover{background:var(--hover-bg);color:var(--text-color)}.regularizados-error,.regularizados-loading{color:var(--text-secondary);font-size:16px;padding:48px 24px;text-align:center}.regularizados-error{color:#ef4444}.regularizados-table-wrapper{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}.regularizados-table{border-collapse:collapse;width:100%}.regularizados-table thead{background:var(--header-bg);border-bottom:2px solid var(--border-color)}.regularizados-table th{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.regularizados-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s}.regularizados-table tbody tr:hover{background:var(--hover-bg)}.regularizados-table td{color:var(--text-color);font-size:14px;padding:14px 12px;white-space:nowrap}.regularizados-empty{color:var(--text-secondary)!important;font-style:italic;padding:48px 24px!important;text-align:center!important}.tabulacao-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.tabulacao-badge.success{background:#22c55e26;border:1px solid #22c55e4d;color:#3b82f6}.tabulacao-badge.error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.tabulacao-badge.warning{background:#3b82f626;border:1px solid #3b82f64d;color:#3b82f6}.regularizados-actions{align-items:center;display:flex;gap:8px}.regularizados-action-btn{align-items:center;background:var(--button-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s;white-space:nowrap}.regularizados-action-btn:hover{background:var(--button-hover-bg);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.regularizados-action-btn.add{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;color:#fff}.regularizados-action-btn.add:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.regularizados-action-btn.move{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;color:#fff}.regularizados-action-btn.move:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.regularizados-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:16px}.regularizados-pagination-btn{align-items:center;background:var(--button-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.regularizados-pagination-btn:hover:not(:disabled){background:var(--button-hover-bg);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.regularizados-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.regularizados-pagination-info{color:var(--text-secondary);font-size:14px;font-weight:500}.regularizados-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.regularizados-modal{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.regularizados-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.regularizados-modal-header h2{color:var(--text-color);font-size:20px;font-weight:700;margin:0}.regularizados-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;padding:8px;transition:all .2s}.regularizados-modal-close:hover{background:var(--hover-bg);color:var(--text-color)}.regularizados-modal-body{display:flex;flex-direction:column;gap:20px;padding:24px}.regularizados-modal-contact-info{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px}.regularizados-modal-contact-info p{color:var(--text-color);font-size:14px;margin:8px 0}.regularizados-modal-field{display:flex;flex-direction:column;gap:8px}.regularizados-modal-field label{color:var(--text-color);font-size:14px;font-weight:600}.regularizados-modal-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s}.regularizados-modal-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.regularizados-modal-checkbox{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.regularizados-modal-checkbox:hover{background:var(--hover-bg)}.regularizados-modal-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.regularizados-modal-checkbox span{color:var(--text-color);font-size:14px}.regularizados-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.regularizados-modal-btn-cancel,.regularizados-modal-btn-confirm{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.regularizados-modal-btn-cancel{background:var(--button-bg);border:1px solid var(--border-color);color:var(--text-color)}.regularizados-modal-btn-cancel:hover{background:var(--button-hover-bg)}.regularizados-modal-btn-confirm{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #2563eb;color:#fff}.regularizados-modal-btn-confirm:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.regularizados-confirmation{animation:slideInUp .3s ease-out;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;bottom:24px;box-shadow:0 8px 24px #3b82f666;color:#fff;font-size:15px;font-weight:600;padding:16px 24px;position:fixed;right:24px;z-index:1001}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.checkout-page{grid-gap:16px;background-color:#0a0a0a;display:grid;flex:1 1;gap:16px;grid-template-rows:auto auto auto auto 1fr;height:100%;overflow:hidden;padding:16px 20px}.checkout-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:14px;gap:12px;height:200px;justify-content:center}.checkout-loading .loading-icon{animation:pulse 1.5s ease-in-out infinite;font-size:48px}.checkout-header{align-items:center;display:flex;justify-content:space-between}.checkout-header h1{color:#fff;font-size:22px;font-weight:700;margin:0 0 2px}.checkout-header p{color:#9ca3af;font-size:12px;margin:0}.checkout-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.stat-card{padding:10px 12px}.stat-card.warning{background:#f59e0b0d;border-color:#f59e0b4d}.stat-icon{font-size:18px;height:36px;width:36px}.stat-icon.pending{background:#6366f11a;color:#6366f1}.stat-icon.completed{background:#7fd9571a;color:#7fd957}.stat-icon.reserved{background:#f59e0b1a;color:#f59e0b}.stat-icon.money{background:#3b82f61a;color:#3b82f6}.stat-info{gap:1px}.stat-value{color:#fff;font-size:18px}.stat-label{font-size:10px;letter-spacing:.3px;text-transform:uppercase}.reserved-products-section{background:#f59e0b0d;border:1px solid #f59e0b4d;border-radius:8px;overflow:hidden}.reserved-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:background .2s}.reserved-header:hover{background:#f59e0b1a}.reserved-title{align-items:center;color:#f59e0b;display:flex;font-size:12px;font-weight:600;gap:8px}.warning-icon{font-size:16px}.reserved-list{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px 12px}.reserved-item{align-items:center;background:#f59e0b1a;border-radius:4px;display:flex;font-size:11px;gap:6px;padding:4px 8px}.reserved-name{color:#fff}.reserved-qty{color:#f59e0b;font-weight:600}.checkout-controls{align-items:center;display:flex;justify-content:space-between}.filter-tabs{background:#141414;border:1px solid #252525;border-radius:8px;display:flex;gap:4px;padding:4px}.filter-tab{background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:11px;font-weight:500;padding:6px 12px;transition:all .2s}.filter-tab:hover{background:#252525;color:#fff}.filter-tab.active{background:#7fd957;color:#0a0a0a;font-weight:600}.checkouts-list{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto}.empty-state{text-align:center}.empty-icon{font-size:64px}.empty-state p{color:#9ca3af;font-size:16px}.checkout-card{background:#141414;border:1px solid #252525;border-radius:8px;cursor:pointer;transition:all .2s}.checkout-card:hover{border-color:#7fd957}.checkout-card.pending{border-left:3px solid #6366f1}.checkout-card.processing{border-left:3px solid #f59e0b}.checkout-card.completed{border-left:3px solid #7fd957}.checkout-card.cancelled{border-left:3px solid #ef4444;opacity:.7}.checkout-card.awaiting_payment{border-left:3px solid #f59e0b}.checkout-card.paid{border-left:3px solid #3b82f6}.checkout-card.separating{border-left:3px solid #8b5cf6}.checkout-card.ready{border-left:3px solid #06b6d4}.checkout-card.in_transit{border-left:3px solid #f97316}.checkout-card.delivered{border-left:3px solid #7fd957}.checkout-card-header{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:12px 16px}.checkout-info{flex:1 1;min-width:0}.client-name{align-items:center;display:flex;font-size:14px;gap:6px;margin-bottom:4px}.client-name svg{color:#7fd957;font-size:16px}.checkout-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.status-badge{border-radius:4px;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.status-badge.pending{background:#6366f11a;color:#6366f1}.status-badge.processing{background:#f59e0b1a;color:#f59e0b}.status-badge.completed{background:#7fd9571a;color:#7fd957}.status-badge.cancelled{background:#ef44441a;color:#ef4444}.status-badge.awaiting_payment{background:#f59e0b1a;color:#f59e0b}.status-badge.paid{background:#3b82f61a;color:#3b82f6}.status-badge.separating{background:#8b5cf61a;color:#8b5cf6}.status-badge.ready{background:#06b6d41a;color:#06b6d4}.status-badge.in_transit{background:#f973161a;color:#f97316}.status-badge.delivered{background:#7fd9571a;color:#7fd957}.checkout-date{align-items:center;color:#9ca3af;display:flex;font-size:10px;gap:4px}.checkout-date svg{font-size:12px}.checkout-total{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.total-label{color:#9ca3af;font-size:9px;text-transform:uppercase}.total-value{color:#7fd957;font-size:16px;font-weight:700}.checkout-actions{gap:4px}.action-btn,.checkout-actions{align-items:center;display:flex}.action-btn{background:#0000;border:1px solid #252525;border-radius:6px;color:#9ca3af;cursor:pointer;height:28px;justify-content:center;transition:all .2s;width:28px}.action-btn:hover{background:#252525;color:#fff}.action-btn.complete:hover{background:#7fd9571a;border-color:#7fd957;color:#7fd957}.action-btn.cancel:hover{background:#f59e0b1a;border-color:#f59e0b;color:#f59e0b}.action-btn.delete:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.action-btn.separating:hover{background:#8b5cf61a;border-color:#8b5cf6;color:#8b5cf6}.action-btn.ready:hover{background:#06b6d41a;border-color:#06b6d4;color:#06b6d4}.action-btn.transit:hover{background:#f973161a;border-color:#f97316;color:#f97316}.action-btn.delivered:hover{background:#7fd9571a;border-color:#7fd957;color:#7fd957}.expand-icon{color:#9ca3af;font-size:20px}.checkout-details{border-top:1px solid #252525;padding:0 16px 16px}.details-section{border-bottom:1px solid #252525;padding:12px 0}.details-section:last-child{border-bottom:none}.details-section h4{color:#9ca3af;font-size:11px;font-weight:600;margin:0 0 8px;text-transform:uppercase}.client-details,.payment-info{display:flex;flex-wrap:wrap;gap:12px}.detail-item{align-items:center;color:#fff;font-size:12px;gap:6px}.detail-item svg{color:#9ca3af;font-size:14px}.payment-status{border-radius:4px;font-size:10px;font-weight:600;padding:2px 6px}.payment-status.paid{background:#7fd9571a;color:#7fd957}.payment-status.pending{background:#6366f11a;color:#6366f1}.payment-status.refunded{background:#ef44441a;color:#ef4444}.items-list{display:flex;flex-direction:column;gap:8px}.item-row{align-items:center;background:#0a0a0a;border-radius:6px;display:flex;gap:12px;justify-content:space-between;padding:8px 10px}.item-info{flex:1 1;min-width:0}.item-name{color:#fff;display:block;font-size:12px;font-weight:500}.item-code{color:#7fd957;font-size:10px}.item-qty{color:#9ca3af;font-size:11px;font-weight:500}.item-price{color:#fff;font-size:12px;font-weight:600}.details-section.totals{display:flex;flex-direction:column;gap:6px}.total-row{color:#9ca3af;display:flex;font-size:12px;justify-content:space-between}.total-row.discount{color:#ef4444}.total-row.final{border-top:1px solid #252525;color:#7fd957;font-size:14px;font-weight:700;padding-top:6px}.notes-text{color:#9ca3af;font-size:12px;line-height:1.4;margin:0}@media (max-width:900px){.checkout-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.checkout-page{padding:12px}.checkout-stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.filter-tabs{flex-wrap:wrap}.checkout-card-header{flex-direction:column;gap:12px}.checkout-card-header,.checkout-total{align-items:flex-start}.checkout-actions{position:absolute;right:16px;top:12px}.checkout-card{position:relative}}@media (max-width:480px){.checkout-stats-grid{grid-template-columns:1fr}}.payment-link-info{display:flex;flex-direction:column;gap:8px}.link-row{align-items:center;display:flex;font-size:12px;gap:8px}.link-row svg{color:#9ca3af;font-size:16px}.link-code{color:#fff;font-family:monospace;font-weight:500}.link-status{border-radius:4px;font-size:10px;font-weight:600;margin-left:auto;padding:2px 6px}.link-status.pending{background:#6366f11a;color:#6366f1}.link-status.paid{background:#7fd9571a;color:#7fd957}.link-status.expired{background:#6b72801a;color:#6b7280}.link-actions{display:flex;gap:8px}.link-action-btn{align-items:center;background:#0000;border:1px solid #252525;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.link-action-btn.copy{color:#9ca3af}.link-action-btn.copy:hover{background:#6366f11a;border-color:#6366f1;color:#6366f1}.link-action-btn.whatsapp{color:#25d366}.link-action-btn.whatsapp:hover{background:#25d3661a;border-color:#25d366}.delivery-info{display:flex;flex-direction:column;gap:8px}.detail-item.address{align-items:flex-start}.detail-item.address span{line-height:1.4}.detail-item.carrier,.detail-item.courier{background:#0a0a0a;border-radius:6px;padding:8px 10px}.inline-whatsapp{align-items:center;background:#0000;border:none;color:#25d366;cursor:pointer;display:inline-flex;font-size:16px;margin-left:8px;padding:0}.inline-whatsapp:hover{color:#128c7e}.tracking-code{color:#7fd957;display:block;font-size:10px;margin-top:4px}.delivery-status{border-radius:4px;display:inline-block;font-size:10px;font-weight:600;padding:4px 8px}.delivery-status.pending{background:#6366f11a;color:#6366f1}.delivery-status.awaiting_courier{background:#f59e0b1a;color:#f59e0b}.delivery-status.picked_up{background:#f973161a;color:#f97316}.delivery-status.in_transit{background:#06b6d41a;color:#06b6d4}.delivery-status.delivered{background:#7fd9571a;color:#7fd957}.detail-item.fee{color:#f59e0b;font-weight:600}.detail-item.fee svg{color:#f59e0b}.analytics-page{background-color:#0a0a0a;flex:1 1;height:100%;overflow-y:auto;padding:16px 20px}.analytics-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:14px;gap:12px;height:300px;justify-content:center}.analytics-loading .loading-icon{animation:pulse 1.5s ease-in-out infinite;font-size:48px}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header-left{gap:12px}.page-icon{color:#7fd957;font-size:32px}.analytics-header h1{color:#fff;font-size:22px;font-weight:700;margin:0 0 2px}.analytics-header p{color:#9ca3af;font-size:12px;margin:0}.header-actions{gap:8px}.filter-btn,.refresh-btn{align-items:center;background:#141414;border:1px solid #252525;border-radius:6px;color:#e5e5e5;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:8px 12px;transition:all .2s}.filter-btn:hover,.refresh-btn:hover{border-color:#7fd957;color:#7fd957}.refresh-btn{padding:8px}.analytics-filters{align-items:flex-end;background:#141414;border:1px solid #252525;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{color:#9ca3af;font-size:10px;text-transform:uppercase}.filter-group input{background:#0a0a0a;border:1px solid #252525;border-radius:4px;color:#fff;font-size:12px;padding:6px 10px}.filter-group input:focus{border-color:#7fd957;outline:none}.clear-filters-btn{background:#0000;border:1px solid #3c3c3c;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:11px;padding:6px 12px;transition:all .2s}.clear-filters-btn:hover{border-color:#ef4444;color:#ef4444}.analytics-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr);margin-bottom:20px}.stat-card{align-items:center;background:#141414;border:1px solid #252525;border-radius:8px;gap:10px;padding:12px;transition:all .2s}.stat-card:hover{border-color:#3c3c3c}.stat-card.warning{background:#ef44440d;border-color:#ef44444d}.stat-icon{align-items:center;border-radius:8px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.stat-icon.clients{background:#6366f11a;color:#6366f1}.stat-icon.revenue{background:#7fd9571a;color:#7fd957}.stat-icon.ticket{background:#3b82f61a;color:#3b82f6}.stat-icon.orders{background:#f59e0b1a;color:#f59e0b}.stat-icon.risk{background:#ef44441a;color:#ef4444}.stat-icon.items{background:#8b5cf61a;color:#8b5cf6}.stat-info{display:flex;flex-direction:column;gap:2px;min-width:0}.stat-info .stat-value{color:#fff;font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-info .stat-label{color:#9ca3af;font-size:9px;letter-spacing:.3px;text-transform:uppercase}.analytics-charts{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.chart-card{background:#141414;border:1px solid #252525;border-radius:8px;padding:16px}.chart-card h3{color:#fff;font-size:13px;font-weight:600;margin:0 0 16px}.no-data{align-items:center;color:#6b7280;display:flex;font-size:12px;height:150px;justify-content:center}.pie-chart-container{display:flex;flex-direction:column;gap:16px}.pie-chart{background:conic-gradient(from 0deg,#3c3c3c 0deg 1turn);border-radius:50%;height:120px;margin:0 auto;position:relative;width:120px}.pie-slice{background:var(--color);border-radius:50%;-webkit-clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,0 100%,0 0,50% 0);clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,0 100%,0 0,50% 0);height:100%;position:absolute;transform:rotate(calc(var(--rotation)*1deg));width:100%}.chart-legend{display:flex;flex-direction:column;gap:6px}.legend-item{align-items:center;display:flex;font-size:10px;gap:8px}.legend-color{border-radius:2px;flex-shrink:0;height:10px;width:10px}.legend-label{color:#e5e5e5;flex:1 1}.legend-value{color:#9ca3af;font-weight:600}.payment-stats{gap:12px}.payment-item,.payment-stats{display:flex;flex-direction:column}.payment-item{gap:4px}.payment-info{align-items:center;display:flex;justify-content:space-between}.payment-method{color:#e5e5e5;font-size:11px;font-weight:500}.payment-count{color:#9ca3af;font-size:10px}.payment-bar{background:#252525;border-radius:3px;height:6px;overflow:hidden}.payment-bar-fill{background:linear-gradient(90deg,#7fd957,#6cc945);border-radius:3px;height:100%;transition:width .3s ease}.payment-total{color:#7fd957;font-size:10px;font-weight:600;text-align:right}.top-clients-list{display:flex;flex-direction:column;gap:8px}.top-client-item{align-items:center;background:#0a0a0a;border-radius:6px;display:flex;gap:10px;padding:8px}.top-rank{color:#7fd957;font-size:11px;font-weight:700;width:24px}.top-client-info{flex:1 1;min-width:0}.top-client-name{color:#fff;display:block;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-client-orders{color:#9ca3af;font-size:9px}.top-client-total{color:#7fd957;font-size:11px;font-weight:600}.analytics-period-section{margin-bottom:16px}.period-tabs{background:#141414;border:1px solid #252525;border-radius:8px;display:flex;gap:4px;overflow-x:auto;padding:4px}.period-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s;white-space:nowrap}.period-tab:hover{background:#252525;color:#fff}.period-tab.active{background:#7fd957;color:#0a0a0a;font-weight:600}.period-tab.risk{color:#ef4444}.period-tab.risk.active{background:#ef4444;color:#fff}.period-count{background:#ffffff1a;border-radius:10px;font-size:9px;padding:2px 6px}.period-tab.active .period-count{background:#0003}.clients-section{background:#141414;border:1px solid #252525;border-radius:8px;padding:16px}.clients-section h3{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 16px}.clients-count{color:#9ca3af;font-size:12px;font-weight:400}.no-clients{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{color:#3c3c3c;margin-bottom:12px}.no-clients p{color:#9ca3af;font-size:14px;margin:0}.clients-list{display:flex;flex-direction:column;gap:8px}.client-card{background:#0a0a0a;border:1px solid #252525;border-radius:8px;overflow:hidden;transition:all .2s}.client-card:hover{border-color:#3c3c3c}.client-card.overdue{border-left:3px solid #ef4444}.client-card-header{align-items:center;cursor:pointer;display:flex;gap:16px;padding:12px 16px}.client-main-info{flex:1 1;min-width:0}.client-name{color:#fff;font-size:13px;font-weight:600;margin:0 0 4px}.client-meta{display:flex;flex-wrap:wrap;gap:12px}.client-contact{align-items:center;color:#9ca3af;display:flex;font-size:10px;gap:4px}.client-contact svg{font-size:12px}.client-stats{display:flex;gap:20px}.client-stat{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.client-stat .stat-label{color:#9ca3af;font-size:9px;text-transform:uppercase}.client-stat .stat-value{color:#fff;font-size:12px;font-weight:600}.client-stat .stat-value.highlight{color:#7fd957}.client-expand{color:#9ca3af;font-size:20px}.client-details{border-top:1px solid #252525;padding:0 16px 16px}.details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:12px 0}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-label{color:#9ca3af;font-size:9px;text-transform:uppercase}.detail-value{color:#fff;font-size:12px;font-weight:500}.risk-alert{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;display:flex;gap:8px;margin:8px 0;padding:10px 12px}.risk-alert svg{color:#ef4444;flex-shrink:0;font-size:16px}.risk-alert span{color:#ef4444;font-size:11px;line-height:1.4}.purchase-history{margin-top:12px}.purchase-history h5{color:#9ca3af;font-size:11px;font-weight:600;margin:0 0 8px;text-transform:uppercase}.purchases-list{display:flex;flex-direction:column;gap:6px}.purchase-item{align-items:center;background:#141414;border-radius:4px;display:flex;font-size:11px;justify-content:space-between;padding:8px 10px}.purchase-date{color:#9ca3af}.purchase-items{color:#e5e5e5}.purchase-total{color:#7fd957;font-weight:600}@media (max-width:1200px){.analytics-stats-grid{grid-template-columns:repeat(3,1fr)}.analytics-charts{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.analytics-stats-grid{grid-template-columns:repeat(2,1fr)}.analytics-charts{grid-template-columns:1fr}.client-stats{display:none}.details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.analytics-page{padding:12px}.analytics-header{align-items:flex-start;flex-direction:column;gap:12px}.analytics-stats-grid{grid-template-columns:1fr}.period-tabs{flex-wrap:nowrap;overflow-x:auto}.details-grid{grid-template-columns:1fr}}.departments-page{background-color:#0a0a0a;display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.departments-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.departments-loading .loading-icon{animation:pulse 2s infinite;font-size:48px;margin-bottom:16px}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.departments-header{align-items:center;border-bottom:1px solid #1a1a1a;display:flex;justify-content:space-between;padding:24px 32px}.departments-header .header-left{align-items:center;display:flex;gap:16px}.departments-header .page-icon{color:#7fd957;font-size:32px}.departments-header h1{color:#fff;font-size:24px;font-weight:700;margin:0}.departments-header p{color:#9ca3af;font-size:14px;margin:4px 0 0}.departments-header .refresh-btn{background:#1a1a1a;border:1px solid #252525;border-radius:8px;color:#9ca3af;cursor:pointer;padding:10px;transition:all .2s}.departments-header .refresh-btn:hover{background:#252525;color:#7fd957}.departments-tabs{background:#0a0a0a;border-bottom:1px solid #1a1a1a;display:flex;gap:8px;padding:16px 32px}.tab-btn{font-weight:500;position:relative}.tab-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:10px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:-6px;text-align:center;top:-6px}.tab-content{flex:1 1;padding:24px 32px}.tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.tab-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.kpis-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.kpi-card{align-items:center;background:#141414;border:1px solid #1a1a1a;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s}.kpi-card:hover{border-color:#252525;transform:translateY(-2px)}.kpi-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.kpi-icon.blue{background:#3b82f6}.kpi-icon.green{background:#10b981}.kpi-icon.cyan{background:#06b6d4}.kpi-icon.orange{background:#f59e0b}.kpi-icon.purple{background:#8b5cf6}.kpi-icon.yellow{background:#eab308}.kpi-icon.red{background:#ef4444}.kpi-content{flex:1 1}.kpi-value{color:#fff;font-size:28px;font-weight:700}.kpi-label{color:#9ca3af;font-size:13px}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.dashboard-card{background:#141414;border:1px solid #1a1a1a;border-radius:12px;padding:20px}.dashboard-card.full-width{grid-column:1/-1}.dashboard-card h3{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.dashboard-card h3 svg{color:#7fd957}.list-items{display:flex;flex-direction:column;gap:12px}.list-item{align-items:center;background:#1a1a1a;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.list-item-main{display:flex;flex-direction:column;gap:2px}.list-item-name{color:#fff;font-size:14px;font-weight:500}.list-item-meta{color:#9ca3af;font-size:12px}.list-item-date,.list-item-dates{color:#7fd957;font-size:12px}.empty-state-small{color:#6b7280;font-size:13px;padding:20px;text-align:center}.department-stats{display:flex;flex-direction:column;gap:12px}.dept-stat-item{align-items:center;background:#1a1a1a;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.dept-name{color:#fff;font-size:14px;font-weight:500}.dept-counts{display:flex;gap:12px}.dept-total{color:#9ca3af;font-size:12px}.dept-active{color:#10b981;font-size:12px}.departments-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.department-card{background:#141414;border:1px solid #1a1a1a;border-radius:12px;overflow:hidden}.dept-header{align-items:center;background:#1a1a1a;border-left:4px solid;display:flex;justify-content:space-between;padding:16px}.dept-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.dept-actions{display:flex;gap:4px}.dept-actions button{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:6px;transition:all .2s}.dept-actions button:hover{background:#252525;color:#fff}.dept-description{color:#9ca3af;font-size:13px;margin:0;padding:12px 16px}.dept-stats{border-top:1px solid #1a1a1a;padding:12px 16px}.dept-stats span{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:6px}.filters-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.search-box{align-items:center;background:#141414;border:1px solid #252525;border-radius:8px;display:flex;flex:1 1;gap:8px;min-width:200px;padding:10px 16px}.search-box svg{color:#6b7280}.search-box input{background:#0000;border:none;color:#fff;flex:1 1;font-size:14px;outline:none}.search-box input::placeholder{color:#6b7280}.filters-bar select{background:#141414;border:1px solid #252525;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;outline:none;padding:10px 16px}.filters-bar select:focus{border-color:#7fd957}.employees-list{display:flex;flex-direction:column;gap:16px}.employee-card{background:#141414;border:1px solid #1a1a1a;border-radius:12px;padding:20px}.employee-main{align-items:center;display:flex;gap:16px;margin-bottom:16px}.employee-avatar{align-items:center;background:#252525;border-radius:50%;color:#6b7280;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.employee-info{flex:1 1}.employee-info h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.employee-position{color:#9ca3af;font-size:13px;margin:0 0 2px}.employee-department{color:#6b7280;font-size:12px;margin:0}.employee-status{border-radius:20px;color:#fff;font-size:11px;font-weight:600;padding:6px 12px}.employee-details{border-bottom:1px solid #1a1a1a;border-top:1px solid #1a1a1a;display:flex;flex-wrap:wrap;gap:16px;padding:12px 0}.employee-details span{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:6px}.employee-details svg{color:#6b7280}.employee-vacation-info{padding:12px 0}.vacation-days{align-items:center;color:#3b82f6;display:flex;font-size:13px;gap:6px}.employee-actions{display:flex;gap:8px;padding-top:12px}.employee-actions button{align-items:center;background:#1a1a1a;border:1px solid #252525;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:8px 12px;transition:all .2s}.employee-actions button:hover{background:#252525;color:#fff}.employee-actions .vacation-btn{background:#1e3a5f;border-color:#2563eb;color:#60a5fa}.employee-actions .vacation-btn:hover{background:#2563eb;color:#fff}.employee-actions .delete-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.vacations-list{display:flex;flex-direction:column;gap:16px}.vacation-card{background:#141414;border:1px solid #1a1a1a;border-radius:12px;padding:20px}.vacation-card.pending{border-left:4px solid #f59e0b}.vacation-card.approved{border-left:4px solid #10b981}.vacation-card.rejected{border-left:4px solid #ef4444}.vacation-card.cancelled{border-left:4px solid #6b7280}.vacation-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.vacation-employee h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.vacation-employee p{color:#9ca3af;font-size:13px;margin:0}.vacation-status{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.vacation-status.pending{background:#f59e0b33;color:#f59e0b}.vacation-status.approved{background:#10b98133;color:#10b981}.vacation-status.rejected{background:#ef444433;color:#ef4444}.vacation-status.cancelled{background:#6b728033;color:#6b7280}.vacation-dates{background:#1a1a1a;border-radius:8px;justify-content:space-between;margin-bottom:12px;padding:12px}.date-range,.vacation-dates{align-items:center;display:flex}.date-range{color:#fff;font-size:14px;gap:8px}.date-range svg{color:#7fd957}.days-count{color:#3b82f6;font-size:14px;font-weight:600}.vacation-notes{color:#9ca3af;font-size:13px;margin:0 0 12px}.vacation-rejection{background:#ef44441a;border-radius:8px;color:#ef4444;font-size:13px;margin:0 0 12px;padding:12px}.vacation-actions{display:flex;gap:8px;margin-bottom:12px}.vacation-actions button{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:8px 16px;transition:all .2s}.approve-btn{background:#10b981;border:none;color:#fff}.approve-btn:hover{background:#059669}.reject-btn{background:#ef4444;border:none;color:#fff}.reject-btn:hover{background:#dc2626}.cancel-btn{background:#0000;border:1px solid #6b7280;color:#9ca3af}.cancel-btn:hover{background:#6b7280;color:#fff}.vacation-meta{color:#6b7280;font-size:12px}.empty-state{justify-content:center;padding:60px 20px}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:14px;margin:0}.modal{max-width:480px}.modal.large{max-width:700px}.modal-header button{transition:all .2s}.form-section{margin-bottom:24px}.form-section h4{border-bottom:1px solid #252525;color:#7fd957;font-size:14px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.form-field input,.form-field select,.form-field textarea{background:#0a0a0a;border:1px solid #252525;border-radius:8px;color:#fff;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#7fd957}.form-field input[type=color]{cursor:pointer;height:40px;padding:4px}.form-field textarea{font-family:inherit;min-height:80px;resize:vertical}.form-field select{cursor:pointer}.modal-footer .cancel-btn{background:#252525;border:1px solid #3c3c3c;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.modal-footer .cancel-btn:hover{background:#3c3c3c}.modal-footer .confirm-btn{background:linear-gradient(135deg,#7fd957,#6cc945);border:none;border-radius:8px;color:#0a0a0a;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.modal-footer .confirm-btn:hover{box-shadow:0 4px 12px #7fd9574d;transform:translateY(-1px)}.modal-footer .confirm-btn.reject{background:linear-gradient(135deg,#ef4444,#dc2626)}@media (max-width:768px){.departments-header{padding:16px 20px}.departments-tabs{overflow-x:auto;padding:12px 20px}.tab-btn{white-space:nowrap}.tab-content{padding:16px 20px}.kpis-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.departments-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column}.form-row{grid-template-columns:1fr}.modal{margin:20px;max-width:100%}}.delivery-panel{background:#0a0a0a;flex:1 1;overflow-y:auto}.delivery-panel,.loading-state{display:flex;flex-direction:column}.loading-state{align-items:center;color:#9ca3af;justify-content:center;padding:60px}.loading-icon{animation:pulse 2s infinite;font-size:48px;margin-bottom:16px}.panel-header{border-bottom:1px solid #1a1a1a;justify-content:space-between;padding:24px 32px}.header-left,.panel-header{align-items:center;display:flex}.header-left{gap:16px}.panel-icon{color:#7fd957;font-size:32px}.panel-header h1{color:#fff;font-size:24px;font-weight:700;margin:0}.panel-header p{color:#9ca3af;font-size:14px;margin:4px 0 0}.header-actions{display:flex;gap:12px}.settings-btn{align-items:center;background:#1a1a1a;border:1px solid #252525;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 16px;transition:all .2s}.settings-btn:hover{background:#252525;border-color:#7fd957}.refresh-btn{background:#1a1a1a;border:1px solid #252525;border-radius:8px;color:#9ca3af;cursor:pointer;padding:10px;transition:all .2s}.refresh-btn:hover{background:#252525;color:#7fd957}.stats-grid{grid-gap:16px;background:#141414;border-bottom:1px solid #1a1a1a;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);padding:24px 32px}.stat-card{display:flex;flex-direction:column;gap:4px}.stat-value{color:#7fd957;font-size:28px;font-weight:700}.stat-label{color:#9ca3af;font-size:12px}.panel-tabs{border-bottom:1px solid #1a1a1a;display:flex;gap:8px;padding:16px 32px}.tab-btn{align-items:center;background:#0000;border:1px solid #252525;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:all .2s}.tab-btn:hover{background:#1a1a1a;color:#fff}.tab-btn.active{background:#7fd957;border-color:#7fd957;color:#0a0a0a}.panel-content{flex:1 1;padding:24px 32px}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.content-header h2{color:#fff;font-size:18px;font-weight:600;margin:0}.add-btn{align-items:center;background:linear-gradient(135deg,#7fd957,#6cc945);border:none;border-radius:8px;color:#0a0a0a;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.add-btn:hover{box-shadow:0 4px 12px #7fd9574d;transform:translateY(-2px)}.items-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.item-card{background:#141414;border:1px solid #1a1a1a;border-radius:12px;padding:16px}.item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.item-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.item-actions{display:flex;gap:4px}.item-actions button{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:6px;transition:all .2s}.item-actions button:hover{background:#252525;color:#fff}.item-info{border-bottom:1px solid #1a1a1a;display:flex;flex-direction:column;gap:8px;padding-bottom:12px}.item-info span{color:#9ca3af;font-size:13px;gap:6px}.item-footer,.item-info span{align-items:center;display:flex}.item-footer{justify-content:space-between;padding-top:12px}.fee{color:#7fd957;font-size:13px;font-weight:500}.cutoff{color:#6b7280;font-size:12px}.status-toggle{border:none;border-radius:20px;cursor:pointer;font-size:11px;font-weight:600;padding:6px 12px;transition:all .2s}.status-toggle.available{background:#10b98133;color:#10b981}.status-toggle.unavailable{background:#6b728033;color:#6b7280}.status-toggle:hover{transform:scale(1.05)}.empty-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;grid-column:1/-1;padding:60px}.empty-state svg{font-size:48px;margin-bottom:16px;opacity:.5}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background:#141414;border:1px solid #252525;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #252525;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.modal-header button{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:20px;padding:4px}.modal-header button:hover{background:#252525;color:#fff}.modal-body{padding:24px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-field{margin-bottom:16px}.form-field label{color:#9ca3af;display:block;font-size:12px;font-weight:500;margin-bottom:6px}.form-field input,.form-field select{background:#0a0a0a;border:1px solid #252525;border-radius:8px;color:#fff;font-size:14px;outline:none;padding:10px 12px;width:100%}.form-field input:focus,.form-field select:focus{border-color:#7fd957}.form-field.checkbox label{align-items:center;cursor:pointer;display:flex;gap:8px}.form-field.checkbox input{width:auto}.modal-footer{border-top:1px solid #252525;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-btn{background:#252525;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.cancel-btn:hover{background:#3a3a3a}.save-btn{background:linear-gradient(135deg,#7fd957,#6cc945);border:none;border-radius:8px;color:#0a0a0a;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.save-btn:hover{box-shadow:0 4px 12px #7fd9574d;transform:translateY(-1px)}@media (max-width:768px){.panel-header{align-items:flex-start;flex-direction:column;gap:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row,.items-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.960bbe1e.css.map*/