body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a!important;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:12px;font-size:var(--font-md);line-height:1.5;margin:0}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.loading-spinner{border:4px solid var(--border-secondary);border-radius:var(--radius-full);border-top-color:var(--accent-primary)}.App{background:#0a0a0a!important;color:#fff;display:flex;height:100vh;position:relative}.App:before{display:none}.main-content{background:#0000;display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative;z-index:1}.app-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0a0a0a!important;border-bottom:1px solid #2e2e2e;justify-content:flex-end;min-height:52px;padding:8px 16px;z-index:5}.app-header,.header-logo{align-items:center;display:flex}.header-logo{gap:12px}.header-logo-icon{align-items:center;background:var(--gradient-primary);border-radius:10px;box-shadow:0 4px 15px var(--accent-primary-glow);color:#fff;display:flex;font-size:20px;font-weight:800;height:42px;justify-content:center;width:42px}.header-logo-text{display:flex;flex-direction:column}.header-logo-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:18px;font-weight:700}.header-logo-subtitle{color:var(--text-muted);font-size:11px;letter-spacing:1px;text-transform:uppercase}.header-user-section{align-items:center;display:flex;gap:16px}.header-user-info{align-items:center;backdrop-filter:none;-webkit-backdrop-filter:none;background:#1a1a1a!important;border:1px solid #2e2e2e;border-radius:24px;display:flex;gap:10px;padding:8px 14px;transition:all .3s ease}.header-user-info:hover{background:#2a2a2a!important;border-color:#7fd957;box-shadow:0 4px 20px #7fd95726}.header-user-avatar{align-items:center;background:#7fd957!important;border-radius:50%;box-shadow:0 2px 10px #7fd9574d;color:#000;display:flex;font-size:16px;font-weight:600;height:32px;justify-content:center;width:32px}.header-user-details{display:flex;flex-direction:column;gap:0}.header-user-name{color:#fff;font-size:13px;font-weight:600;line-height:1.2}.header-user-email{color:#9ca3af;display:none;font-size:11px}.header-user-company{color:#7fd957;font-size:10px;font-weight:500}.header-logout-btn{align-items:center;background:#ef4444!important;border:none;border-radius:20px;box-shadow:0 2px 10px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.header-logout-btn:hover{box-shadow:0 4px 20px #f4433666;transform:translateY(-2px)}.header-logout-btn:active{transform:translateY(0)}.header-logout-btn svg{font-size:18px}.btn-primary{background:#7fd957!important;background-size:200% auto;border-radius:10px;color:#000!important;transition:all .3s ease}.btn-primary:hover{background:#5cb33b!important;box-shadow:0 4px 20px #7fd9574d}.btn-secondary{border:2px solid #7fd957;border-radius:10px;padding:10px 22px;transition:all .3s ease}.btn-secondary:hover{background:#7fd957!important;color:#000;transform:translateY(-2px)}.card{background:#111!important;border:1px solid #2e2e2e;border-radius:16px;box-shadow:0 4px 12px #0000004d;padding:24px;transition:all .3s ease}.card:hover{border-color:#7fd957;box-shadow:0 8px 24px #0006;transform:translateY(-4px)}input,select,textarea{background:#1a1a1a!important;border:2px solid #2e2e2e;border-radius:10px;color:#fff;font-size:14px;padding:12px 16px;transition:all .3s ease}input:focus,select:focus,textarea:focus{border-color:#7fd957;box-shadow:0 0 0 3px #7fd95726;outline:none}input::placeholder,textarea::placeholder{color:#9ca3af}.badge{align-items:center;border-radius:20px;display:inline-flex;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.badge-success{background:#4caf5026;border:1px solid #4caf504d;color:var(--accent-green)}.badge-warning{background:#ff980026;border:1px solid #ff98004d;color:var(--accent-orange)}.badge-danger{background:#f4433626;border:1px solid #f443364d;color:var(--accent-red)}.badge-info{background:#00bcd426;border:1px solid #00bcd44d;color:var(--accent-cyan)}.modal{animation:slideIn .3s ease;background:#111!important;border:1px solid #2e2e2e;border-radius:20px}.modal-body,.modal-footer{background:#111}.skeleton{background:linear-gradient(90deg,#111,#1a1a1a 50%,#111)}@media (max-width:768px){.app-header{flex-direction:column;gap:12px;padding:12px 16px}.header-logo,.header-user-section{justify-content:center;width:100%}.header-user-info{padding:8px 12px}.header-logout-btn span,.header-user-details{display:none}}.theme-dark{--bg-primary:#0a0f1a;--bg-secondary:#111827;--bg-tertiary:#1a2332;--bg-hover:#243147;--bg-gradient:linear-gradient(135deg,#0a0f1a,#111827 50%,#1a2332);--text-primary:#fff;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--border-primary:#1e3a5f;--border-secondary:#2d4a6f;--border-glow:#00bcd44d;--accent-primary:#00bcd4;--accent-primary-hover:#00acc1;--accent-primary-glow:#00bcd466;--accent-blue:#2196f3;--accent-blue-hover:#1e88e5;--accent-green:#4caf50;--accent-green-hover:#43a047;--accent-orange:#ff9800;--accent-orange-hover:#f57c00;--accent-red:#f44336;--accent-red-hover:#e53935;--accent-purple:#9c27b0;--accent-purple-hover:#8e24aa;--accent-yellow:#ffeb3b;--accent-cyan:#00bcd4;--gradient-primary:linear-gradient(135deg,#00bcd4,#2196f3 50%,#9c27b0);--gradient-success:linear-gradient(135deg,#4caf50,#00bcd4);--gradient-warning:linear-gradient(135deg,#ff9800,#f44336);--gradient-info:linear-gradient(135deg,#2196f3,#00bcd4);--gradient-solar:linear-gradient(135deg,#ff9800,#4caf50);--gradient-tech:linear-gradient(135deg,#00bcd4,#2196f3 50%,#9c27b0);--gradient-sidebar:linear-gradient(180deg,#0d1520,#111827 50%,#1a2332);--gradient-card:linear-gradient(145deg,#1a2332,#111827);--gradient-header:linear-gradient(90deg,#0d1520,#111827);--card-bg:#111827;--card-bg-hover:#1a2332;--card-border:#00bcd426;--card-shadow:0 4px 24px #0006;--card-shadow-hover:0 8px 32px #00bcd426;--modal-bg:#111827;--modal-overlay:#000c;--input-bg:#0a0f1a;--input-border:#1e3a5f;--input-border-focus:#00bcd4;--input-shadow-focus:0 0 0 3px #00bcd433;--glass-bg:#111827cc;--glass-border:#00bcd41a;--glass-blur:blur(12px);--kpi-blue:linear-gradient(135deg,#2196f3,#1976d2);--kpi-green:linear-gradient(135deg,#4caf50,#388e3c);--kpi-orange:linear-gradient(135deg,#ff9800,#f57c00);--kpi-red:linear-gradient(135deg,#f44336,#d32f2f);--kpi-purple:linear-gradient(135deg,#9c27b0,#7b1fa2);--kpi-cyan:linear-gradient(135deg,#00bcd4,#0097a7);--kpi-yellow:linear-gradient(135deg,#ffeb3b,#fbc02d)}.theme-light{--bg-primary:#f0f4f8;--bg-secondary:#fff;--bg-tertiary:#e8eef4;--bg-hover:#dce4ec;--bg-gradient:linear-gradient(135deg,#f0f4f8,#fff 50%,#e8eef4);--text-primary:#0a1929;--text-secondary:#334155;--text-muted:#64748b;--border-primary:#cbd5e1;--border-secondary:#94a3b8;--border-glow:#2196f34d;--accent-primary:#2196f3;--accent-primary-hover:#1976d2;--accent-primary-glow:#2196f366;--accent-blue:#2196f3;--accent-blue-hover:#1976d2;--accent-green:#4caf50;--accent-green-hover:#388e3c;--accent-orange:#ff9800;--accent-orange-hover:#f57c00;--accent-red:#f44336;--accent-red-hover:#d32f2f;--accent-purple:#9c27b0;--accent-purple-hover:#7b1fa2;--accent-yellow:#ffeb3b;--accent-cyan:#00bcd4;--gradient-primary:linear-gradient(135deg,#2196f3,#00bcd4);--gradient-success:linear-gradient(135deg,#4caf50,#81c784);--gradient-warning:linear-gradient(135deg,#ff9800,#ffb74d);--gradient-info:linear-gradient(135deg,#2196f3,#64b5f6);--gradient-solar:linear-gradient(135deg,#ff9800,#4caf50);--gradient-tech:linear-gradient(135deg,#2196f3,#00bcd4);--gradient-sidebar:linear-gradient(180deg,#fff,#f8fafc);--gradient-card:linear-gradient(145deg,#fff,#f8fafc);--gradient-header:linear-gradient(90deg,#fff,#f8fafc);--card-bg:#fff;--card-bg-hover:#f8fafc;--card-border:#2196f326;--card-shadow:0 4px 24px #00000014;--card-shadow-hover:0 8px 32px #2196f31f;--modal-bg:#fff;--modal-overlay:#00000080;--input-bg:#fff;--input-border:#cbd5e1;--input-border-focus:#2196f3;--input-shadow-focus:0 0 0 3px #2196f333;--glass-bg:#ffffffe6;--glass-border:#2196f31a;--glass-blur:blur(12px);--kpi-blue:linear-gradient(135deg,#2196f3,#42a5f5);--kpi-green:linear-gradient(135deg,#4caf50,#66bb6a);--kpi-orange:linear-gradient(135deg,#ff9800,#ffa726);--kpi-red:linear-gradient(135deg,#f44336,#ef5350);--kpi-purple:linear-gradient(135deg,#9c27b0,#ab47bc);--kpi-cyan:linear-gradient(135deg,#00bcd4,#26c6da);--kpi-yellow:linear-gradient(135deg,#ffeb3b,#ffee58)}.App{background:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);min-height:100vh;transition:all .4s ease}@keyframes glow{0%,to{box-shadow:0 0 5px var(--accent-primary-glow)}50%{box-shadow:0 0 20px var(--accent-primary-glow),0 0 30px var(--accent-primary-glow)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mpe-gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;background-size:200% auto}.mpe-card{background:var(--gradient-card);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--card-shadow);transition:all .3s ease}.mpe-card:hover{border-color:var(--accent-primary);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.mpe-glass{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px}.mpe-button-primary{background:var(--gradient-primary);background-size:200% auto;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.mpe-button-primary:hover{background-position:100%;box-shadow:0 4px 20px var(--accent-primary-glow);transform:translateY(-2px)}.mpe-glow{animation:glow 2s ease-in-out infinite}.mpe-float{animation:float 3s ease-in-out infinite}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}*{scrollbar-color:var(--border-secondary) var(--bg-primary)}.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{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}.btn,.card,.header,.modal,.sidebar{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,#0a0f1a,#111827 50%,#1a2332);display:flex;height:100vh;justify-content:center;left:0;opacity:1;overflow:hidden;position:fixed;top:0;transition:opacity .8s ease-out;width:100vw;z-index:9999}.splash-screen.fade-out{opacity:0;pointer-events:none}.splash-screen:before{animation:splashBackground 30s linear infinite;background-image:radial-gradient(circle,#00bcd426 1px,#0000 0),radial-gradient(circle,#2196f31a 1px,#0000 0),radial-gradient(circle,#9c27b014 1px,#0000 0);background-position:0 0,30px 30px,70px 70px;background-size:60px 60px,100px 100px,140px 140px;content:"";height:400%;opacity:.5;position:absolute;width:400%}@keyframes splashBackground{0%{transform:translate(0) rotate(0deg)}to{transform:translate(-60px,-60px) rotate(5deg)}}.splash-screen:after{animation:splashOrbs 8s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 30%,#00bcd426 0,#0000 40%),radial-gradient(circle at 80% 70%,#2196f326 0,#0000 40%),radial-gradient(circle at 50% 50%,#9c27b01a 0,#0000 50%);content:"";height:100%;position:absolute;width:100%}@keyframes splashOrbs{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}.splash-content{align-items:center;animation:splashContentFade 1s ease-out;display:flex;flex-direction:column;gap:40px;z-index:1}@keyframes splashContentFade{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.splash-logo-container{align-items:center;display:flex;height:140px;justify-content:center;position:relative;width:140px}.splash-spinner{animation:splashSpin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;border-color:#00bcd4 #2196f3 #0000 #0000;border-radius:50%;border-style:solid;border-width:4px;height:140px;position:absolute;width:140px}.splash-spinner:before{animation:splashSpin 2s linear infinite reverse;border-color:#0000 #0000 #9c27b0 #00bcd4;border-radius:50%;border-style:solid;border-width:3px;bottom:8px;content:"";left:8px;position:absolute;right:8px;top:8px}@keyframes splashSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.splash-logo{align-items:center;animation:splashPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#00bcd4,#2196f3 50%,#9c27b0);border-radius:28px;box-shadow:0 15px 50px #00bcd480,0 0 80px #00bcd433;color:#fff;display:flex;font-size:32px;font-weight:800;height:100px;justify-content:center;letter-spacing:2px;overflow:hidden;position:relative;width:100px}.splash-logo:before{animation:splashShine 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes splashShine{0%,to{transform:translateX(-100%) rotate(45deg)}50%{transform:translateX(100%) rotate(45deg)}}@keyframes splashPulse{0%,to{box-shadow:0 15px 50px #00bcd480,0 0 80px #00bcd433;transform:scale(1)}50%{box-shadow:0 20px 60px #00bcd499,0 0 100px #00bcd466;transform:scale(1.08)}}.splash-text{animation:splashTextFade .8s ease-out .3s backwards;text-align:center}@keyframes splashTextFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.splash-title{-webkit-text-fill-color:#0000;animation:splashTitleGradient 4s ease infinite;background:linear-gradient(135deg,#00bcd4,#2196f3 50%,#9c27b0);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:40px;font-weight:800;letter-spacing:1px;margin:0 0 12px}@keyframes splashTitleGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.splash-subtitle{color:#94a3b8;font-size:15px;font-weight:500;letter-spacing:3px;margin:0;text-transform:uppercase}.splash-progress{background:#ffffff14;border-radius:10px;height:4px;overflow:hidden;position:relative;width:240px}.splash-progress-bar{animation:splashProgress 2s ease-in-out infinite;background:linear-gradient(90deg,#00bcd4,#2196f3,#9c27b0,#00bcd4);background-size:300% 100%;border-radius:10px;height:100%;width:100%}@keyframes splashProgress{0%{background-position:300% 0}to{background-position:-100% 0}}@media (max-width:768px){.splash-logo-container,.splash-spinner{height:120px;width:120px}.splash-logo{border-radius:22px;font-size:26px;height:85px;width:85px}.splash-title{font-size:32px}.splash-subtitle{font-size:13px;letter-spacing:2px}.splash-progress{width:180px}}@media (max-width:480px){.splash-logo-container,.splash-spinner{height:100px;width:100px}.splash-spinner{border-width:3px}.splash-spinner:before{border-width:2px}.splash-logo{border-radius:18px;font-size:22px;height:70px;width:70px}.splash-title{font-size:26px}.splash-subtitle{font-size:11px;letter-spacing:1.5px}.splash-progress{width:150px}}.login-page{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);display:flex;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;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:particleFloat 20s ease-in-out infinite;background:#7fd95799;border-radius:var(--radius-full);box-shadow:0 0 15px #7fd95766;height:4px;position:absolute;width:4px}@keyframes particleFloat{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:orbMove 20s ease-in-out infinite;border-radius:var(--radius-full);filter:blur(100px);opacity:.4;position:absolute}.orb-1{animation-duration:25s;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);height:600px;left:-250px;top:-250px;width:600px}.orb-2{animation-delay:-5s;animation-duration:20s;background:linear-gradient(135deg,var(--accent-secondary) 0,var(--success) 100%);bottom:-200px;height:500px;right:-200px;width:500px}.orb-3{animation-delay:-10s;animation-duration:30s;background:linear-gradient(135deg,var(--success) 0,var(--accent-primary) 100%);height:400px;left:50%;top:50%;transform:translate(-50%,-50%);width:400px}@keyframes orbMove{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,-60px) scale(1.15)}66%{transform:translate(-40px,40px) scale(.9)}}.login-container{align-items:center;animation:loginFadeIn .8s ease-out;display:flex;flex-direction:column;gap:48px;max-width:500px;padding:var(--spacing-3xl);position:relative;width:100%;z-index:2}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.login-card{animation:cardFloat 6s ease-in-out infinite;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#111111d9;border:1px solid #7fd95726;border-radius:var(--radius-4xl);box-shadow:var(--shadow-xl),0 0 60px #7fd9571a,inset 0 1px 0 #ffffff0d;overflow:hidden;padding:56px 48px;position:relative;width:100%}.login-card:before{animation:cardShimmer 4s infinite;background:linear-gradient(90deg,#0000,#7fd9571a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes cardShimmer{0%{left:-100%}to{left:100%}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.login-header{margin-bottom:48px;text-align:center}.logo-container{margin-bottom:28px}.logo-circle,.logo-container{display:flex;justify-content:center}.logo-circle{align-items:center;animation:logoPulse 3s ease-in-out infinite;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:var(--radius-4xl);box-shadow:0 15px 40px #7fd95766,0 0 80px #7fd95733;height:90px;position:relative;width:90px}.logo-circle:before{color:var(--bg-primary);content:"MPE";font-size:26px;font-weight:800;letter-spacing:3px;text-shadow:0 2px 10px #0000004d}.logo-inner{display:none}@keyframes logoPulse{0%,to{box-shadow:0 15px 40px #7fd95766,0 0 80px #7fd95733}50%{box-shadow:0 15px 50px #7fd95799,0 0 100px #7fd95766}}.login-title{-webkit-text-fill-color:#0000;animation:titleGradient 4s ease infinite;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 50%,var(--success) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:var(--font-7xl);font-weight:800;margin:0 0 14px}@keyframes titleGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.login-subtitle{color:var(--text-muted);font-size:var(--font-2xl);letter-spacing:.5px;margin:0}.login-form{display:flex;flex-direction:column;gap:28px}.form-group{gap:10px}.input-icon{color:var(--text-muted);font-size:22px;left:18px;z-index:1}.form-input,.input-icon{transition:all var(--transition-slow)}.form-input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0a99;border:2px solid var(--border-secondary);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--font-2xl);padding:18px 18px 18px 54px}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{background:#0a0a0acc;border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-glow)}.form-input:focus~.input-icon,.input-wrapper:focus-within .input-icon{color:var(--accent-primary)}.form-input.error{border-color:var(--error);box-shadow:0 0 0 4px #ef444426}.password-toggle{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:22px;justify-content:center;padding:0;position:absolute;right:18px;transition:all var(--transition-slow);z-index:1}.password-toggle:hover{color:var(--accent-primary)}.error-message{animation:errorShake .5s ease;color:var(--error);font-size:var(--font-xl);gap:6px;margin-top:-4px}.general-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-lg);margin-top:-8px;padding:var(--spacing-xl);text-align:center}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.submit-btn{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);background-size:200% auto;border-radius:var(--radius-xl);color:var(--bg-primary);font-size:17px;font-weight:700;letter-spacing:1px;margin-top:var(--spacing-lg);overflow:hidden;padding:18px;position:relative;text-transform:uppercase;transition:all var(--transition-slower)}.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 ease;width:100%}.submit-btn:hover{background-position:100%;box-shadow:var(--shadow-accent-hover);transform:translateY(-3px)}.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:28px;text-align:center}.login-footer p{color:var(--text-muted);font-size:var(--font-xl);margin:0}.toggle-mode-btn{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:var(--font-xl);font-weight:600;margin-left:var(--spacing-md);text-decoration:none;transition:all var(--transition-slow)}.toggle-mode-btn:hover{color:var(--accent-hover);text-decoration:underline}.login-features{animation:loginFadeIn 1s ease-out .3s backwards;display:flex;flex-direction:column;gap:var(--spacing-3xl);width:100%}.feature-item{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#1119;border:1px solid #7fd9571a;border-radius:var(--radius-3xl);display:flex;gap:var(--spacing-2xl);padding:var(--spacing-3xl);transition:all var(--transition-slower)}.feature-item:hover{border-color:var(--accent-primary);box-shadow:0 15px 40px #7fd95726;transform:translateX(12px)}.feature-icon{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:var(--radius-2xl);box-shadow:var(--shadow-accent);color:var(--bg-primary);display:flex;flex-shrink:0;font-size:26px;font-weight:700;height:56px;justify-content:center;width:56px}.feature-text h3{color:var(--text-primary);font-size:17px;font-weight:700;margin:0 0 6px}.feature-text p{color:var(--text-muted);font-size:var(--font-xl);margin:0}.form-row{grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl);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='%237FD957' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-right:48px}.form-input select option{background-color:var(--bg-secondary);color:var(--text-primary);padding:var(--spacing-lg)}@media (max-width:768px){.login-container{gap:var(--spacing-4xl);padding:var(--spacing-2xl)}.login-card{border-radius:var(--radius-3xl);padding:40px 28px}.login-title{font-size:30px}.login-subtitle{font-size:var(--font-xl)}.logo-circle{border-radius:var(--radius-3xl);height:72px;width:72px}.logo-circle:before{font-size:20px}.feature-item{padding:var(--spacing-3xl)}.feature-icon{border-radius:var(--radius-lg);font-size:22px;height:48px;width:48px}.orb-1,.orb-2,.orb-3{height:350px;width:350px}.form-row{gap:var(--spacing-xl);grid-template-columns:1fr}.form-input{padding:16px 16px 16px 50px}.submit-btn{font-size:var(--font-2xl);padding:16px}}@media (max-width:480px){.login-card{padding:var(--spacing-4xl) var(--spacing-2xl)}.login-title{font-size:26px}.feature-item{gap:var(--spacing-xl);padding:var(--spacing-xl)}.feature-icon{font-size:18px;height:42px;width:42px}.feature-text h3{font-size:15px}.feature-text p{font-size:var(--font-lg)}}.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{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 20px;width:50px}.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:#111!important;border-right:1px solid #2e2e2e;color:#fff;display:flex;flex-direction:column;overflow-y:auto;padding:12px 0;position:relative;transition:width var(--transition-slow),min-width var(--transition-slow),padding var(--transition-slow);width:var(--sidebar-width);z-index:var(--z-sticky)}.sidebar.collapsed{min-width:var(--sidebar-collapsed);padding:16px 0;width:var(--sidebar-collapsed)}.sidebar-brand{align-items:center;background:linear-gradient(135deg,#7fd95714,#0000);border-bottom:1px solid var(--border-primary);display:flex;gap:12px;padding:20px 16px}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:16px 12px}.brand-logo{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-accent);color:#000;display:flex;font-size:20px;font-weight:800;height:44px;justify-content:center;min-width:44px;overflow:hidden;position:relative;width:44px}.brand-logo:before{animation:shine 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes shine{0%,to{transform:translateX(-100%) rotate(45deg)}50%{transform:translateX(100%) rotate(45deg)}}.brand-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.sidebar.collapsed .brand-info{display:none}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:18px;font-weight:800;white-space:nowrap}.brand-tagline{color:var(--text-muted);font-size:var(--font-sm);letter-spacing:.5px;white-space:nowrap}.sidebar-collapse-control{border-bottom:1px solid var(--border-primary);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:var(--bg-workspace);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;max-width:44px;padding:8px;transition:all var(--transition-normal);width:100%}.sidebar.collapsed .sidebar-collapse-btn{max-width:100%}.sidebar-collapse-btn:hover{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#000}.sidebar-menu{margin-bottom:12px;padding:0 8px}.menu-item{border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-lg);font-weight:500;margin-bottom:2px;padding:8px 12px;transition:all var(--transition-normal)}.menu-item:hover{background-color:var(--bg-card);color:var(--text-primary);transform:translateX(2px)}.menu-icon{color:var(--text-secondary);font-size:16px;margin-right:10px}.sidebar.collapsed .menu-item{justify-content:center;padding:12px}.sidebar.collapsed .menu-icon{margin-right:0}.sidebar.collapsed .menu-item span:not(.menu-icon){display:none}.menu-item:hover .menu-icon{color:var(--accent-primary)}.menu-item.active{background-color:#7fd957!important}.menu-item.active,.menu-item.active .menu-icon{color:#000!important}.workspace-section{padding:0 8px}.section-title{color:var(--text-muted);font-size:var(--font-xs);letter-spacing:.5px;margin-bottom:6px;padding:8px 12px;text-transform:uppercase}.sidebar.collapsed .section-title{display:none}.workspace{margin-bottom:12px}.workspace-header{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:all var(--transition-normal)}.workspace-header:hover{background-color:var(--bg-card)}.workspace-info{align-items:center;display:flex;gap:10px}.workspace-icon{align-items:center;background:var(--accent-primary);border-radius:var(--radius-sm);color:#000;display:flex;font-size:var(--font-lg);font-weight:700;height:28px;justify-content:center;width:28px}.workspace-name{color:var(--text-primary);font-size:var(--font-lg);font-weight:600}.workspace-content{margin-top:6px;padding-left:8px}.workspace-item{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-lg);font-weight:500;margin-bottom:2px;padding:7px 12px;position:relative;transition:all var(--transition-normal)}.workspace-item:hover{background-color:var(--bg-workspace);color:var(--text-primary);transform:translateX(2px)}.workspace-item.active{background-color:#7fd957!important;color:#000!important}.workspace-item.active .item-icon{color:#000!important}.item-icon{color:var(--text-secondary);font-size:var(--font-xl);margin-right:8px;transition:color var(--transition-normal)}.workspace-item:hover .item-icon{color:var(--text-primary)}.add-btn{background-color:initial;border-radius:var(--radius-sm);color:var(--text-muted);display:none;font-size:18px;height:24px;position:absolute;right:12px;transition:all var(--transition-normal);width:24px}.workspace-item:hover .add-btn{align-items:center;display:flex;justify-content:center}.add-btn:hover{background:var(--accent-primary);color:#000}.workspace-item.others-toggle{border-top:1px solid var(--border-primary);color:var(--text-muted);font-weight:600;margin-top:16px;padding-top:16px}.workspace-item.others-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.workspace-item.others-toggle .item-icon{transition:transform var(--transition-normal)}.others-modules{margin-top:8px;padding-left:12px}.others-modules .workspace-item{font-size:var(--font-md);opacity:.9;padding:8px 12px}.others-modules .workspace-item:hover{opacity:1}.theme-selector-wrapper{background:linear-gradient(180deg,#0000,#7fd9570d);border-top:1px solid var(--border-primary);margin-top:auto;padding:20px 12px}.sidebar.collapsed .theme-selector-wrapper{padding:12px 8px}.theme-selector{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;gap:8px;padding:6px}.sidebar.collapsed .theme-selector{flex-direction:column}.theme-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-md);font-weight:600;gap:6px;justify-content:center;padding:8px 14px;transition:all var(--transition-normal)}.sidebar.collapsed .theme-btn{padding:10px}.sidebar.collapsed .theme-btn span{display:none}.theme-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-btn.active{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);box-shadow:var(--shadow-accent);color:#000}.theme-btn svg{font-size:18px}.sidebar.collapsed .menu-item,.sidebar.collapsed .workspace-item{position:relative}.sidebar.collapsed .menu-item:after,.sidebar.collapsed .workspace-item:after{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text-primary);content:attr(data-tooltip);font-size:var(--font-md);font-weight:500;left:calc(100% + 12px);opacity:0;padding:8px 14px;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--transition-fast);visibility:hidden;white-space:nowrap;z-index:100}.sidebar.collapsed .menu-item:hover:after,.sidebar.collapsed .workspace-item:hover:after{opacity:1;visibility:visible}.online-indicator{animation:pulse-green 2s ease-in-out infinite;background:var(--success);border:2px solid var(--bg-secondary);border-radius:var(--radius-full);bottom:-2px;height:10px;position:absolute;right:-2px;width:10px}@media (max-width:1024px){.sidebar{min-width:72px;width:72px}.sidebar .brand-info,.sidebar .menu-item span:not(.menu-icon),.sidebar .section-title,.sidebar .theme-btn span,.sidebar .workspace-name{display:none}.sidebar .menu-item,.sidebar .workspace-item{justify-content:center;padding:14px}.sidebar .item-icon,.sidebar .menu-icon{margin-right:0}.sidebar .sidebar-collapse-control{display:none}}@media (max-width:768px){.sidebar{bottom:0;left:-280px;position:fixed;top:0;transition:left var(--transition-slow);width:280px;z-index:1000}.sidebar.mobile-open{left:0}.sidebar-overlay{background:#00000080;inset:0;opacity:0;position:fixed;transition:all var(--transition-slow);visibility:hidden;z-index:999}.sidebar-overlay.visible{opacity:1;visibility:visible}}.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}.clear-search-btn{padding:4px;transition:background-color .2s}.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}.close-btn{background:none;font-size:28px;padding:0}.close-btn:hover{background-color:#3a3a3a}.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}.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{background:#fff3;border-radius:6px;color:#fff;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{border-radius:6px;color:#fff;display:flex;font-size:13px;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}.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{align-items:center;background:none;border:none;border-radius:4px;color:#44546f;cursor:pointer;display:flex;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}.section-icon{color:#5e6c84;font-size:20px}.section-header h3{color:#172b4d;font-size:16px}.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;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{color:#e5e5e5;font-size:13px;line-height:1.5;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;border:none;flex:1 1;outline:none}.copy-btn,.link-input{color:#fff;font-size:14px}.copy-btn{align-items:center;background:linear-gradient(135deg,#7fd957,#8b5cf6);border-radius:8px;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:#0000;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;position:relative}.dashboard-header{align-items:flex-start;background:var(--gradient-header);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;overflow:hidden;padding:32px 40px 24px;position:relative}.dashboard-header:before{background:radial-gradient(circle at 100% 50%,#00bcd41a 0,#0000 70%);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:400px}.dashboard-header-content{position:relative;z-index:1}.dashboard-title{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease infinite;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:32px;font-weight:800;margin:0 0 8px}.dashboard-subtitle{align-items:center;color:var(--text-muted);display:flex;font-size:14px;gap:8px;margin:0}.dashboard-subtitle svg{color:var(--accent-green)}.dashboard-date-range{align-items:center;display:flex;gap:12px;position:relative;z-index:1}.date-range-select{border-radius:12px;min-width:200px;padding:12px 20px}.date-range-select:focus,.date-range-select:hover{border-color:var(--accent-primary);box-shadow:var(--input-shadow-focus)}.dashboard-filters-section{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:24px 40px}.filters-header{justify-content:space-between;margin-bottom:20px}.filters-header,.filters-title{align-items:center;display:flex}.filters-title{color:var(--text-primary);font-size:16px;font-weight:700;gap:10px}.filters-title svg{color:var(--accent-primary)}.clear-filters-btn{align-items:center;border:2px solid var(--accent-red);border-radius:10px;color:var(--accent-red);display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.clear-filters-btn:hover{background:var(--accent-red);box-shadow:0 4px 15px #f443364d;color:#fff;transform:translateY(-2px)}.filters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.filter-group label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:1px}.filter-input,.filter-select{background:var(--input-bg);border:2px solid var(--input-border);border-radius:10px;font-weight:500;padding:12px 16px;transition:all .3s ease}.filter-input:focus,.filter-input:hover,.filter-select:focus,.filter-select:hover{border-color:var(--accent-primary);box-shadow:var(--input-shadow-focus)}.filter-group-multi{grid-column:1/-1}.status-chips{display:flex;flex-wrap:wrap;gap:10px}.status-chip{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:25px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;text-transform:capitalize;transition:all .3s ease}.status-chip:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.status-chip.active{background:var(--gradient-primary);border-color:#0000;box-shadow:0 4px 15px var(--accent-primary-glow);color:#fff}.kpis-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:32px 40px}.kpi-card{background:var(--gradient-card);border:1px solid var(--card-border);border-radius:20px;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .4s ease}.kpi-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.kpi-card:hover{border-color:var(--accent-primary);box-shadow:var(--card-shadow-hover);transform:translateY(-6px)}.kpi-card:hover:before{opacity:1}.kpi-icon{border-radius:16px;font-size:28px;height:64px;overflow:hidden;position:relative;width:64px}.kpi-icon:after{background:linear-gradient(135deg,#fff3,#0000 50%);content:"";inset:0;position:absolute}.kpi-icon.blue{background:var(--kpi-blue)}.kpi-icon.green{background:var(--kpi-green)}.kpi-icon.red{background:var(--kpi-red)}.kpi-icon.purple{background:var(--kpi-purple)}.kpi-icon.orange{background:var(--kpi-orange)}.kpi-icon.cyan{background:var(--kpi-cyan)}.kpi-icon.yellow{background:var(--kpi-yellow)}.kpi-content{gap:6px;overflow:hidden}.kpi-value{font-feature-settings:"tnum";font-size:36px;font-variant-numeric:tabular-nums;font-weight:800}.kpi-label,.kpi-value{color:var(--text-primary)}.kpi-label{font-size:14px;font-weight:600}.kpi-subtitle{color:var(--text-muted);font-size:12px}.kpi-trend{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:4px;margin-top:4px;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.kpi-trend.up{background:#4caf5026;color:var(--accent-green)}.kpi-trend.down{background:#f4433626;color:var(--accent-red)}.dashboard-section{border-bottom:1px solid var(--border-primary);padding:32px 40px}.dashboard-section .kpis-grid{padding:0}.section-title{color:var(--text-primary);font-size:20px;font-weight:700}.section-title svg{color:var(--accent-primary)}.section-title:after{background:linear-gradient(90deg,var(--border-primary) 0,#0000 100%);content:"";flex:1 1;height:2px;margin-left:16px}.top-items-section{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:16px;margin-top:24px;padding:24px}.top-items-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:700;gap:10px;margin:0 0 20px}.top-items-section h4 svg{color:var(--accent-primary)}.top-items-section.warning{background:linear-gradient(135deg,#ff98001a 0,var(--bg-secondary) 100%);border-color:#ff98004d}.top-items-section.warning h4{color:var(--accent-orange)}.top-items-list{display:flex;flex-direction:column;gap:12px}.top-item{align-items:center;background:var(--bg-tertiary);border:1px solid #0000;border-radius:12px;display:flex;gap:16px;padding:16px 20px;transition:all .3s ease}.top-item:hover{background:var(--bg-hover);border-color:var(--accent-primary);transform:translateX(8px)}.top-item.warning{background:#ff98001a;border-color:#ff980033}.top-item-rank{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:800;min-width:32px}.top-item-info{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow:hidden}.top-item-name{color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-item-meta{color:var(--text-muted);font-size:12px}.top-item-value{color:var(--accent-primary);font-size:16px;font-weight:700;white-space:nowrap}.top-item-value.warning{color:var(--accent-orange)}.alerts-section{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:32px 40px}.alerts-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:700;gap:12px;margin:0 0 24px}.alerts-section h3 svg{color:var(--accent-orange)}.alerts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.alert-card{align-items:center;background:var(--bg-tertiary);border-left:5px solid;border-radius:16px;cursor:pointer;display:flex;gap:20px;padding:20px 24px;transition:all .3s ease}.alert-card:hover{box-shadow:var(--card-shadow);transform:translateX(8px)}.alert-card.warning{background:linear-gradient(135deg,#ff980026 0,var(--bg-tertiary) 100%);border-color:var(--accent-orange)}.alert-card.danger{background:linear-gradient(135deg,#f4433626 0,var(--bg-tertiary) 100%);border-color:var(--accent-red)}.alert-card.info{background:linear-gradient(135deg,#2196f326 0,var(--bg-tertiary) 100%);border-color:var(--accent-blue)}.alert-icon{flex-shrink:0;font-size:36px}.alert-card.warning .alert-icon{color:var(--accent-orange)}.alert-card.danger .alert-icon{color:var(--accent-red)}.alert-card.info .alert-icon{color:var(--accent-blue)}.alert-content{display:flex;flex-direction:column;gap:6px}.alert-count{color:var(--text-primary);font-size:28px;font-weight:800}.alert-message{color:var(--text-secondary);font-size:13px;line-height:1.5}.leads-table-section{padding:32px 40px}.table-header{flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.table-header,.table-header h3{align-items:center;display:flex}.table-header h3{color:var(--text-primary);font-size:20px;font-weight:700;gap:12px;margin:0}.table-header h3 svg{color:var(--accent-primary)}.search-box{background:var(--input-bg);border:2px solid var(--input-border);border-radius:12px;max-width:500px;padding:12px 18px;transition:all .3s ease}.search-box:focus-within{border-color:var(--accent-primary);box-shadow:var(--input-shadow-focus)}.search-icon{flex-shrink:0;font-size:22px}.search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;padding:0}.clear-search-btn,.search-input::placeholder{color:var(--text-muted)}.clear-search-btn{background:#0000;border-radius:6px;transition:all .3s ease}.clear-search-btn:hover{background:var(--bg-hover);color:var(--accent-red)}.table-container{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:16px;overflow:hidden}.leads-table{border-collapse:collapse;width:100%}.leads-table thead{background:var(--bg-tertiary)}.leads-table th{border-bottom:2px solid var(--border-primary);color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:700;letter-spacing:1px;padding:18px 20px;text-align:left;text-transform:uppercase;transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.leads-table th:hover{background:var(--bg-hover);color:var(--accent-primary)}.leads-table tbody tr{border-bottom:1px solid var(--border-primary);cursor:pointer;transition:all .3s ease}.leads-table tbody tr:hover{background:var(--bg-hover)}.leads-table tbody tr.warning-row{background:#ff98000d}.leads-table tbody tr:last-child{border-bottom:none}.leads-table td{color:var(--text-primary);font-size:14px;padding:18px 20px;white-space:nowrap}.warning-icon{color:var(--accent-orange);flex-shrink:0;font-size:20px}.days-ago{color:var(--text-muted);font-size:12px}.pagination{background:var(--bg-tertiary);border-top:1px solid var(--border-primary);gap:24px;padding:24px}.pagination-btn{font-size:24px}.pagination-btn:hover:not(:disabled){background:var(--gradient-primary);box-shadow:0 4px 15px var(--accent-primary-glow)}.pagination-info{align-items:center;display:flex;flex-direction:column;font-size:15px;font-weight:700;gap:4px}.pagination-items{color:var(--text-muted);font-size:12px;font-weight:500}.empty-state{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:16px;color:var(--text-muted)}.empty-icon{color:var(--accent-primary)}.empty-state p{margin:0 0 20px;text-align:center}.lead-modal{background:var(--modal-bg);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:750px;overflow-y:auto;width:100%}.lead-modal .modal-header{align-items:center;background:linear-gradient(135deg,#00bcd41a,#0000);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:28px}.lead-modal .modal-header h2{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700;margin:0}.close-btn{background:var(--bg-tertiary);border-radius:10px;color:var(--text-secondary);height:40px;transition:all .3s ease;width:40px}.close-btn:hover{background:var(--accent-red);transform:rotate(90deg)}.lead-modal .modal-body{padding:28px}.lead-detail-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.detail-item{gap:8px}.detail-item label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.detail-item span{color:var(--text-primary);font-size:15px;font-weight:500}.skeleton{animation:shimmer 2s infinite;background:linear-gradient(90deg,var(--bg-secondary) 0,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:1000px 100%;border-radius:8px}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-kpi{border-radius:20px;height:120px}.skeleton-table-row{height:56px;margin-bottom:8px}.chart-container{background:var(--gradient-card);border:1px solid var(--card-border);border-radius:20px;margin-top:24px;padding:24px}.chart-header{margin-bottom:20px}.chart-title{color:var(--text-primary);font-size:16px;font-weight:700}.chart-legend{gap:16px}.legend-item{color:var(--text-muted);font-size:12px}.legend-color{border-radius:3px;height:12px;width:12px}@media (max-width:1400px){.kpis-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:1200px){.filters-grid,.kpis-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:16px;padding:20px}.dashboard-title{font-size:24px}.alerts-section,.dashboard-filters-section,.dashboard-section,.leads-table-section{padding:20px}.filters-grid,.kpis-grid{grid-template-columns:1fr}.kpis-grid{gap:16px}.kpi-card,.kpis-grid{padding:20px}.kpi-value{font-size:28px}.alerts-grid{grid-template-columns:1fr}.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:16px}.pagination-info{order:-1}}@media (max-width:480px){.dashboard-title{font-size:20px}.kpi-card{flex-direction:column;text-align:center}.kpi-icon{font-size:24px;height:56px;width:56px}.kpi-value{font-size:32px}}.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;border-radius:4px;color:#e5e5e5;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:background-color .2s;width:100%}.cancel-btn-modal:hover{background-color:#2a2a2a}.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:var(--bg-gradient);display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.crm-workspace:before{background:radial-gradient(circle at 10% 90%,#00bcd414 0,#0000 40%),radial-gradient(circle at 90% 10%,#2196f314 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.crm-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--gradient-header);border-bottom:1px solid var(--border-primary);gap:20px;justify-content:space-between;padding:16px 24px;position:relative;z-index:5}.back-btn-crm,.crm-header{align-items:center;display:flex}.back-btn-crm{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:12px;color:var(--text-secondary);cursor:pointer;font-size:20px;justify-content:center;padding:12px;transition:all .3s ease}.back-btn-crm:hover{border-color:var(--accent-primary);box-shadow:0 4px 15px var(--accent-primary-glow);color:#fff;transform:translateX(-4px)}.back-btn-crm:hover,.crm-title{background:var(--gradient-primary)}.crm-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700;margin:0}.crm-stats{display:flex;gap:12px}.crm-stat{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-secondary);font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.crm-stat:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.crm-pipeline{display:flex;flex:1 1;gap:16px;overflow-x:auto;overflow-y:hidden;padding:16px;position:relative;z-index:1}.crm-column{background:var(--gradient-card);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--card-shadow);display:flex;flex:0 0 280px;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 140px);max-width:320px;min-width:280px;transition:all .3s ease}.crm-column.collapsed{flex:0 0 60px;max-width:60px;min-width:60px}.crm-column:hover{border-color:var(--accent-primary);box-shadow:var(--card-shadow-hover)}.crm-column-header{align-items:flex-start;background:linear-gradient(180deg,#ffffff08,#0000);border-bottom:1px solid var(--border-primary);border-top:4px solid;border-top-left-radius:16px;border-top-right-radius:16px;display:flex;gap:8px;justify-content:space-between;padding:14px 16px}.crm-column.collapsed .crm-column-header{align-items:center;flex-direction:column;gap:12px;padding:16px 10px}.crm-column-title{color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:.3px;margin:0 0 4px}.crm-column.collapsed .crm-column-title{font-size:13px;margin:0;text-orientation:mixed;writing-mode:vertical-rl}.crm-column-meta{color:var(--text-muted);font-size:12px;font-weight:500;margin:0}.crm-column.collapsed .crm-column-meta{display:none}.add-lead-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--accent-primary);border-radius:10px;color:var(--accent-primary);cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;transition:all .3s ease}.add-lead-btn:hover{background:var(--gradient-primary);box-shadow:0 4px 15px var(--accent-primary-glow);color:#fff;transform:scale(1.1) rotate(90deg)}.crm-column-content{display:flex;flex:1 1;flex-direction:column;gap:10px;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:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:6px;transition:all .3s ease}.column-collapse-btn:hover{background:var(--bg-hover);color:var(--accent-primary)}.crm-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;cursor:pointer;min-height:80px;overflow:hidden;padding:14px;position:relative;transition:all .3s ease}.crm-card:before{background:var(--gradient-primary);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.crm-card:hover:before{opacity:1}.crm-card.compact{padding:12px}.crm-card.compact .crm-card-header{margin-bottom:6px}.crm-card.compact .crm-card-title{font-size:13px}.crm-card.compact .crm-card-field.value{margin-top:6px;padding-top:6px}.crm-card.expanded{border:2px solid var(--accent-primary);box-shadow:0 25px 80px #0009;cursor:default;left:50%;max-height:90vh;max-width:600px;min-width:320px;overflow-y:auto;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.crm-card.expanded .crm-card-header{border-bottom:1px solid var(--border-primary);margin-bottom:20px;padding-bottom:16px}.crm-card.expanded .crm-card-title{font-size:20px}.crm-card.expanded .crm-card-actions{opacity:1}.crm-card.expanded .crm-card-field{background:var(--bg-tertiary);border-radius:8px;font-size:14px;margin-bottom:10px;padding:12px}.crm-card.expanded .crm-card-description{background:var(--bg-tertiary);border-radius:8px;border-top:none;font-size:14px;margin-top:16px;padding:16px}.expanded-card-form{border-top:1px solid var(--border-primary);display:flex;flex-direction:column;gap:16px;margin-top:20px;padding-top:20px}.expanded-card-form .form-field{margin-bottom:0}.expanded-card-form .form-input{background:var(--input-bg);border:2px solid var(--input-border);border-radius:10px;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.expanded-card-form .form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow);outline:none}.expanded-card-form .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.expanded-card-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.expanded-card-form .save-btn{align-items:center;background:var(--gradient-success);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.expanded-card-form .save-btn:hover{box-shadow:0 4px 15px #4caf5066;transform:translateY(-2px)}.expanded-card-form .cancel-btn{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:10px;color:var(--text-secondary);cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.expanded-card-form .cancel-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.card-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--modal-overlay);bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.crm-card:hover{border-color:var(--accent-primary);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.crm-card.dragging{border-color:var(--accent-primary);box-shadow:0 12px 40px #00bcd440;cursor:grabbing;opacity:.95;transform:rotate(2deg)}.crm-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.crm-card-title-row{align-items:center;display:flex;flex:1 1;gap:12px}.crm-card-title{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:600;margin:0}.omnichannel-badge{align-items:center;animation:omniPulse 2s ease-in-out infinite;background:var(--gradient-success);border-radius:50%;box-shadow:0 2px 8px #4caf5066;color:#fff;display:inline-flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;width:24px}@keyframes omniPulse{0%,to{box-shadow:0 2px 8px #4caf5066;transform:scale(1)}50%{box-shadow:0 4px 15px #4caf5099;transform:scale(1.1)}}.crm-card-actions{display:flex;gap:6px;opacity:0;transition:opacity .3s}.crm-card:hover .crm-card-actions{opacity:1}.crm-card-action-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:8px;transition:all .3s ease}.crm-card-action-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary);transform:scale(1.1)}.crm-card-action-btn.delete:hover{background:#f4433626;border-color:var(--accent-red);color:var(--accent-red)}.crm-card-action-btn.won:hover{background:#4caf5026;border-color:var(--accent-green);color:var(--accent-green)}.crm-card-action-btn.lost:hover{background:#f4433626;border-color:var(--accent-red);color:var(--accent-red)}.crm-card-field{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:10px;margin-bottom:6px}.crm-card-field.value{border-top:1px solid var(--border-primary);margin-top:10px;padding-top:10px}.crm-field-icon{color:var(--text-muted);flex-shrink:0;font-size:15px}.crm-value{color:var(--accent-green);font-size:14px;font-weight:700}.crm-card-description{border-top:1px solid var(--border-primary);color:var(--text-muted);font-size:12px;line-height:1.5;margin:10px 0 0;padding-top:10px}.crm-lead-modal,.crm-name-modal{width:600px}.form-textarea{background:var(--input-bg);border:2px solid var(--input-border);border-radius:10px;color:var(--text-primary);font-size:14px;min-height:120px;outline:none;padding:14px 18px;transition:all .3s ease;width:100%}.form-textarea:focus{background:var(--bg-tertiary);border-color:var(--input-border-focus);box-shadow:var(--input-shadow-focus)}.crm-header-actions{align-items:center;display:flex;gap:14px;margin-left:auto}.compact-toggle-btn{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-secondary);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:12px 16px;transition:all .3s ease}.compact-toggle-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.compact-toggle-btn.active{background:var(--gradient-primary);border-color:var(--accent-primary);box-shadow:0 4px 15px var(--accent-primary-glow);color:#fff}.view-toggle{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;display:flex;gap:4px;padding:6px}.view-toggle-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:10px 14px;transition:all .3s ease}.view-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.view-toggle-btn.active{background:var(--gradient-primary);box-shadow:0 2px 10px var(--accent-primary-glow);color:#fff}.crm-list-view{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative;z-index:1}.crm-list-header{background:var(--gradient-header);border-bottom:1px solid var(--border-primary);display:flex;gap:14px;padding:20px 28px}.add-lead-btn-list{align-items:center;background:var(--gradient-success);border:none;border-radius:10px;box-shadow:0 2px 10px #4caf504d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.add-lead-btn-list:hover{box-shadow:0 4px 20px #4caf5066;transform:translateY(-2px)}.followup-btn-list{align-items:center;background:var(--gradient-warning);border:none;border-radius:10px;box-shadow:0 2px 10px #ff98004d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.followup-btn-list:hover{box-shadow:0 4px 20px #ff980066;transform:translateY(-2px)}.funnel-btn-list{align-items:center;background:var(--kpi-purple);border:none;border-radius:10px;box-shadow:0 2px 10px #9c27b04d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.funnel-btn-list:hover{box-shadow:0 4px 20px #9c27b066;transform:translateY(-2px)}.crm-table-container{flex:1 1;overflow:auto;padding:24px}.crm-table{background:var(--card-bg);border-collapse:collapse;border-radius:16px;box-shadow:var(--card-shadow);overflow:hidden;width:100%}.crm-table thead{background:var(--bg-tertiary);position:-webkit-sticky;position:sticky;top:0;z-index:10}.crm-table th{border-bottom:2px solid var(--border-primary);color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:1px;padding:18px 20px;text-align:left;text-transform:uppercase}.crm-table tbody tr{border-bottom:1px solid var(--border-primary);transition:all .3s ease}.crm-table tbody tr:hover{background:var(--bg-hover)}.crm-table td{color:var(--text-primary);font-size:14px;padding:18px 20px}.lead-name{align-items:center;display:flex;gap:10px}.company-cell,.email-cell,.phone-cell{align-items:center;color:var(--text-secondary);display:flex;gap:8px}.table-icon{color:var(--text-muted);flex-shrink:0;font-size:16px}.value-cell{align-items:center;color:var(--accent-green);display:flex;font-weight:700;gap:6px}.status-badge{padding:8px 16px}.actions-cell{display:flex;gap:10px;justify-content:flex-end}.table-action-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:all .3s ease}.table-action-btn:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.table-action-btn.delete:hover{background:#f4433626;color:var(--accent-red)}.empty-list{padding:80px 20px;text-align:center}.empty-list p{color:var(--text-muted);font-size:16px;margin:0 0 24px}.add-lead-btn-empty{align-items:center;background:var(--gradient-primary);border:none;border-radius:10px;box-shadow:0 4px 15px var(--accent-primary-glow);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s ease}.add-lead-btn-empty:hover{box-shadow:0 6px 25px var(--accent-primary-glow);transform:translateY(-3px)}.followup-quick-modal{width:500px}.followup-manager-modal{max-height:90vh;width:900px}.followup-manager-modal .modal-body{max-height:calc(90vh - 160px);overflow-y:auto}.followup-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}.followup-stat-card{align-items:center;background:var(--gradient-card);border:1px solid var(--card-border);border-radius:14px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.followup-stat-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.followup-stat-card .stat-icon{color:var(--accent-primary);font-size:36px}.followup-stat-card.success .stat-icon{color:var(--accent-green)}.followup-stat-card.warning .stat-icon{color:var(--accent-orange)}.stat-content{gap:4px}.stat-label{font-weight:600;letter-spacing:1px}.followup-filters{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.filter-label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;gap:8px}.filter-select{background:var(--input-bg);border:2px solid var(--input-border);border-radius:10px;color:var(--text-primary);flex:1 1;padding:10px 16px;transition:all .3s ease}.filter-select:focus{border-color:var(--input-border-focus);box-shadow:var(--input-shadow-focus)}.followup-list{display:flex;flex-direction:column;gap:14px}.followup-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:20px;transition:all .3s ease}.followup-item:hover{border-color:var(--accent-primary);box-shadow:0 4px 20px #00bcd41a}.followup-item.dispatched{border-color:var(--accent-green);opacity:.7}.followup-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.followup-lead-info{align-items:center;display:flex;gap:10px}.followup-icon{color:var(--text-muted);font-size:22px}.followup-lead-name{color:var(--text-primary);font-size:16px;font-weight:600}.followup-status-badge{border-radius:20px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.dispatch-btn{align-items:center;background:var(--gradient-success);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.dispatch-btn:hover{box-shadow:0 4px 15px #4caf5066;transform:translateY(-2px)}.followup-item-details{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.followup-datetime,.followup-dispatched-info{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px}.followup-datetime svg{color:var(--accent-orange)}.followup-dispatched-info{color:var(--accent-green)}.followup-notes{border-top:1px solid var(--border-primary);color:var(--text-secondary);font-size:13px;padding-top:10px}.followup-notes strong{color:var(--text-primary)}.empty-followups{padding:60px 20px;text-align:center}.empty-followups .empty-icon{color:var(--border-secondary);font-size:56px;margin-bottom:16px}.empty-followups p{color:var(--text-muted);font-size:14px;margin:0}.followup-by-status{border-top:1px solid var(--border-primary);margin-top:28px;padding-top:28px}.followup-by-status h3{color:var(--text-primary);font-size:17px;font-weight:600;margin:0 0 20px}.status-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.status-stat-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;display:flex;justify-content:space-between;padding:14px;transition:all .3s ease}.status-stat-item:hover{border-color:var(--accent-primary)}.status-stat-badge{border-radius:6px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-stat-count{color:var(--text-primary);font-size:20px;font-weight:700}.funnel-modal{width:700px}.status-checkbox-group{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;display:flex;flex-wrap:wrap;gap:14px;padding:16px}.status-checkbox-item{align-items:center;cursor:pointer;display:flex;gap:10px}.status-checkbox-item input[type=checkbox]{accent-color:var(--accent-primary);cursor:pointer;height:20px;width:20px}.status-checkbox-badge{border-radius:8px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 14px;text-transform:uppercase}.form-row{grid-gap:20px;gap:20px}.auto-dispatch-checkbox{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .3s ease}.auto-dispatch-checkbox:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.auto-dispatch-checkbox input[type=checkbox]{accent-color:var(--accent-primary);cursor:pointer;height:22px;width:22px}.auto-dispatch-checkbox span{color:var(--text-primary);font-size:14px;font-weight:600}.funnels-section{border-top:2px solid var(--border-primary);margin-top:36px;padding-top:28px}.funnels-section h3{color:var(--text-primary);font-size:17px;font-weight:600;margin:0 0 20px}.funnels-list{display:flex;flex-direction:column;gap:14px}.funnel-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:20px;transition:all .3s ease}.funnel-item:hover{border-color:#9c27b0;box-shadow:0 4px 20px #9c27b01a}.funnel-item.dispatched{border-color:var(--accent-green);opacity:.7}.funnel-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.funnel-info{align-items:center;display:flex;gap:12px}.funnel-icon{color:#9c27b0;font-size:24px}.funnel-name{color:var(--text-primary);font-size:17px;font-weight:600}.funnel-actions{display:flex;gap:10px}.dispatch-funnel-btn{align-items:center;background:var(--gradient-success);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.dispatch-funnel-btn:hover{box-shadow:0 4px 15px #4caf5066;transform:translateY(-2px)}.delete-funnel-btn{align-items:center;background:var(--gradient-warning);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.delete-funnel-btn:hover{box-shadow:0 4px 15px #f4433666;transform:translateY(-2px)}.funnel-details{display:flex;flex-direction:column;gap:12px}.funnel-status-tags{display:flex;flex-wrap:wrap;gap:10px}.funnel-status-tag{border-radius:6px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.funnel-schedule{color:var(--accent-orange)}.funnel-dispatched-info,.funnel-schedule{align-items:center;display:flex;font-size:13px;gap:8px}.funnel-dispatched-info{color:var(--accent-green)}.funnel-message{background:var(--bg-tertiary);border-left:4px solid #9c27b0;border-radius:8px;color:var(--text-secondary);font-size:13px;padding:14px}.funnel-message strong{color:var(--text-primary);display:block;margin-bottom:6px}.expanded-card-form .field-label{color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}@media (max-width:1200px){.crm-column{flex:0 0 260px;max-width:280px;min-width:260px}}@media (max-width:768px){.crm-header{flex-direction:column;gap:12px;padding:14px 16px}.crm-stats{justify-content:center;width:100%}.crm-pipeline{gap:12px;padding:12px}.crm-column{flex:0 0 240px;max-width:260px;min-width:240px}.crm-card.expanded{max-width:none;min-width:auto;padding:16px;width:95%}.expanded-card-form .form-row,.followup-stats,.form-row{grid-template-columns:1fr}}.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{display:inline-block}.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}.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{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{border:4px solid #3a3a3a}.data-table{background-color:#222;border-radius:8px;overflow:hidden}.data-table thead{background-color:#2a2a2a}.data-table th{border-bottom:2px solid #3a3a3a;color:#e5e5e5;font-size:12px;padding:14px 16px}.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{align-items:center;background:none;border:none;border-radius:4px;color:#7fd957;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;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{border:1px solid #3a3a3a;border-radius:6px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#7fd957}.pagination-info{color:#e5e5e5;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}.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%}.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{gap:10px}.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 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{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-text{color:#e5e5e5;font-size:18px;font-weight:600;margin:0 0 8px}.empty-subtext{color:#e5e5e5;font-size:14px;margin:0}:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#161616;--bg-elevated:#1a1a1a;--bg-hover:#1f1f1f;--bg-workspace:#2a2a2a;--bg-card:#222;--bg-input:#2a2a2a;--bg-modal:#141414;--text-primary:#fff;--text-secondary:#e5e5e5;--text-muted:#9ca3af;--text-secondary-rgba:#ffffffb3;--text-muted-rgba:#fff6;--border-primary:#2e2e2e;--border-secondary:#3a3a3a;--border-subtle:#ffffff0f;--border-light:#ffffff1a;--accent-primary:#7fd957;--accent-secondary:#5cb33b;--accent-hover:#6cc945;--accent-glow:#7fd95726;--success:#10b981;--success-hover:#059669;--warning:#f59e0b;--warning-hover:#fbbf24;--error:#ef4444;--error-hover:#dc2626;--info:#3b82f6;--info-hover:#2563eb;--purple:#8b5cf6;--purple-hover:#a78bfa;--cyan:#06b6d4;--yellow:#eab308;--spacing-xs:2px;--spacing-sm:4px;--spacing-md:8px;--spacing-lg:12px;--spacing-xl:16px;--spacing-2xl:20px;--spacing-3xl:24px;--spacing-4xl:32px;--spacing-5xl:40px;--font-xs:10px;--font-sm:11px;--font-md:12px;--font-lg:13px;--font-xl:14px;--font-2xl:16px;--font-3xl:18px;--font-4xl:20px;--font-5xl:24px;--font-6xl:28px;--font-7xl:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:20px;--radius-4xl:24px;--radius-full:50%;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-medium:0.25s ease;--transition-slow:0.3s ease;--transition-slower:0.4s ease;--sidebar-width:240px;--sidebar-collapsed:60px;--omni-sidebar-width:280px;--omni-sidebar-min:240px;--contact-panel-width:280px;--contact-panel-min:260px;--crm-column-width:280px;--modal-max-width:600px;--modal-large:800px;--modal-xlarge:900px;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 12px #0003;--shadow-lg:0 8px 24px #0000004d;--shadow-xl:0 20px 60px #00000080;--shadow-accent:0 4px 12px #7fd95726;--shadow-accent-hover:0 6px 20px #7fd95740;--z-base:1;--z-sticky:10;--z-sidebar:100;--z-modal-backdrop:999;--z-modal:1000;--z-toast:10000;--sidebar-min-width:var(--omni-sidebar-min);--contact-panel-min-width:var(--contact-panel-min)}.omnichannel-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a!important;color:#fff;display:flex;flex:1 1;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:12px;font-size:var(--font-md);height:100vh;line-height:1.5;overflow:hidden}.omnichannel-top-bar{align-items:center;background:#0a0a0a!important;border-bottom:1px solid #2e2e2e;display:flex;overflow-x:auto}.omnichannel-top-bar,.status-queue-sidebar{flex-wrap:nowrap;gap:6px;min-height:38px;padding:6px 12px}.omnichannel-top-bar .filas-label,.omnichannel-top-bar.filas-atendimento .filas-label{border-right:1px solid #ffffff0f;border-right:1px solid var(--border-subtle);color:#9ca3af;color:var(--text-muted);flex-shrink:0;font-size:9px;font-weight:600;letter-spacing:.8px;padding-right:8px;text-transform:uppercase;white-space:nowrap}.omnichannel-top-bar .queue-tabs-horizontal{display:flex;flex:1 1;flex-wrap:nowrap;gap:2px;overflow-x:auto}.queue-list{gap:2px;overflow-x:auto}.omnichannel-top-bar .queue-tab{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#9ca3af;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:10px;font-size:var(--font-xs);font-weight:500;gap:3px;padding:3px 6px;transition:all .15s ease}.omnichannel-top-bar .queue-tab,.queue-item{transition:all var(--transition-fast);white-space:nowrap}.queue-item{color:#e5e5e5;padding:6px 14px}.omnichannel-top-bar .queue-tab:hover,.queue-item:hover{background:#1f1f1f;background:var(--bg-hover);color:#e5e5e5;color:var(--text-secondary)}.omnichannel-top-bar .queue-tab.active{background:#7fd957;background:var(--accent-primary);color:#0a0a0a;color:var(--bg-primary);font-weight:600}.omnichannel-top-bar .queue-badge{align-items:center;background:#ffffff1a;border-radius:7px;display:flex;font-size:9px;font-weight:600;height:14px;justify-content:center;min-width:14px;padding:0 3px}.queue-count{background:#ffffff26;display:flex;height:20px;min-width:22px}.omnichannel-top-bar .queue-tab.active .queue-badge{background:#0003;color:#0a0a0a;color:var(--bg-primary)}.queue-item.active .queue-count{background:#00000040}.omnichannel-top-bar .queue-tab.aguardando.active,.queue-item[data-key=aguardando_resposta].active{background:#f59e0b;background:var(--warning)}.omnichannel-top-bar .queue-tab.respondido.active,.queue-item[data-key=respondido].active{background:#10b981;background:var(--success)}.omnichannel-top-bar .queue-tab.orcamento.active,.queue-item[data-key=orcamento].active{background:#3b82f6;background:var(--info)}.omnichannel-top-bar .queue-tab.agencia.active,.queue-item[data-key=agencia].active{background:#8b5cf6}.omnichannel-top-bar .queue-tab.usuario-errado.active,.queue-item[data-key=errado].active{background:#ef4444;background:var(--error)}.omnichannel-top-bar .queue-tab.resolvido.active,.queue-item[data-key=resolvido].active{background:#06b6d4}.omnichannel-top-bar .queue-tab.arquivadas.active,.queue-item[data-key=arquivadas].active{background:#6b7280}.queue-item[data-key=aguardando_resposta]{color:var(--warning)}.queue-item[data-key=respondido]{color:var(--success)}.queue-item[data-key=disparados]{color:var(--info)}.queue-item[data-key=errado]{color:var(--error)}.queue-item[data-key=orcamento]{color:#06b6d4}.queue-item[data-key=pos_venda]{color:#f59e0b}.omnichannel-layout{display:flex;flex:1 1;min-height:0;overflow:hidden}.conversations-sidebar{background:#111!important;border-right:1px solid #2e2e2e;display:flex;flex-direction:column;flex-shrink:0;max-width:400px;min-width:240px;min-width:var(--omni-sidebar-min);width:280px;width:var(--omni-sidebar-width)}.conversations-sidebar.collapsed{min-width:70px;width:70px}.sidebar-header{align-items:center;display:flex;gap:8px;gap:var(--spacing-md);justify-content:space-between;padding:12px 12px 8px;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.sidebar-header h2{color:#fff;color:var(--text-primary);font-size:14px;font-size:var(--font-xl);font-weight:600;letter-spacing:-.3px;margin:0}.sidebar-header-actions{display:flex;gap:4px;gap:var(--spacing-sm)}.collapse-btn,.settings-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:4px;border-radius:var(--radius-sm);color:#e5e5e5;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-size:var(--font-lg);justify-content:center;padding:4px;padding:var(--spacing-sm);transition:all .15s ease;transition:all var(--transition-fast)}.collapse-btn:hover,.settings-btn:hover{background:#1f1f1f;background:var(--bg-hover);border-color:#7fd957;border-color:var(--accent-primary);color:#7fd957;color:var(--accent-primary)}.search-container{padding:0 12px 8px;padding:0 var(--spacing-lg) var(--spacing-md);position:relative}.search-icon{color:#9ca3af;color:var(--text-muted);left:20px;left:calc(var(--spacing-lg) + var(--spacing-md));position:absolute;top:50%;transform:translateY(-50%)}.conversation-search,.search-icon{font-size:12px;font-size:var(--font-md)}.conversation-search{background:#1a1a1a!important;border:1px solid #2e2e2e;border-radius:6px;border-radius:var(--radius-md);color:#fff;outline:none;padding:8px 8px 8px 2.5rem;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 2.5rem;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.conversation-search:focus{background:#1a1a1a!important;border-color:#7fd957}.conversation-search::placeholder{color:#9ca3af;color:var(--text-muted)}.response-filters{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-md);padding:0 12px 8px;padding:0 var(--spacing-lg) var(--spacing-md)}.filter-buttons-row{display:flex;flex-wrap:wrap;gap:4px;gap:var(--spacing-sm)}.filter-btn{align-items:center;background:#7fd957;background:var(--accent-primary);border:none;border-radius:20px;color:#000;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.filter-btn:hover{background:#5cb33b;background:var(--accent-secondary);color:#000}.filter-btn.active{background:#7fd957;background:var(--accent-primary);color:#000;font-weight:600}.filter-btn:not(.active){background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-light);color:#e5e5e5;color:var(--text-secondary)}.filter-btn:not(.active):hover{background:#1f1f1f;background:var(--bg-hover);color:#fff;color:var(--text-primary)}.filter-count{background:#0003;border-radius:10px;font-size:11px;height:20px;min-width:22px;padding:0 6px}.filter-btn:not(.active) .filter-count{background:#ffffff26}.filter-tabs-new{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;padding:10px 12px 6px}.filter-tab-new{align-items:center;background:#1a1a1a!important;border:1px solid #3a3a3a;border-radius:16px;color:#9ca3af;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:500;gap:5px;padding:6px 12px;transition:all .15s ease;white-space:nowrap}.filter-tab-new:hover{background:#222!important;border-color:#4a4a4a}.filter-tab-new.active{background:#7fd957!important;border-color:#7fd957!important;color:#000!important;font-weight:600}.filter-tab-new .filter-icon{font-size:14px}.filter-tab-new .filter-count{align-items:center;background:#ffffff1a;border-radius:10px;display:inline-flex;font-size:11px;font-weight:600;height:18px;justify-content:center;margin-left:2px;min-width:20px;padding:0 6px}.filter-tab-new.active .filter-count{background:#0003;color:#000}.filter-tab-new:nth-child(2):not(.active){border-color:#f59e0b4d;color:#f59e0b}.filter-tab-new:nth-child(2):not(.active) .filter-count{background:#f59e0b33}.filter-tab-new.respondeu:not(.active){border-color:#10b9814d;color:#10b981}.filter-tab-new.respondeu:not(.active) .filter-count{background:#10b98133}.date-filters{align-items:center;display:flex;gap:12px;padding:0 12px 12px}.date-filter-field{align-items:center;display:flex;flex:1 1;gap:6px}.date-filter-field label{color:#9ca3af;font-size:11px;white-space:nowrap}.date-filter-field input[type=date]{background:#1a1a1a!important;border:1px solid #3a3a3a;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:11px;min-width:0;padding:6px 10px}.date-filter-field input[type=date]:focus,.date-filter-field input[type=date]:hover{border-color:#7fd957;outline:none}.date-filter-field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.date-filter-row{background:#161616;background:var(--bg-tertiary);border-radius:6px;border-radius:var(--radius-md);flex-wrap:wrap;padding:4px 8px;padding:var(--spacing-sm) var(--spacing-md)}.date-filter-row,.date-input-group{align-items:center;display:flex;gap:4px;gap:var(--spacing-sm)}.date-input-group{flex:1 1;min-width:120px}.date-input-group label{color:#9ca3af;color:var(--text-muted);font-size:10px;font-size:var(--font-xs);font-weight:500}.date-filter-input{background:#1a1a1a;background:var(--bg-elevated);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:4px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);flex:1 1;font-size:11px;font-size:var(--font-sm);min-width:0;padding:4px 8px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.date-filter-input:focus{border-color:#7fd957;border-color:var(--accent-primary);outline:none}.date-filter-input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.5}.clear-date-btn{background:#0000;border:1px solid #ef4444;border:1px solid var(--error);border-radius:4px;border-radius:var(--radius-sm);color:#ef4444;color:var(--error);cursor:pointer;flex-shrink:0;height:2rem;padding:0;transition:all .15s ease;transition:all var(--transition-fast);width:2rem}.clear-date-btn:hover{background:#ef44441a}.conversations-list{flex:1 1;overflow-y:auto;padding:0 4px;padding:0 var(--spacing-sm)}.conversation-item{background:#0000;border-radius:6px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:8px;gap:var(--spacing-md);margin-bottom:2px;margin-bottom:var(--spacing-xs);padding:8px;padding:var(--spacing-md);position:relative;transition:all .15s ease;transition:all var(--transition-fast)}.conversation-item.active,.conversation-item:hover{background:#1a1a1a!important}.conversation-item.active{border-left:3px solid #7fd957}.conversation-item.active .conversation-name{color:#7fd957!important}.conversation-item.has-unread{background:#7fd95714}.conversation-unread-badge{background:#7fd957;background:var(--accent-primary);border-radius:9px;color:#0a0a0a;color:var(--bg-primary);font-size:10px;font-weight:700;height:18px;min-width:18px;padding:0 4px;position:absolute;right:8px;top:8px}.conversation-avatar,.conversation-unread-badge{align-items:center;display:flex;justify-content:center}.conversation-avatar{background:linear-gradient(135deg,#161616,#1a1a1a);background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-elevated) 100%);border-radius:50%;color:#e5e5e5;color:var(--text-secondary);flex-shrink:0;font-size:12px;font-size:var(--font-md);font-weight:500;height:32px;width:32px}.conversation-info{flex:1 1;min-width:0}.conversation-header{align-items:center;display:flex;gap:4px;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:2px;margin-bottom:var(--spacing-xs)}.conversation-name{color:#fff;color:var(--text-primary);font-size:12px;font-size:var(--font-md);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{color:#9ca3af;color:var(--text-muted);flex-shrink:0;font-size:10px;font-size:var(--font-xs)}.conversation-preview{align-items:center;display:flex;gap:4px;gap:var(--spacing-sm);justify-content:space-between}.conversation-last-message{color:#e5e5e5;color:var(--text-secondary);flex:1 1;font-size:11px;font-size:var(--font-sm);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-tags{display:flex;flex-wrap:wrap;gap:2px;gap:var(--spacing-xs);margin-top:4px;margin-top:var(--spacing-sm)}.conversation-tag{border-radius:12px;font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 10px;text-transform:capitalize}.conversation-tag.open,.conversation-tag[data-status=open]{background:#7fd95726;background:var(--accent-glow);border:1px solid #7fd9574d;color:#7fd957;color:var(--accent-primary)}.conversation-tag.aguardando,.conversation-tag.aguardando_resposta,.conversation-tag[data-status=aguardando_resposta]{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b;color:var(--warning)}.conversation-tag.respondido,.conversation-tag[data-status=respondido]{background:#3b82f626;border:1px solid #3b82f64d;color:#3b82f6;color:var(--info)}.conversation-tag.orcamento,.conversation-tag.orcamento_enviado,.conversation-tag[data-status=orcamento_enviado]{background:#06b6d426;border:1px solid #06b6d44d;color:#06b6d4;color:var(--cyan)}.conversation-tag.acordo_fechado,.conversation-tag.venda,.conversation-tag.venda_realizada,.conversation-tag[data-status=venda_realizada]{background:#10b98126;border:1px solid #10b9814d;color:#10b981;color:var(--success)}.conversation-tag.agencia,.conversation-tag[data-status=agencia]{background:#8b5cf626;border:1px solid #8b5cf64d;color:#a78bfa;color:var(--purple-hover)}.conversation-tag.pos_venda,.conversation-tag[data-status=pos_venda]{background:#f9731626;border:1px solid #f973164d;color:#f59e0b;color:var(--warning)}.conversation-tag.closed,.conversation-tag.resolvido,.conversation-tag[data-status=resolvido]{background:#6b728026;border:1px solid #6b72804d;color:#9ca3af;color:var(--text-muted)}.conversation-tag.errado,.conversation-tag[data-status=errado]{background:#ef444426;border:1px solid #ef44444d;color:#ef4444;color:var(--error)}.conversation-tag.archived,.conversation-tag.arquivada,.conversation-tag[data-status=arquivadas]{background:#4b556326;border:1px solid #4b55634d;color:#6b7280}.disparo-badge{align-items:center;border:1px solid #0000;border-radius:4px;border-radius:var(--radius-sm);display:inline-flex;font-size:10px;font-size:var(--font-xs);font-weight:600;gap:4px;padding:2px 4px;padding:var(--spacing-xs) var(--spacing-sm)}.disparo-badge.respondido{background:#10b98126;border-color:#10b9814d;color:#10b981;color:var(--success)}.disparo-badge.aguardando{background:#f59e0b26;border-color:#f59e0b4d;color:#f59e0b;color:var(--warning)}.conversations-pagination{align-items:center;background:#161616;background:var(--bg-tertiary);border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle);display:flex;gap:4px;gap:var(--spacing-sm);justify-content:space-between;padding:8px;padding:var(--spacing-md)}.pagination-btn{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:#e5e5e5;color:var(--text-secondary);font-size:11px;font-size:var(--font-sm);padding:4px 8px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:#7fd957;color:#0a0a0a;color:var(--bg-primary)}.pagination-info{text-align:center}.pagination-text{color:#e5e5e5;color:var(--text-secondary);font-size:11px;font-size:var(--font-sm);font-weight:500}.pagination-total{color:#9ca3af;color:var(--text-muted);display:block;font-size:10px;font-size:var(--font-xs)}.chat-container{background:#0a0a0a!important;display:flex;flex:1 1;flex-direction:column;min-width:0}.chat-header{background:#111!important;border-bottom:1px solid #2e2e2e;flex-wrap:nowrap;justify-content:space-between;min-height:50px;padding:4px 12px;padding:var(--spacing-sm) var(--spacing-lg)}.chat-contact-info,.chat-header{align-items:center;display:flex;gap:8px;gap:var(--spacing-md)}.chat-contact-info{flex:1 1;min-width:200px}.chat-avatar{align-items:center;background:linear-gradient(135deg,#161616,#1a1a1a);background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-elevated) 100%);border-radius:50%;color:#e5e5e5;color:var(--text-secondary);display:flex;flex-shrink:0;font-weight:500;height:36px;justify-content:center;width:36px}.chat-avatar,.chat-contact-name{font-size:13px;font-size:var(--font-lg)}.chat-contact-name{color:#fff;color:var(--text-primary);font-weight:600;letter-spacing:-.2px;margin:0}.chat-contact-phone{color:#9ca3af;color:var(--text-muted);font-size:11px;font-size:var(--font-sm);margin:2px 0 0;margin:var(--spacing-xs) 0 0}.contact-name-with-badge{align-items:center}.chat-contact-details-bar,.contact-name-with-badge{display:flex;flex-wrap:wrap;gap:4px;gap:var(--spacing-sm)}.chat-contact-details-bar{margin-top:4px;margin-top:var(--spacing-sm)}.contact-detail-item{background:#161616;background:var(--bg-tertiary);border-radius:4px;border-radius:var(--radius-sm);color:#9ca3af;color:var(--text-muted);font-size:10px;font-size:var(--font-xs);padding:2px 4px;padding:var(--spacing-xs) var(--spacing-sm)}.contact-detail-item:first-child{color:#7fd957;color:var(--accent-primary)}.chat-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:4px;gap:var(--spacing-sm);justify-content:flex-end}.chat-action-btn{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:4px;border-radius:var(--radius-sm);color:#e5e5e5;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:14px;padding:6px;transition:all .15s ease;transition:all var(--transition-fast)}.chat-action-btn:hover{background:#7fd95726;background:var(--accent-glow);border-color:#7fd957;border-color:var(--accent-primary);color:#7fd957;color:var(--accent-primary)}.ai-agent-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.ai-agent-btn.active{background:#10b981;background:var(--success);color:#fff}.ai-agent-btn.blocked,.ai-agent-btn.paused{background:#f59e0b;background:var(--warning);color:#fff}.ai-agent-btn:hover{opacity:.9}.header-reactivate-btn{align-items:center;background:#10b981;background:var(--success);border:none;border-radius:6px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.header-reactivate-btn:hover{background:#059669;background:var(--success-hover)}.header-reactivate-btn.paused{background:#f59e0b;background:var(--warning)}.header-reactivate-btn.paused:hover{background:#fbbf24;background:var(--warning-hover)}.queue-action-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:4px;border-radius:var(--radius-sm);color:#e5e5e5;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:500;gap:4px;padding:6px 10px;transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.queue-action-btn:hover{background:#1f1f1f;background:var(--bg-hover)}.queue-action-btn.pos-venda-btn{border-color:#10b981;border-color:var(--success);color:#10b981;color:var(--success)}.queue-action-btn.close-btn{border-color:#ef4444;border-color:var(--error);color:#ef4444;color:var(--error)}.queue-action-btn.reopen-btn{border-color:#7fd957;border-color:var(--accent-primary);color:#7fd957;color:var(--accent-primary)}.messages-container{background:#0a0a0a!important;display:flex;flex:1 1;flex-direction:column;gap:8px;gap:var(--spacing-md);overflow-y:auto;padding:12px;padding:var(--spacing-lg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-received{justify-content:flex-start}.message-sent{justify-content:flex-end}.message-bubble{border-radius:8px;border-radius:var(--radius-lg);max-width:70%;padding:8px 12px;padding:var(--spacing-md) var(--spacing-lg);position:relative}.message-received .message-bubble{background:#1a1a1a!important;border:1px solid #2e2e2e;border-bottom-left-radius:4px;color:#fff}.message-sent .message-bubble{background:#7fd957!important;border-bottom-right-radius:4px;color:#000!important}.message-sent .message-bubble *{background:#0000!important}.message-text{color:#fff;font-size:12px;font-size:var(--font-md);margin:0 0 4px;margin:0 0 var(--spacing-sm) 0}.message-sent .message-text{color:#000!important}.message-footer{gap:8px;justify-content:flex-end;margin-top:4px}.message-footer,.message-timestamp{align-items:center;background:#0000!important;display:flex}.message-timestamp{color:#9ca3af;color:var(--text-muted);font-size:10px;font-size:var(--font-xs);gap:2px;gap:var(--spacing-xs)}.message-sent .message-timestamp{color:#00000080}.message-sent .message-footer{background:#0000!important;justify-content:flex-end}.message-status{align-items:center;display:inline-flex;font-size:12px}.message-status.delivered,.message-status.sent{color:#9ca3af;color:var(--text-muted)}.message-status.read{color:#53bdeb}.message-status.failed{color:#ef4444;color:var(--error)}.message-image{border-radius:6px;border-radius:var(--radius-md);cursor:pointer;max-height:280px;max-width:100%;transition:transform .15s ease;transition:transform var(--transition-fast)}.message-image:hover{transform:scale(1.02)}.message-video{border-radius:6px;border-radius:var(--radius-md);max-height:280px;max-width:100%}.message-document{align-items:center;background:#0000001a;border-radius:4px;border-radius:var(--radius-sm);display:flex;gap:12px;padding:12px}.document-link{color:#7fd957;color:var(--accent-primary);font-weight:500;text-decoration:none}.message-sent .document-link{color:#0a0a0a;color:var(--bg-primary)}.document-hint,.document-icon{color:#9ca3af;color:var(--text-muted)}.document-hint{display:block;font-size:10px}.message-caption{color:#fff;color:var(--text-primary);font-size:11px;font-size:var(--font-sm);margin-top:8px}.message-sent .message-caption{color:#0a0a0a;color:var(--bg-primary)}.replied-message-preview{background:#00000026;border-left:2px solid #7fd957;border-left:2px solid var(--accent-primary);border-radius:0 4px 4px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:10px;padding:8px 12px}.replied-message-label{color:#7fd957;color:var(--accent-primary);font-size:11px;font-weight:600;margin-bottom:2px}.replied-message-text{color:#9ca3af;color:var(--text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-actions{display:flex;gap:4px;margin-top:8px;opacity:0;transition:opacity .15s ease;transition:opacity var(--transition-fast)}.message-bubble:hover .message-actions{opacity:1}.message-action-btn{background:#0003;border:none;border-radius:4px;color:inherit;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .15s ease;transition:all var(--transition-fast)}.message-action-btn:hover{background:#0000004d}.message-delete-btn:hover{background:#ef44444d}.message-edit-container{display:flex;flex-direction:column;gap:8px}.message-edit-input{background:#161616;background:var(--bg-tertiary);border:1px solid #7fd957;border:1px solid var(--accent-primary);border-radius:4px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);font-size:12px;font-size:var(--font-md);min-height:60px;padding:8px;resize:none;width:100%}.message-edit-actions{display:flex;gap:8px;justify-content:flex-end}.message-edit-btn{align-items:center;border:none;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:11px;gap:4px;padding:4px 8px}.message-save-btn{background:#10b981;background:var(--success);color:#fff}.message-cancel-btn{background:#ef4444;background:var(--error);color:#fff}.quick-replies-dropdown-container{background:#111;background:var(--bg-secondary);border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle);padding:4px 8px;position:relative}.quick-replies-toggle{align-items:center;background:#161616;background:var(--bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:4px;border-radius:var(--radius-sm);color:#e5e5e5;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:6px;padding:6px 10px;transition:all .15s ease;transition:all var(--transition-fast)}.quick-replies-toggle:hover{background:#1f1f1f;background:var(--bg-hover);border-color:#7fd957;border-color:var(--accent-primary);color:#7fd957;color:var(--accent-primary)}.quick-replies-dropdown{background:#1a1a1a;background:var(--bg-elevated);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-md);bottom:100%;box-shadow:0 -4px 20px #0000004d;left:8px;max-height:200px;overflow-y:auto;position:absolute;right:8px;z-index:100}.quick-reply-dropdown-item{background:#0000;border:none;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);color:#e5e5e5;color:var(--text-secondary);cursor:pointer;display:block;font-size:11px;padding:8px 12px;text-align:left;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.quick-reply-dropdown-item:last-child{border-bottom:none}.quick-reply-dropdown-item:hover{background:#7fd95726;background:var(--accent-glow);color:#7fd957;color:var(--accent-primary)}.quick-replies-bar{background:#111!important;border-bottom:1px solid #2e2e2e;display:flex;gap:4px;gap:var(--spacing-sm);overflow-x:auto}.quick-replies-bar,.quick-reply-btn{padding:4px 8px;padding:var(--spacing-sm) var(--spacing-md)}.quick-reply-btn{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-xl);color:#e5e5e5;color:var(--text-secondary);cursor:pointer;font-size:11px;font-size:var(--font-sm);font-weight:500;transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.quick-reply-btn:hover{background:#7fd95726;background:var(--accent-glow);border-color:#7fd957;border-color:var(--accent-primary);color:#7fd957;color:var(--accent-primary)}.call-permission-btn{background:linear-gradient(135deg,#7fd957,#5cb33b);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:none;color:#000;font-weight:600}.call-permission-btn:hover{background:linear-gradient(135deg,#5cb33b,#6cc945);background:linear-gradient(135deg,var(--accent-secondary) 0,var(--accent-hover) 100%);transform:scale(1.02)}.call-permission-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.make-call-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--info) 0,var(--info-hover) 100%);border:none;color:#fff;font-weight:600}.make-call-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--info-hover) 0,#1d4ed8 100%);transform:scale(1.02)}.make-call-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.message-input-container{align-items:flex-end;background:#111!important;border-top:1px solid #2e2e2e;display:flex;gap:8px;gap:var(--spacing-md);padding:12px;padding:var(--spacing-lg)}.audio-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-md);color:#e5e5e5;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;min-width:36px;padding:8px;transition:all .15s ease;transition:all var(--transition-fast)}.audio-btn:hover:not(:disabled){background:#7fd95726;background:var(--accent-glow);border-color:#7fd957;border-color:var(--accent-primary);color:#7fd957;color:var(--accent-primary)}.audio-btn:disabled{cursor:not-allowed;opacity:.4}.attach-btn{display:none}.message-input{background:#1a1a1a!important;border:1px solid #2e2e2e;border-radius:6px;border-radius:var(--radius-md);color:#fff;flex:1 1;font-family:inherit;font-size:12px;font-size:var(--font-md);line-height:1.4;max-height:120px;min-height:60px;outline:none;padding:10px 12px;resize:none;transition:all .15s ease;transition:all var(--transition-fast)}.message-input:focus{background:#1a1a1a!important;border-color:#7fd957}.message-input::placeholder{color:#9ca3af;color:var(--text-muted)}.send-btn{background:#7fd957!important;border-radius:6px;border-radius:var(--radius-md);color:#000!important;font-size:18px;min-height:40px;min-width:40px;padding:10px;transition:all .15s ease}.send-btn:hover{box-shadow:0 6px 20px #7fd95726;box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-2px)}.send-btn:disabled{opacity:.5;transform:none}.contact-panel{border-left:1px solid #2e2e2e;display:flex;flex-direction:column;max-width:320px;min-width:260px;min-width:var(--contact-panel-min-width);overflow-y:auto;position:relative;width:280px;width:var(--contact-panel-width);z-index:10}.contact-panel,.contact-panel-header{background:#111!important;flex-shrink:0}.contact-panel-header{border-bottom:1px solid #2e2e2e;padding:20px 16px;text-align:center}.contact-panel-avatar{align-items:center;background:#7fd957!important;border:3px solid #2e2e2e;border-radius:50%;box-shadow:0 4px 16px #7fd9574d;color:#000;display:flex;font-size:28px;font-weight:600;height:70px;justify-content:center;margin:0 auto 12px;width:70px}.contact-panel-header h3{color:#fff;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 6px;word-break:break-word}.contact-panel-header .contact-phone{color:#9ca3af;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px}.contact-details{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-x:visible;overflow-y:auto;padding:12px;position:relative}.contact-detail-section{background:#1a1a1a!important;border:1px solid #2e2e2e;border-radius:8px;overflow:visible;padding-bottom:12px;transition:border-color .2s ease}.contact-detail-section:hover{border-color:#3a3a3a}.contact-detail-section>.assigned-user-info,.contact-detail-section>.contact-action-btn,.contact-detail-section>.lembrete-form,.contact-detail-section>button,.contact-detail-section>select{margin:0 12px;width:calc(100% - 24px)}.contact-detail-section h4{align-items:center;background:#1a1a1a!important;border-bottom:1px solid #2e2e2e;color:#9ca3af;display:flex;font-size:11px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0 0 8px;padding:10px 12px;text-transform:uppercase}.contact-detail-section h4 svg{color:#7fd957;font-size:14px}.contact-detail-section.collapsible{border:1px solid #2e2e2e;transition:all .2s ease}.section-header-collapsible{align-items:center;background:#1a1a1a!important;border-bottom:none;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:all .2s ease}.section-header-collapsible:hover{background:#222!important}.section-header-collapsible h4{align-items:center;background:#0000!important;border-bottom:none;color:#e5e5e5;display:flex;font-size:11px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0;padding:0;text-transform:uppercase}.section-header-collapsible svg{color:#7fd957;font-size:14px;transition:transform .2s ease}.section-header-collapsible .collapse-icon{color:#9ca3af;font-size:14px;transition:transform .2s ease}.contact-detail-section.collapsible.collapsed .collapse-icon{transform:rotate(-90deg)}.contact-detail-section.collapsible.collapsed{background:#1a1a1a!important}.contact-detail-section.collapsible>div:not(.section-header-collapsible){background:#1a1a1a!important;border-top:1px solid #2e2e2e;padding:12px}.section-content{background:#1a1a1a!important;max-height:500px;overflow:hidden;padding:12px;transition:max-height .25s ease}.contact-detail-section.collapsed .section-content{max-height:0;padding:0}.contact-detail-item{align-items:flex-start;background:#222!important;border-radius:6px;display:flex;gap:10px;margin-bottom:8px;padding:10px 12px;transition:background .2s ease}.contact-detail-item:hover{background:#2a2a2a!important}.contact-detail-item:last-child{margin-bottom:0}.detail-item-icon{color:#7fd957;flex-shrink:0;font-size:16px;margin-top:2px}.detail-label{font-size:10px;margin:0 0 4px}.detail-value{line-height:1.4;margin:0;word-break:break-word}.detail-value a{color:#7fd957;text-decoration:none}.detail-value a:hover{text-decoration:underline}.detail-hint{color:#9ca3af;font-size:11px;font-style:italic;margin:8px 0 0;padding:0 12px 10px}.status-select-panel{-webkit-appearance:menulist;appearance:menulist;background:#222!important;border:1px solid #3a3a3a;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;outline:none;padding:10px 12px;position:relative;transition:all .2s ease;width:100%;z-index:1}.status-select-panel:focus,.status-select-panel:hover{border-color:#7fd957;box-shadow:0 0 0 2px #7fd95733}.status-select-panel option{background:#1a1a1a;color:#fff;padding:10px}.crm-status-select{border-color:#10b981}.schedule-input{background:#222!important;border:1px solid #3a3a3a;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;outline:none;padding:10px 12px;transition:all .2s ease;width:100%}.schedule-input:focus,.schedule-input:hover{border-color:#7fd957}.lembrete-form{padding:0 12px}.lembrete-form .form-field{display:flex;flex-direction:column;gap:4px}.lembrete-form .form-field label{color:#9ca3af;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.lembrete-atual{background:#222;border-radius:6px;margin:0 12px 10px;padding:10px 12px}.templates-section{padding-bottom:0!important}.templates-dropdown-wrapper{padding:8px 12px 12px;position:relative}.templates-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#1a1a1a!important;border:1px solid #3a3a3a;border-radius:8px;color:#e5e5e5;cursor:pointer;font-size:12px;font-weight:500;padding:10px 36px 10px 12px;transition:all .15s ease;width:100%}.templates-dropdown:hover{background:#222!important;border-color:#4a4a4a}.templates-dropdown:focus{border-color:#7fd957;box-shadow:0 0 0 2px #7fd95726;outline:none}.templates-dropdown option{background:#1a1a1a;color:#e5e5e5;padding:10px}.templates-dropdown-wrapper .dropdown-arrow{color:#7fd957;font-size:20px;pointer-events:none;position:absolute;right:24px;top:50%;transform:translateY(-50%)}.no-templates{color:#9ca3af;font-size:12px}.no-templates p{margin-bottom:10px}.template-item-content{background:#1a1a1a!important;border-top:0 solid #0000;max-height:0;overflow:hidden;padding:0 12px;transition:max-height .25s ease,padding .25s ease}.template-item-content.expanded{border-top:1px solid #3a3a3a;max-height:200px;padding:12px}.template-item-content.expanded+.template-expand-icon,.template-item-header:has(+.template-item-content.expanded) .template-expand-icon{transform:rotate(180deg)}.template-preview{color:#9ca3af;font-size:12px;line-height:1.5;margin:0 0 10px;white-space:pre-wrap}.template-use-btn{background:#7fd957!important;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .15s ease;width:100%}.template-use-btn:hover{background:#6cc945!important}.no-templates{padding:12px;text-align:center}.no-templates p{color:#9ca3af;font-size:12px;margin:0 0 10px}.contact-action-btn{align-items:center;background:#222!important;border:1px solid #3a3a3a;border-radius:6px;color:#e5e5e5;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;justify-content:center;margin-bottom:8px;padding:10px 12px;pointer-events:auto;position:relative;transition:all .2s ease;width:100%;z-index:1}.contact-action-btn:hover{background:#2a2a2a!important;border-color:#7fd957;color:#7fd957}.contact-action-btn:active{transform:scale(.98)}.contact-action-btn.primary-action{background:#7fd957!important;border:none;color:#000}.contact-action-btn.primary-action:hover{box-shadow:0 4px 12px #7fd9574d;transform:translateY(-2px)}.contact-action-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:auto}.assigned-user-info{align-items:flex-start;background:#222!important;border-radius:6px;display:flex;gap:8px;padding:10px 12px}.ai-agent-section{background:#1a1a1a!important;border:1px solid #2e2e2e;border-radius:8px;overflow:visible;padding-bottom:0}.ai-agent-section-header{align-items:center;background:#1a1a1a!important;border-bottom:1px solid #2e2e2e;display:flex;justify-content:space-between;padding:12px}.ai-agent-section-header h4{align-items:center;color:#9ca3af;display:flex;font-size:11px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0;text-transform:uppercase}.ai-agent-section-header h4 svg{color:#7fd957;font-size:16px}.ai-agent-section-content{background:#1a1a1a!important;display:flex;flex-direction:column;gap:12px;padding:12px}.ai-status-badge{border-radius:4px;color:#fff;font-weight:700;justify-content:center;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.ai-status-badge.active{background:#10b981;color:#fff}.ai-status-badge.blocked,.ai-status-badge.paused{background:#f59e0b;color:#fff}.ai-status-badge.disabled{background:#6b7280;color:#fff}.ai-pause-btn{background:#ef4444!important;border:none!important;border-radius:6px;color:#fff!important;cursor:pointer;font-size:13px;font-weight:600;padding:12px 16px;pointer-events:auto;position:relative;transition:all .2s ease;width:100%;z-index:1}.ai-pause-btn:hover{background:#dc2626!important}.ai-pause-btn:active{transform:scale(.98)}.ai-resume-btn{background:#10b981!important;border:none!important;border-radius:6px;color:#fff!important;cursor:pointer;font-size:13px;font-weight:600;padding:12px 16px;pointer-events:auto;position:relative;transition:all .2s ease;width:100%;z-index:1}.ai-resume-btn:hover{background:#059669!important}.ai-resume-btn:active{transform:scale(.98)}.ai-reactivate-btn{align-items:center;background:#10b981!important;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;pointer-events:auto;position:relative;transition:all .2s ease;width:100%;z-index:1}.ai-reactivate-btn:hover{background:#059669!important;transform:translateY(-1px)}.ai-reactivate-btn:active{background:#047857!important;transform:scale(.98)}.no-conversation-selected{align-items:center;color:#9ca3af;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center}.no-conversation-selected svg{font-size:48px;opacity:.3}.no-messages{align-items:center;color:#9ca3af;color:var(--text-muted);display:flex;flex:1 1;font-size:12px;font-size:var(--font-md);justify-content:center}.loading-conversations,.no-conversations{color:#9ca3af;color:var(--text-muted);font-size:11px;font-size:var(--font-sm);padding:20px;text-align:center}.pending-notifications-section{background:linear-gradient(135deg,#7fd957,#5cb33b);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:6px;border-radius:var(--radius-md);margin:8px;margin:var(--spacing-md);overflow:hidden}.pending-header{border-bottom:1px solid #0000001a;padding:8px;padding:var(--spacing-md)}.pending-title{color:#0a0a0a;color:var(--bg-primary);font-size:10px;font-size:var(--font-xs);font-weight:700;letter-spacing:1px;text-transform:uppercase}.pending-conversations-list{max-height:200px;overflow-y:auto}.pending-conversation-item{align-items:center;background:#ffffff1a;border-bottom:1px solid #ffffff1a;cursor:pointer;display:flex;gap:8px;gap:var(--spacing-md);padding:8px;padding:var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.pending-conversation-item:hover{background:#fff3}.pending-avatar{align-items:center;background:#00000026;border-radius:50%;color:#0a0a0a;color:var(--bg-primary);display:flex;flex-shrink:0;font-size:12px;height:28px;justify-content:center;width:28px}.pending-info{flex:1 1;min-width:0}.pending-name{color:#0a0a0a;color:var(--bg-primary);font-size:12px;font-size:var(--font-md);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-time{color:#0009;font-size:10px;font-size:var(--font-xs)}.pending-dismiss-btn{align-items:center;background:#00000026;border:none;border-radius:50%;color:#0a0a0a;color:var(--bg-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:24px}.pending-dismiss-btn:hover{background:#00000040}.modal-overlay{padding:8px;padding:var(--spacing-md)}.modal{background:#111;background:var(--bg-secondary);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-width:90vw}.modal-header{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);gap:8px;gap:var(--spacing-md);padding:12px;padding:var(--spacing-lg)}.modal-header h2{color:var(--text-primary);font-size:14px;font-size:var(--font-xl)}.modal-close-btn{color:#9ca3af;font-size:18px}.modal-close-btn:hover{color:var(--text-primary)}.modal-body{padding:12px;padding:var(--spacing-lg)}.modal-footer{border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:8px;gap:var(--spacing-md);padding:8px 12px;padding:var(--spacing-md) var(--spacing-lg)}.omnichannel-settings{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.settings-header{align-items:center;background:#111;background:var(--bg-secondary);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);display:flex;gap:8px;gap:var(--spacing-md);justify-content:space-between;padding:12px;padding:var(--spacing-lg)}.settings-header h2{color:#fff;color:var(--text-primary);font-size:14px;font-size:var(--font-xl);font-weight:600;margin:0}.close-settings-btn{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:4px;border-radius:var(--radius-sm);color:#e5e5e5;color:var(--text-secondary);cursor:pointer;font-size:11px;font-size:var(--font-sm);font-weight:500;padding:4px 8px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast)}.close-settings-btn:hover{border-color:#7fd957;border-color:var(--accent-primary);color:#7fd957;color:var(--accent-primary)}.settings-content{flex:1 1;overflow-y:auto}.settings-content,.settings-section{padding:12px;padding:var(--spacing-lg)}.settings-section{background:#111;background:var(--bg-secondary);border:1px solid #ffffff0f;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-md);margin-bottom:12px;margin-bottom:var(--spacing-lg)}.settings-section h3{color:#fff;color:var(--text-primary);font-size:13px;font-size:var(--font-lg);font-weight:600;margin:0 0 12px;margin:0 0 var(--spacing-lg) 0}.settings-field{margin-bottom:12px;margin-bottom:var(--spacing-lg)}.settings-field label{color:#e5e5e5;color:var(--text-secondary);display:block;font-size:11px;font-size:var(--font-sm);font-weight:500;margin-bottom:4px;margin-bottom:var(--spacing-sm)}.settings-field input,.settings-field textarea{background:#161616;background:var(--bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:4px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);font-size:12px;font-size:var(--font-md);padding:8px;padding:var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.settings-field input:focus,.settings-field textarea:focus{border-color:#7fd957;border-color:var(--accent-primary);outline:none}.image-viewer-overlay{align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.image-viewer-content{max-height:95vh;max-width:95vw;position:relative}.image-viewer-image{border-radius:6px;border-radius:var(--radius-md);max-height:90vh;max-width:100%;object-fit:contain}.image-viewer-close{align-items:center;background:#1a1a1a;background:var(--bg-elevated);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:50%;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:0;top:-40px;transition:all .15s ease;transition:all var(--transition-fast);width:32px}.image-viewer-close:hover{background:#ef4444;background:var(--error);border-color:#ef4444;border-color:var(--error)}.audio-message{background:#0000001a;border-radius:6px;border-radius:var(--radius-md);gap:8px;min-width:200px;padding:8px 12px}.audio-message,.audio-play-btn{align-items:center;display:flex}.audio-play-btn{background:#7fd957;background:var(--accent-primary);border:none;border-radius:50%;color:#0a0a0a;color:var(--bg-primary);cursor:pointer;flex-shrink:0;font-size:14px;height:32px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:32px}.audio-play-btn:hover{transform:scale(1.1)}.audio-waveform{align-items:center;display:flex;flex:1 1;gap:2px;height:24px}.audio-bar{background:currentColor;border-radius:2px;opacity:.5;width:3px}.audio-duration{color:inherit;flex-shrink:0;font-size:11px;opacity:.7}.recording-indicator{align-items:center;background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--error);border-radius:6px;border-radius:var(--radius-md);display:flex;flex:1 1;gap:8px;padding:8px 12px}.recording-dot{animation:pulse 1s infinite;background:#ef4444;background:var(--error);border-radius:50%;height:8px;width:8px}.recording-time{color:#ef4444;color:var(--error);font-size:11px;font-size:var(--font-sm);font-weight:500}.recording-cancel-btn{background:#0000;border:1px solid #ef4444;border:1px solid var(--error);border-radius:4px;border-radius:var(--radius-sm);color:#ef4444;color:var(--error);cursor:pointer;font-size:11px;margin-left:auto;padding:4px 8px}.file-preview-container{background:#161616;background:var(--bg-tertiary);border-radius:6px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:8px}.file-preview-item{background:#1a1a1a;background:var(--bg-elevated);border-radius:4px;border-radius:var(--radius-sm);height:60px;overflow:hidden;position:relative;width:60px}.file-preview-image{height:100%;object-fit:cover;width:100%}.file-preview-icon{color:#9ca3af;color:var(--text-muted);font-size:24px;height:100%;width:100%}.file-preview-icon,.file-preview-remove{align-items:center;display:flex;justify-content:center}.file-preview-remove{background:#ef4444;background:var(--error);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:10px;height:18px;position:absolute;right:2px;top:2px;width:18px}.typing-indicator{align-items:center;background:#1a1a1a;border-radius:8px;border-radius:var(--radius-lg);padding:8px 12px}.typing-dot{animation:typingBounce 1.4s ease-in-out infinite;background:#9ca3af;background:var(--text-muted);border-radius:50%;height:6px;width:6px}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.scroll-to-bottom-btn{align-items:center;background:#1a1a1a;background:var(--bg-elevated);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:50%;bottom:100px;box-shadow:0 4px 12px #0000004d;color:#e5e5e5;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;position:absolute;right:20px;transition:all .15s ease;transition:all var(--transition-fast);width:36px;z-index:10}.scroll-to-bottom-btn:hover{background:#7fd957;background:var(--accent-primary);color:#0a0a0a;color:var(--bg-primary);transform:translateY(-2px)}.message-date-separator{align-items:center;display:flex;justify-content:center;padding:16px 0}.date-separator-text{background:#161616;background:var(--bg-tertiary);border-radius:8px;border-radius:var(--radius-lg);color:#9ca3af;color:var(--text-muted);font-size:11px;font-weight:500;padding:4px 12px}.tooltip{position:relative}.tooltip:after{background:#1a1a1a;background:var(--bg-elevated);border-radius:4px;border-radius:var(--radius-sm);bottom:100%;color:#fff;color:var(--text-primary);content:attr(data-tooltip);font-size:11px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .15s ease;transition:all var(--transition-fast);visibility:hidden;white-space:nowrap;z-index:100}.tooltip:hover:after{opacity:1;visibility:visible}@media (max-width:1200px){.contact-panel{min-width:240px;width:260px}}@media (max-width:1024px){.contact-panel{display:none}.conversations-sidebar{min-width:220px;width:260px}}@media (max-width:768px){.omnichannel-layout{flex-direction:column}.conversations-sidebar{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);border-right:none;height:40vh;max-width:none;width:100%}.chat-container{height:60vh}.chat-header{flex-wrap:wrap;padding:4px;padding:var(--spacing-sm)}.chat-actions{justify-content:flex-start;margin-top:4px;margin-top:var(--spacing-sm);overflow-x:auto;width:100%}.message-bubble{max-width:85%}}@media (max-width:480px){.omnichannel-top-bar{padding:2px 4px}.omnichannel-top-bar .queue-tab{font-size:9px;padding:2px 4px}.message-input-container,.sidebar-header{padding:8px;padding:var(--spacing-md)}.message-input{min-height:44px}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff1a;background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--text-muted)}*{scrollbar-color:#ffffff1a #0000;scrollbar-color:var(--border-light) #0000;scrollbar-width:thin}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-center{align-items:center;display:flex;justify-content:center}.gap-xs{gap:2px;gap:var(--spacing-xs)}.gap-sm{gap:4px;gap:var(--spacing-sm)}.gap-md{gap:8px;gap:var(--spacing-md)}.gap-lg{gap:12px;gap:var(--spacing-lg)}.mt-sm{margin-top:4px;margin-top:var(--spacing-sm)}.mt-md{margin-top:8px;margin-top:var(--spacing-md)}.mb-sm{margin-bottom:4px;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:8px;margin-bottom:var(--spacing-md)}.text-success{color:#10b981;color:var(--success)}.text-warning{color:#f59e0b;color:var(--warning)}.text-error{color:#ef4444;color:var(--error)}.text-info{color:#3b82f6;color:var(--info)}.text-muted{color:#9ca3af;color:var(--text-muted)}.bg-success{background:#10b981;background:var(--success)}.bg-warning{background:#f59e0b;background:var(--warning)}.bg-error{background:#ef4444;background:var(--error)}.bg-info{background:#3b82f6;background:var(--info)}.audio-recorder-container{align-items:center;background:#161616;background:var(--bg-tertiary);border-radius:6px;border-radius:var(--radius-md);display:flex;flex:1 1;gap:12px;padding:12px}.audio-timer{font-feature-settings:"tnum";color:#fff;color:var(--text-primary);font-size:12px;font-size:var(--font-md);font-variant-numeric:tabular-nums;font-weight:600}.audio-control-btn{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-md);color:#e5e5e5;color:var(--text-secondary);cursor:pointer;padding:8px}.audio-control-btn:hover{border-color:#7fd957;border-color:var(--accent-primary);color:#7fd957;color:var(--accent-primary)}.audio-control-btn.cancel{border-color:#ef4444;border-color:var(--error);color:#ef4444;color:var(--error)}.audio-control-btn.send{background:#7fd957;background:var(--accent-primary);border-color:#7fd957;border-color:var(--accent-primary);color:#0a0a0a;color:var(--bg-primary)}.file-upload-dropdown{background:#1a1a1a;background:var(--bg-elevated);border:1px solid #ffffff1a;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-md);bottom:100%;box-shadow:0 -8px 24px #0000004d;left:0;margin-bottom:8px;min-width:160px;overflow:hidden;position:absolute}.file-upload-option{align-items:center;background:#0000;border:none;color:#e5e5e5;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;font-size:var(--font-sm);gap:10px;padding:12px 16px;text-align:left;width:100%}.file-upload-option:hover{background:#1f1f1f;background:var(--bg-hover);color:#7fd957;color:var(--accent-primary)}.cart-panel-section{background:#1a1a1a!important;border:1px solid #2e2e2e;border-radius:8px;margin-bottom:12px}.cart-panel-header{background:#1a1a1a!important;border-bottom:1px solid #2e2e2e;padding:12px}.cart-panel-header:hover{background:#222!important}.cart-panel-header h4{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.cart-badge{background:#7fd957;border-radius:10px;color:#000;font-size:11px;font-weight:600;padding:2px 8px}.lembrete-form{display:flex;flex-direction:column;gap:10px;padding:0 12px 12px}.lembrete-form input,.lembrete-form select{background:#222!important;border:1px solid #3a3a3a;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:10px 12px}.lembrete-form input:focus,.lembrete-form select:focus{border-color:#7fd957;box-shadow:0 0 0 2px #7fd95733;outline:none}.disparo-stats-bar{background:#161616;background:var(--bg-tertiary);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle);display:flex;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;color:var(--text-muted);font-size:10px;text-transform:uppercase}.disparo-stats-bar .stat-value{color:#fff;color:var(--text-primary);font-size:14px;font-size:var(--font-xl);font-weight:700}.disparo-stats-bar .stat-item.aguardando .stat-value{color:#f59e0b;color:var(--warning)}.disparo-stats-bar .stat-item.respondidos .stat-value{color:#10b981;color:var(--success)}.disparo-filter-tabs .filter-tab.aguardando{color:#f59e0b;color:var(--warning)}.disparo-filter-tabs .filter-tab.aguardando.active{border-bottom-color:#f59e0b;border-bottom-color:var(--warning);color:#f59e0b;color:var(--warning)}.disparo-filter-tabs .filter-tab.respondidos{color:#10b981;color:var(--success)}.disparo-filter-tabs .filter-tab.respondidos.active{border-bottom-color:#10b981;border-bottom-color:var(--success);color:#10b981;color:var(--success)}.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{background:none;border:none;border-radius:4px;color:#6b7280;padding:4px;transition:all .2s}.modal-close-btn:hover{background:#252525}.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{border:1px solid #252525}.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}.status-queue-sidebar{align-items:center;background:#0a0a0a!important;border-bottom:1px solid #2e2e2e;display:flex;flex-shrink:0;gap:12px;min-height:48px;overflow-x:auto;padding:8px 16px}.status-queue-sidebar::-webkit-scrollbar{height:4px}.status-queue-sidebar::-webkit-scrollbar-track{background:#0000}.status-queue-sidebar::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:2px}.status-queue-sidebar::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.queue-header{border-right:1px solid #2e2e2e;flex-shrink:0;margin-right:4px;padding-right:16px}.filas-label{color:#6b7280;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}.queue-list{flex:1 1;flex-wrap:nowrap;gap:8px}.queue-item,.queue-list{align-items:center;display:flex}.queue-item{background:#1a1a1a!important;border:1px solid #3a3a3a;border-radius:20px;color:#9ca3af;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:500;gap:6px;min-width:-webkit-fit-content;min-width:fit-content;padding:6px 12px;transition:all .15s ease}.queue-item:hover{background:#222!important;border-color:#4a4a4a}.queue-item.active{background:#7fd957!important;border-color:#7fd957!important;color:#000!important;font-weight:600}.queue-item:disabled{cursor:not-allowed;opacity:.4}.queue-icon{flex-shrink:0;font-size:14px}.queue-label{font-size:12px;font-weight:500;white-space:nowrap}.queue-count{align-items:center;background:#ffffff1a;border-radius:10px;color:inherit;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:20px;padding:0 6px}.queue-item.active .queue-count{background:#0003;color:#000}.queue-item[data-key=todos]{color:#e5e5e5}.queue-item[data-key=aguardando_resposta]{border-color:#f59e0b4d;color:#f59e0b}.queue-item[data-key=aguardando_resposta]:hover{background:#f59e0b1a!important}.queue-item[data-key=aguardando_resposta] .queue-count{background:#f59e0b33}.queue-item[data-key=respondido]{border-color:#10b9814d;color:#10b981}.queue-item[data-key=respondido]:hover{background:#10b9811a!important}.queue-item[data-key=respondido] .queue-count{background:#10b98133}.queue-item[data-key=disparados]{border-color:#3b82f64d;color:#3b82f6}.queue-item[data-key=disparados]:hover{background:#3b82f61a!important}.queue-item[data-key=disparados] .queue-count{background:#3b82f633}.queue-item[data-key=orcamento_enviado]{border-color:#06b6d44d;color:#06b6d4}.queue-item[data-key=orcamento_enviado]:hover{background:#06b6d41a!important}.queue-item[data-key=orcamento_enviado] .queue-count{background:#06b6d433}.queue-item[data-key=agencia]{border-color:#8b5cf64d;color:#8b5cf6}.queue-item[data-key=agencia]:hover{background:#8b5cf61a!important}.queue-item[data-key=agencia] .queue-count{background:#8b5cf633}.queue-item[data-key=errado]{border-color:#ef44444d;color:#ef4444}.queue-item[data-key=errado]:hover{background:#ef44441a!important}.queue-item[data-key=errado] .queue-count{background:#ef444433}.queue-item[data-key=resolvido]{border-color:#10b9814d;color:#10b981}.queue-item[data-key=resolvido]:hover{background:#10b9811a!important}.queue-item[data-key=resolvido] .queue-count{background:#10b98133}.queue-item[data-key=arquivadas]{border-color:#6b72804d;color:#6b7280}.queue-item[data-key=arquivadas]:hover{background:#6b72801a!important}.queue-item[data-key=arquivadas] .queue-count{background:#6b728033}.queue-item[data-key=todos].active{background:#7fd957!important;border-color:#7fd957!important;color:#000!important}.queue-item[data-key=aguardando_resposta].active{background:#f59e0b!important;border-color:#f59e0b!important;color:#000!important}.queue-item[data-key=respondido].active{background:#10b981!important;border-color:#10b981!important;color:#000!important}.queue-item[data-key=disparados].active{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}.queue-item[data-key=orcamento_enviado].active{background:#06b6d4!important;border-color:#06b6d4!important;color:#000!important}.queue-item[data-key=agencia].active{background:#8b5cf6!important;border-color:#8b5cf6!important;color:#fff!important}.queue-item[data-key=errado].active{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.queue-item[data-key=resolvido].active{background:#10b981!important;border-color:#10b981!important;color:#000!important}.queue-item[data-key=arquivadas].active{background:#6b7280!important;border-color:#6b7280!important;color:#fff!important}@media (max-width:1200px){.status-queue-sidebar{padding:6px 12px}.queue-item{font-size:11px;padding:5px 10px}.queue-icon{font-size:12px}.queue-count{font-size:10px;height:16px;min-width:18px}}@media (max-width:768px){.filas-label,.queue-header,.queue-label{display:none}.queue-item{gap:4px;padding:6px 8px}}.ai-agent-indicator{align-items:center;background:#f0f2f5;background:var(--bg-secondary,#f0f2f5);border-radius:8px;display:flex;font-size:13px;gap:8px;padding:8px 12px}.ai-agent-indicator-compact{align-items:center;border-radius:50%;cursor:help;display:inline-flex;font-size:14px;height:24px;justify-content:center;width:24px}.ai-agent-icon{font-size:18px}.ai-agent-info{display:flex;flex-direction:column;gap:2px}.ai-agent-label{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-weight:600}.ai-agent-description{color:#666;color:var(--text-secondary,#666);font-size:11px}.ai-agent-success{background:#dcfce7;border:1px solid #86efac}.ai-agent-success .ai-agent-label{color:#166534}.ai-agent-warning{background:#fef3c7;border:1px solid #fcd34d}.ai-agent-warning .ai-agent-label{color:#92400e}.ai-agent-info{background:#dbeafe;border:1px solid #93c5fd}.ai-agent-info .ai-agent-label{color:#1e40af}.ai-agent-neutral{background:#f3f4f6;border:1px solid #d1d5db}.ai-agent-neutral .ai-agent-label{color:#6b7280}.ai-agent-toggle{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.ai-agent-toggle:disabled{cursor:not-allowed;opacity:.6}.ai-agent-toggle-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.ai-agent-toggle-active:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.ai-agent-toggle-blocked{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.ai-agent-toggle-blocked:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.ai-agent-toggle-disabled{background:#e5e7eb;color:#9ca3af}.toggle-icon{font-size:16px}.toggle-icon.loading{animation:spin 1s linear infinite}.ai-agent-control-panel{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:600px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.ai-panel-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.ai-panel-header h2{font-size:18px;font-weight:600;margin:0}.ai-panel-close{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;height:32px;transition:background .2s;width:32px}.ai-panel-close:hover{background:#ffffff4d}.ai-panel-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;padding:0 24px}.ai-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s}.ai-tab:hover{color:#374151}.ai-tab.active{border-bottom-color:#667eea;color:#667eea}.ai-panel-content{flex:1 1;overflow-y:auto;padding:24px}.ai-panel-section{gap:20px}.ai-config-row,.ai-panel-section{display:flex;flex-direction:column}.ai-config-row{gap:8px}.ai-config-row label{color:#374151;font-size:14px;font-weight:600}.ai-config-row input[type=number],.ai-config-row input[type=text],.ai-config-row input[type=time],.ai-config-row select,.ai-config-row textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.ai-config-row input:focus,.ai-config-row select:focus,.ai-config-row textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.ai-config-row textarea{font-family:Monaco,Consolas,monospace;min-height:200px;resize:vertical}.ai-config-hint{color:#9ca3af;font-size:12px}.ai-config-value{color:#667eea;font-weight:600;min-width:40px;text-align:center}.ai-toggle-label{align-items:center;cursor:pointer;display:flex;font-weight:500!important;gap:12px}.ai-toggle-label input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.ai-toggle-switch{background:#d1d5db;border-radius:12px;height:24px;position:relative;transition:background .3s;width:44px}.ai-toggle-switch:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s;width:20px}.ai-toggle-label input:checked+.ai-toggle-switch{background:#10b981}.ai-toggle-label input:checked+.ai-toggle-switch:after{transform:translateX(20px)}.ai-time-range{flex-direction:row!important;gap:20px!important}.ai-time-range>div{flex:1 1;flex-direction:column}.ai-keywords-input,.ai-time-range>div{display:flex;gap:8px}.ai-keywords-input input{flex:1 1}.ai-keywords-input button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:background .2s}.ai-keywords-input button:hover{background:#5a67d8}.ai-keywords-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ai-keyword-tag{align-items:center;background:#f3f4f6;border-radius:20px;color:#374151;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px}.ai-keyword-tag button{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:16px;line-height:1;padding:0}.ai-keyword-tag button:hover{color:#ef4444}.ai-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.ai-stat-card{background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border:1px solid #dbe4ff;border-radius:12px;padding:20px;text-align:center}.ai-stat-value{color:#667eea;display:block;font-size:28px;font-weight:700;margin-bottom:4px}.ai-stat-label{color:#6b7280;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.ai-panel-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.ai-btn-primary,.ai-btn-secondary{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.ai-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.ai-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.ai-btn-primary:disabled{cursor:not-allowed;opacity:.6}.ai-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.ai-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.ai-panel-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.ai-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.ai-status-badge-active{background:#dcfce7;color:#166534}.ai-status-badge-blocked{background:#fef3c7;color:#92400e}@media (max-width:640px){.ai-agent-control-panel{border-radius:0;height:100%;max-height:100%;width:100%}.ai-panel-tabs{overflow-x:auto;padding:0 16px}.ai-tab{padding:12px 16px;white-space:nowrap}.ai-stats-grid{grid-template-columns:1fr}.ai-time-range{flex-direction:column!important}}.call-interface-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.active-call-modal,.incoming-call-modal{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.active-call-content,.incoming-call-content{animation:slideUp .4s ease;background:linear-gradient(145deg,#1e2227,#252a30);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;max-width:380px;padding:40px;text-align:center;width:90%}.call-avatar{align-items:center;animation:pulse-ring 2s infinite;border-radius:50%;box-shadow:0 8px 24px #4ade804d;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.call-avatar,.call-avatar.active{background:linear-gradient(135deg,#4ade80,#22c55e)}.call-avatar.active{animation:none}.call-avatar span{font-size:36px}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 #4ade8066}70%{box-shadow:0 0 0 20px #4ade8000}to{box-shadow:0 0 0 0 #4ade8000}}.caller-info{margin-bottom:30px}.caller-info h3{color:#fff;font-size:22px;font-weight:600;margin:0 0 8px}.caller-info .phone{color:#fff9;font-family:Courier New,monospace;font-size:14px;margin:0 0 16px}.call-status{align-items:center;color:#fffc;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;margin:0}.call-status.ringing{color:#eab308}.pulse-dot{animation:pulse-dot 1.5s infinite;background-color:currentColor;border-radius:50%;display:inline-block;height:10px;width:10px}.pulse-dot.waiting{animation:pulse-waiting 1.2s infinite;background-color:#f59e0b}@keyframes pulse-waiting{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.9)}}.pulse-dot.dialing{animation:pulse-dialing .8s infinite;background-color:#3b82f6}@keyframes pulse-dialing{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}.connected-icon{font-size:12px;margin-right:4px}.duration{color:#4ade80;font-family:Courier New,monospace;font-size:28px;font-weight:700;letter-spacing:2px}.call-actions,.call-controls{display:flex;gap:16px;justify-content:center}.call-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;min-width:130px;outline:none;padding:14px 28px;transition:all .2s ease}.call-btn:disabled{cursor:not-allowed;opacity:.5}.call-btn .btn-icon{font-size:18px}.call-btn.accept{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 4px 16px #4ade804d;color:#1a1d21}.call-btn.accept:hover:not(:disabled){box-shadow:0 6px 20px #4ade8066;transform:translateY(-2px)}.call-btn.accept:active:not(:disabled){transform:translateY(0)}.call-btn.reject{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 4px 16px #ef44444d;color:#fff}.call-btn.reject:hover:not(:disabled){box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.call-btn.mute{background:#ffffff1a;border:1px solid #fff3;color:#fffc}.call-btn.mute:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.call-btn.mute.muted{background:#eab30833;border-color:#eab308;color:#eab308}.call-btn.hangup{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 4px 16px #ef44444d;color:#fff;flex:1 1;max-width:180px}.call-btn.hangup:hover:not(:disabled){box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.chat-action-btn.call-btn{background:linear-gradient(135deg,#4ade80,#22c55e)!important;border:none!important;color:#1a1d21!important}.chat-action-btn.call-btn:hover:not(:disabled){box-shadow:0 4px 12px #4ade804d;transform:translateY(-1px)}.chat-action-btn.call-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@media (max-width:480px){.active-call-content,.incoming-call-content{border-radius:16px;margin:16px;max-width:100%;padding:30px 20px}.call-avatar{height:70px;width:70px}.call-avatar span{font-size:30px}.caller-info h3{font-size:18px}.duration{font-size:24px}.call-actions,.call-controls{flex-direction:column}.call-btn{min-width:auto;padding:16px;width:100%}.call-btn.hangup{max-width:none}}.call-btn:focus{outline:2px solid #4ade80;outline-offset:2px}.call-btn.reject:focus{outline-color:#ef4444}.ai-rating-inline{align-items:center;display:flex;gap:4px;margin-left:8px}.rating-inline-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:.5;transition:all .15s ease;width:24px}.rating-inline-btn:hover{opacity:1;transform:scale(1.1)}.rating-inline-btn:disabled{cursor:not-allowed;opacity:.3;transform:none}.rating-inline-btn.positive{color:#7fd957}.rating-inline-btn.positive:hover{background:#7fd95726}.rating-inline-btn.negative{color:#f97316}.rating-inline-btn.negative:hover{background:#f9731626}.rating-inline-btn svg{height:14px;width:14px}.ai-rating-completed{align-items:center;display:flex;margin-left:8px}.ai-rating-completed svg{height:16px;width:16px}.ai-rating-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.ai-rating-modal{animation:slideUp .3s ease;background:#1a1a1a;border:1px solid #2e2e2e;border-radius:16px;box-shadow:0 25px 50px -12px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.ai-rating-modal::-webkit-scrollbar{width:6px}.ai-rating-modal::-webkit-scrollbar-track{background:#0000}.ai-rating-modal::-webkit-scrollbar-thumb{background:#3e3e3e;border-radius:3px}.ai-rating-modal::-webkit-scrollbar-thumb:hover{background:#4e4e4e}.ai-rating-modal .modal-header{align-items:flex-start;background:#1a1a1a;border-bottom:1px solid #2e2e2e;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.ai-rating-modal .header-left{align-items:flex-start;display:flex;gap:12px}.ai-rating-modal .ai-icon{color:#7fd957;flex-shrink:0;height:32px;width:32px}.ai-rating-modal .header-text h2{color:#fff;font-size:18px;font-weight:600;margin:0}.ai-rating-modal .header-text p{color:#888;font-size:13px;margin:4px 0 0}.ai-rating-modal .close-modal-btn{background:none;border:none;border-radius:6px;color:#888;cursor:pointer;padding:4px;transition:all .15s ease}.ai-rating-modal .close-modal-btn:hover{background:#2e2e2e;color:#fff}.ai-rating-modal .close-modal-btn svg{height:20px;width:20px}.conversation-context{border-bottom:1px solid #2e2e2e;display:flex;flex-direction:column;gap:12px;padding:16px 24px}.context-message{border-radius:12px;overflow:hidden}.context-message.customer{background:#252525}.context-message.ai{background:linear-gradient(135deg,#7fd9571a,#7fd9570d);border:1px solid #7fd95733}.context-label{align-items:center;border-bottom:1px solid #ffffff0d;color:#888;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.context-message.ai .context-label{color:#7fd957}.context-label svg{height:14px;width:14px}.copy-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;margin-left:auto;padding:2px;transition:all .15s ease}.copy-btn:hover{background:#7fd9571a;color:#7fd957}.copy-btn svg{height:14px;width:14px}.context-content{color:#e0e0e0;font-size:14px;line-height:1.5;max-height:120px;overflow-y:auto;padding:12px;white-space:pre-wrap;word-break:break-word}.rating-section{border-bottom:1px solid #2e2e2e;padding:20px 24px}.section-title{font-size:14px;margin-bottom:16px}.section-title svg{color:#7fd957;height:16px;width:16px}.section-title .optional{color:#666;font-size:12px;font-weight:400}.rating-options{display:flex;flex-direction:column;gap:8px}.rating-option{align-items:center;background:#252525;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease}.rating-option:hover{background:#2a2a2a;border-color:#3e3e3e;border-color:var(--rating-color,#3e3e3e)}.rating-option.selected{border-color:var(--rating-color)}.rating-visual{flex-shrink:0}.rating-stars{display:flex;font-size:14px;gap:2px}.rating-stars .star{color:#3e3e3e;transition:color .15s ease}.rating-stars .star.filled{color:#f59e0b}.rating-option.selected .rating-stars .star.filled,.rating-option:hover .rating-stars .star.filled{color:var(--rating-color)}.rating-label{color:#fff;font-size:14px;font-weight:600;min-width:80px}.rating-description{color:#888;flex:1 1;font-size:12px}.negative-feedback-section{animation:slideDown .3s ease;border-bottom:1px solid #2e2e2e;padding:16px 24px}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.warning-banner{align-items:center;background:#f973161a;border:1px solid #f973164d;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:10px 14px}.warning-banner svg{color:#f97316;flex-shrink:0;height:18px;width:18px}.warning-banner span{color:#f97316;font-size:13px}.issue-categories{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}@media (max-width:600px){.issue-categories{grid-template-columns:repeat(2,1fr)}}.issue-category-btn{align-items:center;background:#252525;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:6px;padding:10px 12px;transition:all .15s ease}.issue-category-btn:hover{background:#2a2a2a;border-color:#f97316}.issue-category-btn.selected{background:#f973161a;border-color:#f97316}.category-icon{font-size:16px}.category-label{color:#ccc;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.issue-category-btn.selected .category-label{color:#f97316}.ideal-response-section,.improvement-section{border-bottom:1px solid #2e2e2e;padding:16px 24px}.ideal-response-input,.improvement-input{background:#252525;border:1px solid #3e3e3e;border-radius:8px;color:#e0e0e0;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .15s ease;width:100%}.ideal-response-input:focus,.improvement-input:focus{background:#2a2a2a;border-color:#7fd957;outline:none}.ideal-response-input::placeholder,.improvement-input::placeholder{color:#666}.error-message{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;display:flex;font-size:13px;gap:8px;margin:0 24px 16px;padding:10px 14px}.error-message svg{flex-shrink:0;height:16px;width:16px}.ai-rating-modal .modal-footer{background:#1a1a1a;border-top:1px solid #2e2e2e;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;position:-webkit-sticky;position:sticky}.ai-rating-modal .cancel-btn{background:#0000;border:1px solid #3e3e3e;border-radius:8px;color:#888;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s ease}.ai-rating-modal .cancel-btn:hover:not(:disabled){background:#252525;border-color:#4e4e4e;color:#fff}.ai-rating-modal .cancel-btn:disabled{cursor:not-allowed;opacity:.5}.ai-rating-modal .submit-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:all .15s ease}.ai-rating-modal .submit-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.ai-rating-modal .submit-btn:disabled{cursor:not-allowed}.ai-rating-modal .submit-btn svg{height:16px;width:16px}.ai-rating-full-btn,.ai-rating-modal .submitting{align-items:center;display:flex;gap:8px}.ai-rating-full-btn{background:linear-gradient(135deg,#7fd957,#5cb544);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .15s ease}.ai-rating-full-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.ai-rating-full-btn svg{height:18px;width:18px}.ai-rated-full{align-items:center;background:#7fd9571a;border:1px solid;border-radius:8px;color:#7fd957;display:flex;font-size:14px;gap:8px;padding:10px 16px}.ai-rated-full svg{height:18px;width:18px}.agent-type-section{border-bottom:1px solid #2e2e2e;padding:16px 24px}.agent-type-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.agent-type-btn{align-items:center;background:#252525;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;text-align:center;transition:all .2s ease}.agent-type-btn:hover{background:#2a2a2a}.agent-type-btn.selected{background:#7fd9570d;border-color:#7fd957;border-color:var(--agent-color,#7fd957)}.agent-type-btn.selected.suporte{background:#3b82f60d}.agent-icon-wrapper{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;transition:all .2s ease;width:48px}.agent-icon-wrapper svg{color:#fff;height:24px;width:24px}.agent-type-btn .agent-label{color:#fff;font-size:14px;font-weight:600}.agent-type-btn .agent-description{color:#888;font-size:11px;line-height:1.4}.agent-type-btn.selected .agent-label{color:#7fd957;color:var(--agent-color,#7fd957)}.support-fields-section{animation:slideDown .3s ease;border-bottom:1px solid #2e2e2e;padding:16px 24px}.support-fields-grid{display:flex;flex-direction:column;gap:16px}.support-field-group{display:flex;flex-direction:column;gap:8px}.support-field-group label{align-items:center;color:#888;display:flex;font-size:13px;font-weight:500;gap:6px}.support-field-group label svg{color:#3b82f6;height:16px;width:16px}.support-field-group label .optional-tag{color:#666;font-size:11px;font-weight:400}.support-field-group input{background:#252525;border:1px solid #3e3e3e;border-radius:8px;color:#e0e0e0;font-size:14px;padding:12px;transition:all .15s ease;width:100%}.support-field-group input:focus{background:#2a2a2a;border-color:#3b82f6;outline:none}.support-field-group input::placeholder{color:#666}.support-categories{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}@media (max-width:600px){.support-categories{grid-template-columns:repeat(2,1fr)}}.support-category-btn{align-items:center;background:#252525;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:6px;padding:10px 12px;transition:all .15s ease}.support-category-btn:hover{background:#2a2a2a;border-color:#3b82f6}.support-category-btn.selected{background:#3b82f61a;border-color:#3b82f6}.support-category-btn svg{color:#666;height:16px;width:16px}.support-category-btn.selected svg{color:#3b82f6}.support-category-btn span{color:#ccc;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-category-btn.selected span{color:#3b82f6}.instagram-container{background-color:#2a2a2a;display:flex;flex:1 1;flex-direction:column;height:100vh;overflow:hidden}.instagram-layout{display:flex;flex:1 1;overflow:hidden}.instagram-container .conversations-sidebar{background-color:#222;border-right:1px solid #2a2a2a;display:flex;flex-direction:column;flex-shrink:0;width:300px}.instagram-container .sidebar-header{align-items:center;background:linear-gradient(135deg,#833ab4,#fd1d1d 50%,#fcb045);border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:16px 20px}.instagram-container .sidebar-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.instagram-container .settings-btn{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;transition:background-color .2s}.instagram-container .settings-btn:hover{background-color:#fff3}.instagram-container .search-container{border-bottom:1px solid #2a2a2a;padding:12px 16px;position:relative}.instagram-container .search-icon{color:#9ca3af;font-size:18px;left:28px;position:absolute;top:50%;transform:translateY(-50%)}.instagram-container .conversation-search{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:4px;color:#fff;font-size:14px;outline:none;padding:10px 16px 10px 40px;transition:border-color .2s;width:100%}.instagram-container .conversation-search:focus{border-color:#e1306c}.instagram-container .filter-tabs{border-bottom:1px solid #2a2a2a;display:flex;gap:4px;padding:0 16px}.instagram-container .filter-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#e5e5e5;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:12px 8px;transition:all .2s}.instagram-container .filter-tab:hover{color:#fff}.instagram-container .filter-tab.active{border-bottom-color:#e1306c;color:#e1306c}.instagram-container .filter-badge{background-color:#e1306c;border-radius:10px;color:#fff;font-size:11px;font-weight:700;padding:2px 6px}.instagram-container .conversations-list{flex:1 1;overflow-y:auto}.instagram-container .loading-conversations,.instagram-container .no-conversations{color:#9ca3af;padding:40px 20px;text-align:center}.instagram-container .conversation-item{border-bottom:1px solid #2a2a2a;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s}.instagram-container .conversation-item:hover{background-color:#2a2a2a}.instagram-container .conversation-item.active{background-color:#2a2a2a;border-left:3px solid #e1306c}.instagram-container .conversation-avatar{align-items:center;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;padding:2px;width:40px}.instagram-container .conversation-avatar img{border:2px solid #222;border-radius:50%;height:100%;object-fit:cover;width:100%}.instagram-container .conversation-info{flex:1 1;min-width:0}.instagram-container .conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.instagram-container .conversation-name{color:#fff;font-size:15px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instagram-container .conversation-time{color:#9ca3af;flex-shrink:0;font-size:11px}.instagram-container .conversation-preview{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.instagram-container .conversation-last-message{color:#e5e5e5;flex:1 1;font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instagram-container .conversation-tags{display:flex;flex-wrap:wrap;gap:4px}.instagram-container .conversation-tag{background-color:#3a3a3a;border-radius:3px;color:#e5e5e5;font-size:10px;font-weight:600;padding:2px 8px}.instagram-container .chat-container{background-color:#2a2a2a;display:flex;flex:1 1;flex-direction:column;min-width:0}.instagram-container .chat-header{align-items:center;background-color:#222;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:12px 20px}.instagram-container .chat-contact-info{align-items:center;display:flex;gap:12px}.instagram-container .chat-avatar{align-items:center;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);border-radius:50%;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;padding:2px;width:40px}.instagram-container .chat-avatar img{border:2px solid #222;border-radius:50%;height:100%;object-fit:cover;width:100%}.instagram-container .chat-contact-name{color:#fff;font-size:16px;font-weight:600;margin:0 0 2px}.instagram-container .chat-contact-phone{color:#9ca3af;font-size:12px;margin:0}.instagram-container .chat-actions{display:flex;gap:8px}.instagram-container .chat-action-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;transition:background-color .2s}.instagram-container .chat-action-btn:hover{background-color:#2a2a2a}.instagram-container .messages-container{background-color:#2a2a2a;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.instagram-container .no-messages{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:16px;justify-content:center}.instagram-container .message{display:flex}.instagram-container .message-received{justify-content:flex-start}.instagram-container .message-sent{justify-content:flex-end}.instagram-container .message-bubble{border-radius:8px;max-width:70%;padding:10px 14px;position:relative}.instagram-container .message-received .message-bubble{background-color:#222;border:1px solid #2a2a2a}.instagram-container .message-sent .message-bubble{background:linear-gradient(135deg,#833ab4,#e1306c)}.instagram-container .message-sending{opacity:.6}.instagram-container .story-reply-indicator{background-color:#ffffff1a;border-left:3px solid #fcb045;border-radius:4px;margin-bottom:4px;padding:4px 8px}.instagram-container .story-reply-indicator small{color:#fcb045;font-size:11px;font-weight:600}.instagram-container .message-text{word-wrap:break-word;color:#fff;font-size:14px;margin:0 0 4px}.instagram-container .message-sent .message-text{color:#fff}.instagram-container .message-timestamp{color:#e5e5e5;display:block;font-size:10px;text-align:right}.instagram-container .message-sent .message-timestamp{color:#ffffffb3}.instagram-container .quick-replies-bar{background-color:#222;border-top:1px solid #2a2a2a;display:flex;gap:8px;overflow-x:auto;padding:10px 20px}.instagram-container .quick-reply-btn{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.instagram-container .quick-reply-btn:hover{background-color:#3a3a3a;border-color:#e1306c;color:#e1306c}.instagram-container .message-input-container{align-items:flex-end;background-color:#222;border-top:1px solid #2a2a2a;display:flex;gap:12px;padding:20px}.instagram-container .message-input{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:8px;color:#fff;flex:1 1;font-family:inherit;font-size:15px;line-height:1.5;max-height:250px;min-height:120px;outline:none;padding:16px 20px;resize:vertical;transition:border-color .2s;width:100%}.instagram-container .message-input:focus{border-color:#e1306c}.instagram-container .message-input::placeholder{color:#9ca3af}.instagram-container .send-btn{align-items:center;background:linear-gradient(135deg,#833ab4,#e1306c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;justify-content:center;min-height:60px;min-width:60px;padding:14px;transition:opacity .2s}.instagram-container .send-btn:hover{opacity:.9}.instagram-container .send-btn:disabled{cursor:not-allowed;opacity:.5}.instagram-container .no-conversation-selected{align-items:center;color:#9ca3af;display:flex;flex:1 1;font-size:16px;justify-content:center}.instagram-container .contact-panel{background-color:#222;border-left:1px solid #2a2a2a;flex-shrink:0;overflow-y:auto;width:280px}.instagram-container .contact-panel-header{border-bottom:1px solid #2a2a2a;padding:20px 16px;text-align:center}.instagram-container .contact-panel-avatar{align-items:center;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);border-radius:50%;color:#fff;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 12px;padding:3px;width:64px}.instagram-container .contact-panel-avatar img{border:3px solid #222;border-radius:50%;height:100%;object-fit:cover;width:100%}.instagram-container .contact-panel-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.instagram-container .contact-panel-username{color:#e5e5e5;font-size:13px;margin:4px 0 0}.instagram-container .contact-details{padding:16px}.instagram-container .contact-detail-section{margin-bottom:20px}.instagram-container .contact-detail-section h4{color:#e5e5e5;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.instagram-container .contact-detail-item{align-items:flex-start;background-color:#2a2a2a;border-radius:6px;display:flex;gap:12px;padding:12px}.instagram-container .detail-item-icon{color:#e5e5e5;flex-shrink:0;font-size:20px}.instagram-container .detail-label{color:#9ca3af;font-size:11px;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.instagram-container .detail-value{color:#fff;font-size:14px;margin:0}.instagram-container .status-select-panel{background-color:#2a2a2a;border:2px solid #e1306c;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;outline:none;padding:10px 12px;transition:all .2s;width:100%}.instagram-container .status-select-panel:focus,.instagram-container .status-select-panel:hover{background-color:#3a3a3a}.instagram-container .status-select-panel option{background-color:#2a2a2a;color:#fff;padding:8px}.instagram-container .crm-status-select{background-color:#2a3942;border-color:#10b981!important;font-weight:500}.instagram-container .crm-status-select:hover{background-color:#1e3a32;border-color:#34d399!important}.instagram-container .crm-status-select:focus{border-color:#34d399!important;box-shadow:0 0 0 3px #10b98126!important}.instagram-container .detail-hint{color:#9ca3af;font-size:12px;font-style:italic;margin-top:6px}.instagram-container .contact-action-btn{align-items:center;background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-bottom:10px;padding:12px 16px;transition:all .2s;width:100%}.instagram-container .contact-action-btn:hover{background-color:#3a3a3a;border-color:#e1306c;color:#e1306c}.instagram-settings{background-color:#2a2a2a;flex:1 1;overflow-y:auto}.instagram-container .settings-header{align-items:center;background:linear-gradient(135deg,#833ab4,#fd1d1d 50%,#fcb045);border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:20px 24px}.instagram-container .settings-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.instagram-container .close-settings-btn{background-color:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .2s}.instagram-container .close-settings-btn:hover{background-color:#ffffff4d}.instagram-container .settings-content{margin:0 auto;max-width:800px;padding:24px}.instagram-container .settings-section{background-color:#222;border:1px solid #2a2a2a;border-radius:8px;margin-bottom:20px;padding:24px}.instagram-container .settings-section h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px}.instagram-container .settings-field{margin-bottom:16px}.instagram-container .settings-field label{color:#e5e5e5;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.instagram-container .settings-field input{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:6px;color:#fff;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.instagram-container .settings-field input:focus{border-color:#e1306c}.instagram-container .save-settings-btn{background:linear-gradient(135deg,#833ab4,#e1306c);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:opacity .2s}.instagram-container .save-settings-btn:hover{opacity:.9}.instagram-container .connection-status{align-items:center;background-color:#2a2a2a;border-radius:6px;color:#fff;display:flex;font-size:14px;gap:12px;padding:16px}.instagram-container .status-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}.instagram-container .status-indicator.connected{background-color:#10b981}.instagram-container .status-indicator.disconnected{background-color:#ef4444}.instagram-container .quick-replies-list{margin-bottom:16px}.instagram-container .quick-reply-item{align-items:center;background-color:#2a2a2a;border-radius:6px;color:#fff;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.instagram-container .delete-quick-reply{background:none;border:none;color:#ef4444;cursor:pointer;font-size:24px;padding:4px 8px}.instagram-container .add-quick-reply-btn{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .2s;width:100%}.instagram-container .add-quick-reply-btn:hover{background-color:#3a3a3a;border-color:#e1306c;color:#e1306c}.instagram-container .modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.instagram-container .modal{background-color:#222;border:1px solid #2a2a2a;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.instagram-container .modal-header{align-items:center;background:linear-gradient(135deg,#833ab4,#e1306c);border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:20px 24px}.instagram-container .modal-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.instagram-container .modal-body{padding:24px}.instagram-container .modal-footer{border-top:1px solid #2a2a2a;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.instagram-container .form-field{margin-bottom:16px}.instagram-container .form-field label{color:#e5e5e5;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.instagram-container .schedule-input{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:6px;color:#fff;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.instagram-container .schedule-input:focus{border-color:#e1306c}.instagram-container .schedule-textarea{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:6px;color:#fff;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;resize:vertical;transition:border-color .2s;width:100%}.instagram-container .schedule-textarea:focus{border-color:#e1306c}.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 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{align-items:center;color:var(--text-secondary);display:flex;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{background:var(--success-color);border-radius:5px;color:#fff;font-size:.75rem;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}.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}.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-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;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{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;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{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}.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{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;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}.detail-value{font-size:13px}.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{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.header-icon{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;transition:all .3s}.stat-card:hover{border-color:#7fd957}.stat-card.financial{background:linear-gradient(135deg,#579dff1a,#8b5cf61a)}.stat-icon{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}.stat-value{font-size:24px}.billing-tabs{border-bottom:2px solid #579dff33;display:flex;gap:8px;margin-bottom:24px}.tab-btn{border-bottom:3px solid #0000;color:#e5e5e5;margin-bottom:-2px;padding:12px 24px}.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;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;gap:20px}.form-group{gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#e5e5e5;font-size:13px;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;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 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}.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-radius:8px;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px}.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{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 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{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 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%}}.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}.training-page{background:#0a0a0a;color:#fff;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.training-header{background:linear-gradient(180deg,#111,#0a0a0a);border-bottom:1px solid #2e2e2e;padding:0}.header-content{padding:24px 32px 16px}.header-title{gap:16px}.header-icon{color:#7fd957;filter:drop-shadow(0 0 20px rgba(127,217,87,.3));font-size:40px}.header-title h1{font-size:24px}.header-title p{color:#9ca3af;font-size:14px;margin:4px 0 0}.action-btn{border-radius:10px;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.action-btn.secondary{background:#1a1a1a;border:1px solid #3a3a3a}.action-btn.secondary:hover{background:#2e2e2e;border-color:#4a4a4a}.action-btn.primary{border:none;color:#000}.action-btn.primary:hover{background:#5cb33b;box-shadow:0 4px 20px #7fd9574d}.tabs-nav{border-bottom:1px solid #2e2e2e;padding:0 32px}.tab-btn{margin-bottom:-1px;padding:12px 20px;transition:all .2s ease}.tab-btn svg{font-size:18px}.training-content{flex:1 1;overflow-y:auto;padding:24px 32px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px}.stat-card{align-items:flex-start;background:#111;border:1px solid #2e2e2e;border-radius:16px;gap:16px;padding:20px;transition:all .2s ease}.stat-card:hover{border-color:#3a3a3a;transform:translateY(-2px)}.stat-card.highlight{background:linear-gradient(135deg,#7fd9571a,#111);border-color:#7fd9574d}.stat-icon{background:#7fd9571a;border-radius:12px;color:#7fd957;font-size:24px;height:48px;width:48px}.stat-icon.success{background:#10b9811a;color:#10b981}.stat-icon.warning{background:#f59e0b1a;color:#f59e0b}.stat-content{display:flex;flex:1 1;flex-direction:column}.stat-label{font-weight:500}.stat-value{font-size:32px;line-height:1.2;margin:4px 0}.stat-trend{align-items:center;display:flex;font-size:12px;font-weight:500;gap:4px}.stat-trend.positive{color:#10b981}.stat-trend.negative{color:#ef4444}.stat-description{color:#6b7280;font-size:12px}.charts-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:24px}.chart-card{background:#111;border:1px solid #2e2e2e;border-radius:16px}.chart-header{border-bottom:1px solid #2e2e2e;padding:16px 20px}.chart-header h3{color:#e5e5e5;font-size:14px;gap:8px}.chart-header h3 svg{color:#7fd957}.chart-body{padding:20px}.bar-chart{flex-direction:column}.bar-chart,.bar-item{display:flex;gap:12px}.bar-item{align-items:center}.bar-label{color:#9ca3af;font-size:12px;font-weight:500;width:80px}.bar-container{background:#1a1a1a;border-radius:12px;flex:1 1;height:24px;overflow:hidden}.bar-fill{border-radius:12px;height:100%;transition:width .5s ease}.bar-value{color:#e5e5e5;font-size:14px;font-weight:600;text-align:right;width:40px}.evolution-chart{height:200px;position:relative}.chart-grid,.evolution-chart{display:flex;flex-direction:column}.chart-grid{bottom:30px;justify-content:space-between;left:30px;position:absolute;right:0;top:0}.grid-line{border-bottom:1px dashed #2e2e2e;height:1px;position:relative}.grid-label{color:#6b7280;font-size:10px;left:-25px;position:absolute;top:-8px}.chart-bars{bottom:30px;gap:4px;height:150px;left:40px;position:absolute;right:10px}.chart-day{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end}.day-bar{border-radius:4px 4px 0 0;cursor:pointer;max-width:20px;transition:all .3s ease;width:100%}.day-bar:hover{opacity:.8!important;transform:scaleY(1.05)}.day-label{color:#6b7280;font-size:10px;margin-top:8px}.issues-card{background:#111;border:1px solid #2e2e2e;border-radius:16px}.card-header{border-bottom:1px solid #2e2e2e;padding:16px 20px}.card-header h3{align-items:center;color:#ef4444;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.issues-list{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px}.issue-item{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:20px;display:flex;gap:8px;padding:8px 12px}.issue-name{color:#e5e5e5;font-size:12px}.issue-count{background:#ef444433;border-radius:10px;color:#ef4444;font-size:11px;font-weight:600;padding:2px 8px}.filters-bar{align-items:center;background:#111;border:1px solid #2e2e2e;border-radius:12px;gap:16px;margin-bottom:16px;padding:16px 20px}.filter-group{align-items:center;color:#9ca3af;gap:8px}.filter-group input,.filter-group select{background:#1a1a1a!important;border:1px solid #3a3a3a;border-radius:8px;color:#e5e5e5;font-size:13px;padding:8px 12px}.filter-group input:focus,.filter-group select:focus{border-color:#7fd957;outline:none}.filter-group span{font-size:12px}.bulk-actions{align-items:center;display:flex;gap:12px;margin-left:auto}.bulk-actions span{color:#7fd957;font-size:13px}.bulk-actions button{align-items:center;background:#7fd957;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px}.ratings-list{display:flex;flex-direction:column;gap:8px}.rating-card{align-items:center;background:#111;border:1px solid #2e2e2e;border-radius:12px;display:flex;gap:16px;padding:16px 20px;transition:all .2s ease}.rating-card:hover{border-color:#3a3a3a}.rating-card.selected{background:#7fd9570d;border-color:#7fd957}.rating-checkbox{flex-shrink:0}.rating-checkbox input{accent-color:#7fd957;cursor:pointer;height:18px;width:18px}.rating-badge{border-radius:20px;color:#fff;flex-shrink:0;font-size:11px;font-weight:600;min-width:80px;padding:6px 12px;text-align:center}.rating-content{flex:1 1;min-width:0}.rating-response{color:#e5e5e5;font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rating-improvement{align-items:center;color:#f59e0b;display:flex;font-size:12px;gap:6px;margin-top:6px}.rating-meta{display:flex;flex-direction:column;flex-shrink:0;gap:4px;text-align:right}.meta-date{color:#6b7280;font-size:11px}.meta-customer{color:#9ca3af;font-size:12px}.meta-trained{align-items:center;color:#7fd957;display:flex;font-size:11px;gap:4px;justify-content:flex-end}.rating-actions{display:flex;flex-shrink:0;gap:8px}.action-btn-small{align-items:center;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.action-btn-small:hover{background:#2e2e2e;color:#e5e5e5}.action-btn-small.danger:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{color:#3a3a3a}.empty-state h3{color:#e5e5e5;font-size:18px;margin:0}.empty-state p{color:#6b7280;margin:8px 0 0}.loading-spinner{border:3px solid #2e2e2e;margin-bottom:16px}.training-info{display:flex;gap:24px;margin-bottom:32px}.info-card{background:linear-gradient(135deg,#7fd9571a,#111);border:1px solid #7fd9574d;border-radius:16px;flex:1 1;padding:32px;text-align:center}.info-icon{color:#7fd957;font-size:48px;margin-bottom:16px}.info-card h3{color:#fff;font-size:20px;margin:0 0 8px}.info-card p{color:#9ca3af;font-size:14px;line-height:1.5;margin:0 0 24px}.export-btn{align-items:center;background:#7fd957;border:none;border-radius:10px;color:#000;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.export-btn:hover{background:#5cb33b;transform:translateY(-2px)}.training-stats{flex-direction:column;gap:16px}.train-stat{background:#111;border:1px solid #2e2e2e;border-radius:12px;padding:20px 24px}.train-stat .stat-number{color:#7fd957;font-size:32px;font-weight:700}.train-stat .stat-label{color:#9ca3af;display:block;font-size:12px;margin-top:4px}.format-options{background:#111;border:1px solid #2e2e2e;border-radius:16px;padding:24px}.format-options h4{color:#e5e5e5;font-size:16px;margin:0 0 16px}.format-cards{gap:16px}.format-card{border:1px solid #3a3a3a;border-radius:12px;flex:1 1;gap:16px;padding:20px;transition:all .2s ease}.format-card:hover{background:#222}.format-icon{background:#7fd9571a;border-radius:10px;font-size:14px;height:48px;width:48px}.format-info h5{color:#e5e5e5;font-size:14px;margin:0}.format-info p{color:#6b7280;font-size:12px;margin:4px 0 0}.format-card>svg{color:#6b7280;font-size:20px;margin-left:auto}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;z-index:10000}.detail-modal,.export-modal{background:#111;border:1px solid #2e2e2e;border-radius:16px;max-width:480px;overflow:hidden;width:100%}.detail-modal{max-height:80vh;max-width:600px;overflow-y:auto}.modal-header{border-bottom:1px solid #2e2e2e;padding:16px 20px}.modal-header h3{align-items:center;display:flex;font-size:16px;gap:8px}.modal-header button{color:#9ca3af}.modal-body{padding:20px}.format-selector{margin-bottom:16px}.format-selector label{color:#9ca3af;display:block;font-size:13px;margin-bottom:8px}.format-selector select{background:#1a1a1a!important;border:1px solid #3a3a3a;border-radius:8px;color:#e5e5e5;font-size:14px;padding:10px 12px;width:100%}.export-info{background:#1a1a1a;border-radius:8px;padding:12px 16px}.export-info p{color:#9ca3af;font-size:13px;margin:4px 0}.export-info strong{color:#7fd957}.modal-footer{border-top:1px solid #2e2e2e;padding:16px 20px}.btn-cancel{background:#0000;border:1px solid #3a3a3a;border-radius:8px;color:#9ca3af}.btn-cancel,.btn-export{font-size:14px;padding:10px 20px}.btn-export{align-items:center;background:#7fd957;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-weight:600;gap:6px}.detail-section{border-bottom:1px solid #2e2e2e;margin-bottom:16px;padding-bottom:16px}.detail-section:last-child{border-bottom:none;margin-bottom:0}.detail-section label{color:#7fd957;font-size:11px;font-weight:600;margin-bottom:8px}.detail-section p{font-size:14px}.detail-section.highlight{background:#7fd9570d;border-radius:8px}.detail-badge{border-radius:20px;padding:6px 12px}.detail-meta{border-top:1px solid #2e2e2e;color:#6b7280;font-size:12px;justify-content:space-between;margin-top:16px;padding-top:16px}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}.format-cards,.training-info{flex-direction:column}}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{width:100%}.header-actions .action-btn{flex:1 1;justify-content:center}.training-content{padding:16px}.stats-grid{grid-template-columns:1fr}.filters-bar{align-items:stretch;flex-direction:column}.bulk-actions{justify-content:center;margin-left:0;margin-top:12px}.rating-card{flex-wrap:wrap}.rating-meta{border-top:1px solid #2e2e2e;flex-direction:row;justify-content:space-between;margin-top:12px;padding-top:12px;text-align:left;width:100%}}.agente-vendas-page{background:#0a0a0a;color:#e5e5e5;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto}.agente-header{background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border-bottom:1px solid #2a2a2a;padding:12px 20px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;margin-bottom:12px}.header-content,.header-title{align-items:center;display:flex}.header-title{gap:12px}.header-icon-wrapper{align-items:center;border-radius:10px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.header-icon-wrapper.vendas{background:linear-gradient(135deg,#7fd957,#4ade80);color:#0a0a0a}.header-icon-wrapper.suporte{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.header-title h1{color:#fff;font-size:20px;font-weight:700;margin:0}.header-title p{color:#888;font-size:12px;margin:2px 0 0}.header-actions{align-items:center}.period-select{padding:6px 12px}.period-select:hover{border-color:#444}.action-btn{border:none;font-size:12px;font-weight:500;gap:6px;padding:6px 14px}.action-btn.primary{background:#7fd957;color:#0a0a0a}.action-btn.primary:hover{background:#6bc44a}.action-btn.secondary{background:#2a2a2a;border:1px solid #333;color:#e5e5e5}.action-btn.secondary:hover{background:#333}.tabs-nav{display:flex;gap:4px}.tab-btn{border:none;border-bottom:2px solid #0000;color:#888;font-size:12px;gap:6px;padding:8px 14px}.tab-btn:hover{color:#e5e5e5}.tab-btn.active{border-bottom-color:#7fd957;color:#7fd957}.agente-content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1600px;padding:16px 20px;width:100%}.loading-state{color:#888;gap:12px;padding:40px}.loading-spinner{border:2px solid #333;height:32px;width:32px}.kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.kpi-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;gap:12px;padding:14px}.kpi-card:hover{border-color:#333}.kpi-card.highlight{background:linear-gradient(135deg,#7fd9571a,#7fd9570d);border-color:#7fd9574d}.kpi-icon{background:#2a2a2a;border-radius:8px;color:#7fd957;flex-shrink:0;font-size:18px;height:36px;width:36px}.kpi-icon.success{color:#22c55e}.kpi-icon.info{color:#3b82f6}.kpi-icon.warning{color:#eab308}.kpi-content{display:flex;flex-direction:column;min-width:0}.kpi-value{font-size:22px;line-height:1}.kpi-label{color:#888;font-size:11px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-description{color:#666;font-size:10px;margin-top:2px}.charts-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr 1fr;margin-bottom:16px}.chart-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;overflow:hidden}.chart-card.large{grid-column:span 2}.chart-header{border-bottom:1px solid #2a2a2a;justify-content:space-between;padding:12px 16px}.chart-header,.chart-header h3{align-items:center;display:flex}.chart-header h3{color:#fff;font-size:13px;font-weight:600;gap:6px;margin:0}.chart-legend{gap:12px}.legend-item{color:#888;gap:4px}.legend-dot{border-radius:2px;height:8px;width:8px}.legend-dot.respostas{background:#7fd957}.legend-dot.atendimentos{background:#3b82f6}.chart-body{min-height:120px;padding:14px}.daily-chart{align-items:flex-end;display:flex;gap:4px;height:100px}.daily-bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.daily-bars{align-items:flex-end;display:flex;gap:1px;height:80px}.daily-bar{border-radius:2px 2px 0 0;min-height:2px;transition:height .3s ease;width:8px}.daily-bar.respostas{background:#7fd957}.daily-bar.atendimentos{background:#3b82f6}.daily-label{color:#666;font-size:9px}.rating-distribution{display:flex;flex-direction:column;gap:8px}.dist-item{gap:8px}.dist-item,.dist-label{align-items:center;display:flex}.dist-label{font-size:11px;gap:6px;width:90px}.dist-dot{border-radius:2px;height:8px;width:8px}.dist-bar-container{background:#2a2a2a}.dist-count{color:#fff;font-size:12px;font-weight:600;width:30px}.insights-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 2fr;margin-bottom:16px}.insight-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;overflow:hidden}.insight-card.large{grid-column:span 1}.insight-header{border-bottom:1px solid #2a2a2a;padding:12px 16px}.insight-header h3{align-items:center;color:#fff;display:flex;font-size:13px;font-weight:600;gap:6px;margin:0}.insight-body{padding:14px}.peak-hours{display:flex;flex-direction:column;gap:6px}.peak-item{align-items:center;display:flex;gap:8px}.peak-rank{color:#666;font-size:10px;width:18px}.peak-hour{color:#fff;font-size:12px;font-weight:600;width:40px}.peak-bar-container{background:#2a2a2a;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.peak-bar{background:linear-gradient(90deg,#7fd957,#4ade80);border-radius:3px;height:100%;transition:width .3s ease}.peak-count{color:#888;font-size:11px;text-align:right;width:30px}.heatmap-container{display:flex;flex-direction:column;gap:4px}.heatmap-hours{display:flex;gap:0;padding-left:28px}.heatmap-hours span{color:#666;flex:1 1;font-size:8px;text-align:center}.heatmap-grid{display:flex;flex-direction:column;gap:2px}.heatmap-row{align-items:center;display:flex;gap:4px}.heatmap-day{color:#888;font-size:9px;width:24px}.heatmap-cells{display:flex;flex:1 1;gap:1px}.heatmap-cell{background:#2a2a2a;border-radius:2px;cursor:pointer;flex:1 1;height:12px;transition:transform .1s}.heatmap-cell:hover{transform:scale(1.1);z-index:1}.satisfaction-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;overflow:hidden}.satisfaction-header{border-bottom:1px solid #2a2a2a;padding:12px 16px}.satisfaction-header h3{color:#fff;font-size:13px;font-weight:600;margin:0}.satisfaction-content{align-items:center;display:flex;gap:24px;padding:14px}.satisfaction-item{align-items:center;display:flex;gap:10px}.satisfaction-item svg{font-size:22px}.satisfaction-item.positive svg{color:#22c55e}.satisfaction-item.negative svg{color:#ef4444}.satisfaction-value{color:#fff;font-size:20px;font-weight:700}.satisfaction-label{color:#888;font-size:11px}.satisfaction-rate{margin-left:auto;text-align:center}.rate-value{color:#7fd957;font-size:32px;font-weight:700}.rate-label{color:#888;font-size:11px}.avaliacoes-tab{padding:0}.avaliacoes-list{display:flex;flex-direction:column;gap:10px}.feedback-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s}.feedback-card:hover{border-color:#333}.feedback-rating{align-items:center;border-radius:8px;color:#fff;display:flex;flex-direction:column;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.feedback-rating svg{font-size:11px;margin-bottom:1px}.feedback-content{flex:1 1;min-width:0}.feedback-messages{display:flex;flex-direction:column;gap:4px}.msg{color:#ccc;font-size:12px;line-height:1.4}.msg-label{color:#888;font-weight:600;margin-right:6px}.msg.customer{color:#888}.msg.ai{color:#e5e5e5}.feedback-suggestion{align-items:flex-start;background:#7fd9571a;border-radius:6px;color:#7fd957;display:flex;font-size:11px;gap:6px;margin-top:8px;padding:8px}.feedback-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.feedback-meta span{color:#666;font-size:10px}.feedback-meta button{align-items:center;background:#2a2a2a;border:none;border-radius:4px;color:#888;cursor:pointer;display:flex;font-size:10px;gap:4px;padding:6px 10px;transition:all .2s}.feedback-meta button:hover{background:#333;color:#e5e5e5}.treinamento-tab{margin:0 auto;max-width:700px}.training-overview{margin-bottom:20px}.training-card{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #2a2a2a;border-radius:10px;padding:24px;text-align:center}.training-icon{color:#7fd957;font-size:32px;margin-bottom:10px}.training-card h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 8px}.training-card p{color:#888;font-size:13px;margin:0 auto 20px;max-width:450px}.training-stats{display:flex;gap:32px;justify-content:center}.train-stat{text-align:center}.stat-number{color:#fff;display:block;font-size:26px;font-weight:700}.stat-label{color:#888;font-size:11px}.format-options h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 12px}.format-cards{display:flex;flex-direction:column;gap:8px}.format-card{align-items:center;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .2s}.format-card:hover{background:#7fd9570d;border-color:#7fd957}.format-icon{align-items:center;background:#2a2a2a;border-radius:6px;color:#7fd957;display:flex;font-size:11px;font-weight:700;height:36px;justify-content:center;width:36px}.format-info{flex:1 1}.format-info h5{color:#fff;font-size:13px;font-weight:600;margin:0 0 2px}.format-info p{color:#888;font-size:11px;margin:0}.format-card svg{color:#666;font-size:16px}.empty-state{color:#888;padding:40px 20px}.empty-icon{color:#333;font-size:40px;margin-bottom:10px}.empty-state h3{color:#fff;font-size:16px;margin:0 0 6px}.empty-state p{color:#888;font-size:12px}.no-data{padding:24px;text-align:center}.modal-overlay{padding:16px}.detail-modal{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;display:flex;flex-direction:column;max-height:70vh;max-width:500px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid #2a2a2a;padding:14px 18px}.modal-header h3{font-size:15px}.modal-header button{color:#888}.modal-body{padding:18px}.detail-section{margin-bottom:14px}.detail-section label{color:#888;display:block;font-size:10px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.detail-section p{color:#e5e5e5;font-size:12px;line-height:1.5;margin:0}.detail-badge{border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.detail-section.highlight{background:#7fd9571a;border:1px solid #7fd95733;border-radius:6px;padding:12px}.detail-meta{border-top:1px solid #2a2a2a;color:#888;display:flex;font-size:11px;gap:16px;padding-top:12px}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.chart-card.large{grid-column:span 1}.insights-grid{grid-template-columns:1fr}}@media (max-width:768px){.agente-header{padding:16px 16px 0}.header-content{flex-direction:column;gap:16px}.header-actions{flex-wrap:wrap;width:100%}.agente-content{padding:16px}.kpi-grid{grid-template-columns:1fr}.satisfaction-content{flex-direction:column;gap:24px}.satisfaction-rate{margin-left:0}}.agente-suporte-page{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto}.agente-suporte-page .header-icon-wrapper.suporte{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.agente-suporte-page .tab-btn.active{border-bottom-color:#3b82f6;color:#3b82f6}.agente-suporte-page .kpi-card.highlight.suporte{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-color:#3b82f64d}.agente-suporte-page .kpi-icon{color:#3b82f6}.agente-suporte-page .action-btn.primary{background:#3b82f6}.agente-suporte-page .action-btn.primary:hover{background:#2563eb}.agente-suporte-page .training-card.suporte .training-icon{color:#3b82f6}.produtos-tab{padding:0}.produtos-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.produtos-search{align-items:center;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;display:flex;gap:8px;padding:8px 12px;width:240px}.produtos-search svg{color:#666;font-size:16px}.produtos-search input{background:none;border:none;color:#e5e5e5;font-size:12px;outline:none;width:100%}.produtos-search input::placeholder{color:#666}.produtos-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.produto-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:12px;transition:all .2s}.produto-card:hover{border-color:#3b82f6}.produto-header{align-items:flex-start;display:flex;gap:10px;margin-bottom:8px}.produto-icon{align-items:center;background:#3b82f61a;border-radius:6px;color:#3b82f6;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.produto-info{flex:1 1;min-width:0}.produto-info h4{color:#fff;font-size:13px;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.produto-code{color:#666;font-family:monospace;font-size:10px}.produto-actions{display:flex;gap:2px}.produto-actions button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:14px;padding:6px;transition:all .2s}.produto-actions button:hover{background:#2a2a2a;color:#e5e5e5}.produto-actions button:last-child:hover{color:#ef4444}.produto-category{align-items:center;color:#888;display:flex;font-size:11px;gap:6px;margin-bottom:8px}.produto-category svg{color:#666;font-size:14px}.produto-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#888;display:-webkit-box;font-size:11px;line-height:1.4;margin:0 0 8px;overflow:hidden}.produto-aliases{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.produto-aliases svg{color:#666;font-size:14px}.alias-tag{background:#2a2a2a;border-radius:3px;color:#888;font-size:10px;padding:2px 6px}.alias-more{color:#666;font-size:10px}.produto-questions{align-items:center;color:#3b82f6;display:flex;font-size:11px;gap:6px}.produto-questions svg{font-size:14px}.categories-list{display:flex;flex-direction:column;gap:8px}.category-item{align-items:center;background:#222;border-radius:6px;display:flex;gap:10px;padding:8px 10px}.category-dot{border-radius:2px;height:10px;width:10px}.category-name{color:#fff;font-size:12px;font-weight:600}.category-desc{color:#888;font-size:11px;margin-left:auto}.training-tips{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:16px}.training-tips h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 14px}.tips-list{flex-direction:column}.tip-item,.tips-list{display:flex;gap:10px}.tip-item{align-items:flex-start}.tip-item svg{color:#3b82f6;font-size:16px;margin-top:2px}.tip-item strong{color:#fff;display:block;font-size:12px;margin-bottom:2px}.tip-item p{color:#888;font-size:11px;margin:0}.product-modal{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;display:flex;flex-direction:column;max-height:80vh;max-width:550px;overflow:hidden;width:100%}.product-modal .modal-body{overflow-y:auto;padding:16px}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1 1}.form-group{margin-bottom:12px}.form-group label{color:#888;display:block;font-size:11px;margin-bottom:6px}.form-group input,.form-group textarea{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:6px;color:#e5e5e5;font-size:12px;outline:none;padding:8px 10px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6}.form-group textarea{min-height:60px}.form-hint{color:#666;display:block;font-size:10px;margin-top:3px}.modal-footer{border-top:1px solid #2a2a2a;gap:10px;padding:14px 16px}.btn-cancel{background:#2a2a2a;border:none;border-radius:6px;color:#e5e5e5;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s}.btn-cancel:hover{background:#333}.btn-save{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-save:hover{background:#2563eb}@media (max-width:768px){.produtos-header{flex-direction:column;gap:16px}.produtos-search{width:100%}.produtos-grid{grid-template-columns:1fr}.form-row{flex-direction:column;gap:0}}.exec-page{background:#0a0a0a;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px}.exec-loading,.exec-page{display:flex;flex-direction:column}.exec-loading{align-items:center;color:#666;justify-content:center;min-height:300px}.loading-spinner{border:3px solid #1a1a1a;border-top-color:#7fd957;height:40px;width:40px}.exec-header{background:linear-gradient(135deg,#1a1a1a,#111);border:1px solid #2a2a2a;border-radius:10px;margin-bottom:14px;padding:14px 18px}.exec-header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.exec-header-title{align-items:center;display:flex;gap:12px}.exec-icon-wrapper{align-items:center;background:linear-gradient(135deg,#7fd957,#22c55e);border-radius:10px;box-shadow:0 4px 12px #7fd9574d;color:#fff;display:flex;font-size:22px;height:44px;justify-content:center;width:44px}.exec-header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7fd957,#22c55e);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:20px;font-weight:700;margin:0}.exec-header-title p{color:#888;font-size:11px;margin:2px 0 0}.exec-header-actions{align-items:center;display:flex;gap:10px}.period-select{background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#e5e5e5;cursor:pointer;font-size:12px;outline:none;padding:8px 12px}.period-select:focus,.period-select:hover{border-color:#7fd957}.refresh-btn{background:#7fd957;border-radius:6px;color:#0a0a0a;font-size:12px;font-weight:500;gap:6px;padding:8px 14px}.refresh-btn:hover{background:#6bc94a;transform:translateY(-1px)}.exec-tabs{border-top:1px solid #2a2a2a;display:flex;gap:4px;padding-top:10px}.exec-tab{align-items:center;background:none;border:none;border-radius:6px;color:#888;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:8px 14px;transition:all .2s}.exec-tab:hover{background:#1a1a1a;color:#e5e5e5}.exec-tab.active{background:#7fd95726;color:#7fd957}.exec-tab svg{font-size:16px}.exec-content{display:flex;flex:1 1;flex-direction:column;gap:14px}.exec-kpis-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.exec-kpi-card{align-items:center;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;display:flex;gap:10px;padding:12px;transition:all .2s}.exec-kpi-card:hover{border-color:#333;transform:translateY(-1px)}.exec-kpi-card.highlight{background:linear-gradient(135deg,#7fd9571a,#22c55e0d);border-color:#7fd9574d}.exec-kpi-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.exec-kpi-content{flex:1 1;min-width:0}.exec-kpi-value{color:#fff;font-size:18px;font-weight:700}.exec-kpi-label{color:#888;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exec-kpi-trend{align-items:center;display:flex;font-size:10px;gap:2px;margin-top:2px}.exec-kpi-trend.up{color:#22c55e}.exec-kpi-trend.down{color:#ef4444}.exec-kpi-trend svg{font-size:12px}.exec-main-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}@media (max-width:1024px){.exec-main-grid{grid-template-columns:1fr}}.exec-section{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:14px}.exec-section.full-width{grid-column:1/-1}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.section-header.clickable{border-radius:6px;cursor:pointer;margin:-4px;padding:4px;transition:background .2s}.section-header.clickable:hover{background:#222}.section-header h3{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.section-header h3 svg{color:#7fd957;font-size:18px}.header-filter-badge{border-radius:10px;color:#fff;font-size:10px;font-weight:500;margin-left:10px;padding:2px 8px}.section-header>svg{color:#666;font-size:20px}.cidades-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.exec-cidade-card{background:#111;border:1px solid #2a2a2a;border-radius:8px;cursor:pointer;padding:12px;transition:all .2s}.exec-cidade-card.selected,.exec-cidade-card:hover{border-color:#7fd957;border-color:var(--cidade-color,#7fd957)}.exec-cidade-card.selected{background:linear-gradient(135deg,#7fd9571a,#0000)}.cidade-header{gap:10px;margin-bottom:10px}.cidade-header,.cidade-icon{align-items:center;display:flex}.cidade-icon{border-radius:6px;color:#fff;font-size:16px;height:32px;justify-content:center;width:32px}.cidade-info h4{color:#fff;font-size:13px;font-weight:600;margin:0}.cidade-info span{color:#666;font-size:10px}.cidade-stats{display:flex;gap:16px}.cidade-stat{display:flex;flex-direction:column}.cidade-stat .stat-value{color:#fff;font-size:16px;font-weight:700}.cidade-stat .stat-label{color:#666;font-size:10px}.ia-metrics-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:14px}.ia-agent-card{align-items:center;background:#111;border:1px solid #2a2a2a;border-radius:8px;display:flex;gap:12px;padding:12px}.ia-agent-card.vendas .agent-icon{background:linear-gradient(135deg,#7fd957,#22c55e)}.ia-agent-card.suporte .agent-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.agent-icon{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.agent-info h4{color:#fff;font-size:12px;font-weight:600;margin:0 0 6px}.agent-stats{display:flex;gap:16px}.agent-stat{display:flex;flex-direction:column}.agent-stat .value{color:#fff;font-size:14px;font-weight:700}.agent-stat .label{color:#666;font-size:9px}.feedbacks-distribution{background:#111;border-radius:8px;padding:12px}.feedbacks-distribution h4{color:#888;font-size:12px;font-weight:600;margin:0 0 10px}.distribution-bars{display:flex;flex-direction:column;gap:6px}.dist-bar-item{align-items:center;display:flex;gap:8px}.dist-label{color:#888;flex-shrink:0;font-size:10px;width:80px}.dist-bar-container{background:#222;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.dist-bar{border-radius:3px;height:100%;transition:width .3s ease}.dist-count{color:#666;font-size:10px;text-align:right;width:24px}.vendedores-list{display:flex;flex-direction:column;gap:6px}.exec-vendedor-row{align-items:center;background:#111;border:1px solid #2a2a2a;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:all .2s}.exec-vendedor-row:hover{background:#161616;border-color:#333}.vendedor-rank{border-radius:4px;color:#0a0a0a;font-size:10px;font-weight:700;height:24px;width:24px}.vendedor-avatar,.vendedor-rank{align-items:center;display:flex;flex-shrink:0;justify-content:center}.vendedor-avatar{background:#2a2a2a;border-radius:50%;color:#666;font-size:16px;height:32px;overflow:hidden;width:32px}.vendedor-avatar img{height:100%;object-fit:cover;width:100%}.vendedor-info{flex:1 1;min-width:0}.vendedor-name{color:#fff;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vendedor-cidade{color:#666;font-size:10px}.vendedor-metrics{display:flex;gap:14px}.vendedor-metrics .metric{align-items:center;color:#888;display:flex;font-size:11px;gap:4px}.vendedor-metrics .metric svg{color:#666;font-size:14px}.vendedor-score{align-items:center;display:flex;gap:8px;width:100px}.score-bar{background:#222;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.score-fill{background:#7fd957;background:var(--score-color,#7fd957);border-radius:2px;height:100%;transition:width .3s ease}.score-value{color:#7fd957;color:var(--score-color,#7fd957);font-size:11px;font-weight:700;width:24px}.conversas-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.exec-conversa-item{background:#111;border:1px solid #2a2a2a;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:all .2s}.exec-conversa-item:hover{background:#161616;border-color:#333}.conversa-indicator{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;width:28px}.conversa-indicator.ia{background:#7fd95733;color:#7fd957}.conversa-indicator.operador{background:#8b5cf633;color:#8b5cf6}.conversa-content{flex:1 1;min-width:0}.conversa-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.conversa-nome{color:#fff;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversa-time{color:#666;flex-shrink:0;font-size:10px}.conversa-preview{color:#888;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversa-meta{align-items:center;display:flex;gap:12px;margin-top:6px}.conversa-assignee{align-items:center;color:#888;display:flex;font-size:10px;gap:4px}.conversa-assignee.sem-atribuicao{color:#666;font-style:italic}.conversa-assignee svg{font-size:12px}.conversa-cidade{align-items:center;color:#7fd957;color:var(--cidade-cor,#7fd957);display:flex;font-size:10px;font-weight:500;gap:4px}.conversa-cidade svg{font-size:12px}.no-conversas{align-items:center;color:#666;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:40px}.no-conversas svg{font-size:32px;opacity:.5}.no-conversas p{font-size:13px;margin:0}.exec-vendedores-tab{display:flex;flex-direction:column;gap:14px}.cidade-filters{display:flex;flex-wrap:wrap;gap:8px}.cidade-filter{align-items:center;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;color:#888;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:8px 14px;transition:all .2s}.cidade-filter:hover{border-color:#333;color:#e5e5e5}.cidade-filter.active{background:#7fd9571a;border-color:#7fd957;border-color:var(--filter-color,#7fd957);color:#7fd957;color:var(--filter-color,#7fd957)}.filter-dot{border-radius:2px;height:8px;width:8px}.vendedores-full-list{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;overflow:hidden}.list-header{align-items:center;background:#111;border-bottom:1px solid #2a2a2a;color:#666;display:flex;font-size:10px;font-weight:600;gap:10px;padding:10px 14px;text-transform:uppercase}.list-header .col-rank{width:24px}.list-header .col-vendedor{flex:1 1;padding-left:42px}.list-header .col-metric{text-align:center;width:70px}.list-header .col-score{text-align:center;width:100px}.vendedores-full-list .exec-vendedor-row{border:none;border-bottom:1px solid #222;border-radius:0}.vendedores-full-list .exec-vendedor-row:last-child{border-bottom:none}.exec-ia-tab{display:flex;flex-direction:column;gap:14px}.ia-kpis{grid-gap:10px;display:grid;gap:10px;grid-template-columns:2fr 1fr 1fr}.ia-kpi-card{align-items:center;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;display:flex;gap:14px;padding:16px}.ia-kpi-card.large{background:linear-gradient(135deg,#7fd95726,#22c55e0d);border-color:#7fd9574d}.ia-kpi-card .kpi-icon{align-items:center;background:#7fd95733;border-radius:10px;color:#7fd957;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.ia-kpi-card .kpi-info{display:flex;flex-direction:column}.ia-kpi-card .kpi-value{color:#fff;font-size:22px;font-weight:700}.ia-kpi-card .kpi-label{color:#888;font-size:11px}.ia-chart{min-height:160px}.daily-chart-container,.ia-chart{align-items:flex-end;display:flex}.daily-chart-container{gap:6px;height:140px;padding:0 10px;width:100%}.chart-bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.chart-bars{align-items:flex-end;display:flex;flex:1 1;justify-content:center;width:100%}.chart-bar{border-radius:3px 3px 0 0;max-width:100%;transition:height .3s ease;width:20px}.chart-bar.respostas{background:linear-gradient(180deg,#7fd957,#22c55e)}.chart-label{color:#666;font-size:9px;white-space:nowrap}.no-data{color:#666;flex:1 1}.agents-detail-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.agent-detail-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;overflow:hidden}.agent-detail-card.vendas{border-color:#7fd9574d}.agent-detail-card.suporte{border-color:#3b82f64d}.agent-detail-header{align-items:center;background:#111;display:flex;gap:10px;padding:12px 14px}.agent-detail-card.vendas .agent-detail-header{background:linear-gradient(90deg,#7fd9571a,#0000)}.agent-detail-card.suporte .agent-detail-header{background:linear-gradient(90deg,#3b82f61a,#0000)}.agent-detail-header svg{font-size:22px}.agent-detail-card.vendas .agent-detail-header svg{color:#7fd957}.agent-detail-card.suporte .agent-detail-header svg{color:#3b82f6}.agent-detail-header h3{color:#fff;font-size:14px;font-weight:600;margin:0}.agent-detail-body{display:flex;flex-direction:column;gap:10px;padding:14px}.detail-stat{align-items:center;display:flex;justify-content:space-between}.detail-stat .label{color:#888;font-size:12px}.detail-stat .value{color:#fff;font-size:13px;font-weight:600}.exec-conversas-tab{display:flex;flex-direction:column;gap:14px}.conversas-header{align-items:center;display:flex;justify-content:space-between}.conversas-header h3{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.conversas-header h3 svg{color:#7fd957}.conversas-count{color:#666;font-size:12px}.conversas-full-list{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:10px}.exec-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}.exec-detail-modal{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;display:flex;flex-direction:column;max-height:70vh;max-width:500px;overflow:hidden;width:100%}.exec-detail-modal .modal-header{align-items:center;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:14px 16px}.modal-title{align-items:center;display:flex;gap:10px}.modal-title svg{color:#7fd957;font-size:20px}.modal-title h3{color:#fff;font-size:14px;font-weight:600;margin:0}.modal-title span{color:#666;font-size:11px}.modal-header button{background:none;color:#666}.modal-header button:hover{color:#e5e5e5}.modal-body{flex:1 1;overflow-y:auto;padding:14px 16px}.conversa-messages{display:flex;flex-direction:column;gap:8px}.msg-item{display:flex}.msg-item.sent{justify-content:flex-end}.msg-item.received{justify-content:flex-start}.msg-bubble{border-radius:12px;font-size:12px;max-width:80%;padding:8px 12px}.msg-item.sent .msg-bubble{background:#7fd957;border-bottom-right-radius:4px;color:#0a0a0a}.msg-item.sent.ia .msg-bubble{background:#3b82f6;color:#fff}.msg-item.received .msg-bubble{background:#2a2a2a;border-bottom-left-radius:4px;color:#e5e5e5}.msg-bubble p{line-height:1.4;margin:0 0 4px}.msg-time{align-items:center;display:flex;font-size:9px;gap:6px;opacity:.7}.msg-sender{font-weight:600}@media (max-width:768px){.exec-header-content{align-items:flex-start;flex-direction:column;gap:12px}.exec-tabs{overflow-x:auto;padding-bottom:6px}.exec-kpis-grid{grid-template-columns:repeat(2,1fr)}.agents-detail-grid,.cidades-grid,.ia-kpis,.ia-metrics-grid{grid-template-columns:1fr}.cidade-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.conversas-grid{grid-template-columns:1fr}}.ds-container{background:linear-gradient(135deg,#0a0a0a,#0f0f0f 50%,#0a0a0a);color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.ds-container:before{background:radial-gradient(ellipse,#7fd95708 0,#0000 70%);height:100%;right:-20%;top:-50%;width:60%}.ds-container:after,.ds-container:before{content:"";pointer-events:none;position:absolute;z-index:0}.ds-container:after{background:radial-gradient(ellipse,#7fd95705 0,#0000 60%);bottom:-30%;height:80%;left:-10%;width:50%}.ds-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#111111fa,#0f0f0ff2);border-bottom:1px solid #7fd9571a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:20px 28px;position:relative;z-index:10}.ds-header:after{background:linear-gradient(90deg,#0000,#7fd9574d,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.ds-header-left{gap:16px}.ds-back-btn,.ds-header-left{align-items:center;display:flex}.ds-back-btn{background:linear-gradient(135deg,#7fd9571a,#7fd9570d);border:1px solid #7fd95733;border-radius:12px;color:#7fd957;cursor:pointer;font-size:20px;height:42px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:42px}.ds-back-btn:hover{border-color:#7fd957;box-shadow:0 4px 20px #7fd95733;transform:translateX(-2px)}.ds-back-btn:hover,.ds-header-icon{background:linear-gradient(135deg,#7fd95733,#7fd9571a)}.ds-header-icon{align-items:center;border:1px solid #7fd9574d;border-radius:14px;box-shadow:0 4px 20px #7fd95726;color:#7fd957;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.ds-header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.ds-header-subtitle{align-items:center;color:#7fd957;display:flex;font-size:13px;font-weight:500;gap:6px;margin-top:2px}.ds-header-subtitle:before{animation:pulse-dot 2s infinite;background:#7fd957;border-radius:50%;content:"";height:6px;width:6px}.ds-header-right{align-items:center;display:flex;gap:16px}.ds-search-box{align-items:center;background:linear-gradient(135deg,#1a1a1ae6,#141414e6);border:1px solid #7fd95726;border-radius:14px;display:flex;gap:12px;min-width:280px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ds-search-box:focus-within{background:linear-gradient(135deg,#1e1e1ef2,#191919f2);border-color:#7fd957;box-shadow:0 0 0 3px #7fd9571a,0 4px 20px #7fd95726}.ds-search-box svg{color:#7fd957;font-size:20px;opacity:.8}.ds-search-box input{background:#0000;border:none;color:#fff;flex:1 1;font-size:14px;font-weight:400;outline:none}.ds-search-box input::placeholder{color:#fff6}.ds-clear-btn{align-items:center;background:#7fd95726;border:none;border-radius:50%;color:#7fd957;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.ds-clear-btn:hover{background:#7fd9574d;transform:scale(1.1)}.ds-view-toggle{background:linear-gradient(135deg,#1a1a1ae6,#141414e6);border:1px solid #7fd95726;border-radius:12px;display:flex;gap:4px;overflow:hidden;padding:4px}.ds-view-toggle button{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.ds-view-toggle button:hover{background:#7fd9571a;color:#7fd957}.ds-view-toggle button.active{background:linear-gradient(135deg,#7fd957,#5fb842);box-shadow:0 4px 15px #7fd95766;color:#000}.ds-breadcrumb{align-items:center;background:linear-gradient(180deg,#0f0f0ff2,#0c0c0cf2);border-bottom:1px solid #7fd95714;display:flex;font-size:13px;gap:10px;padding:14px 28px;position:relative;z-index:5}.ds-breadcrumb span{border-radius:6px;color:#ffffff80;cursor:pointer;padding:4px 8px;transition:all .2s ease}.ds-breadcrumb span.active,.ds-breadcrumb span:hover{background:#7fd9571a;color:#7fd957}.ds-breadcrumb span.active{cursor:default;font-weight:600}.ds-breadcrumb svg{color:#7fd95766;font-size:16px}.ds-main{flex:1 1;overflow-y:auto;padding:28px 300px 28px 28px;position:relative;z-index:1}.ds-main::-webkit-scrollbar{width:8px}.ds-main::-webkit-scrollbar-track{background:#7fd9570d;border-radius:4px}.ds-main::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7fd9574d,#7fd95733);border-radius:4px}.ds-main::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7fd95780,#7fd9574d)}.ds-categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ds-category-card{align-items:center;background:linear-gradient(135deg,#1a1a1ae6,#111111e6);border:1px solid #7fd9571a;border-radius:16px;cursor:pointer;display:flex;gap:18px;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.ds-category-card:before{background:linear-gradient(180deg,#7fd957,#0000);background:linear-gradient(180deg,var(--category-color,#7fd957) 0,#0000 100%);width:4px}.ds-category-card:after,.ds-category-card:before{bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease}.ds-category-card:after{background:linear-gradient(135deg,#7fd9570d,#0000);pointer-events:none;right:0}.ds-category-card:hover{border-color:#7fd957;border-color:var(--category-color,#7fd957);box-shadow:0 20px 40px #0006,0 0 40px #7fd9571a;transform:translateY(-4px)}.ds-category-card.active:before,.ds-category-card:hover:after,.ds-category-card:hover:before{opacity:1}.ds-category-card.active{background:linear-gradient(135deg,#7fd95714,#111111f2);border-color:#7fd957;border-color:var(--category-color,#7fd957)}.ds-category-icon{align-items:center;background:linear-gradient(135deg,#7fd95726,#7fd9570d);border:1px solid #7fd95733;border-radius:14px;box-shadow:0 4px 15px #7fd9571a;color:#7fd957;color:var(--category-color,#7fd957);display:flex;font-size:28px;height:56px;justify-content:center;transition:all .3s ease;width:56px}.ds-category-card:hover .ds-category-icon{box-shadow:0 8px 25px #7fd95740;transform:scale(1.1)}.ds-category-name{color:#fff;flex:1 1;font-size:17px;font-weight:600;letter-spacing:-.3px}.ds-category-count{color:#fff6;font-size:12px;margin-top:4px}.ds-category-arrow{color:#7fd95780;font-size:22px;transition:all .3s ease}.ds-category-card:hover .ds-category-arrow{color:#7fd957;transform:translateX(6px)}.ds-subcategories-bar{border-bottom:1px solid #7fd9571a;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding:20px 0}.ds-subcategory-chip{background:linear-gradient(135deg,#1a1a1ae6,#141414e6);border:1px solid #7fd95726;border-radius:25px;color:#ffffffb3;cursor:pointer;font-size:13px;font-weight:500;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ds-subcategory-chip:hover{background:linear-gradient(135deg,#7fd95726,#7fd9570d);border-color:#7fd957;box-shadow:0 4px 15px #7fd95733;color:#7fd957;transform:translateY(-2px)}.ds-subcategory-chip.active{background:linear-gradient(135deg,#7fd957,#5fb842);border-color:#7fd957;box-shadow:0 4px 20px #7fd95766;color:#000;font-weight:600}.ds-products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.ds-product-card{background:linear-gradient(135deg,#1a1a1af2,#111111f2);border:1px solid #7fd9571a;border-radius:16px;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.ds-product-card:before{background:linear-gradient(90deg,#0000,#7fd957,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.ds-product-card:hover{border-color:#7fd95766;box-shadow:0 25px 50px #00000080,0 0 50px #7fd9571a;transform:translateY(-6px)}.ds-product-card:hover:before{opacity:1}.ds-product-image{align-items:center;background:linear-gradient(135deg,#141414,#0f0f0f);display:flex;height:180px;justify-content:center;overflow:hidden;position:relative;width:100%}.ds-product-image:after{background:linear-gradient(0deg,#111 0,#0000);bottom:0;content:"";height:40%;left:0;pointer-events:none;position:absolute;right:0}.ds-product-image img{height:100%;object-fit:contain;padding:16px;transition:transform .4s ease;width:100%}.ds-product-card:hover .ds-product-image img{transform:scale(1.08)}.ds-product-image-placeholder{align-items:center;color:#7fd9574d;display:flex;font-size:56px;height:100%;justify-content:center;width:100%}.ds-product-image-placeholder.large{font-size:100px}.ds-favorite-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .3s ease;width:36px;z-index:10}.ds-favorite-btn:hover{background:#000c;color:#f59e0b;transform:scale(1.15)}.ds-favorite-btn.active{background:#f59e0b33;box-shadow:0 0 20px #f59e0b4d;color:#f59e0b}.ds-favorite-btn.large{background:linear-gradient(135deg,#1a1a1ae6,#141414e6);border:1px solid #f59e0b33;font-size:26px;height:52px;position:static;width:52px}.ds-product-info{padding:16px;position:relative;z-index:5}.ds-product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:15px;font-weight:600;line-height:1.4;margin:0 0 6px;overflow:hidden}.ds-product-code{background:#7fd9571a;border-radius:4px;color:#7fd957;display:inline-block;font-family:SF Mono,Consolas,monospace;font-size:11px;margin-top:4px;padding:3px 8px}.ds-product-brand{color:#fff6;display:block;font-size:11px;letter-spacing:.5px;margin-top:6px;text-transform:uppercase}.ds-product-meta{align-items:center;background:linear-gradient(135deg,#0f0f0f,#0c0c0c);border-top:1px solid #7fd95714;color:#fff6;display:flex;font-size:11px;justify-content:space-between;padding:12px 16px}.ds-product-views{align-items:center;color:#7fd95799;display:flex;gap:5px}.ds-products-list{display:flex;flex-direction:column;gap:12px}.ds-product-list-item{align-items:center;background:linear-gradient(135deg,#1a1a1ae6,#141414e6);border:1px solid #7fd9571a;border-radius:14px;cursor:pointer;display:flex;gap:18px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ds-product-list-item:hover{background:linear-gradient(135deg,#7fd95714,#141414f2);border-color:#7fd95766;box-shadow:0 10px 30px #0000004d;transform:translateX(8px)}.ds-product-list-image{align-items:center;background:linear-gradient(135deg,#141414,#0f0f0f);border:1px solid #7fd95726;border-radius:12px;color:#7fd95766;display:flex;font-size:28px;height:56px;justify-content:center;overflow:hidden;width:56px}.ds-product-list-image img{height:100%;object-fit:contain;width:100%}.ds-product-list-info{flex:1 1}.ds-product-list-info h4{color:#fff;font-size:15px;font-weight:600;margin:0 0 4px}.ds-product-list-info span{color:#7fd957;font-family:SF Mono,Consolas,monospace;font-size:12px}.ds-product-list-brand{color:#fff6;font-size:12px;min-width:100px}.ds-product-list-actions{display:flex;gap:8px}.ds-product-detail{display:flex;flex-direction:column;gap:28px}.ds-product-detail-header{background:linear-gradient(135deg,#1a1a1af2,#111111f2);border:1px solid #7fd95726;border-radius:20px;display:flex;gap:28px;overflow:hidden;padding:28px;position:relative}.ds-product-detail-header:before{background:linear-gradient(90deg,#7fd957,#22c55e,#7fd957);content:"";height:3px;left:0;position:absolute;right:0;top:0}.ds-product-detail-image{align-items:center;background:linear-gradient(135deg,#141414,#0f0f0f);border:1px solid #7fd95733;border-radius:16px;display:flex;flex-shrink:0;height:220px;justify-content:center;overflow:hidden;width:220px}.ds-product-detail-image img{height:100%;object-fit:contain;padding:16px;width:100%}.ds-product-detail-info{display:flex;flex:1 1;flex-direction:column;gap:16px}.ds-product-detail-info h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.ds-product-detail-meta{display:flex;flex-wrap:wrap;gap:10px}.ds-tag{background:linear-gradient(135deg,#1a1a1ae6,#141414e6);border:1px solid #7fd95726;border-radius:8px;color:#ffffffb3;font-family:SF Mono,Consolas,monospace;font-size:12px;padding:6px 14px}.ds-tag.brand{background:linear-gradient(135deg,#7fd95726,#7fd9570d);border-color:#7fd9574d;color:#7fd957;font-weight:600}.ds-product-description{color:#fff9;font-size:14px;line-height:1.7;margin:0}.ds-product-stats{border-top:1px solid #7fd9571a;display:flex;gap:28px;margin-top:auto;padding-top:16px}.ds-product-stats span{align-items:center;color:#ffffff80;display:flex;font-size:13px;gap:8px}.ds-product-stats span svg{color:#7fd957}.ds-documents-section{background:linear-gradient(135deg,#1a1a1af2,#111111f2);border:1px solid #7fd95726;border-radius:20px;overflow:hidden}.ds-documents-tabs{background:linear-gradient(180deg,#0f0f0f,#0c0c0c);border-bottom:1px solid #7fd9571a;display:flex;gap:8px;overflow-x:auto;padding:16px 20px}.ds-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:#ffffff80;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.ds-tab:hover{background:#7fd9571a;border-color:#7fd95733;color:#7fd957}.ds-tab.active{background:linear-gradient(135deg,#7fd957,#5fb842);box-shadow:0 4px 20px #7fd95766;color:#000;font-weight:600}.ds-tab-badge{align-items:center;background:#00000026;border-radius:11px;display:inline-flex;font-size:11px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 7px}.ds-tab.active .ds-tab-badge{background:#00000040}.ds-documents-content{min-height:220px;padding:20px}.ds-documents-list{display:flex;flex-direction:column;gap:12px}.ds-document-item{align-items:center;background:linear-gradient(135deg,#141414cc,#0f0f0fcc);border:1px solid #7fd9571a;border-radius:14px;display:flex;gap:16px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ds-document-item:hover{background:linear-gradient(135deg,#7fd95714,#0f0f0fe6);border-color:#7fd95766;transform:translateX(6px)}.ds-document-icon{align-items:center;background:linear-gradient(135deg,#7fd95726,#7fd9570d);border:1px solid #7fd95733;border-radius:12px;box-shadow:0 4px 15px #7fd9571a;color:#7fd957;display:flex;font-size:22px;height:48px;justify-content:center;width:48px}.ds-document-info{flex:1 1}.ds-document-title{color:#fff;font-size:15px;font-weight:600;margin:0 0 4px}.ds-document-desc{color:#ffffff80;font-size:12px;margin:0}.ds-document-version{background:#7fd9571a;border-radius:4px;color:#7fd957;display:inline-block;font-family:SF Mono,Consolas,monospace;font-size:10px;margin-top:6px;padding:3px 8px}.ds-document-actions{display:flex;gap:6px}.ds-icon-btn{align-items:center;background:linear-gradient(135deg,#1a1a1acc,#141414cc);border:1px solid #7fd95726;border-radius:10px;color:#fff9;cursor:pointer;display:flex;font-size:18px;height:38px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:38px}.ds-icon-btn:hover{background:linear-gradient(135deg,#7fd95726,#7fd9570d);border-color:#7fd957;color:#7fd957;transform:scale(1.08)}.ds-icon-btn.active{background:#f59e0b26;border-color:#f59e0b4d;color:#f59e0b}.ds-icon-btn.danger:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.ds-btn{align-items:center;background:linear-gradient(135deg,#1a1a1ae6,#141414e6);border:1px solid #7fd95733;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.ds-btn:hover{background:linear-gradient(135deg,#7fd95726,#7fd9570d);border-color:#7fd957;box-shadow:0 8px 25px #7fd95733;transform:translateY(-2px)}.ds-btn.primary{background:linear-gradient(135deg,#7fd957,#5fb842);border-color:#7fd957;box-shadow:0 4px 20px #7fd9574d;color:#000;font-weight:600}.ds-btn.primary:hover{background:linear-gradient(135deg,#8ce668,#6bc548);box-shadow:0 8px 30px #7fd95780;transform:translateY(-2px)}.ds-btn.primary:disabled{background:linear-gradient(135deg,#4a7d35,#3d6a2c);box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.ds-btn.active{background:linear-gradient(135deg,#7fd957,#5fb842);border-color:#7fd957;color:#000}.ds-btn.small{border-radius:8px;font-size:12px;padding:8px 14px}.ds-btn.large{border-radius:14px;font-size:16px;padding:16px 32px}.ds-comments-panel,.ds-websearch-panel{background:linear-gradient(135deg,#1a1a1af2,#111111f2);border:1px solid #7fd95726;border-radius:20px;overflow:hidden}.ds-panel-header{align-items:center;background:linear-gradient(180deg,#0f0f0ff2,#0000);border-bottom:1px solid #7fd9571a;display:flex;justify-content:space-between;padding:18px 20px}.ds-panel-header h3{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0}.ds-panel-header h3 svg{color:#7fd957}.ds-close-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:10px;color:#ffffff80;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.ds-close-btn:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.ds-add-comment{border-bottom:1px solid #7fd9571a;padding:20px}.ds-comment-type-selector{display:flex;gap:10px;margin-bottom:16px}.ds-type-btn{align-items:center;background:linear-gradient(135deg,#1a1a1ae6,#141414e6);border:1px solid #7fd95733;border-radius:12px;color:#ffffff80;cursor:pointer;display:flex;font-size:20px;height:42px;justify-content:center;transition:all .3s ease;width:42px}.ds-type-btn:hover{background:#7fd9571a;border-color:#7fd957;color:#7fd957}.ds-type-btn.active{background:linear-gradient(135deg,#7fd957,#5fb842);border-color:#7fd957;box-shadow:0 4px 15px #7fd9574d;color:#000}.ds-add-comment textarea{background:linear-gradient(135deg,#141414e6,#0f0f0fe6);border:1px solid #7fd95726;border-radius:12px;color:#fff;font-size:14px;margin-bottom:14px;min-height:100px;padding:14px;resize:vertical;transition:all .3s ease;width:100%}.ds-add-comment textarea:focus{border-color:#7fd957;box-shadow:0 0 0 3px #7fd9571a;outline:none}.ds-comments-list{display:flex;flex-direction:column;gap:14px;max-height:350px;overflow-y:auto;padding:20px}.ds-comment-item{background:linear-gradient(135deg,#141414cc,#0f0f0fcc);border-left:4px solid #7fd957;border-radius:14px;display:flex;gap:14px;padding:16px;transition:all .3s ease}.ds-comment-item:hover{background:linear-gradient(135deg,#7fd9570d,#0f0f0fe6)}.ds-comment-item.dica{border-left-color:#f59e0b}.ds-comment-item.alerta{border-left-color:#ef4444}.ds-comment-item.pergunta{border-left-color:#3b82f6}.ds-comment-icon{align-items:flex-start;color:#7fd957;display:flex;font-size:20px}.ds-comment-item.dica .ds-comment-icon{color:#f59e0b}.ds-comment-item.alerta .ds-comment-icon{color:#ef4444}.ds-comment-item.pergunta .ds-comment-icon{color:#3b82f6}.ds-comment-content{flex:1 1}.ds-comment-content p{color:#ffffffe6;font-size:14px;line-height:1.6;margin:0 0 10px}.ds-comment-meta{color:#fff6;display:flex;font-size:11px;gap:16px}.ds-no-comments{color:#fff6;font-size:14px;padding:32px;text-align:center}.ds-websearch-form{border-bottom:1px solid #7fd9571a;display:flex;gap:14px;padding:20px}.ds-websearch-form input{background:linear-gradient(135deg,#141414e6,#0f0f0fe6);border:1px solid #7fd95726;border-radius:12px;color:#fff;flex:1 1;font-size:14px;padding:14px 18px;transition:all .3s ease}.ds-websearch-form input:focus{border-color:#7fd957;box-shadow:0 0 0 3px #7fd9571a;outline:none}.ds-websearch-results{display:flex;flex-direction:column;gap:14px;max-height:350px;overflow-y:auto;padding:20px}.ds-websearch-result{background:linear-gradient(135deg,#141414cc,#0f0f0fcc);border:1px solid #7fd9571a;border-radius:14px;display:block;padding:16px;text-decoration:none;transition:all .3s ease}.ds-websearch-result:hover{background:linear-gradient(135deg,#7fd95714,#0f0f0fe6);border-color:#7fd95766;transform:translateY(-2px)}.ds-websearch-result h4{color:#7fd957;font-size:15px;font-weight:600;margin:0 0 6px}.ds-websearch-result p{color:#fff9;font-size:13px;line-height:1.5;margin:0 0 10px}.ds-result-source{background:#7fd9571a;border-radius:4px;color:#7fd957b3;display:inline-block;font-size:10px;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.ds-no-results{color:#fff6;font-size:14px;padding:32px;text-align:center}.ds-favorites-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#111111fa,#0c0c0cfa);border-left:1px solid #7fd9571a;bottom:0;display:flex;flex-direction:column;position:fixed;right:0;top:0;width:280px;z-index:50}.ds-sidebar-header{align-items:center;border-bottom:1px solid #7fd9571a;color:#fff;display:flex;font-size:15px;font-weight:600;gap:10px;padding:20px}.ds-sidebar-header svg{color:#f59e0b;font-size:20px}.ds-badge{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:1px solid #f59e0b33;border-radius:12px;color:#f59e0b;font-size:12px;font-weight:600;margin-left:auto;padding:4px 10px}.ds-favorites-list{flex:1 1;overflow-y:auto;padding:12px}.ds-favorite-item{align-items:center;border:1px solid #0000;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;font-size:13px;gap:12px;padding:12px 14px;transition:all .3s ease}.ds-favorite-item:hover{background:linear-gradient(135deg,#f59e0b1a,#0000);border-color:#f59e0b33;color:#fff}.ds-favorite-item svg{color:#f59e0b;font-size:18px}.ds-no-favorites{color:#fff6;font-size:13px;padding:32px 20px;text-align:center}.ds-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.ds-modal{background:linear-gradient(135deg,#1a1a1afa,#111111fa);border:1px solid #7fd95733;border-radius:24px;box-shadow:0 25px 80px #0009,0 0 80px #7fd9571a;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.ds-modal-header{align-items:center;background:linear-gradient(180deg,#0f0f0ff2,#0000);border-bottom:1px solid #7fd9571a;display:flex;justify-content:space-between;padding:24px 28px}.ds-modal-header h2{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;gap:12px;margin:0}.ds-modal-header h2 svg{color:#7fd957}.ds-modal-body{flex:1 1;overflow-y:auto;padding:28px}.ds-modal-footer{background:linear-gradient(180deg,#0000,#0f0f0ff2);border-top:1px solid #7fd9571a;display:flex;gap:14px;justify-content:flex-end;padding:20px 28px}.ds-form-group{margin-bottom:20px}.ds-form-group label{color:#fffc;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.ds-form-group input,.ds-form-group select,.ds-form-group textarea{background:linear-gradient(135deg,#141414e6,#0f0f0fe6);border:1px solid #7fd95726;border-radius:12px;color:#fff;font-size:14px;padding:14px 16px;transition:all .3s ease;width:100%}.ds-form-group input:focus,.ds-form-group select:focus,.ds-form-group textarea:focus{border-color:#7fd957;box-shadow:0 0 0 3px #7fd9571a,0 4px 20px #7fd9571a;outline:none}.ds-form-group textarea{min-height:100px;resize:vertical}.ds-form-group select{-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='%237FD957' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.ds-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.ds-file-upload{position:relative}.ds-file-upload input[type=file]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.ds-file-upload label{align-items:center;background:linear-gradient(135deg,#7fd95705,#0000);border:2px dashed #7fd9574d;border-radius:14px;color:#ffffff80;cursor:pointer;display:flex;gap:12px;justify-content:center;padding:28px;transition:all .3s ease}.ds-file-upload:hover label{background:linear-gradient(135deg,#7fd95714,#0000);border-color:#7fd957;color:#7fd957}.ds-file-upload label svg{font-size:28px}.ds-loading{flex-direction:column;gap:20px;height:100%}.ds-loading,.ds-loading-inline{align-items:center;color:#ffffff80;display:flex;justify-content:center}.ds-loading-inline{gap:16px;padding:60px}.ds-spinner{animation:ds-spin .8s linear infinite;border:3px solid #7fd9571a;border-radius:50%;border-top-color:#7fd957;height:48px;width:48px}.ds-spinner.small{border-width:2px;height:24px;width:24px}@keyframes ds-spin{to{transform:rotate(1turn)}}.ds-empty-state{align-items:center;color:#fff6;display:flex;flex-direction:column;justify-content:center;padding:60px 28px;text-align:center}.ds-empty-state svg{color:#7fd9574d;font-size:72px;margin-bottom:20px}.ds-empty-state h3{color:#ffffffb3;font-size:20px;font-weight:600;margin:0 0 10px}.ds-empty-state p{font-size:14px;margin:0 0 24px;max-width:400px}.ds-empty-state.small{padding:32px}.ds-empty-state.small svg{font-size:48px}.ds-empty-state.small h3{font-size:15px}.ds-empty-state.small p{font-size:12px;margin-bottom:16px}.ds-empty-initial{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:60px 28px;position:relative;text-align:center;z-index:1}.ds-empty-initial:before{background:radial-gradient(ellipse,#7fd95714 0,#0000 70%);content:"";height:500px;left:50%;pointer-events:none;position:absolute;top:20%;transform:translateX(-50%);width:500px;z-index:-1}.ds-empty-initial .ds-empty-icon{animation:float 3s ease-in-out infinite;color:#7fd957;filter:drop-shadow(0 0 40px rgba(127,217,87,.4));font-size:100px;margin-bottom:28px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ds-empty-initial h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0 50%,#7fd957);-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:800;letter-spacing:-1px;margin:0 0 12px}.ds-empty-initial h2{color:#7fd957;font-size:18px;font-weight:500;letter-spacing:.5px;margin:0 0 28px}.ds-empty-initial p{color:#fff9;font-size:15px;line-height:1.6;margin:0 0 10px;max-width:520px}.ds-empty-initial .ds-empty-info{color:#fff6;font-size:13px;margin-bottom:32px}.ds-empty-initial .ds-btn.large{border-radius:16px;box-shadow:0 8px 30px #7fd95766,0 0 0 1px #7fd95733;font-size:17px;padding:18px 36px}.ds-empty-initial .ds-btn.large:hover{box-shadow:0 15px 50px #7fd95780,0 0 0 1px #7fd95766;transform:translateY(-4px)}.ds-empty-categories-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a1ae6,#111111e6);border:1px solid #7fd95726;border-radius:20px;margin-top:56px;max-width:700px;padding:28px;width:100%}.ds-empty-categories-preview h3{color:#ffffff80;font-size:14px;font-weight:500;letter-spacing:1px;margin:0 0 20px;text-transform:uppercase}.ds-preview-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.ds-preview-item{align-items:center;background:linear-gradient(135deg,#141414cc,#0f0f0fcc);border:1px solid #7fd9571a;border-radius:12px;color:#7fd957;color:var(--cat-color,#7fd957);display:flex;font-size:13px;font-weight:500;gap:12px;padding:14px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ds-preview-item svg{font-size:22px;opacity:.9}.ds-preview-item:hover{background:linear-gradient(135deg,#7fd95714,#0f0f0fe6);border-color:#7fd957;border-color:var(--cat-color,#7fd957);box-shadow:0 10px 30px #0000004d;transform:translateY(-3px)}.ds-stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:28px}.ds-stat-card{align-items:center;background:linear-gradient(135deg,#1a1a1ae6,#111111e6);border:1px solid #7fd9571a;border-radius:16px;display:flex;gap:18px;padding:24px;transition:all .3s ease}.ds-stat-card:hover{border-color:#7fd9574d;box-shadow:0 10px 30px #0000004d;transform:translateY(-2px)}.ds-stat-icon{align-items:center;background:linear-gradient(135deg,#7fd95726,#7fd9570d);border:1px solid #7fd95733;border-radius:14px;color:#7fd957;display:flex;font-size:26px;height:52px;justify-content:center;width:52px}.ds-stat-content h4{color:#fff;font-size:24px;font-weight:700;margin:0 0 4px}.ds-stat-content span{color:#ffffff80;font-size:12px;letter-spacing:.5px;text-transform:uppercase}@media (max-width:1200px){.ds-main{padding-right:28px}.ds-favorites-sidebar{display:none}}@media (max-width:768px){.ds-header{align-items:flex-start;flex-direction:column;padding:16px 20px}.ds-header-right{flex-wrap:wrap;width:100%}.ds-search-box{min-width:100%}.ds-main{padding:20px}.ds-categories-grid{grid-template-columns:1fr}.ds-products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.ds-product-detail-header{align-items:center;flex-direction:column;text-align:center}.ds-product-detail-image{height:160px;width:160px}.ds-form-row{grid-template-columns:1fr}.ds-empty-initial h1{font-size:28px}.ds-empty-initial .ds-empty-icon{font-size:70px}.ds-preview-grid{grid-template-columns:1fr 1fr}}.ds-spy-header{align-items:center;background:linear-gradient(180deg,#111111fa,#0c0c0cf2);border-bottom:1px solid #7fd95726;display:flex;gap:20px;padding:32px 28px;position:relative;z-index:10}.ds-spy-header:after{background:linear-gradient(90deg,#0000,#7fd95766,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.ds-spy-icon{align-items:center;animation:radar-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#7fd95733,#7fd9570d);border:1px solid #7fd9574d;border-radius:18px;box-shadow:0 8px 32px #7fd95733;color:#7fd957;display:flex;font-size:32px;height:64px;justify-content:center;width:64px}@keyframes radar-glow{0%,to{box-shadow:0 8px 32px #7fd95733}50%{box-shadow:0 8px 48px #7fd95766}}.ds-spy-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#7fd957);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.ds-spy-title span{color:#ffffff80;display:block;font-size:14px;margin-top:4px}.ds-mode-toggle{background:linear-gradient(135deg,#1a1a1ae6,#141414e6);border:1px solid #7fd95726;border-radius:14px;display:flex;gap:4px;margin-left:auto;overflow:hidden;padding:4px}.ds-mode-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#ffffff80;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ds-mode-btn:hover{background:#7fd9571a;color:#7fd957}.ds-mode-btn.active{background:linear-gradient(135deg,#7fd957,#5fb842);box-shadow:0 4px 15px #7fd95766;color:#000;font-weight:600}.ds-wiki-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.ds-wiki-header h2{color:#fff;flex:1 1;font-size:22px;font-weight:600;margin:0}.ds-product-actions{display:flex;gap:10px}.ds-search-section{background:linear-gradient(180deg,#0f0f0ff2,#0a0a0af2);border-bottom:1px solid #7fd9571a;padding:24px 28px;position:relative;z-index:5}.ds-search-wrapper{align-items:center;background:linear-gradient(135deg,#1a1a1af2,#141414f2);border:2px solid #7fd95733;border-radius:16px;display:flex;gap:0;margin:0 auto;max-width:800px;padding:4px 6px 4px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ds-search-wrapper:focus-within{border-color:#7fd957;box-shadow:0 0 0 4px #7fd9571a,0 8px 32px #7fd95726}.ds-search-icon{color:#7fd957;flex-shrink:0;font-size:24px}.ds-search-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:16px;font-weight:400;outline:none;padding:14px 16px}.ds-search-input::placeholder{color:#fff6}.ds-search-clear{align-items:center;background:#7fd95726;border:none;border-radius:50%;color:#7fd957;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;margin-right:8px;transition:all .2s ease;width:32px}.ds-search-clear:hover{background:#7fd9574d;transform:scale(1.1)}.ds-search-btn{align-items:center;background:linear-gradient(135deg,#7fd957,#5fb842);border:none;border-radius:12px;color:#000;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.ds-search-btn:hover:not(:disabled){background:linear-gradient(135deg,#8ce668,#6bc548);box-shadow:0 8px 25px #7fd95766;transform:translateY(-2px)}.ds-search-btn:disabled{cursor:not-allowed;opacity:.5}.ds-category-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.ds-filter-label{color:#ffffff80;font-size:13px;margin-right:8px}.ds-filter-chip{align-items:center;background:linear-gradient(135deg,#1a1a1ae6,#141414e6);border:1px solid #7fd95726;border-radius:20px;color:#fff9;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ds-filter-chip:hover{background:linear-gradient(135deg,#7fd95726,#7fd9570d);border-color:#7fd957;border-color:var(--chip-color,#7fd957);color:#7fd957;color:var(--chip-color,#7fd957);transform:translateY(-2px)}.ds-filter-chip.active{background:linear-gradient(135deg,#7fd957,#5fb842);border-color:#7fd957;box-shadow:0 4px 15px #7fd9574d;color:#000;font-weight:600}.ds-results-section{flex:1 1;overflow-y:auto;padding:28px;position:relative;z-index:1}.ds-welcome-tips{margin:0 auto;max-width:800px}.ds-tips-header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.ds-tips-header svg{color:#7fd957;font-size:28px}.ds-tips-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.ds-tips-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ds-tip-card{background:linear-gradient(135deg,#1a1a1ae6,#111111e6);border:1px solid #7fd9571a;border-radius:16px;cursor:pointer;padding:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.ds-tip-card:hover{border-color:#7fd95766;box-shadow:0 15px 40px #0000004d,0 0 30px #7fd9571a;transform:translateY(-4px)}.ds-tip-icon{display:block;font-size:40px;margin-bottom:12px}.ds-tip-card h3{color:#fff;font-size:15px;font-weight:600;margin:0 0 6px}.ds-tip-card p{color:#ffffff80;font-family:SF Mono,Consolas,monospace;font-size:12px;margin:0}.ds-searching{flex-direction:column;padding:60px 28px;text-align:center}.ds-radar-animation,.ds-searching{align-items:center;display:flex;justify-content:center}.ds-radar-animation{animation:radar-spin 2s linear infinite;background:linear-gradient(135deg,#7fd95726,#7fd9570d);border:2px solid #7fd9574d;border-radius:50%;height:100px;margin-bottom:24px;position:relative;width:100px}.ds-radar-animation svg{color:#7fd957;font-size:50px}.ds-radar-animation:before{animation:radar-pulse 1.5s ease-out infinite;border:2px solid #7fd95733;border-radius:50%;bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px}.ds-radar-animation:after{animation:radar-pulse 1.5s ease-out .5s infinite;border:2px solid #7fd9571a;border-radius:50%;bottom:-20px;content:"";left:-20px;position:absolute;right:-20px;top:-20px}@keyframes radar-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes radar-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.ds-searching p{color:#fff9;font-size:16px;margin:0}.ds-quick-links{margin:0 auto 32px;max-width:900px}.ds-quick-links h3{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0 0 20px}.ds-quick-links h3 svg{color:#7fd957}.ds-links-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ds-quick-link{align-items:center;background:linear-gradient(135deg,#1a1a1ae6,#111111e6);border:1px solid #7fd9571a;border-radius:14px;cursor:pointer;display:flex;gap:14px;padding:18px 20px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.ds-quick-link:hover{background:linear-gradient(135deg,#7fd95714,#111111f2);border-color:#7fd95766;box-shadow:0 10px 30px #0000004d;transform:translateY(-3px)}.ds-link-emoji{flex-shrink:0;font-size:28px}.ds-link-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.ds-link-content strong{color:#fff;font-size:14px;font-weight:600}.ds-link-content span{color:#ffffff80;font-size:12px}.ds-link-arrow{color:#7fd95780;font-size:20px;transition:all .3s ease}.ds-quick-link:hover .ds-link-arrow{color:#7fd957;transform:translateX(4px)}.ds-ai-results{margin:0 auto;max-width:900px}.ds-ai-results h3{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0 0 20px}.ds-ai-results h3 svg{color:#7fd957}.ds-results-list{display:flex;flex-direction:column;gap:14px}.ds-result-card{background:linear-gradient(135deg,#1a1a1ae6,#111111e6);border:1px solid #7fd9571a;border-radius:16px;cursor:pointer;display:block;padding:20px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.ds-result-card:hover{background:linear-gradient(135deg,#7fd95714,#111111f2);border-color:#7fd95766;box-shadow:0 10px 30px #0000004d;transform:translateY(-3px)}.ds-result-card.ai-result{background:linear-gradient(135deg,#7fd9570d,#111111f2);border-left:4px solid #7fd957}.ds-result-card .ds-result-source{background:#7fd95726;border-radius:6px;color:#7fd957;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;padding:4px 10px;text-transform:uppercase}.ds-result-card h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.ds-result-card p{color:#fff9;font-size:14px;line-height:1.6;margin:0 0 10px}.ds-result-card .ds-result-url{color:#7fd95799;display:block;font-family:SF Mono,Consolas,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-footer{background:linear-gradient(180deg,#0c0c0cf2,#0a0a0afa);border-top:1px solid #7fd9571a;padding:20px 28px;position:relative;text-align:center;z-index:5}.ds-footer p{align-items:center;color:#fff6;display:flex;font-size:13px;gap:8px;justify-content:center;margin:0}.ds-footer p svg{color:#7fd957;font-size:18px}@media (max-width:768px){.ds-spy-header{flex-direction:column;gap:16px;padding:24px 20px;text-align:center}.ds-spy-title h1{font-size:24px}.ds-mode-toggle{justify-content:center;margin-left:0;width:100%}.ds-mode-btn{flex:1 1;justify-content:center}.ds-wiki-header{flex-wrap:wrap}.ds-wiki-header h2{margin-bottom:12px;order:1;text-align:center;width:100%}.ds-wiki-header .ds-back-btn{left:20px;order:0;position:absolute}.ds-product-actions,.ds-wiki-header .ds-btn{justify-content:center;order:2;width:100%}.ds-search-section{padding:20px}.ds-search-wrapper{flex-wrap:wrap;gap:8px;padding:8px}.ds-search-icon{display:none}.ds-search-input{padding:12px;width:100%}.ds-search-btn{justify-content:center;width:100%}.ds-category-filters{justify-content:flex-start}.ds-results-section{padding:20px}.ds-tips-grid{grid-template-columns:repeat(2,1fr)}.ds-links-grid{grid-template-columns:1fr}}.company-switcher{position:relative}.company-switcher-trigger{align-items:center;background:#7fd9571a;border:1px solid #7fd9574d;border-radius:8px;color:#e0e0e0;cursor:pointer;display:flex;font-size:14px;gap:8px;min-width:160px;padding:8px 12px;transition:all .2s ease}.company-switcher-trigger:hover{background:#7fd95733;border-color:#7fd95780}.company-switcher-trigger.open{background:#7fd95733;border-color:#7fd957}.company-switcher-trigger:disabled{cursor:not-allowed;opacity:.5}.company-switcher-icon{align-items:center;color:#7fd957;display:flex;font-size:18px;justify-content:center}.company-switcher-label{flex:1 1;font-weight:500;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.company-switcher-arrow{color:#888;font-size:20px;transition:transform .2s ease}.company-switcher-arrow.rotated{transform:rotate(180deg)}.company-switcher-dropdown{animation:dropdownSlide .2s ease;background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 8px 32px #0006;left:0;min-width:240px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.company-switcher-section{padding:8px 0}.company-switcher-section:not(:last-child){border-bottom:1px solid #333}.company-switcher-section-title{color:#666;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px 8px;text-transform:uppercase}.company-switcher-option{align-items:center;background:#0000;border:none;color:#e0e0e0;cursor:pointer;display:flex;gap:12px;padding:10px 12px;text-align:left;transition:all .15s ease;width:100%}.company-switcher-option:hover{background:#7fd9571a}.company-switcher-option.selected{background:#7fd95726}.company-option-icon{align-items:center;border-radius:8px;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.company-option-icon.consolidated{background:linear-gradient(135deg,#7fd957,#5cb030);color:#1a1a1a}.company-option-icon.matriz{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.company-option-icon.filial{background:#ffffff1a;color:#888}.company-switcher-option:hover .company-option-icon.filial{background:#7fd95733;color:#7fd957}.company-switcher-option.selected .company-option-icon.filial{background:#7fd9574d;color:#7fd957}.company-option-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.company-option-name{color:#e0e0e0;font-size:14px;font-weight:500}.company-option-desc{color:#666;font-size:12px}.company-option-check{color:#7fd957;font-size:20px}@media (max-width:768px){.company-switcher-trigger{min-width:auto;padding:8px}.company-switcher-label{display:none}.company-switcher-dropdown{min-width:220px;right:auto}}.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}.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;padding:2px 6px}.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{align-items:center;display:flex;gap:4px}.action-btn{background:#0000;border:1px solid #252525;border-radius:6px;color:#9ca3af;height:28px;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{gap:8px}.item-row{background:#0a0a0a;border-radius:6px;gap:12px;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{color:#9ca3af;font-size:14px;gap:12px;height:300px}.analytics-loading .loading-icon{animation:pulse 1.5s ease-in-out infinite;font-size:48px}.analytics-header{align-items:center;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{gap:2px}.detail-label{color:#9ca3af;font-size:9px}.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}}.analytics-dashboard-page{background:#0000;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;position:relative}.analytics-header{align-items:flex-start;background:var(--gradient-header);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;overflow:hidden;padding:32px 40px 24px;position:relative}.analytics-header:before{background:radial-gradient(circle at 100% 50%,#9c27b026 0,#0000 70%);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:500px}.analytics-header:after{background:radial-gradient(circle,#00bcd414 0,#0000 70%);content:"";height:300px;left:30%;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:300px}.analytics-header-content{position:relative;z-index:1}.analytics-title{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease infinite;background:linear-gradient(135deg,#9c27b0,#00bcd4 50%,#4caf50);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:36px;font-weight:800;margin:0 0 8px}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.analytics-subtitle{align-items:center;color:var(--text-muted);display:flex;font-size:14px;gap:8px;margin:0}.analytics-subtitle svg{color:var(--accent-purple)}.analytics-controls{align-items:center;display:flex;gap:16px;position:relative;z-index:1}.date-range-select{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:2px solid var(--border-primary);border-radius:14px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;min-width:220px;outline:none;padding:14px 24px;transition:all .3s ease}.date-range-select:focus,.date-range-select:hover{border-color:var(--accent-purple);box-shadow:0 0 20px #9c27b033}.refresh-btn{align-items:center;background:linear-gradient(135deg,#9c27b0,#7b1fa2);border:none;border-radius:14px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;padding:14px 24px;transition:all .3s ease}.refresh-btn:hover{box-shadow:0 8px 25px #9c27b066;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.analytics-kpis-section{padding:32px 40px}.analytics-kpis-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.analytics-kpi-card{align-items:center;background:var(--gradient-card);border:1px solid var(--card-border);border-radius:20px;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.analytics-kpi-card:before{content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.analytics-kpi-card.blue:before{background:linear-gradient(90deg,#2196f3,#00bcd4)}.analytics-kpi-card.green:before{background:linear-gradient(90deg,#4caf50,#8bc34a)}.analytics-kpi-card.purple:before{background:linear-gradient(90deg,#9c27b0,#673ab7)}.analytics-kpi-card.orange:before{background:linear-gradient(90deg,#ff9800,#ff5722)}.analytics-kpi-card.red:before{background:linear-gradient(90deg,#f44336,#e91e63)}.analytics-kpi-card.cyan:before{background:linear-gradient(90deg,#00bcd4,#26c6da)}.analytics-kpi-card.yellow:before{background:linear-gradient(90deg,#ffeb3b,#ffc107)}.analytics-kpi-card:hover{border-color:var(--accent-primary);box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.analytics-kpi-card:hover:before{opacity:1}.analytics-kpi-icon{align-items:center;border-radius:18px;color:#fff;display:flex;flex-shrink:0;font-size:30px;height:68px;justify-content:center;overflow:hidden;position:relative;width:68px}.analytics-kpi-icon:after{background:linear-gradient(135deg,#ffffff40,#0000 50%);content:"";inset:0;position:absolute}.analytics-kpi-icon.blue{background:linear-gradient(135deg,#2196f3,#1976d2)}.analytics-kpi-icon.green{background:linear-gradient(135deg,#4caf50,#388e3c)}.analytics-kpi-icon.purple{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.analytics-kpi-icon.orange{background:linear-gradient(135deg,#ff9800,#f57c00)}.analytics-kpi-icon.red{background:linear-gradient(135deg,#f44336,#d32f2f)}.analytics-kpi-icon.cyan{background:linear-gradient(135deg,#00bcd4,#0097a7)}.analytics-kpi-icon.yellow{background:linear-gradient(135deg,#ffeb3b,#fbc02d)}.analytics-kpi-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.analytics-kpi-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:38px;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.analytics-kpi-label{color:var(--text-secondary);font-size:14px;font-weight:600}.analytics-kpi-sublabel{color:var(--text-muted);font-size:12px}.analytics-charts-section{padding:0 40px 32px}.analytics-charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.analytics-chart-card{background:var(--gradient-card);border:1px solid var(--card-border);border-radius:20px;padding:24px;transition:all .3s ease}.analytics-chart-card:hover{box-shadow:0 10px 30px #0003}.analytics-chart-card.full-width{grid-column:1/-1}.chart-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-card-title{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:10px}.chart-card-title svg{color:var(--accent-purple)}.chart-card-subtitle{color:var(--text-muted);font-size:12px}.chart-wrapper{height:300px;width:100%}.chart-wrapper.small{height:250px}.analytics-table-section{padding:0 40px 32px}.analytics-table-card{background:var(--gradient-card);border:1px solid var(--card-border);border-radius:20px;overflow:hidden}.table-card-header{align-items:center;background:#9c27b00d;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:24px}.table-card-title{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:700;gap:12px}.table-card-title svg{color:var(--accent-purple)}.table-search-box{align-items:center;background:var(--input-bg);border:2px solid var(--input-border);border-radius:12px;display:flex;gap:12px;padding:12px 18px;transition:all .3s ease;width:350px}.table-search-box:focus-within{border-color:var(--accent-purple);box-shadow:0 0 20px #9c27b026}.table-search-box svg{color:var(--text-muted);font-size:20px}.table-search-box input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;outline:none}.table-search-box input::placeholder{color:var(--text-muted)}.analytics-table-container{overflow-x:auto}.analytics-table{border-collapse:collapse;width:100%}.analytics-table thead{background:var(--bg-tertiary)}.analytics-table th{border-bottom:2px solid var(--border-primary);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:1px;padding:16px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.analytics-table tbody tr{border-bottom:1px solid var(--border-primary);transition:all .2s ease}.analytics-table tbody tr:hover{background:var(--bg-hover)}.analytics-table tbody tr:last-child{border-bottom:none}.analytics-table td{color:var(--text-primary);font-size:14px;padding:16px 20px}.customer-name{color:var(--text-primary);font-weight:600}.customer-phone{color:var(--text-muted);font-size:13px}.status-badge{font-size:11px;font-weight:700}.status-badge.fechado{background:#4caf5026;border:1px solid #4caf504d;color:#4caf50}.status-badge.perdido{background:#f4433626;border:1px solid #f443364d;color:#f44336}.status-badge.regularizado{background:#2196f326;border:1px solid #2196f34d;color:#2196f3}.status-badge.qualificado{background:#8b5cf626;border:1px solid #8b5cf64d;color:#8b5cf6}.status-badge.default{background:#9c27b026;border:1px solid #9c27b04d;color:#9c27b0}.analytics-items-section{padding:0 40px 32px}.analytics-items-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.analytics-items-card{background:var(--gradient-card);border:1px solid var(--card-border);border-radius:20px;padding:24px}.items-card-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.items-card-header svg{color:var(--accent-purple);font-size:24px}.items-card-header h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.items-list{display:flex;flex-direction:column;gap:12px}.item-row{align-items:center;background:var(--bg-tertiary);border-radius:12px;display:flex;justify-content:space-between;padding:14px 18px;transition:all .2s ease}.item-row:hover{background:var(--bg-hover);transform:translateX(4px)}.item-rank{align-items:center;background:linear-gradient(135deg,#9c27b0,#673ab7);border-radius:10px;color:#fff;display:flex;font-size:14px;font-weight:800;height:32px;justify-content:center;margin-right:14px;width:32px}.item-name{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:600;text-transform:capitalize}.item-count{background:#9c27b026;border-radius:20px;color:var(--accent-purple);font-size:14px;font-weight:700;padding:6px 14px}.no-items-message{color:var(--text-muted);font-size:14px;padding:40px 20px;text-align:center}.analytics-pagination{align-items:center;background:var(--bg-tertiary);display:flex;gap:20px;justify-content:center;padding:20px}.pagination-btn{border:2px solid var(--border-primary);border-radius:12px;font-size:20px;height:44px;transition:all .3s ease;width:44px}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#9c27b0,#7b1fa2);border-color:#0000;color:#fff;transform:scale(1.05)}.pagination-info{color:var(--text-primary);font-size:14px;font-weight:600}.analytics-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:100px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-purple);height:60px;margin-bottom:20px;width:60px}.analytics-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.analytics-empty svg{color:var(--accent-purple);font-size:60px;margin-bottom:16px;opacity:.5}.analytics-empty p{font-size:16px;margin:0}.recharts-cartesian-axis-tick-value{fill:var(--text-muted);font-size:12px}.recharts-legend-item-text{color:var(--text-secondary)!important;font-size:13px}.recharts-tooltip-wrapper{outline:none}.custom-tooltip{background:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;border-radius:12px!important;box-shadow:0 8px 25px #0000004d!important;padding:14px 18px!important}.custom-tooltip .label{color:var(--text-primary);font-weight:600;margin-bottom:8px}.custom-tooltip .value{color:var(--accent-purple);font-weight:700}@media (max-width:1400px){.analytics-charts-grid,.analytics-items-grid{grid-template-columns:1fr}}@media (max-width:1200px){.analytics-kpis-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.analytics-header{flex-direction:column;gap:20px;padding:20px}.analytics-title{font-size:28px}.analytics-controls{flex-direction:column;width:100%}.date-range-select,.refresh-btn{width:100%}.analytics-charts-section,.analytics-items-section,.analytics-kpis-section,.analytics-table-section{padding:20px}.analytics-kpis-grid{grid-template-columns:1fr}.table-card-header{align-items:stretch;flex-direction:column;gap:16px}.table-search-box{width:100%}.analytics-table{min-width:900px}}@media (max-width:480px){.analytics-title{font-size:24px}.analytics-kpi-card{flex-direction:column;text-align:center}.analytics-kpi-value{font-size:32px}}.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}.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}.stat-label{color:#9ca3af;font-size:12px}.panel-tabs{border-bottom:1px solid #1a1a1a;display:flex;gap:8px;padding:16px 32px}.tab-btn{background:#0000;border:1px solid #252525;border-radius:8px;color:#9ca3af;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}}.ap-container{background:linear-gradient(135deg,#1e1e1e,#252525);border:1px solid #333;border-radius:12px;padding:16px;width:100%}.ap-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.ap-title{color:#e0e0e0;font-size:14px;font-weight:600}.ap-close{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:20px;line-height:1;padding:4px 8px}.ap-close:hover{background:#ffffff1a;color:#e0e0e0}.ap-error,.ap-loading{align-items:center;color:#888;display:flex;font-size:14px;gap:10px;justify-content:center;padding:20px}.ap-error{color:#ef4444}.ap-spinner{animation:spin 1s linear infinite;border:2px solid #7fd95733;border-radius:50%;border-top-color:#7fd957;height:20px;width:20px}.ap-progress-container{align-items:center;display:flex;gap:10px;margin-bottom:16px}.ap-time{color:#888;font-family:SF Mono,monospace;font-size:12px;min-width:40px}.ap-progress-bar{background:#ffffff1a;border-radius:3px;cursor:pointer;flex:1 1;height:6px;position:relative}.ap-progress-fill{background:linear-gradient(90deg,#7fd957,#5db840);border-radius:3px;height:100%;transition:width .1s ease}.ap-progress-handle{background:#7fd957;border-radius:50%;box-shadow:0 2px 6px #0000004d;height:14px;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:14px}.ap-progress-bar:hover .ap-progress-handle{opacity:1}.ap-controls{gap:16px;margin-bottom:16px}.ap-btn,.ap-controls{align-items:center;display:flex;justify-content:center}.ap-btn{border:none;border-radius:50%;cursor:pointer;transition:all .2s}.ap-btn.skip{background:#ffffff1a;color:#e0e0e0;font-size:22px;height:40px;width:40px}.ap-btn.skip:hover{background:#ffffff26;transform:scale(1.05)}.ap-btn.play{background:linear-gradient(135deg,#7fd957,#5db840);box-shadow:0 4px 12px #7fd9574d;color:#1a1a1a;font-size:32px;height:56px;width:56px}.ap-btn.play:hover{box-shadow:0 6px 16px #7fd95766;transform:scale(1.05)}.ap-secondary-controls{align-items:center;border-top:1px solid #333;display:flex;justify-content:space-between;padding-top:12px}.ap-volume{align-items:center;display:flex;gap:8px}.ap-btn-icon{background:#0000;border:none;border-radius:6px;color:#888;cursor:pointer;font-size:20px;padding:6px;transition:all .2s}.ap-btn-icon:hover{background:#ffffff1a;color:#e0e0e0}.ap-volume-slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;cursor:pointer;height:4px;width:80px}.ap-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#7fd957;border-radius:50%;cursor:pointer;height:12px;width:12px}.ap-volume-slider::-moz-range-thumb{background:#7fd957;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.ap-btn-speed{align-items:center;background:#ffffff0d;border:1px solid #333;border-radius:6px;color:#888;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 10px;transition:all .2s}.ap-btn-speed:hover{background:#ffffff1a;color:#e0e0e0}.ap-btn-speed svg{font-size:16px}@media (max-width:400px){.ap-volume-slider{display:none}.ap-controls{gap:12px}.ap-btn.play{font-size:28px;height:48px;width:48px}}.cam-overlay{align-items:center;animation:fadeIn .2s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cam-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#1a1a1a,#222);border:1px solid #333;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cam-header{background:#0003;border-bottom:1px solid #333;justify-content:space-between;padding:20px 24px}.cam-header,.cam-header-info{align-items:center;display:flex}.cam-header-info{gap:16px}.cam-avatar{align-items:center;background:linear-gradient(135deg,#7fd957,#5db840);border-radius:50%;color:#1a1a1a;display:flex;font-size:26px;height:48px;justify-content:center;width:48px}.cam-header-text h2{color:#e0e0e0;font-size:18px;font-weight:600;margin:0}.cam-phone{color:#888;display:block;font-size:14px;margin-top:4px}.cam-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:22px;height:36px;justify-content:center;transition:all .2s;width:36px}.cam-close:hover{background:#ef444433;color:#ef4444}.cam-tabs{border-bottom:1px solid #333;display:flex;gap:4px;padding:0 16px}.cam-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#888;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:14px 18px;transition:all .2s}.cam-tab:hover{background:#ffffff0d;color:#e0e0e0}.cam-tab.active{border-bottom-color:#7fd957;color:#7fd957}.cam-tab svg{font-size:18px}.cam-content{flex:1 1;overflow-y:auto;padding:24px}.cam-overview{display:flex;flex-direction:column;gap:24px}.cam-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.cam-metric{background:#ffffff08;border:1px solid #333;gap:14px;padding:16px}.cam-metric,.cam-metric-icon{align-items:center;border-radius:12px;display:flex}.cam-metric-icon{background:#7fd9571a;color:#7fd957;font-size:22px;height:44px;justify-content:center;width:44px}.cam-metric-info{display:flex;flex-direction:column;gap:4px}.cam-metric-value{color:#e0e0e0;font-size:16px;font-weight:600}.cam-metric-label{color:#666;font-size:12px}.cam-section{background:#ffffff05;border:1px solid #333;border-radius:12px;padding:20px}.cam-section h3{align-items:center;color:#e0e0e0;display:flex;font-size:15px;font-weight:600;gap:10px;margin:0 0 16px}.cam-section h3 svg{color:#7fd957;font-size:20px}.cam-loading{align-items:center;color:#888;display:flex;flex-direction:column;font-size:14px;gap:12px;padding:30px}.cam-spinner{border:3px solid #7fd95733;border-radius:50%;border-top-color:#7fd957;height:32px;width:32px}.cam-spinner,.cam-spinner-small{animation:spin 1s linear infinite}.cam-spinner-small{border:2px solid #fff3;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.cam-no-recording{padding:20px;text-align:center}.cam-rating{display:flex;gap:8px}.cam-star{background:#0000;border:none;color:#444;cursor:pointer;font-size:28px;padding:4px;transition:all .2s}.cam-star:hover{transform:scale(1.2)}.cam-star .filled{color:#fbbf24}.cam-notes{background:#0003;border:1px solid #333;border-radius:8px;color:#e0e0e0;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;width:100%}.cam-notes:focus{border-color:#7fd957;outline:none}.cam-notes::placeholder{color:#555}.cam-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.cam-btn.primary{background:linear-gradient(135deg,#7fd957,#5db840);color:#1a1a1a}.cam-btn.primary:hover{box-shadow:0 4px 12px #7fd9574d;transform:translateY(-1px)}.cam-btn.primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.cam-btn-icon{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#888;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s;width:36px}.cam-btn-icon:hover{background:#ffffff26;color:#e0e0e0}.cam-transcription{height:100%}.cam-transcription-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.cam-transcription-header h3{color:#e0e0e0;font-size:16px;font-weight:600;margin:0}.cam-transcription-actions{display:flex;gap:8px}.cam-transcription-text{background:#0000004d;border:1px solid #333;border-radius:12px;color:#ccc;font-size:14px;line-height:1.7;max-height:400px;overflow-y:auto;padding:20px;white-space:pre-wrap}.cam-no-transcription{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.cam-no-transcription h3{color:#e0e0e0;font-size:18px;font-weight:600;margin:16px 0 8px}.cam-no-transcription p{color:#888;font-size:14px;margin:0 0 24px}.cam-big-icon{color:#444;font-size:64px}.cam-hint{color:#666;font-size:13px;margin-top:12px!important}.cam-analysis{display:flex;flex-direction:column;gap:20px}.cam-analysis-card{background:#ffffff08;border:1px solid #333;border-radius:12px;padding:20px}.cam-analysis-card h4{color:#e0e0e0;font-size:14px;font-weight:600;margin:0 0 12px}.cam-analysis-card p{color:#aaa;font-size:14px;line-height:1.6;margin:0}.cam-analysis-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.cam-analysis-header h4{margin:0}.sentiment{font-size:32px}.sentiment.positive{color:#10b981}.sentiment.negative{color:#ef4444}.sentiment.neutral{color:#6b7280}.cam-sentiment-text{font-size:15px}.cam-sentiment-text.positive{color:#10b981}.cam-sentiment-text.negative{color:#ef4444}.cam-sentiment-text.neutral{color:#888}.cam-key-points{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.cam-key-points li{background:#7fd9571a;border-left:3px solid #7fd957;border-radius:0 8px 8px 0;color:#ccc;font-size:14px;padding:10px 14px}.cam-actions{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.cam-actions li{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:#60a5fa;display:flex;font-size:14px;gap:10px;padding:12px 14px}.cam-actions li svg{flex-shrink:0;font-size:18px}.cam-no-analysis{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.cam-no-analysis h3{color:#e0e0e0;font-size:18px;font-weight:600;margin:16px 0 8px}.cam-no-analysis p{color:#888;font-size:14px;margin:0 0 24px}@media (max-width:600px){.cam-modal{border-radius:0;max-height:100vh}.cam-metrics-grid{grid-template-columns:1fr}.cam-tabs{overflow-x:auto}.cam-tab{font-size:13px;padding:12px 14px;white-space:nowrap}.cam-content,.cam-header{padding:16px}}.cc-container{background:#121212;color:#e0e0e0;display:flex;flex-direction:column;height:100%}.cc-header{background:#1a1a1a;border-bottom:1px solid #333;justify-content:space-between;padding:16px 24px}.cc-header,.cc-header-title{align-items:center;display:flex}.cc-header-title{gap:12px}.cc-header-icon{color:#7fd957;font-size:32px}.cc-header-title h1{font-size:20px;font-weight:600;margin:0}.cc-header-title span{color:#666;font-size:12px}.cc-tabs{display:flex;gap:4px}.cc-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#888;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 16px;transition:all .2s}.cc-tab:hover{background:#ffffff0d;color:#e0e0e0}.cc-tab.active{background:#7fd95726;color:#7fd957}.cc-tab-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;margin-left:4px;padding:2px 6px}.cc-active-call{animation:pulse-green 2s infinite;background:linear-gradient(135deg,#1a472a,#0f2d1a);border-bottom:2px solid #7fd957;padding:20px 24px}@keyframes pulse-green{0%,to{box-shadow:0 0 0 0 #7fd95733}50%{box-shadow:0 0 20px 10px #7fd9571a}}.cc-active-call-info{align-items:center;display:flex;gap:16px;margin-bottom:16px}.cc-active-avatar{align-items:center;background:#7fd95733;border-radius:50%;color:#7fd957;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.cc-active-details{flex:1 1}.cc-active-name{color:#fff;font-size:18px;font-weight:600}.cc-active-number{color:#aaa;font-size:14px;margin-top:2px}.cc-active-status{font-size:13px;font-weight:500;margin-top:4px}.cc-active-timer{color:#7fd957;font-family:Monaco,Consolas,monospace;font-size:32px;font-weight:300}.cc-active-actions{gap:24px}.cc-active-actions,.cc-call-btn{display:flex;justify-content:center}.cc-call-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;font-size:16px;font-weight:600;gap:8px;padding:16px 32px;transition:all .2s}.cc-call-btn.call{background:#10b981;color:#fff;max-width:200px;width:100%}.cc-call-btn.call:hover:not(:disabled){background:#059669;transform:scale(1.02)}.cc-call-btn.call:disabled{cursor:not-allowed;opacity:.5}.cc-call-btn.end{background:#ef4444;border-radius:50%;color:#fff;font-size:24px;height:64px;padding:0;width:64px}.cc-call-btn.end:hover{background:#dc2626;transform:scale(1.05)}.cc-call-btn.keypad,.cc-call-btn.mute{background:#ffffff1a;border-radius:50%;color:#fff;font-size:22px;height:56px;padding:0;width:56px}.cc-call-btn.keypad:hover,.cc-call-btn.mute:hover{background:#fff3}.cc-content{flex:1 1;overflow-y:auto;padding:24px}.cc-dialer{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:360px}.cc-dialer-input-section{position:relative}.cc-phone-input{background:#1e1e1e;border:2px solid #333;border-radius:12px;color:#fff;font-size:24px;font-weight:500;letter-spacing:2px;padding:16px 48px 16px 20px;text-align:center;width:100%}.cc-phone-input:focus{border-color:#7fd957;outline:none}.cc-backspace{background:#0000;border:none;color:#666;cursor:pointer;font-size:20px;padding:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.cc-backspace:hover{color:#ef4444}.cc-contact-input{background:#1e1e1e;border:1px solid #333;border-radius:8px;color:#e0e0e0;font-size:14px;padding:12px 16px;text-align:center;width:100%}.cc-contact-input:focus{border-color:#7fd957;outline:none}.cc-dialpad{background:#1a1a1a;border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:20px}.cc-dialpad-row{display:flex;gap:16px;justify-content:center}.cc-dialpad-key{background:#252525;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:28px;font-weight:500;height:72px;transition:all .15s;width:72px}.cc-dialpad-key:hover:not(:disabled){background:#333;transform:scale(1.05)}.cc-dialpad-key:active:not(:disabled){background:#7fd957;color:#1a1a1a}.cc-dialpad-key:disabled{cursor:not-allowed;opacity:.3}.cc-balance{color:#666;font-size:13px;margin-top:8px;text-align:center}.cc-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;display:flex;font-size:13px;gap:8px;padding:12px 16px}.cc-history{display:flex;flex-direction:column;gap:16px}.cc-history-header{align-items:center;display:flex;gap:12px}.cc-search-box{align-items:center;background:#1e1e1e;border:1px solid #333;border-radius:8px;display:flex;flex:1 1;gap:8px;padding:10px 16px}.cc-search-box input{background:#0000;border:none;color:#e0e0e0;flex:1 1;font-size:14px}.cc-search-box input:focus{outline:none}.cc-search-box svg{color:#666}.cc-filter-select{color:#e0e0e0;font-size:14px;padding:10px 16px}.cc-filter-select,.cc-icon-btn{background:#1e1e1e;border:1px solid #333;border-radius:8px}.cc-icon-btn{color:#888;cursor:pointer;font-size:18px;padding:10px}.cc-icon-btn:hover{background:#252525;color:#e0e0e0}.cc-calls-list{display:flex;flex-direction:column;gap:8px}.cc-call-item{align-items:center;background:#1a1a1a;border:1px solid #252525;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.cc-call-item:hover{background:#1e1e1e;border-color:#333}.cc-call-item.selected{background:#7fd9570d;border-color:#7fd957}.cc-call-icon{font-size:20px}.cc-call-info{flex:1 1}.cc-call-name{color:#e0e0e0;font-size:14px;font-weight:500}.cc-call-meta{display:flex;gap:12px;margin-top:4px}.cc-call-status{font-size:12px}.cc-call-duration{color:#666;font-size:12px}.cc-call-actions{display:flex;gap:8px}.cc-mini-btn{background:#7fd9571a;border:none;border-radius:6px;color:#7fd957;cursor:pointer;font-size:16px;padding:8px}.cc-mini-btn:hover{background:#7fd95733}.cc-call-time{color:#666;font-size:12px;min-width:80px;text-align:right}.cc-scheduled-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.cc-scheduled-header h3{font-size:18px;margin:0}.cc-scheduled-list{display:flex;flex-direction:column;gap:12px}.cc-scheduled-item{align-items:center;background:#1a1a1a;border:1px solid #252525;border-radius:10px;display:flex;gap:16px;padding:16px}.cc-scheduled-time{align-items:center;color:#7fd957;display:flex;font-size:13px;gap:6px;min-width:120px}.cc-scheduled-info{flex:1 1}.cc-scheduled-name{font-weight:500}.cc-scheduled-purpose{color:#666;font-size:13px;margin-top:2px}.cc-stats h3{font-size:18px;margin:0 0 20px}.cc-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.cc-stat-card{background:#1a1a1a;border:1px solid #252525;border-radius:12px;padding:20px;text-align:center}.cc-stat-card.success{background:#10b9810d;border-color:#10b9814d}.cc-stat-card.warning{background:#f59e0b0d;border-color:#f59e0b4d}.cc-stat-card.info{background:#3b82f60d;border-color:#3b82f64d}.cc-stat-value{color:#fff;font-size:32px;font-weight:600}.cc-stat-label{color:#888;font-size:13px;margin-top:4px}.cc-stat-row{display:flex;gap:24px}.cc-stat-item{align-items:center;background:#1a1a1a;border-radius:8px;color:#aaa;display:flex;font-size:14px;gap:8px;padding:12px 16px}.cc-stat-item svg{color:#7fd957}.cc-empty,.cc-loading,.cc-not-configured{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.cc-empty svg,.cc-not-configured svg{font-size:48px;margin-bottom:16px;opacity:.5}.cc-big-icon{color:#444!important;font-size:64px!important}.cc-not-configured h2{color:#e0e0e0;margin-bottom:8px}.cc-hint{font-size:13px;margin-top:8px}.cc-modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.cc-modal{background:#1a1a1a;border:1px solid #333;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;width:100%}.cc-modal-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:16px 20px}.cc-modal-header h3{font-size:18px;margin:0}.cc-close-btn{background:#0000;border:none;color:#666;cursor:pointer;font-size:24px}.cc-close-btn:hover{color:#e0e0e0}.cc-modal-body{flex:1 1;overflow-y:auto;padding:20px}.cc-modal-footer{border-top:1px solid #333;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.cc-detail-row{border-bottom:1px solid #252525;display:flex;justify-content:space-between;padding:12px 0}.cc-detail-label{color:#888;font-size:14px}.cc-detail-value{color:#e0e0e0;font-weight:500}.cc-detail-section{margin-top:20px}.cc-detail-section .cc-detail-label{display:block;margin-bottom:8px}.cc-rating{display:flex;gap:4px}.cc-star-btn{background:#0000;border:none;color:#444;cursor:pointer;font-size:24px;padding:4px}.cc-star-btn .filled{color:#f59e0b}.cc-star-btn:hover{transform:scale(1.1)}.cc-notes-input{background:#121212;border:1px solid #333;border-radius:8px;color:#e0e0e0;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.cc-notes-input:focus{border-color:#7fd957;outline:none}.cc-transcription{background:#121212;border-radius:8px;color:#aaa;font-size:13px;line-height:1.5;max-height:200px;overflow-y:auto;padding:12px}.cc-form-group{margin-bottom:16px}.cc-form-group label{color:#888;display:block;font-size:14px;margin-bottom:6px}.cc-form-group input,.cc-form-group select,.cc-form-group textarea{background:#121212;border:1px solid #333;border-radius:8px;color:#e0e0e0;font-size:14px;padding:12px;width:100%}.cc-form-group input:focus,.cc-form-group select:focus,.cc-form-group textarea:focus{border-color:#7fd957;outline:none}.cc-btn{align-items:center;background:#252525;border:1px solid #333;border-radius:8px;color:#e0e0e0;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;padding:10px 16px;transition:all .2s}.cc-btn:hover{background:#333}.cc-btn.primary{background:#7fd957;border-color:#7fd957;color:#1a1a1a}.cc-btn.primary:hover{background:#6bc948}.cc-btn.small{font-size:13px;padding:8px 12px}@media (max-width:768px){.cc-header{flex-direction:column;gap:16px}.cc-tabs{overflow-x:auto;width:100%}.cc-stats-grid{grid-template-columns:repeat(2,1fr)}.cc-dialpad-key{font-size:24px;height:60px;width:60px}}.cc-mode-toggle{background:#1a1a1a;border-radius:10px;display:flex;gap:8px;margin-bottom:16px;padding:4px}.cc-mode-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#888;cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.cc-mode-btn:hover{background:#ffffff0d;color:#e0e0e0}.cc-mode-btn.active{background:#7fd957;color:#1a1a1a;font-weight:600}.cc-mode-btn svg{font-size:20px}.cc-webrtc-status{margin-bottom:16px}.cc-status{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:10px;padding:12px 16px}.cc-status.connecting{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b}.cc-status.connected{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.cc-status.disconnected{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.cc-status svg{font-size:20px}.cc-status button{margin-left:auto}.cc-spinner{animation:spin 1s linear infinite;border:2px solid #f59e0b4d;border-radius:50%;border-top-color:#f59e0b;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.cc-spinner-small{animation:spin 1s linear infinite;border:2px solid #7fd9574d;border-radius:50%;border-top-color:#7fd957;display:inline-block;height:14px;width:14px}.cc-sync-result{align-items:center;border-radius:8px;display:flex;font-size:13px;gap:8px;margin-bottom:12px;padding:10px 16px}.cc-sync-result.success{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.cc-sync-result.error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.cc-mode-hint{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:#60a5fa;display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:10px 14px}.cc-mode-hint svg{flex-shrink:0;font-size:18px}.cc-active-mode{align-items:center;background:#ffffff1a;border-radius:20px;color:#aaa;display:flex;font-size:12px;gap:6px;justify-content:center;margin-top:12px;padding:6px 12px}.cc-active-mode svg{font-size:16px}.cc-call-btn.mute.active{background:#ef444433!important;border-color:#ef4444!important;color:#ef4444!important}.cc-call-btn:disabled{cursor:not-allowed;opacity:.5}.cc-webphone-container{background:#1a1a1a;border:1px solid #333;border-radius:12px;margin-top:16px;overflow:hidden}.cc-webphone-iframe{background:#fff;border:none;height:500px;min-height:400px;width:100%}.cc-webrtc-status .cc-webphone-container~.cc-call-btn,.cc-webrtc-status .cc-webphone-container~.cc-contact-input,.cc-webrtc-status .cc-webphone-container~.cc-dialer-input-section,.cc-webrtc-status .cc-webphone-container~.cc-dialpad{display:none}.cc-inline-player-overlay{animation:slideInUp .3s ease;bottom:20px;position:fixed;right:20px;z-index:9998}.cc-inline-player-container{border-radius:16px;box-shadow:0 8px 32px #00000080;overflow:hidden;width:380px}.cc-btn.secondary{background:#ffffff1a;border:1px solid #333;color:#7fd957}.cc-btn.secondary:hover{background:#7fd95726;border-color:#7fd957}@media (max-width:480px){.cc-inline-player-overlay{bottom:10px;left:10px;right:10px}.cc-inline-player-container{width:auto}}.cc-spinner-large{animation:cc-spin 1s linear infinite;border:4px solid #7fd95733;border-radius:50%;border-top-color:#7fd957;height:48px;margin:0 auto 20px;width:48px}@keyframes cc-spin{to{transform:rotate(1turn)}}.fcw-container{background:linear-gradient(135deg,#1a1a1a,#252525);border:1px solid #333;border-radius:16px;box-shadow:0 8px 32px #00000080;min-width:280px;overflow:hidden;position:fixed;transition:all .3s ease;z-index:9999}.fcw-container.minimized{min-width:180px}.fcw-container.with-webphone{min-width:350px}.fcw-header{align-items:center;background:#0000004d;border-bottom:1px solid #333;cursor:move;display:flex;gap:8px;padding:10px 12px}.fcw-drag-handle{color:#555;cursor:grab;font-size:20px}.fcw-drag-handle:active{cursor:grabbing}.fcw-status{align-items:center;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:6px}.fcw-status-dot{animation:pulse-dot 2s infinite;border-radius:50%;height:8px;width:8px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.fcw-actions-header{display:flex;gap:4px}.fcw-btn-icon{background:#0000;border:none;border-radius:4px;color:#888;cursor:pointer;font-size:18px;padding:4px;transition:all .2s}.fcw-btn-icon:hover{background:#ffffff1a;color:#e0e0e0}.fcw-content{display:flex;flex-direction:column;gap:12px;padding:16px}.fcw-contact{gap:12px}.fcw-avatar,.fcw-contact{align-items:center;display:flex}.fcw-avatar{background:linear-gradient(135deg,#7fd957,#5db840);border-radius:50%;color:#1a1a1a;font-size:22px;height:40px;justify-content:center;width:40px}.fcw-contact-info{flex:1 1}.fcw-contact-name{color:#e0e0e0;font-size:14px;font-weight:600}.fcw-contact-number{color:#888;font-size:12px;margin-top:2px}.fcw-timer{align-items:center;background:#7fd9571a;border-radius:8px;color:#7fd957;display:flex;font-family:SF Mono,monospace;font-size:18px;font-weight:600;gap:8px;justify-content:center;padding:10px}.fcw-timer svg{font-size:20px}.fcw-btn-webphone{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;color:#60a5fa;cursor:pointer;font-size:12px;padding:8px 12px;transition:all .2s}.fcw-btn-webphone:hover{background:#3b82f633}.fcw-btn-webphone.active{background:#3b82f6;color:#fff}.fcw-webphone{border:1px solid #333;border-radius:8px;overflow:hidden}.fcw-webphone iframe{background:#fff;border:none;height:350px;width:100%}.fcw-controls{gap:12px;padding-top:8px}.fcw-btn,.fcw-controls{display:flex;justify-content:center}.fcw-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;font-size:22px;height:48px;transition:all .2s;width:48px}.fcw-btn.mute{background:#ffffff1a;color:#e0e0e0}.fcw-btn.mute:hover{background:#ffffff26}.fcw-btn.mute.active{background:#ef444433;color:#ef4444}.fcw-btn.mute:disabled{cursor:not-allowed;opacity:.4}.fcw-btn.end{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.fcw-btn.end:hover{box-shadow:0 6px 16px #ef444466;transform:scale(1.05)}.fcw-btn.end.small{font-size:18px;height:36px;width:36px}.fcw-btn.expand{background:#7fd9571a;color:#7fd957}.fcw-btn.expand:hover{background:#7fd95733}.fcw-minimized-content{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:8px 12px}.fcw-mini-timer{color:#7fd957;font-family:SF Mono,monospace;font-size:14px;font-weight:600}.fcw-container{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.fcw-container{left:10px!important;min-width:auto;right:10px;width:calc(100% - 20px)}}.erp-dashboard{animation:fadeIn .3s ease;margin:0 auto;max-width:1600px;padding:var(--spacing-3xl)}.erp-dashboard-header{margin-bottom:var(--spacing-4xl)}.erp-dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:var(--font-7xl);font-weight:700;line-height:1.2;margin:0}.erp-dashboard-subtitle{color:var(--text-muted);font-size:var(--font-2xl);margin:var(--spacing-md) 0 0 0}.erp-modules-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:var(--spacing-4xl)}.erp-module-card{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-2xl);cursor:pointer;display:flex;gap:var(--spacing-xl);overflow:hidden;padding:var(--spacing-3xl);position:relative;transition:all var(--transition-medium)}.erp-module-card:before{background:var(--accent-primary);content:"";height:100%;left:0;position:absolute;top:0;transition:width var(--transition-medium);width:4px}.erp-module-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.erp-module-card:hover:before{opacity:.05;width:100%}.module-card-icon{align-items:center;border-radius:var(--radius-2xl);display:flex;flex-shrink:0;font-size:32px;height:64px;justify-content:center;width:64px}.module-icon-sales{background:#7fd95726;color:var(--accent-primary)}.module-icon-products{background:#3b82f626;color:var(--info)}.module-icon-financial{background:#10b98126;color:var(--success)}.module-icon-fiscal{background:#f59e0b26;color:var(--warning)}.module-card-content{flex:1 1}.module-card-content h3{color:var(--text-primary);font-size:var(--font-3xl);font-weight:700;margin:0 0 var(--spacing-md) 0}.module-card-content p{color:var(--text-muted);font-size:var(--font-lg);margin:0 0 var(--spacing-xl) 0}.module-card-stats{display:flex;gap:var(--spacing-3xl)}.module-stat{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stat-value{color:var(--text-primary);font-size:var(--font-3xl);font-weight:700}.stat-label{color:var(--text-muted);font-size:var(--font-sm);letter-spacing:.5px;text-transform:uppercase}.module-card-arrow{color:var(--accent-primary);font-size:var(--font-6xl);font-weight:300;transition:transform var(--transition-fast)}.erp-module-card:hover .module-card-arrow{transform:translateX(8px)}.erp-dashboard-stats{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-4xl)}.erp-info-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.erp-info-card{align-items:flex-start;border:2px solid;border-radius:var(--radius-2xl);display:flex;gap:var(--spacing-xl);padding:var(--spacing-3xl);transition:all var(--transition-medium)}.erp-info-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.erp-info-primary{background:#7fd9571a;border-color:#7fd9574d}.erp-info-success{background:#10b9811a;border-color:#10b9814d}.erp-info-info{background:#3b82f61a;border-color:#3b82f64d}.info-card-icon{align-items:center;background:#ffffff1a;border-radius:var(--radius-xl);color:inherit;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.info-card-content h4{color:var(--text-primary);font-size:var(--font-2xl);font-weight:700;margin:0 0 var(--spacing-md) 0}.info-card-content p{color:var(--text-secondary);font-size:var(--font-lg);line-height:1.6;margin:0}@media (max-width:1200px){.erp-modules-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){.erp-dashboard{padding:var(--spacing-xl)}.erp-info-grid,.erp-modules-grid{grid-template-columns:1fr}.erp-dashboard-title{font-size:var(--font-6xl)}.erp-dashboard-subtitle{font-size:var(--font-xl)}.module-card-stats{flex-direction:column;gap:var(--spacing-lg)}}.stat-card{animation:fadeInUp .3s ease;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);overflow:hidden;padding:var(--spacing-3xl);position:relative;transition:all var(--transition-medium)}.stat-card:before{background:var(--accent-primary);content:"";height:100%;left:0;position:absolute;top:0;transition:width var(--transition-medium);width:4px}.stat-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-card:hover:before{opacity:.1;width:100%}.stat-card.clickable{cursor:pointer}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.stat-card-title{color:var(--text-muted);font-size:var(--font-md);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-card-icon{align-items:center;background:var(--accent-glow);border-radius:var(--radius-xl);color:var(--accent-primary);display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.stat-card-value{color:var(--text-primary);font-size:var(--font-7xl);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}.stat-card-subtitle{color:var(--text-muted);font-size:var(--font-md);margin-bottom:var(--spacing-lg)}.stat-card-trend{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--font-md);font-weight:600;gap:var(--spacing-sm);padding:6px 12px;width:-webkit-fit-content;width:fit-content}.stat-card-trend svg{font-size:18px}.stat-card-trend.trend-up{background:#10b98126;color:var(--success)}.stat-card-trend.trend-down{background:#ef444426;color:var(--error)}.stat-card-primary .stat-card-icon{background:var(--accent-glow);color:var(--accent-primary)}.stat-card-success .stat-card-icon{background:#10b98126;color:var(--success)}.stat-card-success:before{background:var(--success)}.stat-card-warning .stat-card-icon{background:#f59e0b26;color:var(--warning)}.stat-card-warning:before{background:var(--warning)}.stat-card-error .stat-card-icon{background:#ef444426;color:var(--error)}.stat-card-error:before{background:var(--error)}.stat-card-info .stat-card-icon{background:#3b82f626;color:var(--info)}.stat-card-info:before{background:var(--info)}@media (max-width:768px){.stat-card{padding:var(--spacing-2xl)}.stat-card-value{font-size:var(--font-6xl)}.stat-card-icon{font-size:20px;height:40px;width:40px}}.products-manager{animation:fadeIn .3s ease;margin:0 auto;max-width:1600px;padding:var(--spacing-3xl)}.products-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-3xl)}.products-header-left{align-items:center;display:flex;gap:var(--spacing-xl)}.products-icon{align-items:center;background:var(--accent-glow);border-radius:var(--radius-2xl);color:var(--accent-primary);display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.products-title{color:var(--text-primary);font-size:var(--font-6xl);font-weight:700;line-height:1.2;margin:0}.products-subtitle{color:var(--text-muted);font-size:var(--font-lg);margin:4px 0 0}.products-stats{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-3xl)}.table-actions{display:flex;gap:var(--spacing-md)}.action-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.action-btn:hover{transform:translateY(-2px)}.action-btn-edit:hover{background:var(--info);border-color:var(--info);color:#fff}.action-btn-delete:hover{background:var(--error);border-color:var(--error);color:#fff}.action-btn svg{font-size:16px}.price-value{color:var(--success);font-weight:600}@media (max-width:768px){.products-manager{padding:var(--spacing-xl)}.products-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-xl)}.products-stats{grid-template-columns:1fr}.table-actions{flex-direction:column}}.data-table-container{animation:fadeInUp .3s ease;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);overflow:hidden}.data-table-search{align-items:center;background:var(--bg-elevated);border-bottom:1px solid var(--border-primary);display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl)}.data-table-search .search-icon{color:var(--text-muted);font-size:18px}.data-table-search .search-input{background:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-lg);color:var(--text-primary);flex:1 1;font-size:var(--font-lg);padding:10px 14px;transition:all var(--transition-fast)}.data-table-search .search-input:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px var(--accent-glow)}.data-table-search .search-results{background:var(--accent-glow);border-radius:var(--radius-md);color:var(--accent-primary);font-size:var(--font-sm);font-weight:600;padding:6px 12px}.data-table-wrapper{max-height:600px;overflow-x:auto;overflow-y:auto}.data-table{border-collapse:collapse;font-size:var(--font-lg);width:100%}.data-table thead{background:var(--bg-elevated);border-bottom:2px solid var(--border-primary);position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table th{color:var(--text-secondary);font-size:var(--font-sm);font-weight:600;letter-spacing:.5px;padding:var(--spacing-xl);text-align:left;text-transform:uppercase;white-space:nowrap}.data-table th.sortable{cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{background:var(--bg-hover);color:var(--accent-primary)}.data-table .th-content{align-items:center;display:flex;gap:var(--spacing-md)}.data-table .sort-icon{color:var(--accent-primary);font-size:14px}.data-table tbody tr{border-bottom:1px solid var(--border-primary);transition:all var(--transition-fast)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background:var(--bg-workspace);box-shadow:inset 3px 0 0 var(--accent-primary)}.data-table td{color:var(--text-primary);padding:var(--spacing-xl);vertical-align:middle}.data-table .empty-state{padding:var(--spacing-4xl);text-align:center}.data-table .empty-message{color:var(--text-muted);font-size:var(--font-xl)}.data-table-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xl);justify-content:center;padding:var(--spacing-4xl)}.data-table-loading p{color:var(--text-muted);font-size:var(--font-lg)}.data-table-pagination{align-items:center;background:var(--bg-elevated);border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:var(--spacing-xl)}.pagination-info{color:var(--text-muted);font-size:var(--font-md)}.pagination-controls{align-items:center;display:flex;gap:var(--spacing-md)}.pagination-current{color:var(--text-primary);font-size:var(--font-md);font-weight:600;padding:0 var(--spacing-lg)}.pagination-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.pagination-btn:hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary);color:#000;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.3}.pagination-btn svg{font-size:16px}@media (max-width:768px){.data-table-pagination{flex-direction:column;gap:var(--spacing-lg)}.pagination-info{font-size:var(--font-sm)}.data-table td,.data-table th{font-size:var(--font-md);padding:var(--spacing-lg)}}.filter-bar{animation:fadeInUp .3s ease;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.filter-bar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.filter-bar-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-xl);font-weight:600;gap:var(--spacing-md)}.filter-bar-title svg{color:var(--accent-primary);font-size:18px}.filter-count{align-items:center;background:var(--accent-primary);border-radius:12px;color:#000;display:flex;font-size:var(--font-sm);font-weight:700;height:24px;justify-content:center;min-width:24px;padding:0 8px}.filter-clear-btn{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--font-md);font-weight:600;gap:var(--spacing-sm);padding:8px 16px;transition:all var(--transition-fast)}.filter-clear-btn:hover{background:var(--error);border-color:var(--error);color:#fff}.filter-clear-btn svg{font-size:16px}.filter-bar-content{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-item{display:flex;flex-direction:column;gap:var(--spacing-md)}.filter-label{color:var(--text-muted);font-size:var(--font-md);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-input,.filter-select{background:var(--bg-elevated)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-lg);padding:10px 14px;transition:all var(--transition-fast)}.filter-input:focus,.filter-select:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px var(--accent-glow);outline:none}@media (max-width:768px){.filter-bar-content{grid-template-columns:1fr}}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:var(--font-sm);font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;transition:all var(--transition-fast);white-space:nowrap}.status-badge-primary{background:var(--accent-glow);border:1px solid var(--accent-primary);color:var(--accent-primary)}.status-badge-success{background:#10b98126;border:1px solid #10b9814d;color:var(--success)}.status-badge-warning{background:#f59e0b26;border:1px solid #f59e0b4d;color:var(--warning)}.status-badge-error{background:#ef444426;border:1px solid #ef44444d;color:var(--error)}.status-badge-info{background:#3b82f626;border:1px solid #3b82f64d;color:var(--info)}.status-badge-muted{background:#9ca3af26;border:1px solid #9ca3af4d;color:var(--text-muted)}.status-badge:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.modal-product{max-width:90vw;width:900px}.modal-header-content{align-items:center;display:flex;gap:var(--spacing-lg)}.modal-icon{background:var(--accent-glow);border-radius:var(--radius-xl);color:var(--accent-primary);font-size:20px;height:40px;width:40px}.modal-close-btn,.modal-icon{align-items:center;display:flex;justify-content:center}.modal-close-btn{background:#0000;border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-muted);cursor:pointer;height:36px;transition:all var(--transition-fast);width:36px}.modal-close-btn:hover{background:var(--error);border-color:var(--error);color:#fff}.modal-close-btn svg{font-size:20px}.form-section{margin-bottom:var(--spacing-3xl)}.form-section:last-child{margin-bottom:0}.form-section-title{border-bottom:2px solid var(--border-primary);color:var(--text-primary);font-size:var(--font-2xl);font-weight:600;margin:0 0 var(--spacing-xl) 0;padding-bottom:var(--spacing-lg)}.form-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group-full{grid-column:1/-1}.form-group label{color:var(--text-secondary);font-size:var(--font-md);font-weight:600}.form-group input,.form-group select,.form-group textarea{background:var(--bg-elevated)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-lg);padding:12px 16px;transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-checkboxes{flex-direction:column}.checkbox-label,.form-checkboxes{display:flex;gap:var(--spacing-lg)}.checkbox-label{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--font-lg);padding:var(--spacing-lg);transition:all var(--transition-fast)}.checkbox-label:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.checkbox-label input[type=checkbox]{accent-color:var(--accent-primary);cursor:pointer;height:20px;width:20px}.checkbox-label span{flex:1 1}.margin-indicator{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;font-size:var(--font-lg);justify-content:space-between;padding:var(--spacing-lg)}.margin-indicator span{color:var(--text-muted)}.margin-indicator strong{font-size:var(--font-3xl);font-weight:700}@media (max-width:768px){.modal-product{width:95vw}.form-grid{grid-template-columns:1fr}.form-group-full{grid-column:1}}.sales-orders-manager{animation:fadeIn .3s ease;margin:0 auto;max-width:1600px;padding:var(--spacing-3xl)}.sales-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-3xl)}.sales-header-left{gap:var(--spacing-xl)}.sales-header-left,.sales-icon{align-items:center;display:flex}.sales-icon{background:var(--accent-glow);border-radius:var(--radius-2xl);color:var(--accent-primary);font-size:28px;height:56px;justify-content:center;width:56px}.sales-title{color:var(--text-primary);font-size:var(--font-6xl);font-weight:700;line-height:1.2;margin:0}.sales-subtitle{color:var(--text-muted);font-size:var(--font-lg);margin:4px 0 0}.sales-stats{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-3xl)}.order-number{color:var(--accent-primary);font-family:Courier New,monospace;font-weight:700}.origin-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:var(--font-sm);font-weight:600;padding:4px 10px}.origin-crm{background:#7fd95726;color:var(--accent-primary)}.origin-whatsapp{background:#25d36626;color:#25d366}.origin-instagram{background:#e9599026;color:#e95950}.action-btn-view:hover{background:var(--info);border-color:var(--info);color:#fff}.action-btn-invoice:hover:not(:disabled){background:var(--success);border-color:var(--success);color:#fff}.action-btn:disabled{cursor:not-allowed;opacity:.3}@media (max-width:768px){.sales-orders-manager{padding:var(--spacing-xl)}.sales-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-xl)}.sales-stats{grid-template-columns:1fr}}.modal-sales-order{max-width:90vw;width:800px}.order-modal-subtitle{color:var(--text-muted);font-size:var(--font-lg);font-weight:400;margin:4px 0 0}.order-details-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-3xl)}.detail-item{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.detail-label{color:var(--text-muted);font-size:var(--font-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:var(--text-primary);font-size:var(--font-xl);font-weight:600}.order-total{align-items:center;background:var(--accent-glow);border:2px solid var(--accent-primary);border-radius:var(--radius-2xl);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding:var(--spacing-3xl)}.order-total span{color:var(--text-muted);font-size:var(--font-2xl);font-weight:600}.order-total strong{color:var(--accent-primary);font-size:var(--font-6xl);font-weight:700}.order-note{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:var(--radius-xl);color:var(--text-secondary);font-size:var(--font-md);line-height:1.6;padding:var(--spacing-xl)}.empty-state-modal{padding:var(--spacing-4xl);text-align:center}.empty-state-modal p{color:var(--text-secondary);font-size:var(--font-xl);margin-bottom:var(--spacing-lg)}@media (max-width:768px){.order-details-grid{grid-template-columns:1fr}.order-total{flex-direction:column;gap:var(--spacing-lg);text-align:center}}.financial-manager{animation:fadeIn .3s ease;margin:0 auto;max-width:1600px;padding:var(--spacing-3xl)}.financial-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-3xl)}.financial-header-left{align-items:center;display:flex;gap:var(--spacing-xl)}.financial-icon{align-items:center;background:var(--accent-glow);border-radius:var(--radius-2xl);color:var(--accent-primary);display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.financial-title{color:var(--text-primary);font-size:var(--font-6xl);font-weight:700;line-height:1.2;margin:0}.financial-subtitle{color:var(--text-muted);font-size:var(--font-lg);margin:4px 0 0}.financial-tabs{margin-bottom:var(--spacing-3xl)}.financial-tabs,.tab-btn{display:flex;gap:var(--spacing-lg)}.tab-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-2xl);color:var(--text-muted);cursor:pointer;flex:1 1;font-size:var(--font-xl);font-weight:600;justify-content:center;padding:var(--spacing-xl) var(--spacing-3xl);transition:all var(--transition-medium)}.tab-btn svg{font-size:24px}.tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tab-btn.active,.tab-btn:hover{border-color:var(--accent-primary)}.tab-btn.active{background:var(--accent-glow);box-shadow:var(--shadow-accent);color:var(--accent-primary)}.financial-stats{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-3xl)}@media (max-width:768px){.financial-manager{padding:var(--spacing-xl)}.financial-tabs{flex-direction:column}.financial-stats{grid-template-columns:1fr}}.fiscal-nfe-manager{animation:fadeIn .3s ease;margin:0 auto;max-width:1600px;padding:var(--spacing-3xl)}.fiscal-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--spacing-3xl)}.fiscal-header,.fiscal-header-left{align-items:center;display:flex;gap:var(--spacing-xl)}.fiscal-icon{align-items:center;background:var(--accent-glow);border-radius:var(--radius-2xl);color:var(--accent-primary);display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.fiscal-title{color:var(--text-primary);font-size:var(--font-6xl);font-weight:700;line-height:1.2;margin:0}.fiscal-subtitle{color:var(--text-muted);font-size:var(--font-lg);margin:4px 0 0}.fiscal-config-warning{align-items:center;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:var(--radius-xl);color:var(--warning);display:flex;font-size:var(--font-md);font-weight:600;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl)}.fiscal-config-warning svg{font-size:20px}.fiscal-stats{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-3xl)}.nfe-number{color:var(--accent-primary);font-family:Courier New,monospace;font-weight:700}.action-btn-download:hover{background:var(--info);border-color:var(--info);color:#fff}.action-btn-cancel:hover{background:var(--error);border-color:var(--error);color:#fff}.action-btn-emit:hover{background:var(--success);border-color:var(--success);color:#fff}.fiscal-info-box{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:var(--radius-2xl);margin-top:var(--spacing-3xl);padding:var(--spacing-3xl)}.fiscal-info-box h3{color:var(--info);font-size:var(--font-3xl);margin:0 0 var(--spacing-xl) 0}.fiscal-info-box ol{color:var(--text-secondary);font-size:var(--font-lg);line-height:1.8;margin:0;padding-left:var(--spacing-3xl)}.fiscal-info-box li{margin-bottom:var(--spacing-md)}@media (max-width:768px){.fiscal-nfe-manager{padding:var(--spacing-xl)}.fiscal-header{align-items:flex-start;flex-direction:column}.fiscal-stats{grid-template-columns:1fr}}.ai-assistant-trigger{align-items:center;animation:pulse-glow 2s infinite;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:none;border-radius:50%;bottom:24px;box-shadow:0 8px 24px #7fd95766;color:#000;cursor:pointer;display:flex;font-size:28px;height:64px;justify-content:center;position:fixed;right:24px;transition:all var(--transition-medium);width:64px;z-index:1001}.ai-assistant-trigger:hover{box-shadow:0 12px 32px #7fd95799;transform:translateY(-4px) scale(1.05)}.trigger-badge{background:#ef4444;border:2px solid var(--bg-primary);border-radius:10px;color:#fff;font-size:10px;font-weight:700;padding:3px 6px;position:absolute;right:-4px;top:-4px}@keyframes pulse-glow{0%,to{box-shadow:0 8px 24px #7fd95766}50%{box-shadow:0 8px 32px #7fd957b3}}.ai-assistant-window{animation:slideInUp .3s ease;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-3xl);bottom:24px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;height:640px;overflow:hidden;position:fixed;right:24px;width:420px;z-index:1000}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-assistant-header{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-bottom:1px solid var(--border-primary);color:#000;display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl)}.assistant-avatar{align-items:center;animation:rotate 3s linear infinite;background:#0003;border-radius:50%;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.assistant-info{flex:1 1}.assistant-info h3{font-size:var(--font-2xl);font-weight:700;margin:0}.assistant-status{align-items:center;display:flex;font-size:var(--font-sm);gap:var(--spacing-sm);opacity:.9}.status-dot{animation:pulse 2s infinite;background:#000;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.assistant-actions{display:flex;gap:var(--spacing-sm)}.header-btn{align-items:center;background:#0003;border:none;border-radius:var(--radius-lg);color:#000;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.header-btn:hover{background:#0000004d;transform:scale(1.1)}.ai-assistant-messages{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-lg);overflow-y:auto;padding:var(--spacing-xl)}.welcome-message{padding:var(--spacing-3xl);text-align:center}.welcome-avatar{align-items:center;background:var(--accent-glow);border-radius:50%;color:var(--accent-primary);display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto var(--spacing-xl);width:64px}.welcome-message h4{color:var(--text-primary);font-size:var(--font-3xl);margin:0 0 var(--spacing-md) 0}.welcome-message p{color:var(--text-muted);line-height:1.6;margin:var(--spacing-md) 0}.welcome-message ul{list-style:none;margin:var(--spacing-xl) 0;margin-left:auto;margin-right:auto;max-width:300px;padding:0;text-align:left}.welcome-message li{color:var(--text-secondary);font-size:var(--font-lg);padding:var(--spacing-md)}.tour-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:var(--radius-xl);color:#000;cursor:pointer;display:inline-flex;font-size:var(--font-lg);font-weight:600;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-3xl);transition:all var(--transition-fast)}.tour-btn:hover{background:var(--accent-secondary);transform:translateY(-2px)}.message{animation:fadeInUp .3s ease;display:flex;gap:var(--spacing-lg)}.message-user{flex-direction:row-reverse}.message-avatar{align-items:center;background:var(--accent-glow);border-radius:50%;color:var(--accent-primary);display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.message-avatar-user{background:#3b82f626;color:var(--info)}.message-content{max-width:70%}.message-user .message-content{align-items:flex-end;display:flex;flex-direction:column}.message-text{word-wrap:break-word;background:var(--bg-elevated);border-radius:var(--radius-xl);color:var(--text-primary);line-height:1.6;padding:var(--spacing-lg)}.message-user .message-text{background:var(--accent-primary);color:#000}.message-time{color:var(--text-muted);font-size:var(--font-xs);margin-top:var(--spacing-sm);padding:0 var(--spacing-sm)}.typing-indicator{background:var(--bg-elevated);border-radius:var(--radius-xl);display:flex;gap:4px;padding:var(--spacing-lg);width:-webkit-fit-content;width:fit-content}.typing-indicator span{animation:typing 1.4s infinite;background:var(--text-muted);border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.ai-suggestions{background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:var(--spacing-xl)}.suggestions-title{color:var(--text-muted);font-size:var(--font-sm);font-weight:600;margin-bottom:var(--spacing-lg)}.suggestions-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr}.suggestion-btn{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:var(--font-md);padding:var(--spacing-lg);text-align:left;transition:all var(--transition-fast)}.suggestion-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateX(4px)}.ai-assistant-input{background:var(--bg-secondary);border-top:1px solid var(--border-primary);display:flex;gap:var(--spacing-md);padding:var(--spacing-xl)}.ai-assistant-input input{background:var(--bg-elevated)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-xl);color:var(--text-primary);flex:1 1;font-size:var(--font-lg);padding:var(--spacing-lg)}.ai-assistant-input input:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px var(--accent-glow)}.send-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all var(--transition-fast);width:44px}.send-btn:hover:not(:disabled){background:var(--accent-secondary);transform:scale(1.1)}.send-btn:disabled{cursor:not-allowed;opacity:.3}:global(.driver-popover){z-index:1000000!important}:global(.driver-overlay){z-index:999999!important}:global(.driver-active-element){z-index:1000001!important}@media (max-width:768px){.ai-assistant-window{bottom:16px;height:calc(100vh - 100px);right:16px;width:calc(100vw - 32px)}.ai-assistant-trigger{bottom:16px;font-size:24px;height:56px;right:16px;width:56px}}.driver-active *,.driver-active .driver-overlay{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;background-color:#fff;border-radius:5px;box-shadow:0 1px 10px #0006;box-sizing:border-box;color:#2d2d2d;margin:0;max-width:300px;min-width:250px;padding:15px;position:fixed;right:0;top:0;z-index:1000000000}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.driver-popover-title{zoom:1;display:block;font:19px/normal sans-serif;font-weight:700;line-height:1.5;margin:0;position:relative}.driver-popover-close-btn{all:unset;color:#d2d2d2;cursor:pointer;font-size:18px;font-weight:500;height:28px;position:absolute;right:0;text-align:center;top:0;transition:color;transition-duration:.2s;width:32px;z-index:1}.driver-popover-close-btn:focus,.driver-popover-close-btn:hover{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;font:14px/normal sans-serif;font-weight:400;line-height:1.5;margin-bottom:0}.driver-popover-footer{zoom:1;align-items:center;display:flex;justify-content:space-between;margin-top:15px;text-align:right}.driver-popover-progress-text{zoom:1;color:#727272;font-size:13px;font-weight:400}.driver-popover-footer button{zoom:1;all:unset;background-color:#fff;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;color:#2d2d2d;cursor:pointer;display:inline-block;font:12px/normal sans-serif;line-height:1.3;outline:0;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:focus,.driver-popover-footer button:hover{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{border:5px solid #fff;content:"";position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-bottom-color:#0000;border-right-color:#0000;border-top-color:#0000;left:100%}.driver-popover-arrow-side-right{border-bottom-color:#0000;border-left-color:#0000;border-top-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-left-color:#0000;border-right-color:#0000;border-top-color:#0000;bottom:100%}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start,.driver-popover-arrow-side-top.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end,.driver-popover-arrow-side-top.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{margin-top:-5px;top:50%}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center,.driver-popover-arrow-side-top.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}
/*# sourceMappingURL=main.7326381a.css.map*/