body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.login-container{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{animation:slideIn .5s ease-out;background:var(--color-background);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:40px;width:100%}.login-logo{display:flex;justify-content:center;margin-bottom:30px}.login-logo img{height:auto;object-fit:contain;width:240px}.login-header{margin-bottom:30px;text-align:center}.login-header h2{color:var(--color-text);font-size:28px;margin-bottom:10px}.login-header p{color:var(--color-text-secondary);font-size:14px}.login-form{display:flex;flex-direction:column}.error-message{margin-top:5px}.form-options{justify-content:space-between;margin-bottom:25px}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:var(--color-text-secondary);cursor:pointer;font-size:14px;gap:8px}.remember-me input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:16px;width:16px}.forgot-password{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;padding:0;text-decoration:none;transition:color .3s ease}.forgot-password:hover{color:var(--color-primary-hover);text-decoration:underline}.login-button{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:8px;color:var(--color-text-inverse);cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:transform .2s ease,box-shadow .2s ease}.login-button:hover:not(:disabled){box-shadow:0 10px 20px var(--color-shadow-primary);transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-footer{border-top:1px solid var(--color-border);margin-top:30px;padding-top:20px;text-align:center}.login-footer p{color:var(--color-text-secondary);font-size:14px}.login-footer a{color:#667eea;font-weight:500;text-decoration:none;transition:color .3s ease}.login-footer a:hover{color:var(--color-primary-hover);text-decoration:underline}.modal-close{font-size:24px}.modal-close:hover{background:var(--color-background-hover)}.modal-body p{color:var(--color-text-secondary);font-size:14px;margin-bottom:20px}.form-input{background:var(--color-input-background);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.message{border-radius:8px;font-size:14px;margin:16px 0;padding:12px}.message.success{background:#dcfce7;border:1px solid #bbf7d0;color:#22c55e}.message.error{background:#fee2e2;border:1px solid #fecaca;color:#ef4444}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-cancel{background:var(--color-background-hover);color:var(--color-text)}.btn-cancel:hover{background:var(--color-border)}.btn-submit{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-text-inverse)}.btn-submit:hover:not(:disabled){box-shadow:0 10px 20px var(--color-shadow-primary);transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.7}@media (max-width:480px){.login-box{padding:30px 20px}.login-header h2{font-size:24px}.form-options{align-items:flex-start;flex-direction:column;gap:10px}.modal-content{margin:20px;width:calc(100% - 40px)}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}*{box-sizing:border-box;margin:0;padding:0}.register-container{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);min-height:100vh;padding:15px}.register-container,.register-layout{align-items:center;display:flex;justify-content:center;position:relative}.register-layout{max-width:1200px;width:100%}.register-side-tab{align-items:center;background:#000c;border-radius:15px;display:flex;height:50%;min-height:300px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);width:120px;z-index:1}.register-side-tab,.register-side-tab.left{animation:slideInBounceLeft .3s cubic-bezier(.68,-.55,.265,1.55) .3s forwards;justify-content:center}.register-side-tab.left{border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;left:calc(50% - 320px)}.register-side-tab.right{animation:slideInBounceRight .3s cubic-bezier(.68,-.55,.265,1.55) .3s forwards;border-bottom-left-radius:0;border-left:none;border-top-left-radius:0;justify-content:center;right:calc(50% - 320px)}.register-side-tab.right img{transform:rotate(90deg)}.register-side-tab img{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5));height:auto;opacity:.9;transform:rotate(-90deg);width:400px}.register-box{animation:zoomInBounce .3s cubic-bezier(.68,-.55,.265,1.55);background:var(--color-background);border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 0 10px #0000001a;max-height:calc(100vh - 30px);max-width:420px;overflow-y:auto;padding:25px;position:relative;width:100%;z-index:2}@keyframes slideInBounceLeft{0%{opacity:0;transform:translateY(-50%) translateX(120px)}50%{opacity:1;transform:translateY(-50%) translateX(-15px)}70%{transform:translateY(-50%) translateX(8px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@keyframes slideInBounceRight{0%{opacity:0;transform:translateY(-50%) translateX(-120px)}50%{opacity:1;transform:translateY(-50%) translateX(15px)}70%{transform:translateY(-50%) translateX(-8px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.register-logo{display:flex;justify-content:center;margin-bottom:20px}.register-logo img{height:auto;object-fit:contain;width:180px}.register-header{margin-bottom:20px;text-align:center}.register-header h2{color:var(--color-text);font-size:24px;font-weight:700;margin-bottom:8px}.register-header p{color:var(--color-text-secondary);font-size:13px}.register-form{display:flex;flex-direction:column}.error-banner{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c00;font-size:13px;margin-bottom:15px;padding:10px 14px;text-align:center}.register-form .form-group{margin-bottom:8px!important}.form-group input{transition:all .3s ease}.form-group input:focus{box-shadow:0 0 0 3px var(--color-primary-light)}.form-group input.error{border-color:var(--color-danger)}.error-message{color:var(--color-danger);font-size:11px;margin-top:4px}.register-button{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:6px;color:var(--color-text-inverse);cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:12px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.register-button:hover:not(:disabled){box-shadow:0 10px 20px var(--color-shadow-primary);transform:translateY(-2px)}.register-button:active:not(:disabled){transform:translateY(0)}.register-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.7}.register-footer{border-top:1px solid var(--color-border);margin-top:20px;padding-top:15px;text-align:center}.register-footer p{color:var(--color-text-secondary);font-size:13px}.register-footer a{color:#667eea;font-weight:500;text-decoration:none;transition:color .3s ease}.register-footer a:hover{color:var(--color-primary-hover);text-decoration:underline}@media (max-width:1024px){.register-side-tab{min-height:250px;width:100px}.register-side-tab.left{left:calc(50% - 300px)}.register-side-tab.right{right:calc(50% - 300px)}.register-side-tab img{width:390px}}@media (max-width:768px){.register-side-tab{display:none}.register-box{margin:0;max-width:100%}}@media (max-width:480px){.register-container{padding:10px}.register-box{margin:0;max-height:calc(100vh - 20px);max-width:100%;padding:20px}.register-header h2{font-size:22px}.register-logo img{width:150px}.form-group{margin-bottom:14px}.register-header,.register-logo{margin-bottom:16px}.register-footer{margin-top:16px;padding-top:12px}}.terms-list{margin:0 0 8px}.terms-item,.terms-list{list-style:none;padding:0}.terms-item{margin-bottom:8px}.terms-item:last-child{margin-bottom:0}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;font-weight:400;gap:8px;margin:0;padding:0}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;height:18px;margin-top:1px;padding:0;width:18px}.checkbox-label span{word-wrap:break-word;color:var(--color-text-secondary);display:inline;flex:1 1;font-size:12px;line-height:1.5;word-break:break-word}.checkbox-label a{color:var(--color-primary);font-weight:500;text-decoration:none;transition:color .2s ease}.checkbox-label a:hover{color:var(--color-primary-hover);text-decoration:underline}.terms-item .error-message{display:block;margin-left:26px;margin-top:4px}.sidebar{background:#fff;box-shadow:2px 0 10px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease;z-index:100}.sidebar.open{width:280px}.sidebar.closed{width:70px}.sidebar-header{height:70px;justify-content:space-between;padding:20px 20px 20px 0}.logo-section,.sidebar-header{align-items:center;display:flex}.logo-section{gap:12px;margin-left:-10px}.sidebar-logo-full{height:80px;object-fit:contain;width:240px}.sidebar-logo-icon{height:40px;object-fit:contain;width:40px}.logo-icon{color:#6366f1;font-size:24px}.logo-text{color:#1a1a1a;font-size:20px;font-weight:700}.toggle-btn{background:none;border-radius:8px;font-size:22px;padding:8px}.sidebar.open .toggle-btn{margin-left:-15px;margin-right:20px}.sidebar.closed .toggle-btn{margin-left:-6px}.toggle-btn:hover{color:#1a1a1a}.user-section{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:20px}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);font-size:18px;height:40px;width:40px}.user-info{overflow:hidden}.user-name{color:#1a1a1a;margin-bottom:2px}.user-email{color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 10px}.nav-item{background:none;border-radius:8px;color:#6b7280;margin-bottom:8px;padding:12px 16px;width:100%}.nav-item:hover{background:#f3f4f6;color:#1a1a1a}.nav-item.active{background:#eef2ff;color:#6366f1;font-weight:500}.nav-icon{align-items:center;display:flex;font-size:20px;justify-content:center;min-width:20px}.nav-label{font-size:14px;white-space:nowrap}.admin-section-header{align-items:center;border-top:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:12px;letter-spacing:.5px;margin-bottom:8px;margin-top:20px;padding:20px 16px 8px;text-transform:uppercase}.admin-section-header svg{color:var(--color-primary);font-size:16px}.admin-item{background:var(--color-background);border-left:3px solid var(--color-primary)}.admin-item:hover{background:var(--hover-background);color:var(--color-text)}.admin-item.active{background:var(--color-primary-light);border-left-color:var(--color-primary-dark);color:var(--color-primary)}.sidebar-footer{border-top:1px solid #e5e7eb;padding:20px 10px}.logout-btn{align-items:center;background:none;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;transition:all .2s ease;width:100%}.logout-btn:hover{background:#fef2f2;color:#dc2626}.sidebar.closed .logout-btn,.sidebar.closed .nav-item{justify-content:center}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}}.dashboard-home-container{color:var(--color-text);margin:0;min-height:calc(100vh - 80px);padding:0;width:100%}.banner-section{margin-bottom:20px}.main-banner{align-items:center;background:var(--color-primary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 12px var(--color-shadow);color:#fff;display:flex;height:120px;justify-content:space-between;overflow:hidden;padding:0 30px;position:relative}.banner-content h2{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.banner-content p{color:#fff;font-size:14px;margin:0 0 12px;opacity:.9}.banner-stats span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;color:#fff;font-size:13px;padding:4px 12px}.banner-decoration{position:relative}.banner-circle{background:#ffffff1a;border-radius:50%;height:80px;position:absolute;right:-20px;top:-20px;width:80px}.banner-circle-small{background:#ffffff26;border-radius:50%;height:40px;position:absolute;right:40px;top:20px;width:40px}.action-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.action-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px var(--color-shadow-light);cursor:pointer;display:flex;flex-direction:column;height:120px;justify-content:space-between;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.action-card:hover{box-shadow:0 10px 30px var(--color-shadow);transform:translateY(-4px)}.action-card:active{box-shadow:0 6px 20px var(--color-shadow);transform:translateY(-2px)}.action-card:before{background:currentColor;content:"";height:4px;left:0;position:absolute;top:0;width:100%}.card-primary{color:var(--color-primary)}.card-success{color:#10b981;color:var(--color-success,#10b981)}.card-info{color:#06b6d4;color:var(--color-info,#06b6d4)}.card-warning{color:#f59e0b;color:var(--color-warning,#f59e0b)}.card-icon{align-items:center;background:rgba(currentColor,.1);border-radius:10px;display:flex;font-size:18px;height:40px;justify-content:center;margin-bottom:12px;width:40px}.card-content h3{color:var(--color-text);font-size:16px;font-weight:600;margin:0 0 4px}.card-content p{color:var(--color-text-secondary);font-size:13px;margin:0}.card-arrow{bottom:15px;color:currentColor;font-size:18px;opacity:0;position:absolute;right:15px;transform:translateX(-10px);transition:all .3s ease}.action-card:hover .card-arrow{opacity:1;transform:translateX(0)}.stats-section{margin-top:40px}.stats-section h2{color:var(--color-text);font-size:20px;font-weight:600;margin:0 0 20px}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(4,1fr)}.stat-card{padding:24px}.stat-card:hover{box-shadow:0 4px 20px var(--color-shadow)}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.stat-icon{border-radius:12px;height:48px;width:48px}.stat-icon.calls{background:#3b82f61a;background:rgba(var(--color-primary-rgb,59,130,246),.1);color:var(--color-primary)}.stat-icon.numbers{background:#10b9811a;background:rgba(var(--color-success-rgb,16,185,129),.1);color:#10b981;color:var(--color-success,#10b981)}.stat-icon.minutes{background:#f59e0b1a;background:rgba(var(--color-warning-rgb,245,158,11),.1);color:#f59e0b;color:var(--color-warning,#f59e0b)}.stat-icon.balance{background:#8b5cf61a;background:rgba(var(--color-info-rgb,139,92,246),.1);color:#8b5cf6;color:var(--color-info,#8b5cf6)}.stat-trend{border-radius:6px;font-size:12px;font-weight:500;padding:4px 8px}.stat-trend.positive{background:#10b9811a;background:rgba(var(--color-success-rgb,16,185,129),.1);color:#10b981;color:var(--color-success,#10b981)}.stat-trend.negative{background:#ef44441a;background:rgba(var(--color-danger-rgb,239,68,68),.1);color:#ef4444;color:var(--color-danger,#ef4444)}.stat-trend.neutral{background:#6b72801a;background:rgba(var(--color-text-secondary-rgb,107,114,128),.1);color:var(--color-text-secondary)}.stat-info h3{color:var(--color-text);font-size:28px;font-weight:700;margin:0 0 8px}.stat-info p{color:var(--color-text);font-size:14px;font-weight:500;margin:0 0 4px}.stat-period{color:var(--color-text-secondary);font-size:12px}@media (max-width:1200px){.action-cards,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-home-container{padding:0 15px}.main-banner{height:100px;padding:0 20px}.banner-content h2{font-size:20px}.action-cards{gap:15px;grid-template-columns:1fr}.action-card{height:100px;padding:15px}.stats-grid{gap:15px;grid-template-columns:1fr}.stat-card{padding:20px}.stat-info h3{font-size:24px}}.transfer-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.transfer-modal{animation:modalSlideIn .3s ease-out;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 30px var(--color-shadow-heavy);max-height:90vh;max-width:400px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.transfer-modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:20px 24px 16px}.transfer-modal-header h3{color:var(--color-text);font-size:18px;font-weight:600;margin:0}.transfer-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.transfer-modal-close:hover{background:var(--color-background-tertiary);color:var(--color-text)}.transfer-modal-close:disabled{cursor:not-allowed;opacity:.5}.transfer-modal-body{padding:20px 24px 24px}.transfer-info{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;margin-bottom:20px;padding:16px}.transfer-info p{color:var(--color-text-secondary);font-size:14px;margin:0 0 8px}.transfer-info p:last-child{margin-bottom:0}.transfer-info strong{color:var(--color-text);font-weight:500}.form-group label{color:var(--color-text-secondary)}.form-group input{border:2px solid var(--color-border);box-sizing:border-box;outline:none}.form-group input:focus{box-shadow:0 0 0 3px var(--color-shadow-primary)}.form-group input.error{border-color:#ef4444}.form-group input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group input:disabled{background:var(--color-background-secondary);color:var(--color-text-secondary);opacity:.7}.error-message{color:#ef4444;display:block;font-size:12px;margin-top:6px}.btn-cancel,.btn-confirm{border-radius:8px;min-width:80px}.btn-cancel{background:var(--color-background-secondary)}.btn-confirm{background:var(--color-success)}.btn-confirm:hover:not(:disabled){background:var(--color-success-dark)}.btn-cancel:disabled,.btn-confirm:disabled{box-shadow:none}[data-theme=dark] .transfer-modal{background:#1f2937;color:#fff}[data-theme=dark] .transfer-modal-header{border-bottom-color:#374151}[data-theme=dark] .transfer-modal-header h3{color:#fff}[data-theme=dark] .transfer-modal-close{color:#9ca3af}[data-theme=dark] .transfer-modal-close:hover{background:#374151;color:#d1d5db}[data-theme=dark] .transfer-info{background:#374151}[data-theme=dark] .transfer-info p{color:#d1d5db}[data-theme=dark] .transfer-info strong{color:#fff}[data-theme=dark] .form-group label{color:#d1d5db}[data-theme=dark] .form-group input{background:#374151;border-color:#4b5563;color:#fff}[data-theme=dark] .form-group input:focus{border-color:#6366f1}[data-theme=dark] .form-group input:disabled{background:#4b5563;color:#9ca3af}[data-theme=dark] .btn-cancel{background:#374151;color:#d1d5db}[data-theme=dark] .btn-cancel:hover:not(:disabled){background:#4b5563}@media (max-width:768px){.transfer-modal{margin:20px;width:95%}.transfer-modal-body,.transfer-modal-header{padding-left:16px;padding-right:16px}.form-actions{flex-direction:column}.btn-cancel,.btn-confirm{width:100%}}.create-ipline-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.create-ipline-modal{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 10px 30px var(--color-shadow-heavy);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.create-ipline-modal-header{align-items:center;background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:20px}.create-ipline-modal-header h3{color:var(--color-text);font-size:1.3rem;margin:0}.create-ipline-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.create-ipline-modal-close:hover{background-color:var(--color-background-tertiary);color:var(--color-text)}.create-ipline-modal-close:disabled{cursor:not-allowed;opacity:.5}.create-ipline-modal-body{flex:1 1;overflow-y:auto;padding:20px}.alert{border:1px solid;border-radius:6px;margin-bottom:20px;padding:15px}.alert-warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert strong{display:block;margin-bottom:8px}.alert p{margin:5px 0}.ipline-info{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:6px;margin-bottom:20px;padding:15px}.ipline-info h4{color:var(--color-text);font-size:1.1rem;margin:0 0 15px}.info-grid{grid-template-columns:1fr 1fr}.info-item{gap:4px}.info-item label{color:var(--color-text-secondary);font-size:.9rem}.info-item span{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-size:.9rem;padding:8px 10px}.form-actions{margin-top:20px}.btn-cancel,.btn-confirm{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:10px 20px;transition:all .2s ease}.btn-cancel{background-color:var(--color-background-secondary)}.btn-cancel:hover:not(:disabled){background-color:var(--color-background-tertiary);color:var(--color-text)}.btn-confirm{background-color:var(--color-success);border:1px solid var(--color-success);color:var(--color-text-inverse)}.btn-confirm:hover:not(:disabled){background-color:var(--color-success-dark);border-color:var(--color-success-dark);box-shadow:0 4px 12px var(--color-shadow-success)}@media (max-width:600px){.create-ipline-modal{margin:20px;width:95%}.info-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-confirm{width:100%}}.sip-modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.sip-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 20px 60px #00000080;height:85vh;max-height:800px;max-width:900px;overflow:hidden;width:90%}.sip-modal-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;padding:20px 25px}.sip-modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 2px 4px #0003}.sip-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.sip-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.sip-modal-body{background:#fff;flex:1 1;overflow-y:auto;padding:25px}.sip-status-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:25px;padding:20px}.status-indicator{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;margin-bottom:20px;padding:15px}.status-icon{animation:pulse 2s infinite;font-size:2rem}.status-text{color:#2c3e50;font-size:1.2rem;font-weight:500}.connection-info{background:#fff;border-radius:8px;padding:15px}.info-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{flex-direction:column;gap:5px}.info-item label{color:#7f8c8d;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item span{background:#f8f9fa;border-radius:6px;color:#2c3e50;font-family:Courier New,monospace;font-size:1rem;font-weight:500;padding:8px 12px}.sip-messages-section{background:#f8f9fa;border-radius:12px;display:flex;flex-direction:column;height:calc(100% - 200px);padding:20px}.sip-messages-section h3{align-items:center;color:#2c3e50;display:flex;font-size:1.1rem;gap:8px;margin:0 0 15px}.sip-messages-container{background:#fff;border-radius:8px;box-shadow:inset 0 2px 8px #0000000d;flex:1 1;overflow-y:auto;padding:15px}.sip-message{animation:messageSlide .3s ease;border-left:4px solid;border-radius:8px;margin-bottom:15px;padding:12px}@keyframes messageSlide{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.sip-message-sent{background:#e3f2fd;border-color:#2196f3}.sip-message-received{background:#f3e5f5;border-color:#9c27b0}.sip-message-info{background:#fff3e0;border-color:#ff9800}.sip-message-success{background:#e8f5e9;border-color:#4caf50}.sip-message-error{background:#ffebee;border-color:#f44336}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.message-type{color:#34495e;font-size:.9rem;font-weight:600}.message-time{color:#7f8c8d;font-size:.8rem}.message-content{background:#ffffffb3;border-radius:6px;color:#2c3e50;font-family:Courier New,monospace;font-size:.85rem;line-height:1.5;margin:0;overflow-x:auto;padding:10px;white-space:pre-wrap;word-break:break-all}.sip-modal-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-top:1px solid #fff3;gap:12px;padding:20px 25px}.btn-close,.btn-retry{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 24px;transition:all .3s ease}.btn-close:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.btn-retry{background:#fff;color:#667eea}.btn-retry:hover{background:#f0f0f0;transform:translateY(-2px)}button:disabled{cursor:not-allowed;opacity:.6}.sip-error{background:#ffebee;border-left:4px solid #f44336;border-radius:8px;color:#c62828;margin-top:15px;padding:15px}.sip-messages-container::-webkit-scrollbar{width:8px}.sip-messages-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.sip-messages-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.sip-messages-container::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.sip-modal{height:90vh;width:95%}.info-grid{grid-template-columns:1fr}.sip-modal-header h2{font-size:1.2rem}}.state-flag{border-radius:2px;box-shadow:0 1px 2px #0000001a;height:14px;margin-right:8px;position:relative;width:20px}.flag-br,.state-flag{display:inline-block;vertical-align:middle}.flag-br{font-size:18px;margin-right:4px}.flag-br-css{background:linear-gradient(180deg,#009c3b,#009c3b 50%,#ffdf00 0,#ffdf00);position:relative}.flag-br-css:before{background:#002776;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:10px}.flag-sp{background:linear-gradient(90deg,#000,#000 33.33%,#fff 0,#fff 66.66%,red 0,red)}.flag-rj{background:#fff;position:relative}.flag-rj:before{background:#06c;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.flag-mg{background:#fff;position:relative}.flag-mg:before{border-bottom:8px solid red;border-left:5px solid #0000;border-right:5px solid #0000;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.flag-pr{background:linear-gradient(180deg,#009c3b,#009c3b 40%,#fff 0,#fff 60%,#06c 0,#06c)}.flag-rs{background:linear-gradient(180deg,#009c3b,#009c3b 33.33%,#ffdf00 0,#ffdf00 66.66%,red 0,red)}.flag-sc{background:red;position:relative}.flag-sc:before{background:#fff;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:8px}.flag-ba{background:linear-gradient(90deg,red,red 40%,#fff 0,#fff 60%,#06c 0,#06c)}.flag-pe{background:linear-gradient(180deg,red,red 50%,#06c 0,#06c);position:relative}.flag-pe:before{background:#ffdf00;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:25%;transform:translateX(-50%);width:8px}.flag-ce{background:#009c3b;position:relative}.flag-ce:before{background:#ffdf00;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.flag-df{background:#fff;position:relative}.flag-df:before{border:4px solid;border-color:#0000 #0000 #009c3b;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.flag-default{background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.flag-default:before{color:#fff;content:"★";font-size:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.state-select{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.state-select option{font-size:14px;padding:8px 12px}.state-select option:disabled{background-color:#f5f5f5;color:#999}.state-option{align-items:center;display:flex;gap:8px}.state-count{color:#666;margin-left:4px}.release-modal{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;display:flex;flex-direction:column;margin:auto;max-height:85vh;max-width:600px;opacity:0;position:relative;transform:scale(.3);width:100%}.release-modal.animate-in{animation:zoomInBounce .3s cubic-bezier(.34,1.56,.64,1) forwards}.release-modal-header{align-items:center;background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.release-modal-title{align-items:center;color:var(--color-text);display:flex;gap:12px}.release-modal-title svg{color:var(--color-error);font-size:20px}.release-modal-title h3{color:var(--color-text);font-size:17px;font-weight:600;margin:0}.release-modal-content{flex:1 1;overflow-y:auto;padding:20px}.release-number-info{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:14px 16px}.release-label{color:var(--color-text-secondary);font-size:14px;font-weight:600}.release-number{color:var(--color-error);font-family:SF Mono,Monaco,Courier New,monospace;font-size:18px;font-weight:600}.release-data-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}@media (max-width:580px){.release-data-grid{grid-template-columns:1fr}}.release-data-item{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 1px 2px #0000000d;display:flex;gap:12px;margin-bottom:0;padding:14px 16px;transition:all .2s ease}.release-data-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.release-data-icon{align-items:center;background:var(--color-primary);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.release-data-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.release-data-item label{color:var(--color-text-secondary);font-size:11px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.release-data-value{align-items:center;background:#0000;border:none;display:flex;justify-content:space-between;min-height:auto;padding:0;width:100%}.release-data-value span{color:var(--color-text);flex:1 1;font-family:SF Mono,Monaco,Courier New,monospace;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.release-info-note{align-items:flex-start;background:linear-gradient(135deg,#fb923c,#ea580c);border:none;border-radius:12px;box-shadow:0 4px 12px #fb923c4d;display:flex;gap:12px;margin-top:20px;padding:14px 16px}.release-alert-icon{color:#fff;flex-shrink:0;font-size:20px;margin-top:2px}.release-alert-content{flex:1 1}.release-info-note p{color:#fff;font-size:14px;font-weight:500;line-height:1.6;margin:0}.release-info-note strong{color:#fff;font-weight:700}.release-modal-footer{background:var(--color-background-secondary);border-radius:0 0 12px 12px;border-top:1px solid var(--color-border);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-cancel{font-weight:600;padding:10px 28px;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:var(--color-background-tertiary);border-color:var(--color-border);transform:translateY(-1px)}.btn-confirm{align-items:center;background:var(--color-error);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 28px;transition:all .2s ease}.btn-confirm:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.btn-cancel:disabled,.btn-confirm:disabled{cursor:not-allowed;opacity:.6;transform:none}.close-btn:disabled{cursor:not-allowed;opacity:.5}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;display:inline-block;height:16px;width:16px}@media (max-width:640px){.release-modal{max-width:calc(100% - 32px)}.release-data-grid{grid-template-columns:1fr}.release-modal-footer{flex-direction:column}.btn-cancel,.btn-confirm{justify-content:center;width:100%}}.sip-modal{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;display:flex;flex-direction:column;height:auto;margin:auto;max-height:85vh;max-width:600px;opacity:0;position:relative;transform:scale(.3);width:100%}.sip-modal.animate-in{animation:zoomInBounce .3s cubic-bezier(.34,1.56,.64,1) forwards}.sip-modal-header{align-items:center;background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.sip-modal-title{align-items:center;color:var(--color-text);display:flex;gap:12px}.sip-modal-title svg{color:var(--color-primary);font-size:20px}.sip-modal-title h3{color:var(--color-text);font-size:17px;font-weight:600;margin:0}.sip-modal-content{flex:1 1;overflow-y:auto;padding:20px}.sip-number-info{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:14px 16px}.sip-label{color:var(--color-text-secondary);font-size:14px;font-weight:600}.sip-number{color:var(--color-primary);font-family:SF Mono,Monaco,Courier New,monospace;font-size:18px;font-weight:600}.sip-data-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}@media (max-width:580px){.sip-data-grid{grid-template-columns:1fr}}.sip-data-item{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 1px 2px #0000000d;display:flex;gap:12px;margin-bottom:0;padding:14px 16px;transition:all .2s ease}.sip-data-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.sip-data-icon{align-items:center;background:var(--color-primary);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.sip-data-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.sip-data-item label{color:var(--color-text-secondary);font-size:11px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.sip-data-value{align-items:center;background:#0000;border:none;display:flex;justify-content:space-between;min-height:auto;padding:0;width:100%}.sip-data-value span{color:var(--color-text);flex:1 1;font-family:SF Mono,Monaco,Courier New,monospace;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;display:flex;flex-shrink:0;min-height:28px;min-width:28px;padding:6px}.copy-btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.05)}.copy-btn:disabled{cursor:not-allowed;opacity:.4}.copy-btn svg{font-size:16px}.sip-error,.sip-loading{color:var(--color-text-secondary);padding:40px 20px;text-align:center}.sip-error{color:var(--error-color)}.close-btn{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:6px;transition:all .2s ease;width:32px}.close-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:scale(1.05)}.sip-info-note{background:var(--warning-background);border:1px solid var(--warning-border);border-radius:8px;margin-top:20px;padding:12px 14px}.sip-info-note p{color:var(--warning-text);font-size:13px;line-height:1.5;margin:0}.sip-info-note strong{font-weight:600}.sip-modal-footer{background:var(--color-background-secondary);border-radius:0 0 12px 12px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;padding:20px 24px}.sip-modal-footer .btn-close{align-items:center;background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-width:120px;outline:none;padding:10px 40px;transition:all .2s}.sip-modal-footer .btn-close:hover{background:#5558e3;box-shadow:0 2px 8px #6366f14d;transform:translateY(-1px)}.sip-modal-footer .btn-close:focus{box-shadow:0 0 0 3px #6366f11a;outline:none}@media (max-width:640px){.sip-modal{max-width:calc(100% - 32px)}.sip-data-grid{grid-template-columns:1fr}}.did-list-container{position:relative}.flying-phone{align-items:center;background:var(--color-background);border:2px solid var(--color-primary);border-radius:50%;box-shadow:0 6px 20px var(--color-shadow-primary),0 2px 8px var(--color-shadow-medium);display:flex;height:44px;justify-content:center;opacity:1;pointer-events:none;position:fixed;width:44px;z-index:9999}.flying-phone svg{color:var(--color-primary);height:24px;width:24px}.returning-phone{align-items:center;background:var(--color-background);border:2px solid var(--color-danger);border-radius:50%;box-shadow:0 6px 20px #ef44444d,0 2px 8px var(--color-shadow-medium);display:flex;height:44px;justify-content:center;pointer-events:none;position:fixed;width:44px;z-index:9999}.returning-phone svg{color:var(--color-danger);height:24px;width:24px}.cart-icon-container.shake{animation:shake .4s ease-in-out}.cart-icon-container.bounce{animation:bounce .5s ease-in-out}.filters-section{background:#fff;box-shadow:0 1px 3px #0000001a}.search-icon{color:#6b7280;font-size:20px}.search-box input{-webkit-appearance:none;appearance:none;border:1px solid #e5e7eb}.search-box input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.clear-filters-btn{background:#ef4444;border:none;color:#fff;padding:10px 20px;white-space:nowrap}.clear-filters-btn:hover{background:#dc2626;box-shadow:0 2px 8px #ef44444d}.clear-filters-btn svg{font-size:16px}.filter-label{color:#666}.states-list{background:#f8f9fa;border:1px solid #e0e0e0}.state-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s}.state-item:hover{background:#f0f8ff;border-color:#007bff;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.state-item.active{background:#007bff;border-color:#007bff;box-shadow:0 2px 8px #007bff4d;color:#fff}.state-flag-icon{align-items:center;border-radius:2px;box-shadow:0 1px 2px #0000001a;display:flex;height:14px;justify-content:center;overflow:hidden;width:20px}.state-name{font-weight:500}.state-count{font-size:12px;font-weight:600;opacity:.8}.state-item.active .state-count{opacity:.9}.types-list{background:#f8f9fa}.type-item,.types-list{border:1px solid #e0e0e0}.type-item{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s}.type-item:hover{background:#f0f8ff;border-color:#007bff;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.type-item.active{background:#007bff;border-color:#007bff;box-shadow:0 2px 8px #007bff4d;color:#fff}.type-icon{align-items:center;display:flex;font-size:16px;justify-content:center}.type-item.active .type-icon{color:#fff}.type-name{font-weight:500}.type-count{font-size:12px;font-weight:600;opacity:.8}.type-item.active .type-count{opacity:.9}.filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;flex:1 1;outline:none;padding:10px 16px;transition:all .2s ease}.filter-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.numbers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:30px}@keyframes spin-border{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.number-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;padding:20px;position:relative;transition:all .2s ease}.number-card:after,.number-card:before{animation:spin-border 3s linear infinite;background:linear-gradient(45deg,#ff0080,#ff8c00,gold,#0f0,#0ff,#0080ff,#8000ff,#ff0080,#ff8c00);border-radius:12px;content:"";inset:-3px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.number-card:before{filter:blur(10px)}.number-card:after{animation:none;background:var(--color-background);inset:0;opacity:1;z-index:0}.number-card:hover:before{opacity:1}.number-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.number-card>*{position:relative;z-index:1}.number-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.number-display{align-items:center;color:var(--color-text);display:flex;font-size:18px;font-weight:600;gap:8px}.phone-icon{color:var(--color-primary);font-size:20px}.country-code{align-items:center;background:var(--color-background-tertiary);border-radius:6px;display:inline-flex;gap:4px;margin-left:8px;margin-right:8px;padding:2px 8px}.flag-br{font-size:16px;line-height:1}.code{color:var(--color-text-secondary);font-size:14px;font-weight:500}.number-badges{align-items:flex-start;display:flex;margin-left:auto}.badges-column{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.number-type{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.type-local{background:#dbeafe;color:#1e40af}.type-movel{background:#fce7f3;color:#9f1239}.type-0800{background:#d1fae5;color:#065f46}.type-4000{background:#ede9fe;color:#5b21b6}.cnpj-required-badge{background:#fef3c7;border:1px solid #f59e0b;border-radius:20px;color:#92400e;font-size:11px;font-weight:600;padding:4px 12px;text-transform:uppercase}.number-info{margin-bottom:20px}.location{align-items:center;color:var(--color-text-secondary);display:flex;font-size:14px;gap:6px;margin-bottom:12px}.location svg{font-size:16px}.features{display:flex;flex-wrap:wrap;gap:8px}.feature-tag{align-items:center;background:var(--color-background-tertiary);border-radius:6px;color:var(--color-text-secondary);display:inline-flex;font-size:12px;gap:4px;padding:4px 10px}.feature-icon{color:#6366f1;font-size:12px;margin-right:4px;vertical-align:middle}.number-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-top:16px}.price{display:flex;flex-direction:column}.price-label{color:var(--color-text-secondary);font-size:12px;margin-bottom:2px}.price-value{color:var(--color-text);font-size:20px;font-weight:700}.btn-add,.btn-remove{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-add{background:#6366f1;color:#fff}.btn-add:hover{background:#4f46e5;transform:translateY(-1px)}.btn-remove{background:#d1fae5;color:#065f46}.btn-remove:hover{background:#a7f3d0}.no-results{background:#fff;border-radius:12px;color:#6b7280;padding:60px 20px;text-align:center}.offline-message{background:#fff5f5;border:1px solid #feb2b2;padding:80px 20px}.offline-icon{font-size:48px;margin-bottom:20px}.offline-message h3{color:#1a202c;font-size:24px;font-weight:600;margin:0 0 10px}.offline-message p{color:#4a5568;font-size:16px;margin:0 0 30px}.retry-button{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.retry-button:hover{background:#5558e3;box-shadow:0 2px 8px #6366f14d;transform:translateY(-1px)}.btn-checkout{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s ease}.btn-checkout:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.toggle-buttons{background:#f8f9fa;border:1px solid #e0e0e0}.toggle-btn{color:#6b7280}.toggle-btn:hover{background:#f3f4f6;color:#374151}.toggle-btn.active{background:#6366f1;box-shadow:0 1px 3px #6366f14d}.toggle-btn svg{font-size:16px}.numbers-list{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px;overflow:hidden}.list-header{border-bottom:2px solid var(--color-border);font-size:13px;letter-spacing:.5px;text-transform:uppercase}.list-header,.number-row{grid-template-columns:1.5fr 1.5fr .7fr 1.5fr 1fr 1.2fr}.number-row{grid-gap:16px;align-items:center;border-bottom:1px solid #e5e7eb;display:grid;gap:16px;overflow:hidden;padding:20px;transition:all .2s ease}.number-row:last-child{border-bottom:none}.number-row:hover{background:#f8f9fa;box-shadow:4px 0 0 #6366f1;transform:translateX(4px)}.col-number .number-info-row{align-items:center;color:var(--color-text);display:flex;font-size:16px;font-weight:600;gap:8px}.col-number .phone-icon{color:var(--color-primary);font-size:18px}.col-number .country-code{align-items:center;background:var(--color-background-tertiary);border-radius:4px;display:inline-flex;font-size:12px;gap:4px;padding:2px 6px}.col-number .flag-br{font-size:14px}.col-number .code{color:var(--color-text-secondary);font-weight:500}.col-number .number-text{color:var(--color-text);font-family:Monaco,Menlo,monospace;font-size:14px;font-weight:500;white-space:nowrap}.col-location .location-icon,.col-location .location-info{font-size:14px}.col-type{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.number-type-badge{border-radius:12px;font-size:11px;padding:4px 8px}.cnpj-badge,.number-type-badge{font-weight:600;text-transform:uppercase}.cnpj-badge{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-size:10px;padding:2px 6px}.col-features .features-list{display:flex;flex-wrap:wrap;gap:6px}.feature-item{align-items:center;background:var(--color-background-tertiary);border-radius:6px;color:var(--color-text-secondary);display:flex;font-size:12px;gap:4px;padding:4px 8px}.feature-item svg{color:var(--color-primary);font-size:12px}.feature-text{font-weight:500}.col-price .price-info{align-items:flex-start;display:flex;flex-direction:column}.col-price .price-value{color:var(--color-text);font-size:18px;font-weight:700}.col-price .price-period{color:var(--color-text-secondary);font-size:12px}.col-actions{align-items:center}.btn-add-list,.btn-remove-list{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;min-width:100px;padding:8px 16px;transition:all .2s ease}.btn-add-list{background:#6366f1;color:#fff}.btn-add-list:hover{background:#4f46e5;box-shadow:0 4px 8px #6366f14d;transform:translateY(-1px)}.btn-remove-list{background:#d1fae5;border:1px solid #10b981;color:#065f46}.btn-remove-list:hover{background:#a7f3d0;transform:translateY(-1px)}@media (max-width:1024px){.list-header,.number-row{grid-template-columns:1.5fr .7fr 1fr 1fr 1.2fr}.col-location,.col-location:nth-child(2){display:none}}@media (max-width:768px){.filter-grid{gap:16px;grid-template-columns:1fr;grid-template-rows:auto auto auto}.states-filter,.types-filter{grid-column:1}.states-filter{grid-row:1}.types-filter{grid-row:2}.view-toggle{align-self:start;border:none!important;grid-column:1;grid-row:3}.toggle-buttons{flex-direction:row;height:auto;padding:4px}.toggle-btn{min-height:40px;padding:8px 16px}.list-header,.number-row,.numbers-grid{grid-template-columns:1fr}.list-header,.number-row{gap:8px}.list-header{display:none}.number-row{align-items:stretch;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;margin-bottom:8px;padding:16px}.number-row:hover{box-shadow:0 2px 8px #0000001a;transform:none}.col-number .number-info-row{font-size:14px;margin-bottom:8px}.col-type{align-items:center;flex-direction:row}.col-features .features-list,.col-type{margin-bottom:8px}.col-price .price-info{align-items:center;flex-direction:row;gap:4px;margin-bottom:12px}.col-actions{justify-content:stretch}.btn-add-list,.btn-remove-list{width:100%}}.subscriber-badge-float{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:1px solid #fff3;border-radius:12px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;margin-right:8px;padding:4px 8px;transition:all .2s ease}.subscriber-badge-float:hover{box-shadow:0 4px 12px #ff6b6b66;transform:scale(1.1)}.number-footer-actions{align-items:center;display:flex;justify-content:flex-end}.subscriber-badge-float-list{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:1px solid #fff3;border-radius:10px;box-shadow:0 2px 6px #ff6b6b4d;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:9px;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;margin-right:8px;padding:3px 6px;transition:all .2s ease}.subscriber-badge-float-list:hover{box-shadow:0 4px 10px #ff6b6b66;transform:scale(1.1)}@keyframes badgeFloat{0%{opacity:0;transform:scale(.8) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.number-row{position:relative}[data-theme=dark] .subscriber-badge-float,[data-theme=dark] .subscriber-badge-float-list{background:linear-gradient(135deg,#e74c3c,#c0392b);border:1px solid #ffffff1a}@media (max-width:768px){.subscriber-badge-float{border-radius:10px;font-size:9px;padding:3px 6px;right:6px;top:6px}.subscriber-badge-float-list{border-radius:8px;font-size:8px;padding:2px 5px;right:6px;top:6px}}.my-numbers-container{position:relative}.search-box-container{margin-bottom:11px}.search-box input{box-shadow:none}.search-box input:focus{outline:none}.numbers-container{margin-top:20px}.numbers-container.list-view .numbers-list{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.list-header{background:var(--color-background-secondary);color:var(--color-text-secondary);font-size:14px;font-weight:600}.list-header,.list-item{grid-gap:16px;border-bottom:1px solid var(--color-border);display:grid;gap:16px;grid-template-columns:2fr 1.5fr 1fr 1.5fr 1fr 1fr;padding:16px 20px}.list-item{align-items:center;transition:background-color .2s ease}.list-item:hover{background:var(--color-background-secondary)}.list-item:last-child{border-bottom:none}.col-number{display:flex;flex-direction:column;gap:8px}.number-display-list{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px}.number-display-list .phone-icon{color:var(--color-primary);font-size:18px}.number-display-list .country-code{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;gap:4px}.number-display-list .flag-br{font-size:14px}.number-display-list .number-text{color:var(--color-text)}.status-indicators{display:flex;flex-wrap:wrap;gap:6px}.col-location .location-info{align-items:center;color:var(--color-text-secondary);display:flex;gap:6px}.location-icon{color:var(--color-primary);font-size:14px}.col-type .number-type{font-size:12px;padding:4px 8px}.features-list{display:flex;flex-wrap:wrap;gap:4px}.feature-tag.small{font-size:10px;gap:4px;padding:2px 6px}.feature-tag.small .feature-icon{font-size:10px}.col-price .price-value{color:var(--color-success);font-size:14px;font-weight:600}.col-actions{display:flex;justify-content:flex-end}.btn-manage.compact{font-size:12px;gap:4px;padding:6px 12px}.cnpj-required-badge.small,.status-badge.small{font-size:10px;padding:2px 6px}.states-filter{grid-row:1}.states-filter,.types-filter{display:flex;flex-direction:column;gap:8px;grid-column:1}.types-filter{grid-row:2}.states-list,.types-list{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;padding:12px}@media (max-width:1024px){.filter-grid{gap:16px;grid-template-columns:1fr;grid-template-rows:auto auto auto}.states-filter,.types-filter{grid-column:1}.states-filter{grid-row:1}.types-filter{grid-row:2}.view-toggle{align-self:start;border:none!important;grid-column:1;grid-row:3}.toggle-buttons{flex-direction:row;height:auto;margin:0 auto;max-width:300px}.list-header,.list-item{gap:12px;grid-template-columns:2fr 1fr .8fr 1fr .8fr .8fr}}@media (max-width:768px){.filter-grid{gap:16px;grid-template-columns:1fr;grid-template-rows:auto auto auto}.view-toggle{border:none!important;grid-column:1;grid-row:3;justify-content:center}.toggle-buttons{flex-direction:row;height:auto}.list-header,.list-item{gap:8px;grid-template-columns:1fr}.list-header{display:none}.list-item{align-items:flex-start;display:flex;flex-direction:column;padding:16px}.col-actions,.col-features,.col-location,.col-number,.col-price,.col-type{width:100%}.col-actions{justify-content:flex-start}}@keyframes color-shift-my{0%{background:linear-gradient(45deg,#10b981,#0ff,#0080ff,#8000ff,#ff0080,#ff8c00,gold,#0f0,#10b981)}25%{background:linear-gradient(45deg,#0080ff,#8000ff,#ff0080,#ff8c00,gold,#0f0,#10b981,#0ff,#0080ff)}50%{background:linear-gradient(45deg,#ff0080,#ff8c00,gold,#0f0,#10b981,#0ff,#0080ff,#8000ff,#ff0080)}75%{background:linear-gradient(45deg,gold,#0f0,#10b981,#0ff,#0080ff,#8000ff,#ff0080,#ff8c00,gold)}to{background:linear-gradient(45deg,#10b981,#0ff,#0080ff,#8000ff,#ff0080,#ff8c00,gold,#0f0,#10b981)}}.my-number-card{background:var(--color-background);border:2px solid #e5e7eb;overflow:visible;position:relative}.my-number-card:has(.btn-manage.active){isolation:isolate;z-index:auto}.my-number-card:after,.my-number-card:before{animation:color-shift-my 3s ease-in-out infinite;background:linear-gradient(45deg,#10b981,#0ff,#0080ff,#8000ff,#ff0080,#ff8c00,gold,#0f0,#10b981);border-radius:12px;content:"";inset:-3px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-2}.my-number-card:before{filter:blur(10px)}.my-number-card:after{animation:none;background:var(--color-background);inset:0;opacity:1;z-index:-1}.my-number-card .status-bar{background:linear-gradient(90deg,#10b981,#059669);border-radius:12px 12px 0 0;height:4px;left:0;position:absolute;right:0;top:0;z-index:3}.my-number-card:hover:before{opacity:1}.my-number-card:hover{box-shadow:0 4px 12px #10b98126;transform:translateY(-2px)}.my-number-card>*{position:relative;z-index:10}.my-number-card .actions{position:relative;z-index:100}.status-badge.active{background:#d1fae5;border:1px solid #10b981;color:#065f46}.status-badge.suspended{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.status-badge.cancelled{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.btn-manage{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-manage:hover{background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.btn-manage.active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f64d;color:#fff}.actions{align-items:center;display:flex;gap:12px}.my-numbers-container .main-area{width:100%}.my-numbers-container .filters-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px;padding:20px}.my-numbers-container .numbers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:30px;overflow:visible}.my-numbers-container .no-results{background:#fff;border-radius:12px;color:#6b7280;padding:60px 20px;text-align:center}.my-numbers-container .no-results small{color:#9ca3af;display:block;font-size:12px;margin-top:8px}.subscriber-info{border-top:1px solid #e5e7eb;margin-top:20px;padding:20px;text-align:center}.subscriber-info small{color:#6b7280;font-size:12px;font-weight:500}.dropdown-container{position:relative;z-index:1000}.dropdown-container .btn-manage.active{position:relative;z-index:1001}.dropdown-menu{animation:dropdownSlideUp .2s ease-out;background:#fff;border:1px solid #e1e8ed;border-radius:8px;box-shadow:0 8px 32px #00000026;min-width:180px;pointer-events:auto;position:fixed;z-index:999999}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#f8f9fa;color:#e74c3c}.dropdown-item svg{height:16px;width:16px}@media (max-width:768px){.my-numbers-container .filter-dropdowns{flex-direction:column}.my-numbers-container .numbers-grid{grid-template-columns:1fr}}.theme-settings{padding:24px}.modal-overlay{z-index:10000}.modal-content{animation:slideUp .3s ease;box-shadow:0 20px 60px var(--color-shadow-dark);max-width:400px}.modal-content h3{font-weight:600;margin:0 0 12px}.modal-content p{font-size:14px;margin:0 0 24px}.modal-actions .btn-cancel{background:var(--color-background);border:2px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.modal-actions .btn-cancel:hover{background:var(--color-background-secondary);border-color:var(--color-border-hover)}.btn-confirm-delete{align-items:center;background:var(--color-danger);border:none;border-radius:6px;color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 20px;transition:all .2s}.btn-confirm-delete:hover{background:var(--color-danger-dark);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.theme-message{align-items:center;animation:slideDown .3s ease;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:20px;padding:12px 20px}.theme-message.success{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success-dark)}.theme-message.error{background:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger-dark)}.themes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:24px}.theme-card{background:var(--color-background);border:2px solid var(--color-border);border-radius:12px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.theme-card:hover{border-color:var(--color-border-hover);box-shadow:0 8px 24px var(--color-shadow-medium);transform:translateY(-2px)}.theme-card.active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.theme-preview{gap:16px;margin-bottom:16px}.theme-icon,.theme-preview{align-items:center;display:flex}.theme-icon{background:var(--color-background-secondary);border-radius:12px;color:var(--color-primary);font-size:24px;height:48px;justify-content:center;width:48px}.color-samples{display:flex;flex:1 1;gap:8px}.color-sample{border:2px solid var(--color-background);border-radius:8px;box-shadow:0 2px 4px var(--color-shadow-light);height:32px;width:32px}.theme-info{margin-bottom:16px}.theme-info h3{color:var(--color-text);font-size:16px;font-weight:600;margin:0 0 8px}.active-badge,.custom-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;margin-right:6px;padding:4px 8px;text-transform:uppercase}.custom-badge{background:var(--color-info-light);color:var(--color-info-dark)}.active-badge{background:var(--color-success-light);color:var(--color-success-dark)}.theme-actions{gap:8px;justify-content:space-between}.btn-apply,.theme-actions{align-items:center;display:flex}.btn-apply{background:var(--color-primary);border:none;border-radius:6px;color:var(--color-text-inverse);cursor:pointer;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn-apply:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.action-buttons{display:flex;gap:4px}.btn-icon{background:var(--color-background);height:32px;transition:all .2s;width:32px}.btn-icon:hover{background:var(--color-background-secondary);border-color:var(--color-primary);color:var(--color-primary)}.btn-icon.danger:hover{background:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger)}.theme-controls{display:flex;gap:12px;justify-content:center}.btn-create-theme,.btn-import-theme{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.btn-create-theme{background:var(--color-primary);border:none;color:var(--color-text-inverse)}.btn-create-theme:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px var(--color-shadow-primary);transform:translateY(-1px)}.btn-import-theme{background:var(--color-background);border:2px solid var(--color-primary);color:var(--color-primary)}.btn-import-theme:hover{background:var(--color-primary-light)}.theme-editor{background:var(--color-background);border-radius:12px;box-shadow:0 1px 3px var(--color-shadow-light);padding:24px}.editor-header{margin-bottom:24px;padding-bottom:16px}.editor-header h2{align-items:center;color:var(--color-text);display:flex;font-size:20px;font-weight:600;gap:10px;margin:0}.editor-header h2 svg{color:var(--color-primary)}.editor-actions{gap:12px}.btn-cancel,.btn-preview,.btn-save-theme{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn-preview{background:var(--color-background);border:2px solid var(--color-border);color:var(--color-text-secondary)}.btn-preview:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-preview.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.btn-save-theme{background:var(--color-success);border:none;color:var(--color-text-inverse)}.btn-save-theme:hover{background:var(--color-success-dark)}.btn-cancel{border:2px solid var(--color-border)}.btn-cancel:hover{background:var(--color-background-secondary);border-color:var(--color-border-hover)}.theme-header-section{align-items:flex-start;display:flex;gap:32px;margin-bottom:32px}.theme-logo-mode,.theme-name-input{flex:1 1}.theme-logo-mode label{color:var(--color-text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:16px}.logo-mode-cards{display:flex;gap:16px;width:100%}.logo-mode-card{background:var(--color-background-secondary);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:120px;padding:16px;position:relative;transition:all .3s ease}.logo-mode-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px var(--color-shadow-medium);transform:translateY(-2px)}.logo-mode-card.selected{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.logo-preview{align-items:center;border-radius:8px;display:flex;flex:1 1;justify-content:center;min-height:60px;padding:8px}.logo-mode-card:first-child .logo-preview{background:#f8f9fa;border:1px solid #e9ecef}.logo-mode-card:last-child .logo-preview{background:#2d3748;border:1px solid #4a5568}.logo-preview img{max-height:40px;max-width:100%;object-fit:contain}.logo-info{display:flex;flex-direction:column;gap:4px;text-align:center}.logo-title{color:var(--color-text);font-size:14px;font-weight:600}.logo-description{color:var(--color-text-secondary);font-size:12px}.logo-check{height:24px;position:absolute;right:8px;top:8px;width:24px}.checkmark,.logo-check{align-items:center;display:flex;justify-content:center}.checkmark{background:var(--color-primary);color:#fff;font-size:12px;font-weight:700;height:20px;width:20px}.theme-name-input label{color:var(--color-text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.theme-name-input input{background:var(--color-background);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:14px;max-width:400px;padding:10px 14px;transition:all .2s;width:100%}.theme-name-input input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.color-categories{display:flex;flex-direction:column;gap:32px}.color-category{background:var(--color-background-secondary);border-radius:12px;padding:20px}.color-category h3{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:16px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.color-inputs{grid-gap:16px;display:grid;gap:16px}.color-input-group{background:var(--color-background);border-radius:8px;justify-content:space-between;padding:12px;transition:all .2s}.color-input-group:hover{box-shadow:0 2px 8px var(--color-shadow-light)}.color-info{flex:1 1}.color-info label{color:var(--color-text);display:block;font-size:14px;font-weight:500;margin-bottom:4px}.color-info small{color:var(--color-text-tertiary);font-size:12px}.color-controls{align-items:center;display:flex;gap:12px}.color-picker{background:var(--color-background);border:2px solid var(--color-border);border-radius:6px;cursor:pointer;height:36px;width:48px}.color-picker::-webkit-color-swatch-wrapper{padding:2px}.color-picker::-webkit-color-swatch{border:none;border-radius:4px}.color-text{background:var(--color-background);border:2px solid var(--color-border);border-radius:6px;color:var(--color-text);font-family:Monaco,Courier New,monospace;font-size:13px;padding:8px 10px;transition:all .2s;width:100px}.color-text:focus{border-color:var(--color-primary);outline:none}.color-preview{border:2px solid var(--color-border);border-radius:6px;box-shadow:0 2px 4px var(--color-shadow-light);height:36px;width:36px}.preview-panel{background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:8px;margin-top:24px;padding:16px}.preview-panel h3{color:var(--color-primary-dark);font-size:14px;font-weight:600;margin:0 0 8px}.preview-panel p{color:var(--color-primary-dark);font-size:13px;margin:0}@media (max-width:768px){.themes-grid{grid-template-columns:1fr}.editor-header{align-items:flex-start;flex-direction:column;gap:16px}.editor-actions{justify-content:space-between;width:100%}.color-input-group{align-items:flex-start;flex-direction:column;gap:12px}.color-controls{justify-content:space-between;width:100%}.theme-header-section{flex-direction:column;gap:24px}.logo-mode-cards{flex-direction:column;gap:12px}.logo-mode-card{min-height:100px}.logo-preview img{max-height:30px}}.delete-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}[data-theme=dark] .delete-modal-overlay{background:#000000b3}[data-theme=light] .delete-modal-overlay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff3}.delete-modal-content{animation:zoomInBounce .3s cubic-bezier(.34,1.56,.64,1);background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:600px;overflow:hidden;padding:0!important;width:100%}.delete-modal-header{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-top-left-radius:11px;border-top-right-radius:11px;box-sizing:border-box;color:#fff;display:flex;gap:16px;margin:0;padding:24px 32px;width:100%}.delete-modal-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.delete-modal-icon svg{color:#fff;height:24px;width:24px}.delete-modal-header h3{color:#fff!important;font-size:20px;font-weight:600;margin:0!important}.delete-modal-body{box-sizing:border-box;padding:32px;width:100%}.delete-warning-message{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;margin-bottom:24px;padding:16px;position:relative}.delete-warning-message:before{background:var(--color-error);border-bottom-left-radius:8px;border-top-left-radius:8px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}[data-theme=dark] .delete-warning-message{background:#ef444414;border-color:#ef444433}[data-theme=light] .delete-warning-message{background:#fef2f280;border-color:#ef444433}.delete-warning-title{color:var(--color-error);font-size:15px;font-weight:600;margin:0 0 8px}[data-theme=dark] .delete-warning-title{color:#f87171}[data-theme=light] .delete-warning-title{color:#dc2626}.delete-warning-text{color:var(--color-text);line-height:1.5;margin:0 0 12px}.delete-warning-text strong{background:var(--color-background-tertiary);border-radius:4px;color:var(--color-text);font-weight:700;padding:2px 6px}[data-theme=dark] .delete-warning-text strong{background:#ffffff1a}[data-theme=light] .delete-warning-text strong{background:#0000000d}.delete-warning-list{color:var(--color-text-secondary);margin:0;padding-left:24px}.delete-warning-list li{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin:6px 0}[data-theme=dark] .delete-warning-list li{color:#ffffffb3}[data-theme=light] .delete-warning-list li{color:#0009}.delete-confirm-section{margin-top:20px}.delete-confirm-label{color:var(--color-text);display:block;font-size:14px;line-height:1.5;margin-bottom:12px}.delete-confirm-phrase{background:#fef5e7;border-radius:4px;color:#f39c12;font-family:Courier New,monospace;font-size:13px;font-weight:600;padding:2px 6px;white-space:nowrap}[data-theme=dark] .delete-confirm-phrase{background:#f39c1233;color:#f39c12}.delete-confirm-input-wrapper{display:flex;gap:8px;margin-bottom:8px}.delete-confirm-input{background:var(--color-background-secondary);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text);flex:1 1;font-family:Courier New,monospace;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease}.delete-confirm-input:focus{border-color:#f39c12;box-shadow:0 0 0 3px #f39c121a;outline:none}.delete-confirm-input:disabled{cursor:not-allowed;opacity:.6}.delete-btn-copy-phrase{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;padding:0 16px;transition:all .2s ease}.delete-btn-copy-phrase:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.delete-btn-copy-phrase:disabled{cursor:not-allowed;opacity:.6}.delete-btn-copy-phrase svg{height:18px;width:18px}.delete-copy-feedback{color:var(--color-success);display:inline-block;font-size:13px;margin-top:4px}.delete-confirm-error{align-items:center;color:#e53e3e;display:flex;font-size:13px;gap:6px;margin-top:8px}.delete-confirm-error svg{height:14px;width:14px}.delete-modal-actions{background:#0000;border-top:none;box-sizing:border-box;display:flex;gap:12px;justify-content:space-between;margin:0;padding:0 32px 32px;width:100%}.delete-btn-cancel{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;height:36px;justify-content:center;max-width:200px;padding:8px 16px;transition:all .2s ease}.delete-btn-cancel:hover:not(:disabled){background:var(--color-background-tertiary);border-color:var(--color-border-hover);transform:translateY(-1px)}.delete-btn-cancel:disabled{cursor:not-allowed;opacity:.6}[data-theme=dark] .delete-btn-cancel{background:#ffffff0d;border-color:#ffffff1a;color:var(--color-text)}[data-theme=dark] .delete-btn-cancel:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}[data-theme=light] .delete-btn-cancel{background:#f8fafc;border-color:#e2e8f0;color:var(--color-text)}[data-theme=light] .delete-btn-cancel:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e0}.delete-btn-confirm{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;height:36px;justify-content:center;max-width:280px;padding:8px 16px;transition:all .3s ease}.delete-btn-confirm:disabled{background:var(--color-background-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;opacity:.7}[data-theme=dark] .delete-btn-confirm:disabled{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff6}[data-theme=light] .delete-btn-confirm:disabled{background:#f1f5f9;border:1px solid #e2e8f0;color:#94a3b8}.delete-btn-confirm:not(:disabled){animation:pulseAlert 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;font-weight:700}.delete-btn-confirm:not(:disabled):hover{animation:none;background:linear-gradient(135deg,#ff5252,#dd4a10);box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-1px)}@media (max-width:640px){.delete-modal-content{margin:16px;max-width:95%}.delete-modal-actions{flex-direction:column;padding:0 20px 20px}.delete-btn-cancel,.delete-btn-confirm{max-width:100%}.delete-btn-confirm{order:-1}.delete-modal-body,.delete-modal-header{padding:20px}}.token-settings{margin:0 auto;max-width:800px;padding:20px}.token-header{margin-bottom:30px}.token-header h2{align-items:center;color:var(--color-text);display:flex;font-size:24px;gap:10px;margin-bottom:8px}.token-header p{color:var(--color-text-secondary);margin-bottom:20px}.btn-create-token{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.btn-create-token:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.create-token-form{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 4px var(--color-shadow-light);margin-bottom:30px;padding:24px}.create-token-form h3{color:var(--color-text);font-size:18px;margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{background:var(--color-background-secondary);font-size:14px;padding:12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{min-height:80px}.tokens-list{display:flex;flex-direction:column;gap:16px}.no-tokens{color:var(--color-text-secondary);padding:60px 20px;text-align:center}.no-tokens-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-tokens h3{color:var(--color-text);margin-bottom:8px}.token-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 1px 3px var(--color-shadow-light);padding:20px;transition:all .2s ease}.token-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px var(--color-shadow)}.token-card.expired{background:#ef44440d;border-color:var(--color-error)}.token-info{margin-bottom:16px}.token-name{align-items:center;display:flex;gap:12px;margin-bottom:8px}.token-name h4{color:var(--color-text);font-size:16px;margin:0}.expired-badge{background:var(--color-error);border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px}.token-description{color:var(--color-text-secondary);font-size:14px;margin-bottom:12px}.token-details{color:var(--color-text-secondary);display:flex;font-size:12px;gap:16px}.token-details span{align-items:center;display:flex;gap:4px}.token-actions{border-top:1px solid var(--color-border);padding-top:16px}.token-display-row{align-items:center;display:flex;gap:12px}.token-value{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;padding:8px 12px;word-break:break-all}.token-buttons{display:flex;gap:4px}.btn-icon{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.btn-icon:hover{background:var(--color-background-tertiary);color:var(--color-text)}.btn-icon.btn-delete:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.modal-delete-confirm{animation:zoomInBounce .3s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--color-border);border-radius:12px;max-width:600px;overflow:hidden;padding:0!important;width:100%}[data-theme=dark] .modal-overlay{background:#000000b3}[data-theme=light] .modal-overlay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff3}.modal-header-danger{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-top-left-radius:11px;border-top-right-radius:11px;box-sizing:border-box;color:#fff;display:flex;gap:16px;margin:0;padding:24px 32px;width:100%}.modal-icon-danger{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.modal-icon-danger svg{color:#fff;height:24px;width:24px}.modal-header-danger h3{color:#fff!important;font-size:20px;font-weight:600;margin:0!important}.modal-body{box-sizing:border-box;padding:32px;width:100%}.warning-message{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;margin-bottom:24px;padding:16px;position:relative}.warning-message:before{background:var(--color-error);border-bottom-left-radius:8px;border-top-left-radius:8px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}[data-theme=dark] .warning-message{background:#ef444414;border-color:#ef444433}[data-theme=light] .warning-message{background:#fef2f280;border-color:#ef444433}.warning-title{color:var(--color-error);font-size:15px;font-weight:600;margin:0 0 8px}[data-theme=dark] .warning-title{color:#f87171}[data-theme=light] .warning-title{color:#dc2626}.warning-text{color:var(--color-text);line-height:1.5;margin:0 0 12px}.warning-text strong{background:var(--color-background-tertiary);border-radius:4px;color:var(--color-text);font-weight:700;padding:2px 6px}[data-theme=dark] .warning-text strong{background:#ffffff1a}[data-theme=light] .warning-text strong{background:#0000000d}.warning-list{margin:0;padding-left:24px}.warning-list,.warning-list li{color:var(--color-text-secondary)}.warning-list li{font-size:13px;line-height:1.5;margin:6px 0}[data-theme=dark] .warning-list li{color:#ffffffb3}[data-theme=light] .warning-list li{color:#0009}.confirm-section{margin-top:20px}.confirm-label{color:var(--color-text);display:block;font-size:14px;line-height:1.5;margin-bottom:12px}.confirm-phrase{background:#fef5e7;border-radius:4px;color:#f39c12;font-family:Courier New,monospace;font-size:13px;font-weight:600;padding:2px 6px;white-space:nowrap}[data-theme=dark] .confirm-phrase{background:#f39c1233;color:#f39c12}.confirm-input-wrapper{display:flex;gap:8px;margin-bottom:8px}.confirm-input{background:var(--color-background-secondary);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text);flex:1 1;font-family:Courier New,monospace;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease}.confirm-input:focus{border-color:#f39c12;box-shadow:0 0 0 3px #f39c121a;outline:none}.btn-copy-phrase{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;padding:0 16px;transition:all .2s ease}.btn-copy-phrase:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.btn-copy-phrase svg{height:18px;width:18px}.confirm-error{align-items:center;color:#e53e3e;display:flex;font-size:13px;gap:6px;margin-top:8px}.confirm-error svg{height:14px;width:14px}.modal-delete-confirm .modal-actions{background:#0000;border-top:none;box-sizing:border-box;display:flex;gap:12px;justify-content:space-between;margin:0;padding:0 32px 32px;width:100%}.btn-modal-primary{align-items:center;background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;height:36px;justify-content:center;max-width:280px;padding:8px 20px;transition:all .2s ease}.btn-modal-primary:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px var(--color-shadow);transform:translateY(-1px)}.btn-modal-secondary{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;height:36px;justify-content:center;max-width:200px;padding:8px 16px;transition:all .2s ease}.btn-modal-secondary:hover{background:var(--color-background-tertiary);border-color:var(--color-border-hover);transform:translateY(-1px)}.btn-modal-danger{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;height:36px;justify-content:center;max-width:280px;padding:8px 16px;transition:all .3s ease}.btn-modal-danger:disabled{background:var(--color-background-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;opacity:.7}.btn-modal-danger:not(:disabled){animation:pulseAlert 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;font-weight:700}.btn-modal-danger:not(:disabled):hover{animation:none;background:linear-gradient(135deg,#ff5252,#dd4a10);box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-1px)}@keyframes pulseAlert{0%,to{box-shadow:0 2px 8px #ff6b6b4d}50%{box-shadow:0 2px 16px #ff6b6b80}}[data-theme=dark] .btn-modal-secondary{background:#ffffff0d;border-color:#ffffff1a;color:var(--color-text)}[data-theme=dark] .btn-modal-secondary:hover{background:#ffffff1a;border-color:#fff3}[data-theme=dark] .btn-modal-danger:disabled{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff6}[data-theme=light] .btn-modal-secondary{background:#f8fafc;border-color:#e2e8f0;color:var(--color-text)}[data-theme=light] .btn-modal-secondary:hover{background:#f1f5f9;border-color:#cbd5e0}[data-theme=light] .btn-modal-danger:disabled{background:#f1f5f9;border:1px solid #e2e8f0;color:#94a3b8}.btn-form-primary{align-items:center;background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;height:36px;padding:8px 16px;transition:all .2s ease}.btn-form-primary:hover{background:var(--color-primary-dark);box-shadow:0 2px 8px var(--color-shadow);transform:translateY(-1px)}.btn-form-cancel{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;height:36px;padding:8px 16px;transition:all .2s ease}.btn-form-cancel:hover{background:var(--color-background-tertiary);border-color:var(--color-text-secondary);transform:translateY(-1px)}[data-theme=dark] .btn-form-cancel{background:#1e293b;border-color:#334155;color:#94a3b8}[data-theme=dark] .btn-form-cancel:hover{background:#334155;border-color:#475569;color:#cbd5e1}[data-theme=light] .btn-form-cancel{background:#f8fafc;border-color:#e2e8f0;color:#64748b}[data-theme=light] .btn-form-cancel:hover{background:#f1f5f9;border-color:#cbd5e0;color:#475569}.token-message{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:8px;margin-bottom:20px;padding:12px 16px}.token-message.success{background:#22c55e1a;border:1px solid #22c55e4d;color:var(--color-success)}.token-message.error{background:#ef44441a;border:1px solid #ef44444d;color:var(--color-error)}.modal-overlay{animation:fadeIn .2s ease-out;background:#0006}.modal-content{animation:zoomInBounce .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #0000004d;padding:24px;transform-origin:center center}.modal-content h3{color:var(--color-text);font-size:18px;margin-bottom:16px}.modal-content p{color:var(--color-text-secondary);line-height:1.5;margin-bottom:20px}.modal-actions{justify-content:flex-end}.generated-token-modal{animation:zoomInBounce .3s cubic-bezier(.34,1.56,.64,1);border:2px solid var(--color-success);box-shadow:0 20px 60px #10b98133;max-width:600px}.generated-token-info{align-items:flex-start;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.warning-icon{color:#f59e0b;font-size:20px}.generated-token-info p{font-size:14px;line-height:1.5;margin:0}.token-display{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.token-display code{color:var(--color-text);flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;word-break:break-all}.btn-copy{align-items:center;background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s ease}.btn-copy:hover{background:var(--color-primary-dark)}@media (max-width:768px){.token-settings{padding:16px}.token-details{flex-direction:column;gap:8px}.token-display-row{align-items:stretch;flex-direction:column}.token-buttons{justify-content:center}.form-actions{flex-direction:column}.modal-content{margin:16px;width:calc(100% - 32px)}.token-display{align-items:stretch;flex-direction:column}.btn-copy{align-self:center;width:-webkit-fit-content;width:fit-content}}.settings-container{margin:0 auto;max-width:1400px;padding:20px}.settings-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 3fr;min-height:calc(100vh - 140px)}.settings-sidebar{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:20px}.sidebar-header{border-bottom:1px solid #e5e7eb}.sidebar-header h2{color:#1a1a1a}.settings-nav{display:flex;flex-direction:column;padding:16px 0}.settings-nav .nav-item{align-items:center;background:#0000;border:none;border-left:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 20px;text-align:left;transition:all .2s ease}.settings-nav .nav-item:hover{background:#f8f9fa;color:#374151}.settings-nav .nav-item.active{background:#eff6ff;border-left-color:#2563eb;color:#2563eb;font-weight:600}.settings-nav .nav-item svg{flex-shrink:0;height:18px;width:18px}.settings-main{display:flex;flex-direction:column;gap:24px}.message-alert{align-items:center;animation:slideDown .3s ease;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 20px}.message-alert.success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.message-alert.error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.notifications-content,.preferences-content{display:flex;flex-direction:column;gap:32px}.section-description{border-bottom:1px solid #e5e7eb;padding-bottom:20px}.section-description p{color:#6b7280;font-size:14px;margin:0}.notification-section,.preference-section{display:flex;flex-direction:column;gap:16px}.notification-section h3,.preference-section h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0}.notification-options,.preference-options{display:flex;flex-direction:column;gap:12px;padding-left:8px}.notification-item label,.preference-item label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:8px 0}.notification-item label:hover,.preference-item label:hover{color:#111827}.notification-item input[type=checkbox],.preference-item input[type=checkbox]{accent-color:#2563eb;cursor:pointer;height:18px;width:18px}.notification-item span,.preference-item span{flex:1 1}.preference-section .form-group{margin-bottom:16px}.preference-section .form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.preference-section .form-group select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;cursor:pointer;font-size:14px;max-width:300px;padding:8px 12px;width:100%}.preference-section .form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}@media (max-width:1024px){.settings-layout{grid-template-columns:280px 1fr}}@media (max-width:768px){.settings-container{padding:16px}.settings-layout{gap:16px;grid-template-columns:1fr}.settings-sidebar{order:-1;position:static}.sidebar-header{padding:20px 16px 12px}.sidebar-header h2{font-size:18px}.settings-nav{padding:12px 0}.settings-nav .nav-item{font-size:13px;padding:10px 16px}.settings-nav .nav-item svg{height:16px;width:16px}}.settings-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #e5e7eb;padding:20px 24px}.card-header h2{color:#1f2937;gap:10px}.card-header h2 svg{color:#6366f1;font-size:20px}.btn-edit{background:#6366f1;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn-edit:hover{background:#5558e3;box-shadow:0 2px 8px #6366f14d;transform:translateY(-1px)}.password-form,.profile-form{padding:24px}.form-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-group label{color:#4b5563;gap:6px}.form-group label svg{color:#9ca3af;font-size:14px}.form-group input,.form-group select{background:#fff;border:2px solid #e5e7eb;color:#1f2937;padding:10px 14px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group input:disabled,.form-group select:disabled{background:#f9fafb;color:#6b7280}.form-group input::placeholder{color:#9ca3af}.btn-cancel{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.btn-cancel:hover{background:#f9fafb;border-color:#d1d5db}.btn-save{align-items:center;background:#10b981;border-radius:8px;display:flex;gap:6px;padding:10px 20px}.btn-save:hover:not(:disabled){background:#059669;box-shadow:0 2px 8px #10b9814d}.password-form{max-width:500px}.password-form .form-group{margin-bottom:16px}.security-info{background:#f9fafb;padding:24px}.security-info p{color:#4b5563;font-size:14px;margin:0 0 8px}.security-info small{color:#9ca3af;font-size:12px}.account-info{background:var(--color-background);display:flex;flex-direction:column;gap:16px;padding:24px}.settings-container .stats-grid{grid-gap:12px;display:grid!important;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-bottom:8px}.info-item{padding:18px 16px 14px}.info-item:last-child{border-bottom:none}.info-label{background:var(--color-background);font-size:12px}.info-value{font-size:14px}@media (max-width:768px){.settings-container{padding:16px}.form-grid{grid-template-columns:1fr}.card-header{align-items:flex-start;gap:12px}.card-header,.form-actions{flex-direction:column}.btn-cancel,.btn-save{justify-content:center;width:100%}.info-item{align-items:flex-start;flex-direction:column;gap:6px}.stats-grid{grid-template-columns:1fr!important}.stat-value{font-size:16px}}.admin-leads-container{position:relative;width:100%}.admin-leads-container .stats-section .stats-grid{display:flex!important;flex-direction:row!important;grid-template-columns:none!important;grid-template-rows:none!important}.admin-leads-container .stats-section .stats-grid .stat-card{display:flex!important;flex-shrink:0!important;min-width:200px!important;width:auto!important}.leads-container{margin-top:20px}.leads-container.grid .leads-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:30px}.lead-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 1px 3px var(--color-shadow-light);padding:20px;transition:all .2s ease}.lead-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px var(--color-shadow);transform:translateY(-2px)}.lead-card-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:12px;padding-bottom:16px}.lead-card-body,.lead-card-header{margin-bottom:16px}.lead-card-footer{border-top:1px solid var(--color-border);display:flex;gap:8px;padding-top:16px}.leads-container.list .leads-list{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.leads-list-header{grid-gap:16px;background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);display:grid;font-size:13px;font-weight:600;gap:16px;grid-template-columns:2.5fr 1.5fr 1.5fr 1.5fr 1fr 1fr;letter-spacing:.5px;padding:16px 20px;text-transform:uppercase}@media (max-width:900px){.stats-grid{flex-direction:row;gap:12px;overflow-x:auto}.stat-card{min-width:180px}.filter-grid{gap:16px;grid-template-columns:1fr;grid-template-rows:auto auto auto}.fonte-filter,.status-filter{grid-column:1}.status-filter{grid-row:1}.fonte-filter{grid-row:2}.view-toggle{align-self:start;border:none!important;grid-column:1;grid-row:3}.toggle-buttons{flex-direction:row;height:auto;margin:0 auto;max-width:300px}.lead-list-item,.leads-list-header{gap:12px;grid-template-columns:2fr 1fr .8fr 1fr .8fr .8fr}}@media (max-width:768px){.stats-grid{flex-direction:column;gap:12px}.stat-card{min-width:100%;padding:16px}.stat-number{font-size:24px}.filter-grid{gap:16px;grid-template-columns:1fr;grid-template-rows:auto auto auto}.view-toggle{border:none!important;grid-column:1;grid-row:3;justify-content:center}.toggle-buttons{flex-direction:row;height:auto}.leads-container.grid .leads-grid{grid-template-columns:1fr}.leads-list-header{display:none}.lead-list-item{gap:8px;grid-template-columns:1fr;padding:16px}.lead-col{width:100%}.lead-col-actions{justify-content:flex-start;margin-top:8px}.edit-modal-content{max-height:95vh;width:95%}}.deletion-blocked-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.deletion-blocked-content{animation:slideInUp .3s ease-out;background:var(--color-background);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:85vh;max-width:600px;overflow:hidden;width:90%}.deletion-blocked-header{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;display:flex;gap:16px;padding:24px;position:relative}.header-icon{background:#fff3;border-radius:50%;flex-shrink:0;height:48px;width:48px}.header-title h2{font-size:20px}.header-title p{font-size:14px;margin:4px 0 0;opacity:.9}.btn-close{background:#fff3;border:none;border-radius:50%;color:#fff;font-size:16px;height:32px;position:absolute;right:20px;top:20px;transition:background .2s ease;width:32px}.btn-close:hover{background:#ffffff4d}.deletion-blocked-body{max-height:calc(85vh - 200px);overflow-y:auto;padding:24px}.section-header{gap:12px}.section-icon{color:var(--color-primary);font-size:18px}.section-header h3{color:var(--color-text);font-size:16px;font-weight:600;margin:0}.user-info-section{margin-bottom:24px}.user-info-card{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:12px;display:flex;gap:16px;padding:16px}.user-avatar{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;flex-shrink:0}.user-details{flex:1 1}.user-name{margin-bottom:4px}.user-email{font-size:14px}.orders-stats-section{margin-bottom:24px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stat-card{background:var(--color-background-secondary);padding:16px}.stat-icon{border-radius:50%;color:#fff}.stat-icon.total{background:linear-gradient(135deg,#4caf50,#45a049)}.stat-icon.completed{background:linear-gradient(135deg,#ff9800,#f57c00)}.stat-icon.revenue{background:linear-gradient(135deg,#2196f3,#1976d2)}.stat-value{font-weight:600;margin-bottom:2px}.stat-label{font-size:12px}.recent-orders-section{margin-bottom:24px}.orders-list{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.order-item{align-items:center;border-bottom:1px solid var(--color-border);gap:16px;padding:12px 16px}.order-item:last-child{border-bottom:none}.order-info{flex:1 1}.order-id{color:var(--color-text);font-size:14px;font-weight:600;margin-bottom:2px}.order-date{font-size:12px}.order-value{color:var(--color-success);font-weight:600;margin-right:12px}.order-status{border-radius:12px;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.order-status.completed{background:var(--color-success);color:#fff}.orders-more{align-items:center;background:var(--color-background);color:var(--color-text-secondary);display:flex;font-size:12px;font-style:italic;gap:8px;justify-content:center;padding:12px 16px}.warning-section{margin-bottom:24px}.warning-card{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;border-radius:12px;display:flex;gap:16px;padding:16px}.warning-icon{color:#e67e22;flex-shrink:0;font-size:24px;margin-top:2px}.warning-content h4{color:#d68910;font-size:14px;font-weight:600;margin:0 0 8px}.warning-content ul{color:#b7950b;margin:0;padding-left:16px}.warning-content li{font-size:13px;line-height:1.4;margin-bottom:4px}.alternatives-section{margin-bottom:8px}.alternatives-list{display:flex;flex-direction:column;gap:12px}.alternative-item{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:12px;display:flex;gap:16px;padding:16px}.alternative-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.alternative-icon.deactivate{background:linear-gradient(135deg,#ff9800,#f57c00)}.alternative-icon.archive{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.alternative-icon.anonymize{background:linear-gradient(135deg,#607d8b,#455a64)}.alternative-content{flex:1 1}.alternative-content h4{color:var(--color-text);font-size:14px;font-weight:600;margin:0 0 4px}.alternative-content p{color:var(--color-text-secondary);font-size:12px;margin:0}.btn-alternative{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-alternative:hover{box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.deletion-blocked-footer{background:var(--color-background-secondary);border-top:1px solid var(--color-border);padding:20px 24px}.btn-understand{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.btn-understand:hover{box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}@keyframes slideInUp{0%{opacity:0;transform:translate(-50%,-40%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:768px){.deletion-blocked-content{max-height:90vh;width:95%}.deletion-blocked-body,.deletion-blocked-header{padding:20px}.stats-grid{grid-template-columns:1fr}.alternative-item{align-items:flex-start;flex-direction:column;gap:12px}.btn-alternative{align-self:stretch;text-align:center}}.certified-badge{cursor:help;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));transition:all .2s ease}.certified-badge:hover{filter:drop-shadow(0 2px 4px rgba(29,161,242,.3));transform:scale(1.05)}.certified-badge{animation:certifiedFadeIn .3s ease-out}@keyframes certifiedFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.admin-users-container{position:relative;width:100%}.admin-users-container .stats-section .stats-grid{display:flex!important;flex-direction:row!important;grid-template-columns:none!important;grid-template-rows:none!important}.admin-users-container .stats-section .stats-grid .stat-card{display:flex!important;flex-shrink:0!important;min-width:200px!important;width:auto!important}.stat-icon.active{background:var(--color-success-light);color:var(--color-success)}.stat-icon.revenue{background:var(--color-info-light);color:var(--color-info)}.stat-icon.conversion{background:var(--color-warning-light);color:var(--color-warning)}.users-container{margin-top:20px}.users-container.grid .users-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:30px}.user-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 1px 3px var(--color-shadow-light);padding:20px;transition:all .2s ease}.user-card.deleting{animation:zoomOutBounce .3s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes zoomOutBounce{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}70%{transform:scale(.95)}to{opacity:0;transform:scale(0)}}.user-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px var(--color-shadow);transform:translateY(-2px)}.user-card-header{border-bottom:1px solid var(--color-border);gap:12px;margin-bottom:16px;padding-bottom:16px}.user-avatar,.user-card-header{align-items:center;display:flex}.user-avatar{background:var(--color-primary-light);border-radius:50%;color:var(--color-primary);font-size:20px;height:48px;justify-content:center;width:48px}.user-header-info{flex:1 1}.user-name{color:var(--color-text);font-size:16px;font-weight:600;margin:0 0 6px}.user-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.user-status-badge.status-active{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}.user-status-badge.status-inactive{background:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger)}.user-card-body{margin-bottom:16px}.user-contact-info{gap:8px;margin-bottom:12px}.user-contact-info,.user-meta{display:flex;flex-direction:column}.user-meta{gap:6px;padding-top:12px}.user-meta,.user-stats{border-top:1px solid var(--color-border)}.user-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:16px;padding-top:16px}.user-stat{text-align:center}.user-stat-value{color:var(--color-text-primary);font-size:16px;font-weight:600;margin-bottom:2px}.user-stat-label{color:var(--color-text-tertiary);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.user-card-footer{border-top:1px solid var(--color-border);display:flex;gap:8px;padding-top:16px}.users-container.list .users-list{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.users-list-header{background:var(--color-background-secondary);color:var(--color-text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.user-list-item,.users-list-header{grid-gap:16px;border-bottom:1px solid var(--color-border);display:grid;gap:16px;grid-template-columns:2.5fr 1.5fr 1.5fr 1.5fr 1fr 1fr;padding:16px 20px}.user-list-item{align-items:center;transition:background-color .2s ease}.user-list-item:hover{background:var(--color-background-secondary)}.user-list-item:last-child{border-bottom:none}.user-col{align-items:center;display:flex;font-size:14px;gap:8px}.user-col-name{font-weight:500}.user-name-cell{align-items:center;display:flex;gap:12px}.user-avatar-small{align-items:center;background:var(--color-primary-light);border-radius:50%;color:var(--color-primary);display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.user-email{color:var(--color-text-secondary);font-size:12px;font-weight:400;margin-top:2px}.user-col-actions{display:flex;gap:6px;justify-content:flex-end}.edit-modal-content{height:85vh;max-height:85vh;position:relative}.edit-modal-body{max-height:calc(85vh - 180px);overflow-x:hidden;padding:20px}.edit-form{gap:16px;padding:0}.form-group{margin-bottom:16px}.form-group:last-of-type{margin-bottom:0}.form-group input{transition:all .2s ease}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{background:var(--color-background-tertiary);cursor:not-allowed;opacity:.6}.form-group textarea{min-height:100px}@media (max-width:900px){.stats-grid{flex-direction:row;gap:12px;overflow-x:auto}.stat-card{min-width:180px}.filter-grid{gap:16px;grid-template-columns:1fr;grid-template-rows:auto auto auto}.status-filter{grid-column:1;grid-row:1}.view-toggle{align-self:start;border:none!important;grid-column:1;grid-row:2}.toggle-buttons{flex-direction:row;height:auto;margin:0 auto;max-width:300px}.user-list-item,.users-list-header{gap:12px;grid-template-columns:2fr 1fr .8fr 1fr .8fr .8fr}}@media (max-width:768px){.stats-grid{flex-direction:column;gap:12px}.stat-card{min-width:100%;padding:16px}.stat-number{font-size:24px}.filter-grid{gap:16px;grid-template-columns:1fr;grid-template-rows:auto auto}.view-toggle{border:none!important;grid-column:1;grid-row:2;justify-content:center}.toggle-buttons{flex-direction:row;height:auto}.users-container.grid .users-grid{grid-template-columns:1fr}.users-list-header{display:none}.user-list-item{gap:8px;grid-template-columns:1fr;padding:16px}.user-col{width:100%}.user-col-actions{justify-content:flex-start;margin-top:8px}.edit-modal-content{height:90vh;max-height:90vh;width:95%}.edit-modal-body{max-height:calc(90vh - 180px)}}.subscriber-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.subscriber-modal-content{background:var(--color-background);border-radius:16px;box-shadow:0 20px 60px #0000004d,0 0 0 1px var(--color-border);max-width:480px;overflow:hidden;transform:scale(1);width:90%}@keyframes subscriberModalBounce{0%{opacity:0;transform:scale(.3)}50%{opacity:.9;transform:scale(1.05)}70%{opacity:1;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.subscriber-modal-header{align-items:center;display:flex;justify-content:space-between;padding:24px 24px 0}.subscriber-modal-title{align-items:center;color:var(--color-text);display:flex;font-size:18px;font-weight:600;gap:12px}.subscriber-modal-title .modal-icon{align-items:center;background:var(--color-primary);border-radius:10px;color:#fff;display:flex;font-size:16px;height:40px;justify-content:center;width:40px}.subscriber-modal-close{align-items:center;background:var(--color-background-secondary);border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.subscriber-modal-close:hover{background:var(--color-danger);color:#fff;transform:scale(1.1)}.subscriber-modal-body{padding:24px}.subscriber-user-info{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.subscriber-user-info .user-icon{align-items:center;background:var(--color-primary);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.subscriber-user-info .user-name{color:var(--color-text);font-size:16px;font-weight:600;margin-bottom:4px}.subscriber-user-info .user-email{color:var(--color-text-secondary);font-size:14px}.subscriber-input-group{display:flex;flex-direction:column;gap:8px}.subscriber-input-group label{color:var(--color-text);font-size:14px;font-weight:500}.subscriber-input-group input{background:var(--color-background);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:16px;padding:12px 16px;transition:all .2s ease}.subscriber-input-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,59,130,246),.1);outline:none}.subscriber-input-group input:disabled{background:var(--color-background-secondary);cursor:not-allowed;opacity:.7}.input-hint{color:var(--color-text-secondary);font-size:12px;margin-top:4px}.subscriber-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px}.subscriber-modal-footer .btn-cancel,.subscriber-modal-footer .btn-save{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.subscriber-modal-footer .btn-cancel{background:var(--color-background-secondary);color:var(--color-text-secondary)}.subscriber-modal-footer .btn-cancel:hover:not(:disabled){background:var(--color-border);color:var(--color-text)}.subscriber-modal-footer .btn-save{background:var(--color-primary);color:#fff}.subscriber-modal-footer .btn-save:hover:not(:disabled){background:var(--color-primary);background:var(--color-primary-hover,var(--color-primary));box-shadow:0 4px 12px #3b82f64d;box-shadow:0 4px 12px rgba(var(--color-primary-rgb,59,130,246),.3);transform:translateY(-1px)}.subscriber-modal-footer .btn-cancel:disabled,.subscriber-modal-footer .btn-save:disabled{cursor:not-allowed;opacity:.6}.subscriber-id-clickable{border-radius:4px;cursor:pointer;padding:2px 6px;position:relative;transition:all .2s ease}.subscriber-id-clickable:hover{background:var(--color-primary);color:#fff;transform:scale(1.05)}.subscriber-id-clickable:after{content:"✏️";font-size:12px;opacity:0;position:absolute;right:-20px;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.subscriber-id-clickable:hover:after{opacity:1}.spin{animation:spin 1s linear infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.success-modal-content{overflow:hidden;position:relative}.success-modal-content:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.admin-orders-container{position:relative;width:100%}.main-area{width:100%}.stats-section{margin-bottom:30px;width:100%}.stats-grid{display:flex!important;flex-direction:row!important;gap:16px;overflow-x:auto;width:100%}.admin-orders-container .stats-section .stats-grid{display:flex!important;flex-direction:row!important;grid-template-columns:none!important;grid-template-rows:none!important}.stat-card{border-radius:8px;box-shadow:0 1px 3px var(--color-shadow-light);display:flex!important;flex:1 1!important;min-height:90px;padding:16px 12px;transition:all .3s ease}.admin-orders-container .stats-section .stats-grid .stat-card{display:flex!important;flex-shrink:0!important;min-width:200px!important;width:auto!important}.stat-card:hover{box-shadow:0 4px 12px var(--color-shadow);transform:translateY(-2px)}.stat-icon{flex-shrink:0;font-size:20px;height:40px;width:40px}.stat-icon.total{background:var(--color-primary-light);color:var(--color-primary)}.stat-icon.novo{background:var(--color-info-light);color:var(--color-info)}.stat-icon.contatado{background:var(--color-warning-light);color:var(--color-warning)}.stat-icon.convertido{background:var(--color-success-light);color:var(--color-success)}.stat-icon.perdido{background:var(--color-danger-light);color:var(--color-danger)}.stat-card.pending-card .stat-icon{background:var(--color-warning-light);color:var(--color-warning)}.stat-card.processing-card .stat-icon{background:var(--color-info-light);color:var(--color-info)}.stat-card.completed-card .stat-icon{background:var(--color-success-light);color:var(--color-success)}.lead-contact-info{border-top:1px solid var(--color-border);margin-top:12px;padding-top:12px}.lead-contact-info .contact-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:14px;gap:8px}.lead-contact-info .contact-item svg{color:var(--color-primary);height:14px;width:14px}.status-badge.pending{background:var(--color-warning-light);color:var(--color-warning)}.status-badge.processing{background:var(--color-info-light);color:var(--color-info)}.status-badge.completed{background:var(--color-success-light);color:var(--color-success)}.status-badge.cancelled{background:var(--color-danger-light);color:var(--color-danger)}.order-number{align-items:center;color:var(--color-text);display:flex;gap:8px}.payment-info{color:var(--color-text-secondary)}.payment-icon{font-size:16px}.order-total{align-items:center;color:var(--color-primary);display:flex;gap:4px}.order-item{color:var(--color-text-secondary);display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.item-price{font-weight:500}.items-section{margin-top:8px;padding-top:8px}.items-section,.order-footer{border-top:1px solid var(--color-border)}.order-footer{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.customer-info{margin-bottom:12px}.items-list{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:6px;max-height:200px;overflow-y:auto;padding:12px}.item-detail{border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:8px 0}.item-detail:last-child{border-bottom:none}.admin-orders-header{margin-bottom:24px}.admin-orders-header .header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-orders-header h1{color:var(--color-text);font-size:24px;font-weight:600;margin:0}.order-card-header{align-items:flex-start;padding-bottom:12px}.order-avatar{align-items:center;background:var(--color-primary-light);border-radius:50%;color:var(--color-primary);display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.order-header-info{flex:1 1;min-width:0}.order-name{color:var(--color-text);font-size:16px;font-weight:600;margin:0 0 6px}.order-status-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.order-status-badge.pending{background:var(--color-warning-light);color:var(--color-warning)}.order-status-badge.processing{background:var(--color-info-light);color:var(--color-info)}.order-status-badge.completed{background:var(--color-success-light);color:var(--color-success)}.order-status-badge.cancelled{background:var(--color-danger-light);color:var(--color-danger)}.order-contact-info{margin-bottom:12px}.order-contact-info,.order-meta{display:flex;flex-direction:column;gap:8px}.order-items-preview,.order-meta{border-top:1px solid var(--color-border);padding-top:12px}.order-items-preview{color:var(--color-text-secondary);font-size:13px;margin-top:12px}.item-preview{padding:2px 0}.more-items{color:var(--color-primary);font-style:italic}.order-card-footer{padding-top:12px}.orders-list-header{border:1px solid var(--color-border);border-radius:8px 8px 0 0;font-size:12px}.order-row,.orders-list-header{grid-gap:12px;gap:12px;grid-template-columns:100px 2fr 120px 140px 100px 100px 80px;padding:12px 16px}.order-row{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-top:none;display:grid;transition:all .2s ease}.order-row:hover{background:var(--color-background-secondary);transform:translateX(2px)}.order-row:last-child{border-radius:0 0 8px 8px}.order-col{align-items:center;color:var(--color-text);display:flex;font-size:14px;gap:6px}.order-col-number{color:var(--color-primary);font-weight:600}.customer-info-compact{display:flex;flex-direction:column;gap:2px}.btn-action-small{background:none;border:none;border-radius:4px;padding:4px 8px}.btn-action-small:hover{background:var(--color-primary-light);color:var(--color-primary)}.stat-content{flex:1 1;min-width:0;width:100%}.stat-content h3{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.stat-number{color:var(--color-text);font-size:24px;font-weight:700;line-height:1;margin:0 0 2px}.stat-label{font-size:10px;opacity:.8;white-space:nowrap}.filters-section{background:var(--color-background);border-radius:12px;box-shadow:0 1px 3px var(--color-shadow-light);margin-bottom:30px}.search-box-container{align-items:center;display:flex;gap:12px;margin-bottom:16px}.search-box{flex:1 1;position:relative}.search-icon{left:16px}.search-box input{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:14px;outline:none;padding:12px 16px 12px 48px;transition:all .2s ease;width:100%}.search-box input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.clear-filters-btn{background:var(--color-danger-light);border:1px solid var(--color-danger);border-radius:8px;color:var(--color-danger);font-weight:500;padding:10px 16px}.clear-filters-btn:hover{background:var(--color-danger);color:#fff;transform:translateY(-1px)}.filter-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:7fr 1fr;grid-template-rows:auto auto}.filter-label{color:var(--color-text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.status-filter{display:flex;flex-direction:column;gap:8px;grid-column:1;grid-row:1}.status-list{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;padding:12px}.fonte-filter{display:flex;flex-direction:column;gap:8px;grid-column:1;grid-row:2}.fonte-list{background:var(--color-background-secondary);border-radius:8px;flex-wrap:wrap;gap:8px;padding:12px}.filter-item,.fonte-list{border:1px solid var(--color-border);display:flex}.filter-item{align-items:center;background:var(--color-background);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.filter-item:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.filter-item.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.filter-icon{align-items:center;display:flex;font-size:14px}.filter-name{font-weight:500}.filter-count{font-size:12px;opacity:.7}.view-toggle{align-self:stretch;border:none!important;grid-column:2;grid-row:1/3;justify-content:center}.toggle-buttons,.view-toggle{display:flex;flex-direction:column;gap:8px}.toggle-buttons{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;height:100%;padding:8px}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-height:44px;padding:12px 16px;transition:all .2s ease}.toggle-btn:hover{background:var(--color-background-tertiary);color:var(--color-text)}.toggle-btn.active{background:var(--color-primary);box-shadow:0 1px 3px #3b82f64d;color:#fff}.orders-container{margin-top:20px}.orders-container.grid .orders-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:30px}.order-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 1px 3px var(--color-shadow-light);padding:20px;transition:all .2s ease}.order-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px var(--color-shadow);transform:translateY(-2px)}.order-card-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px}.lead-avatar{align-items:center;background:var(--color-primary-light);border-radius:50%;color:var(--color-primary);display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.lead-header-info{flex:1 1}.lead-name{color:var(--color-text);font-size:16px;font-weight:600;margin:0 0 6px}.lead-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.lead-status-badge.status-novo{background:var(--color-info-light);border:1px solid var(--color-info);color:var(--color-info)}.lead-status-badge.status-contatado{background:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-warning)}.lead-status-badge.status-convertido{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}.lead-status-badge.status-perdido{background:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger)}.order-card-body{margin-bottom:16px}.lead-contact-info{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.contact-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:14px;gap:8px}.contact-item svg{color:var(--color-primary);height:14px;width:14px}.lead-meta{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px;padding-top:12px}.meta-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;gap:8px}.meta-item svg{height:14px;opacity:.6;width:14px}.lead-notes{background:var(--color-background-secondary);border-left:3px solid var(--color-primary);border-radius:6px;margin-top:12px;padding:10px}.lead-notes p{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin:0}.order-card-footer{border-top:1px solid var(--color-border);display:flex;gap:8px;padding-top:16px}.btn-action{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px;transition:all .2s ease}.btn-action:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-1px)}.orders-container.list .orders-list{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.orders-list-header{background:var(--color-background-secondary);color:var(--color-text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.lead-list-item,.orders-list-header{grid-gap:16px;border-bottom:1px solid var(--color-border);display:grid;gap:16px;grid-template-columns:2.5fr 1.5fr 1.5fr 1.5fr 1fr 1fr;padding:16px 20px}.lead-list-item{align-items:center;transition:background-color .2s ease}.lead-list-item:hover{background:var(--color-background-secondary)}.lead-list-item:last-child{border-bottom:none}.lead-col{align-items:center;display:flex;font-size:14px;gap:8px}.lead-col-name{font-weight:500}.lead-name-cell{align-items:center;display:flex;gap:12px}.lead-avatar-small{align-items:center;background:var(--color-primary-light);border-radius:50%;color:var(--color-primary);display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.lead-email{font-size:12px;font-weight:400;margin-top:2px}.icon-small,.lead-email{color:var(--color-text-secondary)}.icon-small{height:14px;opacity:.6;width:14px}.lead-col-actions{display:flex;gap:6px;justify-content:flex-end}.btn-action-small{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.btn-action-small:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-action-small svg{height:14px;width:14px}.empty-state,.loading-state{align-items:center;background:var(--color-background);border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state p,.loading-state p{color:var(--color-text-secondary);font-size:14px;margin-top:12px}.empty-state h3{color:var(--color-text);font-size:18px;font-weight:600;margin:16px 0 8px}.spinning{animation:spin 1s linear infinite;color:var(--color-primary);font-size:24px}.access-denied{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.access-denied h2{color:var(--color-text);font-size:24px;font-weight:600;margin:16px 0 8px}.access-denied p{color:var(--color-text-secondary);font-size:16px}.edit-modal{align-items:center;animation:fadeInBlur .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-modal-content{animation:zoomInBounce .3s ease;background:var(--color-background);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:92vh;max-width:600px;overflow:hidden;width:90%}.edit-modal-header{align-items:center;background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.modal-title-section{align-items:center;display:flex;gap:12px}.modal-icon{align-items:center;background:var(--color-primary-light);border-radius:10px;color:var(--color-primary);display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.edit-modal-header h2{color:var(--color-text);font-size:20px;font-weight:600;margin:0}.btn-close{align-items:center;background:#0000001a;border:2px solid var(--color-text);border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;font-size:24px;font-weight:700;height:36px;justify-content:center;line-height:1;transition:all .2s ease;width:36px}.btn-close:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff;transform:scale(1.05)}.lead-info-card{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:12px;margin:16px 20px;padding:16px}.lead-info-header{align-items:center;display:flex;gap:16px;margin-bottom:12px}.lead-info-avatar{align-items:center;background:var(--color-primary-light);border-radius:50%;color:var(--color-primary);display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.lead-info-details h3{color:var(--color-text);font-size:18px;font-weight:600;margin:0 0 6px}.lead-info-meta{align-items:center;display:flex;gap:12px}.status-badge{font-size:11px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-badge.novo{background:var(--color-info-light);color:var(--color-info)}.status-badge.contatado{background:var(--color-warning-light);color:var(--color-warning)}.status-badge.convertido{background:var(--color-success-light);color:var(--color-success)}.status-badge.perdido{background:var(--color-danger-light);color:var(--color-danger)}.lead-date{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;gap:4px}.lead-date svg{height:12px;width:12px}.edit-modal-body{flex:1 1;min-height:0;overflow-y:auto}.edit-form{display:flex;flex-direction:column;padding:0 20px}.form-group{gap:0}.form-group:last-of-type{margin-top:0}.form-group label svg{color:var(--color-primary);height:16px;width:16px}.select-wrapper{position:relative}.select-wrapper select{-webkit-appearance:none;appearance:none;background:var(--color-background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M6 9 2 5h8z' fill='%23999'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;font-size:14px;padding:12px 40px 12px 16px;transition:all .2s ease;width:100%}.select-wrapper select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.textarea-hint{background:linear-gradient(135deg,#3b82f614,#6366f114);border:1px solid var(--color-primary);border-radius:8px;font-size:13px;line-height:1.5;margin-top:0;padding:8px 12px}.form-group textarea,.textarea-hint{color:var(--color-text);margin-bottom:16px}.form-group textarea{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;font-family:inherit;font-size:14px;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-modal-footer{background:var(--color-background-secondary);border-top:1px solid var(--color-border);flex-direction:column;flex-shrink:0;padding:20px}.edit-modal-footer,.edit-modal-footer .button-row{display:flex;gap:12px}.btn-cancel,.btn-save{border-radius:8px;flex:1 1;font-size:14px;font-weight:600;justify-content:center;transition:all .2s ease}.btn-cancel{background:var(--color-background);border:1px solid var(--color-border)}.btn-cancel:hover{background:var(--color-background-tertiary);border-color:var(--color-text-secondary)}.btn-save{border:1px solid var(--color-primary)}.btn-save:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-save.saving,.btn-save:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-save .spinning{animation:spin 1s linear infinite}.save-message{border-radius:6px;font-size:13px;font-weight:500;margin-top:8px;padding:8px 12px;text-align:center}.save-message.success{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}.save-message.error{background:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger)}.success-modal-overlay{animation:fadeInBlur .3s ease}.success-modal-content{animation:zoomInBounce .3s ease;background:var(--color-background);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:32px;text-align:center;width:90%}.success-icon-wrapper{display:flex;justify-content:center;margin-bottom:24px}.success-icon{animation:iconScale .5s ease;height:100px;width:100px}@keyframes iconScale{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.checkmark-svg{height:100%;width:100%}.checkmark-circle{stroke-width:2;stroke:var(--color-success);animation:drawCircle .6s ease forwards}@keyframes drawCircle{to{stroke-dashoffset:0}}.checkmark-check{stroke-width:3;stroke:var(--color-success);animation:drawCheck .4s ease .5s forwards}@keyframes drawCheck{to{stroke-dashoffset:0}}.success-title{font-size:24px;margin:0 0 12px}.success-message{font-size:16px;line-height:1.5;margin:0 0 24px}.success-btn-close{background:var(--color-success);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s ease}.success-btn-close:hover{background:var(--color-success-dark);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}@media (max-width:900px){.stats-grid{flex-direction:row;gap:12px;overflow-x:auto}.stat-card{min-width:180px}.filter-grid{gap:16px;grid-template-columns:1fr;grid-template-rows:auto auto auto}.fonte-filter,.status-filter{grid-column:1}.status-filter{grid-row:1}.fonte-filter{grid-row:2}.view-toggle{align-self:start;border:none!important;grid-column:1;grid-row:3}.toggle-buttons{flex-direction:row;height:auto;margin:0 auto;max-width:300px}.lead-list-item,.orders-list-header{gap:12px;grid-template-columns:2fr 1fr .8fr 1fr .8fr .8fr}}@media (max-width:768px){.stats-grid{flex-direction:column;gap:12px}.stat-card{min-width:100%;padding:16px}.stat-number{font-size:24px}.filter-grid{gap:16px;grid-template-columns:1fr;grid-template-rows:auto auto auto}.view-toggle{border:none!important;grid-column:1;grid-row:3;justify-content:center}.toggle-buttons{flex-direction:row;height:auto}.orders-container.grid .orders-grid{grid-template-columns:1fr}.orders-list-header{display:none}.lead-list-item{gap:8px;grid-template-columns:1fr;padding:16px}.lead-col{width:100%}.lead-col-actions{justify-content:flex-start;margin-top:8px}.edit-modal-content{max-height:95vh;width:95%}}.admin-integrations{margin:0 auto;max-width:1400px;padding:20px}.integrations-header{margin-bottom:32px}.integrations-header h1{color:var(--color-text);font-size:32px;font-weight:700;margin:0 0 8px}.integrations-header p{color:var(--color-text-secondary);font-size:14px;margin:0}.integrations-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:280px 1fr;min-height:calc(100vh - 200px)}.integrations-sidebar{background:var(--color-background);border-radius:12px;box-shadow:0 1px 3px #0000001a;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:20px}.integrations-nav{display:flex;flex-direction:column;padding:16px 0}.integrations-nav .nav-item{align-items:flex-start;background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 20px;position:relative;text-align:left;transition:all .2s}.integrations-nav .nav-item:hover:not(.coming-soon){background:var(--color-background-hover);color:var(--color-text)}.integrations-nav .nav-item.active{background:#6366f11a;border-left:3px solid #6366f1;color:#6366f1;padding-left:17px}.integrations-nav .nav-item.coming-soon{cursor:not-allowed;opacity:.5}.nav-icon{font-size:18px;margin-top:2px}.nav-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.nav-label{font-weight:500}.nav-description{color:var(--color-text-tertiary);font-size:12px}.coming-soon-badge{background:#fef3c7;border-radius:4px;color:#92400e;display:inline-block;font-size:10px;font-weight:600;margin-top:4px;padding:2px 6px;text-transform:uppercase}.integrations-content{background:var(--color-background);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.integration-content{max-width:1000px}.content-header{margin-bottom:32px}.content-header h2{align-items:center;color:var(--color-text);display:flex;font-size:24px;font-weight:600;gap:12px;margin:0 0 8px}.content-header h2 svg{color:#6366f1;font-size:24px}.content-description{color:var(--color-text-secondary);font-size:14px;margin:0}.payment-providers{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.provider-card{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.provider-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:12px}.provider-info{gap:16px}.provider-info,.provider-logo{align-items:center;display:flex}.provider-logo{background:#fff;border:1px solid #e5e7eb;border-radius:6px;height:48px;justify-content:center;max-height:48px;max-width:48px;object-fit:contain;padding:4px;width:48px}.mercadopago-logo,.stripe-logo{height:100%;object-fit:contain;width:100%}.asaas-logo{color:#3b82f6;font-size:12px}.asaas-logo,.pix-logo{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;font-weight:700;height:48px;justify-content:center;max-height:48px;max-width:48px;width:48px}.pix-logo{color:#00bfa5;font-size:18px}.webhook-info{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:6px;margin-top:20px;padding:12px}.webhook-info h4{color:var(--color-text);font-size:14px;font-weight:600;margin:0 0 12px}.webhook-urls{display:flex;flex-direction:column;gap:8px}.webhook-url{align-items:center;display:flex;font-size:12px;gap:8px}.webhook-url span{color:var(--color-text-secondary);font-weight:500;min-width:70px}.webhook-url code{background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-family:monospace;font-size:11px;padding:4px 8px}.provider-info h3{color:var(--color-text);font-size:18px;font-weight:600;margin:0 0 4px}.provider-status{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;gap:4px}.provider-status svg{font-size:14px}.provider-status svg:first-child{color:#10b981}.provider-status .fi-x{color:#ef4444}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;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:#6366f1}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.provider-settings{animation:slideDown .3s ease;padding:12px}.settings-form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.form-group{gap:8px}.form-group label{align-items:center;display:flex;gap:8px}.form-group label svg{color:var(--color-text-secondary);font-size:16px}.form-group input{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text)}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon input{flex:1 1;padding-right:45px}.toggle-visibility-btn{align-items:center;background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px;position:absolute;right:12px;transition:all .2s}.toggle-visibility-btn:hover{color:var(--color-text);transform:scale(1.1)}.toggle-visibility-btn:focus{color:#6366f1;outline:none}.provider-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-save-provider{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-save-provider:hover{background:#059669;box-shadow:0 2px 8px #10b9814d;transform:translateY(-1px)}.btn-test{background:#0000;border-radius:6px;color:#6366f1;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-test:hover{background:#6366f1;color:#fff}.btn-external{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s}.btn-external:hover{background:var(--color-background-hover);border-color:var(--color-text-secondary)}.content-footer{border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;padding-top:24px}.btn-save{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.btn-save:hover{background:#5558e3;box-shadow:0 2px 8px #6366f14d}.coming-soon{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.coming-soon h2{font-size:24px;font-weight:600;margin:0 0 8px}.coming-soon p{font-size:14px;margin:0}@media (max-width:768px){.integrations-layout{grid-template-columns:1fr}.integrations-sidebar{position:static}.settings-form{grid-template-columns:1fr}}.webhook-test-container{background:var(--color-background);border-radius:12px;box-shadow:0 2px 8px var(--color-shadow-light);margin:0 auto;max-width:1200px;padding:24px}.webhook-test-header{border-bottom:2px solid var(--color-border);margin-bottom:32px;padding-bottom:24px;text-align:center}.webhook-test-header h2{color:var(--color-primary);font-size:28px;font-weight:600;margin-bottom:12px}.webhook-test-header p{color:var(--color-text-secondary);font-size:16px;line-height:1.6;margin:0 auto;max-width:600px}.webhook-test-actions{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px}.webhook-test-buttons{display:flex;flex-direction:column;gap:16px}.webhook-test-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-height:56px;padding:16px 24px;transition:all .3s ease}.webhook-test-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.webhook-test-btn.primary{background:var(--color-primary);color:#fff}.webhook-test-btn.primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.webhook-test-btn.secondary{background:var(--color-secondary);color:#fff}.webhook-test-btn.secondary:hover:not(:disabled){background:var(--color-secondary-dark);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.webhook-test-btn.tertiary{background:var(--color-accent);color:#fff}.webhook-test-btn.tertiary:hover:not(:disabled){background:var(--color-accent-dark);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.webhook-test-info{background:var(--color-background-secondary);border-left:4px solid var(--color-primary);border-radius:8px;padding:20px}.webhook-test-info h4{color:var(--color-primary);font-size:18px;font-weight:600;margin-bottom:16px}.webhook-test-info ul{list-style:none;margin:0;padding:0}.webhook-test-info li{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:14px;padding:8px 0}.webhook-test-info li:last-child{border-bottom:none}.webhook-test-info strong{color:var(--color-text-primary);font-weight:600}.webhook-test-loading{background:var(--color-background-secondary);border-radius:8px;margin-bottom:24px;padding:32px;text-align:center}.loading-spinner{margin:0 auto 16px}.webhook-test-loading p{color:var(--color-text-secondary);font-size:16px;margin:0}.webhook-test-result{border-left:4px solid;border-radius:8px;margin-bottom:24px;padding:20px}.webhook-test-result.success{background:var(--color-success-light);border-left-color:var(--color-success);color:var(--color-success-dark)}.webhook-test-result.error{background:var(--color-error-light);border-left-color:var(--color-error);color:var(--color-error-dark)}.webhook-test-result h4{font-size:18px;font-weight:600;margin:0 0 12px}.webhook-test-result p{font-size:16px;line-height:1.5;margin:0 0 16px}.webhook-test-result details{margin-top:16px}.webhook-test-result summary{color:var(--color-primary);cursor:pointer;font-weight:600;margin-bottom:12px}.webhook-test-result pre{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:12px;line-height:1.4;overflow-x:auto;padding:16px}.webhook-test-instructions{background:var(--color-info-light);border-left:4px solid var(--color-info);border-radius:8px;margin-bottom:24px;padding:20px}.webhook-test-instructions h4{color:var(--color-info-dark);font-size:18px;font-weight:600;margin-bottom:16px}.webhook-test-instructions ol{margin:0;padding-left:20px}.webhook-test-instructions li{color:var(--color-info-dark);font-size:14px;line-height:1.5;padding:8px 0}.webhook-test-instructions strong{color:var(--color-text-primary);font-weight:600}.webhook-test-payload{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;padding:20px}.webhook-test-payload h4{color:var(--color-text-primary);font-size:18px;font-weight:600;margin-bottom:16px}.webhook-test-payload details{margin-top:16px}.webhook-test-payload summary{color:var(--color-primary);cursor:pointer;font-weight:600;margin-bottom:12px;padding:8px 12px}.webhook-test-payload pre,.webhook-test-payload summary{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px}.webhook-test-payload pre{color:var(--color-text);font-size:12px;line-height:1.4;max-height:400px;overflow-x:auto;overflow-y:auto;padding:16px}@media (max-width:768px){.webhook-test-container{padding:16px}.webhook-test-actions{gap:24px;grid-template-columns:1fr}.webhook-test-header h2{font-size:24px}.webhook-test-btn{font-size:14px;min-height:48px;padding:14px 20px}}@media (max-width:480px){.webhook-test-container{padding:12px}.webhook-test-header{margin-bottom:24px}.webhook-test-header h2{font-size:22px}.webhook-test-header p{font-size:14px}.webhook-test-btn{font-size:13px;min-height:44px;padding:12px 16px}}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.email-template-editor{bottom:0;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1000}.editor-header,.email-template-editor{background:var(--color-background);display:flex}.editor-header{align-items:center;border-bottom:1px solid var(--color-border);box-shadow:0 2px 8px var(--color-shadow-light);justify-content:space-between;padding:20px 30px}.editor-left{align-items:center;display:flex;gap:16px}.btn-back{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.btn-back:hover{background:var(--color-border);color:var(--color-text);transform:translateX(-2px)}.editor-title{align-items:center;display:flex;gap:12px}.editor-title svg{color:var(--color-primary);font-size:24px}.editor-title h3{color:var(--color-text);font-size:20px;font-weight:600;margin:0}.editor-actions{align-items:center;display:flex;gap:16px}.btn-test-email{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-test-email:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.view-toggle-group{display:flex;gap:8px}.btn-view{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);gap:6px;transition:all .3s ease}.btn-view:hover{background:var(--color-border)}.btn-view.active{background:var(--color-primary);border-color:var(--color-primary)}.editor-body{display:flex;flex:1 1;overflow:hidden}.editor-panel{background:var(--color-background);flex:1 1;overflow-y:auto;padding:30px}.preview-panel{background:#f8f9fa;border-left:1px solid var(--color-border);display:flex;flex-direction:column;width:650px}.form-group{margin-bottom:25px}.form-group label{margin-bottom:10px}.subject-input{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.subject-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,59,130,246),.1);outline:none}.variables-hint{background:#3b82f60d;background:rgba(var(--color-primary-rgb,59,130,246),.05);border:1px solid #3b82f633;border:1px solid rgba(var(--color-primary-rgb,59,130,246),.2);border-radius:6px;margin-bottom:15px;padding:12px}.variables-hint p{color:var(--color-text-secondary);font-size:13px;font-weight:600;margin:0 0 8px}.variable-tag{background:var(--color-primary);color:#fff;cursor:pointer;font-family:Monaco,Menlo,monospace}.variable-tag:hover{opacity:.8}.email-editor{background:#fff;border-radius:6px;min-height:400px}.email-editor .ql-toolbar{background:var(--color-background);border:1px solid var(--color-border);border-bottom:none;border-radius:6px 6px 0 0}.email-editor .ql-container{border:1px solid var(--color-border);border-radius:0 0 6px 6px;font-size:16px;min-height:350px}.email-editor .ql-editor{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:350px}.html-editor{background:#fff;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-family:Monaco,Menlo,monospace;font-size:13px;min-height:400px;padding:15px;resize:vertical;width:100%}.html-editor:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,59,130,246),.1);outline:none}.preview-header{align-items:center;background:#fff;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:15px 20px}.preview-header h4{color:var(--color-text);font-size:16px;font-weight:600;margin:0}.preview-modes{display:flex;gap:8px}.preview-mode{background:#fff;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;font-size:13px;padding:6px 12px;transition:all .3s ease}.preview-mode:hover{background:var(--color-border)}.preview-mode.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.preview-container{align-items:flex-start;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:20px}.preview-frame{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:600px;overflow:hidden;width:100%}.preview-container.mobile .preview-frame{max-width:375px}.preview-content{width:100%}.preview-content table{width:100%!important}.preview-content img{height:auto;max-width:100%}.editor-footer{background:var(--color-background);border-top:1px solid var(--color-border);box-shadow:0 -2px 8px var(--color-shadow-light);display:flex;gap:12px;justify-content:flex-end;padding:20px 30px}.btn-cancel,.btn-save{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-save{background:var(--color-primary)}.btn-save:hover{background:#2563eb;background:var(--color-primary-dark,#2563eb);box-shadow:0 4px 12px #3b82f64d;box-shadow:0 4px 12px rgba(var(--color-primary-rgb,59,130,246),.3)}.btn-cancel:hover{color:#fff}@media (max-width:1200px){.preview-panel{width:500px}}@media (max-width:992px){.editor-body{flex-direction:column}.preview-panel{border-left:none;border-top:1px solid var(--color-border);height:50vh;width:100%}.editor-panel{height:50vh}}@media (max-width:768px){.editor-header{padding:15px 20px}.editor-title h3{font-size:18px}.editor-panel{padding:20px}.editor-footer{flex-direction:column;padding:15px 20px}.btn-cancel,.btn-save{justify-content:center;width:100%}}.test-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.test-modal{background:var(--color-background);border-radius:12px;box-shadow:0 10px 30px #0000004d;width:90%}.test-modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:20px 24px}.test-modal-header h3{color:var(--color-text);font-size:18px;font-weight:600;margin:0}.test-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.test-modal-close:hover{background:var(--color-border);color:var(--color-text)}.test-modal-body{padding:24px}.test-info{background:var(--color-border);border-radius:8px;margin-bottom:20px;padding:12px 16px}.test-info p{color:var(--color-text);font-size:14px;line-height:1.6;margin:0}.test-info p+p{margin-top:6px}.test-form-group{margin-bottom:20px}.test-form-group label{color:var(--color-text);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.test-email-input{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.test-email-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,59,130,246),.1);outline:none}.test-email-input:disabled{background:var(--color-border);cursor:not-allowed}.test-note{background:#3b82f60d;background:rgba(var(--color-info-rgb,59,130,246),.05);border:1px solid #3b82f633;border:1px solid rgba(var(--color-info-rgb,59,130,246),.2);border-radius:8px;padding:12px}.test-note p{color:var(--color-text);font-size:13px;line-height:1.5;margin:0}.test-note p+p{margin-top:6px}.test-modal-footer{border-top:1px solid var(--color-border);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-cancel-test,.btn-send-test{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-send-test{background:var(--color-primary)}.btn-send-test:hover:not(:disabled){background:#2563eb;background:var(--color-primary-dark,#2563eb);transform:translateY(-1px)}.btn-send-test:disabled{background:var(--color-text-secondary)}.btn-cancel-test{background:var(--color-border);color:var(--color-text-secondary)}.btn-cancel-test:hover:not(:disabled){background:var(--color-text-secondary);color:#fff}.btn-cancel-test:disabled{cursor:not-allowed;opacity:.6}.success-modal-overlay{animation:fadeIn .3s ease;z-index:3000}.success-modal{max-width:420px}.zoom-in-bounce{animation:zoomInBounce .3s cubic-bezier(.68,-.55,.265,1.55)}.success-icon-container{background:var(--color-background)}.email-sent-to{background:var(--color-border);color:var(--color-primary)}.btn-send-another{background:var(--color-primary)}.btn-send-another:hover{background:#2563eb;background:var(--color-primary-dark,#2563eb);box-shadow:0 4px 12px #3b82f64d;box-shadow:0 4px 12px rgba(var(--color-primary-rgb,59,130,246),.3)}.btn-close-success{background:var(--color-border);color:var(--color-text-secondary)}.btn-close-success:hover{background:var(--color-text-secondary);color:#fff}@media (prefers-color-scheme:dark){.preview-panel{background:#1a1a1a}.preview-header{background:#2a2a2a}.preview-frame{box-shadow:0 4px 12px #00000080}}.visual-editor-container{background:#f3f4f6;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1000}.visual-editor-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;display:flex;height:60px;justify-content:space-between;padding:0 20px}.btn-back{background:#0000;display:inline-flex;min-width:100px;padding:10px 20px}.btn-back svg{stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0;height:18px;width:18px}.btn-back span{font-size:14px;font-weight:500}.btn-back:hover{background:#f9fafb}.visual-editor-header h2{color:#1f2937;font-size:18px;font-weight:600;margin:0}.header-center{left:50%;position:absolute;transform:translateX(-50%)}.device-selector{background:#f3f4f6;border-radius:8px;display:flex;gap:2px;padding:4px}.device-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px 12px;transition:all .2s}.device-btn:hover{background:#fff;color:#4b5563}.device-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#6366f1}.header-right{display:flex;gap:12px}.btn-save,.btn-test{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;min-width:100px;padding:10px 24px;transition:all .2s}.btn-save svg,.btn-test svg{stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0;height:18px;width:18px}.btn-save span,.btn-test span{font-size:14px;font-weight:500}.btn-test{background:#10b981;border:1px solid #10b981}.btn-test:hover{background:#059669;border-color:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-save{background:#6366f1}.btn-save:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.visual-editor-header svg{display:inline-block;vertical-align:middle}.btn-properties svg,.btn-redo svg,.btn-undo svg,.btn-view svg{height:16px;width:16px}.visual-editor-body{display:flex;flex:1 1;overflow:hidden;position:relative}.history-controls{border-right:1px solid #e5e7eb;display:flex;gap:4px;margin-right:12px;padding-right:12px}.btn-redo,.btn-reset,.btn-undo{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.btn-redo:hover:not(:disabled),.btn-reset:hover,.btn-undo:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db;color:#1f2937}.btn-redo:disabled,.btn-undo:disabled{cursor:not-allowed;opacity:.4}.btn-reset{position:relative}.btn-reset svg{height:16px;width:16px}.btn-properties{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;font-size:14px;margin-right:8px;padding:8px 12px;transition:all .2s}.btn-properties:hover{background:#f9fafb;border-color:#d1d5db}.btn-properties.active{background:#6366f1;border-color:#6366f1;color:#fff}.components-sidebar{background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto;padding:20px;width:280px}.components-section{margin-bottom:30px}.components-section h3{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.components-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.component-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:move;display:flex;flex-direction:column;font-size:12px;gap:6px;padding:12px;text-align:center;transition:all .2s}.component-item:hover{background:#fff;border-color:#6366f1;box-shadow:0 4px 12px #6366f126;color:#6366f1;transform:translateY(-2px)}.component-item:active{transform:scale(.95)}.component-item svg{font-size:20px}.btn-variables{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px 12px;transition:all .2s}.btn-variables:hover{background:#f9fafb;border-color:#d1d5db;color:#4b5563}.btn-variables.active{background:#6366f1;border-color:#6366f1;color:#fff}.variables-panel{box-shadow:-2px 0 8px #0000000d;height:100%;overflow-y:auto;position:absolute;right:320px;top:0;width:320px;z-index:10}.variables-header{background:#fff;border-bottom:1px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:1}.variables-header h3{align-items:center;color:#1f2937;display:flex;gap:8px}.variables-header button{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.variables-header button:hover{background:#f3f4f6;color:#4b5563}.variables-content{padding:20px}.variables-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;font-size:13px;margin-bottom:20px;padding:12px}.variables-category{margin-bottom:24px}.variables-category h4{color:#4b5563;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.variables-list{flex-direction:column;gap:8px}.variable-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:10px 12px}.variable-item:hover{background:#eef2ff;border-color:#6366f1;transform:translateX(2px)}.variable-item.copied{background:#dcfce7;border-color:#22c55e}.variable-item.copied:after{color:#22c55e;content:"✓ Copiado!";font-size:12px;font-weight:600;position:absolute;right:12px}.variable-key{color:#6366f1;display:block;font-family:Monaco,Courier New,monospace;font-size:13px;font-weight:600;margin-bottom:4px}.variable-desc{color:#6b7280;display:block;font-size:12px}.variables-footer{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px}.variables-footer p{color:#374151;font-size:13px;font-weight:600;margin:0 0 8px}.variables-footer ul{list-style:none;margin:0;padding-left:20px}.variables-footer li{color:#6b7280;font-size:12px;margin-bottom:6px;padding-left:16px;position:relative}.variables-footer li:before{color:#9ca3af;content:"•";left:0;position:absolute}.properties-panel{background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;overflow-y:auto;width:320px}.properties-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.properties-header h3{align-items:center;color:#1f2937;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.properties-header button{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s}.properties-header button:hover{background:#e5e7eb;color:#1f2937}.properties-content{flex:1 1;overflow-y:auto;padding:20px}.property-section{border-bottom:1px solid #f3f4f6;margin-bottom:24px;padding-bottom:20px}.property-section:last-child{border-bottom:none}.property-section h4{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.property-group{margin-bottom:16px}.property-group label{color:#4b5563;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.property-group input[type=text],.property-group select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:13px;padding:8px 10px;transition:all .2s;width:100%}.property-group input[type=text]:focus,.property-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.button-text-input{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:normal;text-rendering:optimizeLegibility;word-spacing:normal}.color-input-group{align-items:center;display:flex;gap:8px}.color-input-group input[type=color]{border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;height:40px;padding:2px;width:40px}.color-input-group input[type=text]{flex:1 1}.button-group{display:flex;gap:4px}.button-group button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:16px;justify-content:center;padding:8px;transition:all .2s}.button-group button:hover{background:#f9fafb;border-color:#d1d5db;color:#4b5563}.button-group button.active{background:#6366f1;border-color:#6366f1;color:#fff}.property-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.canvas-container{background:#e5e7eb;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:40px}.canvas-wrapper{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;margin:0 auto;transition:max-width .3s ease;width:100%}.email-canvas{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;min-height:600px;outline:none;padding:20px}.email-canvas:focus{outline:none}.email-canvas table{transition:outline .2s}.email-canvas table:hover{outline:2px dashed #a5b4fc;outline-offset:2px}.email-canvas [contenteditable=true]:focus{outline:2px solid #6366f1;outline-offset:2px}.code-editor{background:#1e293b;border:none;color:#e2e8f0;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;height:100%;line-height:1.5;min-height:600px;outline:none;padding:20px;resize:none;width:100%}.btn-view{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.btn-view:hover{background:#f9fafb;border-color:#d1d5db}.btn-view.active{background:#6366f1;border-color:#6366f1;color:#fff}.gjs-one-bg{background-color:#f9fafb!important}.gjs-two-color{color:#4b5563!important}.gjs-three-bg{background-color:#fff!important}.gjs-four-color-h:hover{color:#6366f1!important}.gjs-block,.gjs-blocks-c{padding:10px!important}.gjs-block{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;margin:5px!important;min-width:100px!important;transition:all .2s!important;width:auto!important}.gjs-block:hover{border-color:#6366f1!important;box-shadow:0 4px 12px #6366f126!important;transform:translateY(-2px)!important}.gjs-block-label{color:#4b5563!important;font-size:12px!important;font-weight:500!important;padding:5px 0!important}.gjs-block.gjs-bdrag{background:#eef2ff!important;border-color:#6366f1!important}.gjs-block-category{border-bottom:1px solid #e5e7eb!important;color:#1f2937!important;font-weight:600!important;margin:10px 0 5px!important;padding:10px 5px!important}.gjs-title{background:#0000!important;color:#6b7280!important;font-size:13px!important;padding:5px 10px!important}.gjs-sm-sector{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;margin-bottom:10px!important}.gjs-sm-title{background:#f9fafb!important;border-bottom:1px solid #e5e7eb!important;color:#1f2937!important;font-size:13px!important;font-weight:600!important;padding:10px!important}.gjs-sm-property{padding:8px 10px!important}.gjs-sm-label{color:#4b5563!important;font-size:12px!important;font-weight:500!important;margin-bottom:5px!important}.gjs-field input,.gjs-field select{background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:6px!important;color:#1f2937!important;font-size:13px!important;padding:6px 10px!important}.gjs-field input:focus,.gjs-field select:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f11a!important;outline:none!important}.gjs-toolbar{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important;padding:4px!important}.gjs-toolbar-item{border-radius:4px!important;color:#4b5563!important;margin:2px!important;padding:6px!important}.gjs-toolbar-item:hover{background:#f3f4f6!important;color:#1f2937!important}.gjs-cv-canvas{background:#e5e7eb!important;height:100%!important;top:0!important;width:100%!important}.gjs-frame{border-radius:8px!important;box-shadow:0 4px 20px #0000001a!important}.gjs-selected{outline:2px solid #6366f1!important;outline-offset:2px!important}.gjs-selected-parent{outline:2px dashed #a5b4fc!important;outline-offset:2px!important}.gjs-hovered{outline:2px solid #a5b4fc!important;outline-offset:2px!important}.test-modal{max-width:500px}.test-form{padding:24px}.form-group input{background:#fff;padding:10px 12px}.btn-cancel{background:#f3f4f6;border:none;border-radius:8px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-cancel:hover{background:#e5e7eb;color:#1f2937}.btn-send{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-send:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.btn-send:disabled{background:#9ca3af}.success-modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;z-index:2000}.success-modal{animation:modalZoomIn .3s cubic-bezier(.34,1.56,.64,1) forwards;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:40px;transform:scale(1)}.success-modal-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.btn-close-success,.btn-send-another{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-send-another{background:#6366f1;color:#fff}.btn-send-another:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}.btn-close-success{background:#f3f4f6;color:#4b5563}.btn-close-success:hover{background:#e5e7eb;color:#1f2937;transform:translateY(-2px)}.success-icon-container{animation:iconPulse 2s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 8px 32px #10b98133,inset 0 4px 16px #10b9811a;height:100px;margin:0 auto 24px;width:100px}.success-icon-inner{background:radial-gradient(circle at 50% 45%,#10b981 55%,#059669 100%);position:relative}.success-icon{animation:checkmark .6s ease-out .3s both;color:#fff;display:block;font-size:48px;font-weight:300;line-height:1}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(15deg)}to{transform:scale(1) rotate(0)}}.success-modal h2{color:#1f2937;margin:0 0 16px}.success-modal p{color:#6b7280;font-size:15px;margin:0 0 8px}.email-sent-to{background:#eef2ff;border-radius:8px;color:#6366f1;display:inline-block;font-size:16px;font-weight:600;margin-bottom:32px!important;padding:8px 16px}.save-success-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.save-success-modal{animation:modalZoomIn .3s cubic-bezier(.34,1.56,.64,1) forwards;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:48px 40px;position:relative;text-align:center;transform:scale(1);width:90%}.save-success-modal .modal-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:32px}.save-success-modal .modal-close-btn:hover{background:#f3f4f6;color:#4b5563}.save-success-modal h2{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 16px}.save-success-modal p{color:#6b7280;font-size:16px;margin:0 0 32px}.save-modal-actions{display:flex;gap:12px;justify-content:center}.btn-close-save,.btn-test-from-save{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-test-from-save{background:#10b981;color:#fff;min-width:180px}.btn-test-from-save:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-test-from-save svg{height:18px;width:18px}.btn-close-save{background:#f3f4f6;color:#4b5563;min-width:100px}.btn-close-save:hover{background:#e5e7eb;color:#1f2937;transform:translateY(-2px)}.btn-save:disabled{transform:none!important}.error-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.error-modal{background:#fff;border:2px solid #ef4444;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:40px;text-align:center;width:90%}.error-modal.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.error-icon-container{align-items:center;background:#fee2e2;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.error-icon{color:#ef4444;font-size:40px}.error-modal h2{color:#991b1b;font-size:24px;font-weight:600;margin:0 0 16px}.error-modal p{color:#7f1d1d;font-size:15px;margin:0 0 24px}.btn-close-error{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-close-error:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.selected-element{outline:2px solid #6366f1!important;outline-offset:2px;position:relative}a.selected-element{box-shadow:0 0 0 6px #6366f11a!important;outline:3px solid #6366f1!important;outline-offset:4px}.email-canvas a:hover{cursor:pointer;outline:2px dashed #a5b4fc;outline-offset:2px;position:relative}.email-canvas a[data-element-type=button]:hover:after{background:#1f2937;border-radius:4px;color:#fff;content:"Clique para editar botão";font-size:12px;left:50%;padding:4px 8px;pointer-events:none;position:absolute;top:-30px;transform:translateX(-50%);white-space:nowrap;z-index:1000}.email-canvas a[contenteditable=true]:focus{outline:3px solid #6366f1!important;outline-offset:4px}.resize-handles{pointer-events:none;position:absolute;z-index:1000}.resize-handle{background:#6366f1;border:2px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0003;cursor:pointer;height:10px;pointer-events:auto;position:absolute;width:10px}.resize-handle-top{cursor:ns-resize;left:50%;top:-5px;transform:translateX(-50%)}.resize-handle-right{cursor:ew-resize;right:-5px;top:50%;transform:translateY(-50%)}.resize-handle-bottom{bottom:-5px;cursor:ns-resize;left:50%;transform:translateX(-50%)}.resize-handle-left{cursor:ew-resize;left:-5px;top:50%;transform:translateY(-50%)}.resize-handle-top-left{cursor:nwse-resize;left:-5px;top:-5px}.resize-handle-top-right{cursor:nesw-resize;right:-5px;top:-5px}.resize-handle-bottom-left{bottom:-5px;cursor:nesw-resize;left:-5px}.resize-handle-bottom-right{bottom:-5px;cursor:nwse-resize;right:-5px}.quick-actions{flex-direction:column}.action-btn,.quick-actions{display:flex;gap:8px;padding:10px}.action-btn{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;justify-content:center;transition:all .2s}.action-btn:hover{background:#5558e3;box-shadow:0 4px 8px #6366f14d;transform:translateY(-1px)}.element-actions{display:flex;gap:8px;margin-bottom:12px}.action-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px;transition:all .2s}.action-button span{font-size:12px}.action-button:hover{background:#f9fafb;border-color:#6366f1;box-shadow:0 2px 4px #0000000d;color:#4f46e5;transform:translateY(-1px)}.action-button.duplicate{color:#6366f1}.action-button.duplicate:hover{background:#eef2ff;border-color:#6366f1}.action-button.delete{color:#ef4444}.action-button.delete:hover{background:#fef2f2;border-color:#ef4444;color:#dc2626}.action-button.move{color:#8b5cf6}.action-button.move:hover{background:#f5f3ff;border-color:#8b5cf6}.actions-section{background:#fafbfc;border-top:2px solid #e5e7eb}.actions-section h4{color:#374151;font-size:14px;margin-bottom:16px}.property-select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s;width:100%}.property-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.section-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.section-header h4{align-items:center;color:#1f2937;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.image-properties{background:#f0fdf4}.element-properties{background:#fefce8}.property-row{display:flex;gap:10px}.property-row .property-group{flex:1 1}@media (max-width:768px){.visual-editor-header{padding:0 15px}.header-center{display:none}.visual-editor-header h2{font-size:16px}.btn-save,.btn-test{font-size:13px;padding:8px 12px}.gjs-blocks-c{width:100%!important}.gjs-block{display:inline-block!important;width:calc(50% - 10px)!important}.properties-panel{display:none}}.element-controls{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 2px 8px #0000001a;display:flex;gap:4px;padding:4px;position:absolute;z-index:1000}.element-control-btn{align-items:center;background:#fff;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.element-control-btn:hover{background:#f3f4f6;color:#1f2937}.drag-handle{cursor:move}.drag-handle:hover{background:#eef2ff;color:#6366f1}.delete-element:hover{background:#fee2e2;color:#dc2626}.element-control-btn svg{height:16px;width:16px}.property-control{margin-bottom:20px}.control-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.control-header label{color:#4b5563;font-size:13px;font-weight:500;margin:0}.control-icon{align-items:center;color:#6b7280;display:inline-flex;margin-right:8px}.four-value-slider .four-values-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr 1fr}.value-input{position:relative}.value-input input{border:1px solid #e5e7eb;border-radius:6px;font-size:14px;padding:8px 4px 4px;text-align:center;transition:all .2s;width:100%}.value-input input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.value-input .input-label{background:#fff;color:#9ca3af;font-size:9px;left:50%;padding:0 4px;position:absolute;text-transform:uppercase;top:-6px;transform:translateX(-50%)}.link-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.link-toggle.linked{background:#6366f1;color:#fff}.link-toggle.linked,.link-toggle:hover{border-color:#6366f1}.simple-slider .value-display{align-items:center;display:flex;gap:4px}.simple-slider .value-display input{border:1px solid #e5e7eb;border-radius:4px;font-size:13px;padding:4px 6px;text-align:right;width:50px}.simple-slider .unit{color:#9ca3af;font-size:12px}.simple-slider .slider{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;height:6px;margin-top:8px;outline:none;width:100%}.simple-slider .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#6366f1;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:16px;-webkit-transition:all .2s;transition:all .2s;width:16px}.simple-slider .slider::-webkit-slider-thumb:hover{box-shadow:0 2px 6px #6366f166;transform:scale(1.2)}.color-control{align-items:center;display:flex;justify-content:space-between}.color-control label{color:#4b5563;font-size:13px;font-weight:500}.color-picker-group{align-items:center;display:flex;gap:8px}.color-preview{background-image:linear-gradient(45deg,#ccc 25%,#0000 0),linear-gradient(-45deg,#ccc 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ccc 0),linear-gradient(-45deg,#0000 75%,#ccc 0);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;height:40px;overflow:hidden;position:relative;width:40px}.color-preview input[type=color]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.color-preview:after{background:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.color-hex{font-family:monospace;width:80px}.color-hex,.color-opacity{border:1px solid #e5e7eb;border-radius:6px;font-size:12px;padding:8px}.color-opacity{text-align:center;width:50px}.border-control .control-section{margin-bottom:15px}.border-style-buttons{display:flex;gap:4px}.style-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:16px;justify-content:center;min-height:36px;padding:8px;transition:all .2s}.style-btn:hover{background:#f0f1ff;border-color:#6366f1}.style-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.border-preview{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:center;margin-top:15px;padding:20px}.preview-box{background:#fff;height:80px;transition:all .3s;width:80px}.shadow-control .enable-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.shadow-control .enable-toggle.enabled{background:#6366f1;border-color:#6366f1;color:#fff}.shadow-controls{background:#f9fafb;border-radius:8px;margin-top:10px;padding:10px}.shadow-controls>*{margin-bottom:12px}.shadow-controls>:last-child{margin-bottom:0}.state-toggle{margin-bottom:20px}.state-buttons{background:#f3f4f6;border-radius:8px;display:flex;padding:2px}.state-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.state-btn:hover{color:#4b5563}.state-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1f2937}.gap-control{align-items:center;display:flex;justify-content:space-between;padding:12px 0}.gap-control label{color:#4b5563;font-size:13px;font-weight:500;margin:0}.gap-slider-container{align-items:center;display:flex;flex:1 1;gap:10px;max-width:200px}.gap-slider{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;flex:1 1;height:6px;outline:none}.gap-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#6366f1;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:16px;width:16px}.gap-value{border:1px solid #e5e7eb;border-radius:6px;font-size:13px;padding:6px;text-align:center;width:50px}@media (max-width:768px){.four-values-grid{grid-template-columns:1fr 1fr!important}.border-style-buttons{flex-wrap:wrap}.style-btn{min-width:calc(50% - 2px)}}.unlayer-editor-container{background:#f8f9fa;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10000}.unlayer-editor-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;display:flex;height:70px;justify-content:space-between;padding:0 20px}.header-left{gap:20px}.event-selector,.header-left{align-items:center;display:flex}.event-selector{border-left:1px solid #e5e7eb;gap:8px;margin-left:20px;padding-left:20px}.event-selector label{color:#4b5563;font-size:14px;font-weight:500;white-space:nowrap}.event-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;cursor:pointer;font-size:14px;min-width:220px;padding:8px 12px;transition:all .2s}.event-dropdown:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.event-dropdown:disabled{background:#f9fafb;cursor:not-allowed;opacity:.5}.linking-indicator{animation:pulse 1.5s infinite;color:#6366f1;font-size:12px;font-weight:500}.unlayer-editor-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.btn-back{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.btn-back:hover{background:#f3f4f6;border-color:#d1d5db;color:#1f2937}.btn-back svg{height:16px;width:16px}.header-actions{align-items:center;display:flex;gap:12px}.btn-export,.btn-preview,.btn-reset,.btn-save,.btn-test{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-reset{background:#fff;border:1px solid #e5e7eb;color:#4b5563}.btn-reset:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.btn-preview{background:#fff;border:1px solid #e5e7eb;color:#4b5563}.btn-preview:hover{background:#f3f4f6;border-color:#d1d5db;color:#1f2937}.btn-export{background:#fff;border:1px solid #e5e7eb;color:#4b5563}.btn-export:hover{background:#f3f4f6;border-color:#d1d5db;color:#1f2937}.btn-test{background:#6366f1;border:1px solid #6366f1}.btn-test:hover{background:#4f46e5;border-color:#4f46e5}.btn-save{background:#22c55e;border:1px solid #22c55e;color:#fff}.btn-save:hover{background:#16a34a;border-color:#16a34a}.btn-save:disabled{cursor:not-allowed;opacity:.6}.btn-export svg,.btn-preview svg,.btn-reset svg,.btn-save svg,.btn-test svg{height:18px;width:18px}.unlayer-editor-wrapper{flex:1 1;overflow:hidden;position:relative}.modal-overlay{z-index:10001}.modal-content{animation:modalZoomIn .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;padding:30px}.modal-header{margin-bottom:20px}.test-form{margin-top:20px}.form-group input{border:1px solid #e5e7eb;padding:10px 14px}.btn-send-test{padding:10px 24px}.btn-send-test:disabled{opacity:.6}.save-success-modal,.success-modal{text-align:center}.success-icon{background:#dcfce7;color:#22c55e;display:flex;height:64px;margin:0 auto 20px;width:64px}.success-icon svg{height:32px;width:32px}.save-success-modal h3,.success-modal h3{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 12px}.save-success-modal p,.success-modal p{color:#6b7280;font-size:16px;margin:0}.modal-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.btn-continue,.btn-test-now{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s}.btn-continue{background:#fff;border:1px solid #e5e7eb;color:#4b5563}.btn-continue:hover{background:#f3f4f6;border-color:#d1d5db;color:#1f2937}.btn-test-now{background:#6366f1;color:#fff}.btn-test-now:hover{background:#4f46e5}.btn-test-now svg{height:16px;width:16px}.unlayer-editor-wrapper .bee-branding,.unlayer-editor-wrapper .bee-footer,.unlayer-editor-wrapper .blockbuilder-branding,.unlayer-editor-wrapper .blockbuilder-footer,.unlayer-editor-wrapper .u-row .u-col .u-block-footer,.unlayer-editor-wrapper .unlayer-footer,.unlayer-editor-wrapper [data-tooltip*=Unlayer],.unlayer-editor-wrapper [href*="unlayer.com"]{display:none!important;height:0!important;opacity:0!important;overflow:hidden!important;visibility:hidden!important}.btn-show-variables{align-items:center;background:#f8fafc;border:1px solid #e1e5e9;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;margin-left:10px;padding:8px 12px;transition:all .2s}.btn-show-variables:hover{background:#e2e8f0;border-color:#cbd5e1;color:#334155}.btn-show-variables svg{height:14px;width:14px}.variables-panel{animation:slideInRight .3s ease-out;background:#fff;border-left:1px solid #e5e7eb;box-shadow:-4px 0 12px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 70px);position:fixed;right:0;top:70px;width:360px;z-index:10001}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.variables-header{align-items:center;background:#fafbfc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px}.variables-header h3{color:#1e293b;font-size:16px;font-weight:600;margin:0}.variables-header .event-name{color:#64748b;font-size:13px;font-weight:400;margin-top:4px}.btn-close-variables{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-close-variables:hover{background:#f1f5f9;color:#475569}.btn-close-variables svg{height:18px;width:18px}.variables-list{flex:1 1;overflow-y:auto;padding:16px}.variables-list h4{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.variables-count{background:#e0e7ff;border-radius:10px;color:#4338ca;font-size:11px;font-weight:500;padding:2px 6px}.variables-empty{color:#9ca3af;font-size:14px;padding:40px 20px;text-align:center}.variables-empty svg{height:48px;margin-bottom:12px;opacity:.3;width:48px}.variable-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:12px;position:relative;transition:all .2s}.variable-item:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.variable-item:active{transform:translateY(0)}.variable-name{align-items:center;color:#dc2626;display:flex;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;font-weight:600;gap:8px;margin-bottom:4px}.variable-copy-icon{color:#6b7280;opacity:0;transition:opacity .2s}.variable-item:hover .variable-copy-icon{opacity:1}.variable-copy-icon svg{height:14px;width:14px}.variable-description{color:#64748b;font-size:12px;line-height:1.4}.copy-feedback{animation:copyFeedback 1.5s ease-out;background:#22c55e;border-radius:4px;color:#fff;font-size:11px;font-weight:500;padding:4px 8px;position:absolute;right:8px;top:8px}@keyframes copyFeedback{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.variables-footer{background:#fafbfc;border-top:1px solid #f1f5f9;padding:16px 20px}.variables-tip{align-items:flex-start;color:#64748b;display:flex;font-size:12px;gap:8px;line-height:1.4}.variables-tip svg{color:#3b82f6;flex-shrink:0;height:16px;margin-top:1px;width:16px}@media (max-width:768px){.unlayer-editor-header{padding:0 15px}.header-left h2{display:none}.header-actions{gap:8px}.btn-export span,.btn-preview span,.btn-reset span,.btn-save span,.btn-test span{display:none}.btn-export,.btn-preview,.btn-reset,.btn-save,.btn-test{padding:10px}.variables-panel{left:0;right:0;width:100%}.btn-show-variables span{display:none}.btn-show-variables{padding:8px}}.transactional-emails-container{margin:0 auto;max-width:1200px;padding:20px}.page-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.header-title h2{color:#1f2937}.header-icon{color:#6366f1;height:28px;width:28px}.stats-summary{display:flex;gap:20px}.stat-item{background:#f8f9fa;border-radius:8px;color:#4b5563;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.stat-item.success{background:#dcfce7;color:#22c55e}.stat-item.error{background:#fee2e2;color:#ef4444}.stat-item svg{height:16px;width:16px}.events-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.event-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:24px;transition:all .2s}.event-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.event-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.event-info h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.event-info p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.event-status{flex-shrink:0}.status-configured{background:#dcfce7;color:#22c55e}.status-configured,.status-pending{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:500;gap:6px;padding:4px 12px}.status-pending{background:#fef3c7;color:#f59e0b}.status-configured svg,.status-pending svg{height:12px;width:12px}.event-details{margin-bottom:24px}.detail-row{align-items:flex-start;display:flex;margin-bottom:12px}.detail-row label{color:#374151;font-size:14px;font-weight:500;min-width:120px}.detail-row code{background:#f3f4f6;border-radius:4px;color:#6366f1;font-size:13px;padding:2px 8px}.template-name{color:#22c55e;font-weight:500}.no-template{color:#9ca3af;font-style:italic}.variable-tag{background:#ede9fe;border-radius:12px;color:#8b5cf6;padding:2px 8px}.event-actions{display:flex;gap:8px}.btn-configure,.btn-history,.btn-test{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn-configure{background:#6366f1;color:#fff}.btn-configure:hover{background:#4f46e5}.btn-test{background:#22c55e;color:#fff}.btn-test:hover{background:#16a34a}.btn-history{background:#f3f4f6;color:#4b5563}.btn-history:hover{background:#e5e7eb;color:#1f2937}.btn-configure svg,.btn-history svg,.btn-test svg{height:14px;width:14px}.modal-overlay{animation:fadeIn .2s ease}.modal-content{animation:modalZoomIn .3s ease;background:#fff;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:80vh;padding:0}.modal-content.large{max-width:800px}.modal-header{border-bottom:1px solid #e5e7eb;padding:24px}.modal-header h3{color:#1f2937;font-size:20px}.modal-close{color:#9ca3af;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#4b5563}.modal-close svg{height:20px;width:20px}.modal-body{flex:1 1;padding:24px}.templates-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.template-option{border-radius:8px;padding:16px;transition:all .2s}.template-option:hover{background:#f8faff;border-color:#6366f1}.template-option.selected{background:#ede9fe;border-color:#6366f1}.template-info h4{color:#1f2937;font-size:16px;font-weight:500;margin:0 0 4px}.template-info p{color:#6b7280;margin:0 0 4px}.template-info small{color:#9ca3af;font-size:12px}.template-status{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.has-design{background:#dcfce7;border-radius:12px;color:#22c55e;font-size:12px;font-weight:500;gap:4px;padding:2px 8px}.has-design svg{height:12px;width:12px}.form-group label{color:#374151}.form-group input{border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group p{color:#22c55e;font-weight:500;margin:0}.test-variables{gap:8px}.test-variable-tag{background:#f0f9ff;border-radius:12px;color:#0284c7;padding:4px 12px}.btn-send-test{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-send-test:hover{background:#4f46e5}.btn-send-test:disabled{cursor:not-allowed;opacity:.5}.history-list{gap:12px}.no-history{font-style:italic;padding:40px}.history-item{background:#f9fafb;border-radius:8px;padding:16px}.history-info .recipient{font-weight:500;margin-bottom:4px}.history-info .subject{color:#6b7280;font-size:14px;margin-bottom:4px}.history-info .date{font-size:12px}.status-badge{border:1px solid;padding:4px 12px;text-transform:capitalize}.status-badge svg{height:12px;width:12px}.loading-container{padding:60px 20px}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#6366f1;height:32px;margin-bottom:16px;width:32px}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.transactional-emails-container{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.stats-summary{flex-wrap:wrap;gap:12px}.events-grid{grid-template-columns:1fr}.event-header{align-items:flex-start;flex-direction:column;gap:12px}.event-actions{flex-wrap:wrap}.modal-content{margin:20px;width:calc(100% - 40px)}.detail-row{align-items:flex-start;flex-direction:column;gap:4px}.detail-row label{min-width:auto}}.btn-edit-template{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:6px;box-shadow:0 2px 4px #ef444433;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-edit-template:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.btn-edit-template:active{transform:translateY(0)}.editor-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.email-templates-container{margin:0 auto;max-width:1200px;min-height:calc(100vh - 100px);padding:20px}.templates-header{border-bottom:2px solid var(--color-border);margin-bottom:20px;padding-bottom:20px}.email-tabs{margin-bottom:30px}.tab-button{font-size:14px;gap:8px;padding:12px 24px}.tab-button:hover{background:var(--color-background-hover)}.tab-button svg{height:16px;width:16px}.header-title{gap:12px}.header-icon{color:var(--color-primary);font-size:24px}.header-title h2{font-size:24px;font-weight:600}.connection-status{border-radius:8px;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.status-loading{align-items:center;color:var(--color-text-secondary);display:flex;gap:8px}.status-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--color-border);border:2px solid var(--color-border);border-top-color:var(--color-primary);height:16px;width:16px}.status-connected{background:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--color-success,#10b981)}.status-disconnected{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--color-danger,#ef4444)}.loading-container{gap:16px;min-height:400px}.loading-spinner{border-top:4px solid var(--color-border);border:4px solid var(--color-border);height:40px;width:40px}.templates-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.template-card{border-radius:12px;box-shadow:0 2px 8px var(--color-shadow-light);padding:20px;transition:all .3s ease}.template-card:hover{box-shadow:0 4px 20px var(--color-shadow);transform:translateY(-2px)}.template-header{margin-bottom:16px}.template-info h3{font-size:18px;margin:0 0 8px}.template-info p{font-size:14px}.template-actions{gap:8px}.btn-edit,.btn-test{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;height:52px;justify-content:center;transition:all .3s ease;width:52px}.btn-edit{background:#3b82f61a;color:var(--color-primary)}.btn-edit:hover{background:#3b82f633;transform:scale(1.05)}.btn-test{background:#10b9811a;color:#10b981;color:var(--color-success,#10b981)}.btn-test:hover{background:#10b98133;transform:scale(1.05)}.template-details{gap:16px}.template-field label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.template-field code{background:var(--color-border);border-radius:6px;display:block;font-family:Monaco,Menlo,monospace;font-size:13px;padding:8px 12px}.variables-list{gap:6px}.variable-tag{background:#3b82f61a;background:rgba(var(--color-primary-rgb,59,130,246),.1);border-radius:4px;color:var(--color-primary);font-size:12px;padding:4px 8px}.modal-overlay{background:#00000080;z-index:1000}.modal-content{border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:var(--color-text);font-size:18px}.modal-close{background:#0000;border:none;border-radius:6px;color:var(--color-text-secondary);height:32px;transition:all .3s ease;width:32px}.modal-close:hover{background:var(--color-border);color:var(--color-text)}.template-form,.test-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{font-size:14px;margin-bottom:8px}.form-group input,.form-group textarea{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;box-sizing:border-box;color:var(--color-text);font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,59,130,246),.1);outline:none}.template-description{color:var(--color-text-secondary);font-size:14px;font-style:italic;margin:4px 0 0}.test-variables{gap:6px;margin-top:6px}.test-variable-tag{background:#10b9811a;background:rgba(var(--color-success-rgb,16,185,129),.1);border-radius:4px;color:#10b981;color:var(--color-success,#10b981);font-size:12px;padding:4px 8px}.form-actions{margin-top:24px;padding-top:20px}.btn-cancel,.btn-save,.btn-send{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-save,.btn-send{background:var(--color-primary);color:#fff}.btn-save:hover,.btn-send:hover{background:#2563eb;background:var(--color-primary-dark,#2563eb);transform:translateY(-1px)}.btn-send:disabled{background:var(--color-text-secondary);cursor:not-allowed;transform:none}.btn-cancel{background:var(--color-border);color:var(--color-text-secondary)}.btn-cancel:hover{background:var(--color-text-secondary);color:var(--color-background)}@media (max-width:768px){.email-templates-container{padding:15px}.templates-header{align-items:flex-start;flex-direction:column;gap:16px}.templates-grid{grid-template-columns:1fr}.template-card{padding:16px}.modal-content{margin:20px;width:95%}.template-form,.test-form{padding:20px}.form-actions{flex-direction:column}.btn-cancel,.btn-save,.btn-send{justify-content:center;width:100%}}.email-editor-overlay{background:#fff;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.email-templates-container{background:var(--color-background);margin:0;min-height:100vh;padding:0}.templates-header{align-items:center;background:var(--color-background);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:2rem 2.5rem}.header-title{align-items:center;gap:1rem}.header-icon{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:12px;box-shadow:0 4px 12px var(--color-shadow-primary);color:var(--color-text-inverse);font-size:20px;height:42px;justify-content:center;width:42px}.header-icon,.header-title h2{align-items:center;display:flex}.header-title h2{color:var(--color-text);font-size:1.75rem;font-weight:700;gap:.75rem;margin:0}.connection-status{align-items:center;display:flex}.status-connected,.status-disconnected,.status-loading{align-items:center;border-radius:50px;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.status-connected{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success-dark)}.status-disconnected{background:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger-dark)}.status-loading{background:var(--color-info-light);border:1px solid var(--color-info);color:var(--color-info-dark)}.status-spinner{animation:spin .8s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid #0000;height:14px;width:14px}.email-tabs{background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);display:flex;gap:.5rem;padding:0 2.5rem}.tab-button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;padding:1.125rem 1.5rem;position:relative;transition:all .2s ease}.tab-button:hover{background:var(--color-background);color:var(--color-text)}.tab-button.active{background:var(--color-background);border-bottom-color:var(--color-primary);color:var(--color-primary)}.tab-button svg{height:18px;width:18px}.templates-grid{grid-gap:1.5rem;background:var(--color-background-secondary);display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));min-height:calc(100vh - 180px);padding:2.5rem}.template-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:16px;display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.template-card:hover{border-color:var(--color-primary-light);box-shadow:0 10px 30px var(--color-shadow-light),0 4px 12px var(--color-shadow-primary);transform:translateY(-4px)}.template-badge{align-items:center;background:var(--color-primary-light);border-radius:20px;color:var(--color-primary-dark);display:flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;position:absolute;right:1rem;top:1rem;z-index:1}.template-badge svg{height:12px;width:12px}.template-icon-container{display:flex;justify-content:center;margin-bottom:.5rem}.template-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:14px;box-shadow:0 6px 20px var(--color-shadow-primary);color:var(--color-text-inverse);display:flex;font-size:28px;height:60px;justify-content:center;transition:all .3s ease;width:60px}.template-card:hover .template-icon{transform:scale(1.1) rotate(5deg)}.icon-glow{display:none}.template-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.template-info{flex:1 1}.template-info h3{color:var(--color-text);font-size:1.125rem;font-weight:600;line-height:1.3;margin:0 0 .375rem}.template-info p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4;margin:0}.template-actions{display:flex;flex-shrink:0;gap:.5rem}.btn-edit{width:54px}.btn-edit,.btn-test{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .2s ease}.btn-test{width:25px}.btn-edit:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.btn-test:hover{background:var(--color-success-light);border-color:var(--color-success);color:var(--color-success)}.btn-edit svg{height:39px;width:39px}.btn-test svg{height:22px;width:22px}.template-stats{grid-gap:1rem;border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);padding:1rem 0}.stat-item{flex-direction:column;text-align:center}.stat-icon,.stat-item{align-items:center;display:flex}.stat-icon{background:var(--color-primary-light);border-radius:8px;color:var(--color-primary);font-size:16px;height:32px;justify-content:center;margin-bottom:.5rem;width:32px}.stat-content{display:flex;flex-direction:column;gap:.125rem}.stat-value{font-size:1rem;font-weight:700;line-height:1}.stat-label{color:var(--color-text-tertiary);font-size:.6875rem;letter-spacing:.5px}.performance-meter{margin:0}.performance-meter label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8125rem;font-weight:500;gap:.5rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.meter-container{background:var(--color-border);border-radius:10px;height:6px;overflow:hidden;width:100%}.meter-fill{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:10px;height:100%;position:relative;transition:width 1s ease}.meter-value{color:var(--color-text-inverse);display:none;font-size:.625rem;font-weight:600;position:absolute;right:4px;top:50%;transform:translateY(-50%)}.template-details{gap:1rem}.template-details,.template-field{display:flex;flex-direction:column}.template-field{gap:.5rem}.template-field label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.75rem;font-weight:500;gap:.375rem;letter-spacing:.5px;text-transform:uppercase}.template-field label svg{color:var(--color-primary);height:14px;width:14px}.template-field code{background:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.8125rem;padding:.625rem .875rem;word-break:break-all}.variables-list{display:flex;flex-wrap:wrap;gap:.375rem}.variable-tag{background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:6px;color:var(--color-primary-dark);font-size:.75rem;font-weight:500;padding:.375rem .625rem;white-space:nowrap}.var-prefix,.var-suffix{color:var(--color-primary);font-weight:600;opacity:.7}.variable-tag.more{background:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning-dark);font-weight:600}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:60vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:48px;width:48px}.loading-container p{color:var(--color-text-secondary);font-size:1rem;font-weight:500}.template-card{animation:fadeInUp .5s ease-out backwards}.template-card:first-child{animation-delay:.05s}.template-card:nth-child(2){animation-delay:.1s}.template-card:nth-child(3){animation-delay:.15s}.template-card:nth-child(4){animation-delay:.2s}.template-card:nth-child(5){animation-delay:.25s}.template-card:nth-child(6){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.templates-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.5rem}.email-tabs{padding:0 1.5rem}.templates-grid{grid-template-columns:1fr;padding:1.5rem}.template-stats{gap:.5rem;grid-template-columns:repeat(3,1fr)}.stat-item{font-size:.875rem}}.modal-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:9999}.modal-content{animation:slideUpBounce .4s cubic-bezier(.34,1.56,.64,1);background:var(--color-background);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 20px 40px var(--color-shadow-medium),0 10px 20px var(--color-shadow-light);max-height:85vh;max-width:650px;overflow:hidden;position:relative;transform-origin:center;width:100%}.modal-content.large{max-height:90vh;max-width:900px}@keyframes slideUpBounce{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);overflow:hidden;padding:1.75rem 2rem;position:relative}.modal-header:before{animation:shimmer 3s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes shimmer{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-header h3{color:var(--color-text-inverse);font-size:1.375rem;font-weight:600;margin:0;position:relative;text-shadow:0 2px 4px #0000001a;z-index:1}.modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:44px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px;z-index:2}.modal-close:hover{background:#fffffff2;border-color:#fff;box-shadow:0 8px 25px #0003;color:var(--color-danger);transform:rotate(90deg) scale(1.1)}.modal-body{background:var(--color-background);max-height:calc(85vh - 120px);overflow-y:auto;padding:2rem}.modal-content.large .modal-body{max-height:calc(90vh - 140px)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f0f2ff;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.form-group{margin-bottom:2rem}.form-group label{display:block;font-size:.875rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.9375rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{background:var(--color-background-secondary);border-color:var(--color-border-hover)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--color-background);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-shadow-primary);outline:none}.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' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.5em;cursor:pointer;padding-right:3rem}.template-info{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border:2px solid #c7d2fe;border-radius:16px;margin-bottom:1.5rem;padding:1.25rem}.template-info .template-name{color:#4c1d95;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.template-info .template-description{color:#6b7280;font-size:.9rem}.test-variables{background:linear-gradient(135deg,#fafbff,#f3f4ff);border:2px dashed #c7d2fe;border-radius:16px;display:flex;flex-wrap:wrap;gap:.75rem;padding:1.5rem;position:relative}.test-variables:before{background:#fff;color:#667eea;content:"Dados de Exemplo";font-size:.85rem;font-weight:600;left:20px;padding:0 8px;position:absolute;top:-10px}.test-variable-tag{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid #c4b5fd;border-radius:24px;color:#5b21b6;cursor:default;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .2s}.test-variable-tag:hover{box-shadow:0 6px 12px #8b5cf626;transform:translateY(-2px) scale(1.05)}.form-actions{border-top:1px solid #e5e7eb;gap:1rem;margin-top:2rem;padding-top:2rem}.btn-primary,.btn-save,.btn-save-config,.btn-send,.btn-send-test{background:var(--color-primary);border:none;border-radius:8px;box-shadow:0 2px 8px var(--color-shadow-primary);color:var(--color-text-inverse);cursor:pointer;font-size:.9375rem;font-weight:500;overflow:hidden;padding:.75rem 1.75rem;position:relative;transition:all .2s ease}.btn-primary:before,.btn-save-config:before,.btn-send-test:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-primary:hover:before,.btn-save-config:hover:before,.btn-send-test:hover:before{height:300px;width:300px}.btn-primary:hover,.btn-save-config:hover,.btn-save:hover,.btn-send-test:hover,.btn-send:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px var(--color-shadow-primary);transform:translateY(-2px)}.btn-primary:active,.btn-save-config:active,.btn-send-test:active{transform:translateY(-1px)}.btn-primary:disabled,.btn-save-config:disabled,.btn-send-test:disabled{cursor:not-allowed;opacity:.6;transform:none}.available-templates{margin-top:1.5rem}.templates-list{grid-gap:1rem;display:grid;gap:1rem;margin-top:1rem}.template-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.template-option:hover{background:linear-gradient(135deg,#fafbff,#f0f4ff);border-color:#667eea;box-shadow:0 8px 20px #667eea26;transform:translateX(8px)}.template-option.selected{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#667eea;box-shadow:0 4px 15px #667eea33,inset 0 0 0 1px #667eea4d}.template-option .template-name{color:#1f2937;font-size:1.05rem;font-weight:600}.template-option .template-key{background:#f3f4f6;border-radius:8px;color:#6b7280;font-family:Monaco,Menlo,monospace;font-size:.85rem;padding:.25rem .75rem}.template-badges{gap:.5rem}.has-design,.template-badges{align-items:center;display:flex}.has-design{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 2px 8px #10b9814d;color:#fff;font-size:.8rem;font-weight:600;gap:.25rem;padding:.375rem .875rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.history-item:hover{border-color:#c7d2fe;box-shadow:0 8px 20px #00000014;transform:translateY(-2px)}.history-info{flex:1 1}.history-info .recipient{color:#1f2937;font-size:1.05rem;font-weight:600;margin-bottom:.25rem}.history-info .subject{color:#4b5563;font-size:.95rem;margin-bottom:.5rem}.history-info .date{color:#9ca3af;font-size:.85rem}.history-status{align-items:center;display:flex}.status-badge{background:#fff;border:2px solid;border-radius:20px;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.status-badge:hover{transform:scale(1.05)}.status-badge.sent{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981;color:#10b981}.status-badge.pending{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.status-badge.failed{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444;color:#ef4444}.no-history{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:16px;color:#9ca3af;font-size:1.1rem;padding:3rem;text-align:center}.switch-container{align-items:center;display:flex;gap:1rem}.switch{height:28px;position:relative;width:56px}.switch input{height:0;opacity:0;width:0}.switch-slider{background:#e5e7eb;border-radius:28px;bottom:0;cursor:pointer;left:0;right:0;top:0}.switch-slider,.switch-slider:before{position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1)}.switch-slider:before{background:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 8px #00000026;content:"";height:20px;left:4px;width:20px}.switch input:checked+.switch-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.switch input:checked+.switch-slider:before{transform:translateX(28px)}@keyframes pulse-modal{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}.modal-content.loading{animation:pulse-modal 2s infinite}@media (max-width:768px){.modal-overlay{padding:1rem}.modal-content{border-radius:20px;max-height:95vh;max-width:100%}.modal-header{padding:2rem 1.5rem 1.5rem}.modal-header h3{font-size:1.5rem}.modal-body{padding:1.5rem}.form-actions{flex-direction:column}.btn-primary,.btn-save-config,.btn-send-test{width:100%}}.billing-container{margin:0 auto;max-width:1400px;padding:20px}.billing-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 3fr;min-height:calc(100vh - 140px)}.billing-sidebar{background:var(--color-background);border-radius:12px;box-shadow:0 1px 3px var(--color-shadow-light);height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:20px}.sidebar-header{border-bottom:1px solid var(--color-border);padding:24px 20px 16px}.sidebar-header h2{color:var(--color-text);font-size:20px;font-weight:600;margin:0}.billing-nav{display:flex;flex-direction:column;padding:16px 0}.nav-item{align-items:center;background:#0000;border:none;border-left:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 20px;text-align:left;transition:all .2s ease}.nav-item:hover{background:var(--color-background-secondary);color:var(--color-text)}.nav-item.active{background:var(--color-primary-light);border-left-color:var(--color-primary);color:var(--color-primary);font-weight:600}.nav-item svg{flex-shrink:0;height:18px;width:18px}.billing-main{display:flex;flex-direction:column;gap:24px}.billing-card{border-radius:12px;box-shadow:0 1px 3px var(--color-shadow-light);overflow:hidden}.billing-card,.card-header{background:var(--color-background)}.card-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:24px 24px 16px}.header-title{display:flex;flex-direction:column;gap:4px}.card-header h2{align-items:center;color:var(--color-text);display:flex;font-size:20px;font-weight:600;gap:12px;margin:0}.card-header h2 svg{color:var(--color-primary);height:20px;width:20px}.card-body{padding:24px}.filters-section{background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);padding:20px}.search-bar{margin-bottom:16px;position:relative}.search-icon{color:var(--color-text-secondary);font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:14px;padding:10px 12px 10px 40px;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.search-input::placeholder{color:var(--color-text-secondary)}.filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{color:var(--color-text-secondary);font-size:12px;font-weight:600;text-transform:uppercase}.filter-select{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:14px;min-width:120px;padding:8px 12px}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.clear-filters-btn{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s ease}.clear-filters-btn:hover{background:var(--color-background-secondary);color:var(--color-text)}.orders-stats{align-items:center;display:flex;gap:8px;margin-top:4px}.total-orders{color:var(--color-text-secondary);font-size:12px;font-weight:500}.refresh-btn{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 2px 8px var(--color-shadow-primary);transform:translateY(-1px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.refresh-btn .spinning{animation:spin 1s linear infinite}.orders-table{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.table-header{background:var(--color-background-tertiary);border-bottom:1px solid var(--color-border);display:grid;grid-template-columns:1fr 1.5fr 1.2fr .8fr 1fr 1.2fr 1fr;padding:16px 20px}.table-header span{color:var(--color-text-secondary);font-size:12px;font-weight:600;text-transform:uppercase}.table-row{background:var(--color-background);border-bottom:1px solid var(--color-border);display:grid;grid-template-columns:1fr 1.5fr 1.2fr .8fr 1fr 1.2fr 1fr;padding:16px 20px;transition:background .2s ease}.table-row:hover{background:var(--color-background-secondary)}.table-row:last-child{border-bottom:none}.table-row span{align-items:center;color:var(--color-text);display:flex;font-size:14px}.order-number{color:var(--color-primary);font-weight:600}.order-date,.order-items{color:var(--color-text-secondary)}.order-total{color:var(--color-text);font-weight:600}.customer-info{align-items:center;display:flex}.customer-data{display:flex;flex-direction:column;gap:2px}.customer-name{color:var(--color-text);font-size:14px;font-weight:500}.customer-email{color:var(--color-text-secondary);font-size:12px}.payment-method{border-radius:12px;overflow:hidden}.payment-info{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:12px;gap:6px;padding:6px 10px}.payment-icon,.payment-info{align-items:center;display:flex}.payment-icon{font-size:14px;height:20px;justify-content:center;width:20px}.payment-icon.pix{color:#00d09c}.status-badge{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.status-badge.completed{background:#10b9811a;color:#10b981}.status-badge.pending{background:#f59e0b1a;color:#f59e0b}.status-badge.processing{background:#3b82f61a;color:#3b82f6}.status-badge.cancelled{background:#ef44441a;color:#ef4444}.status-icon{font-size:14px}.empty-state,.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.loading-state .spinner{animation:spin 1s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}.empty-state p,.error-state p,.loading-state p{color:var(--color-text-secondary);font-size:14px;margin-top:12px}.empty-state svg,.error-state svg{color:var(--color-text-secondary);font-size:40px;opacity:.5}@media (max-width:1024px){.billing-layout{gap:20px;grid-template-columns:1fr}.billing-sidebar{position:relative}.billing-nav{display:flex;gap:0;overflow-x:auto}.nav-item{white-space:nowrap}}@media (max-width:768px){.table-header,.table-row{gap:8px;grid-template-columns:1fr 1.5fr 1fr}.table-header span:nth-child(3),.table-header span:nth-child(4),.table-header span:nth-child(5),.table-header span:nth-child(6),.table-row span:nth-child(3),.table-row span:nth-child(4),.table-row span:nth-child(5),.table-row span:nth-child(6){display:none}.card-body,.card-header{padding:16px}.filters-section{padding:20px}.filters{align-items:stretch;flex-direction:column;gap:12px}.filter-group{width:100%}.filter-select{min-width:auto;width:100%}.clear-filters-btn{justify-content:center}}.cart-icon-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;justify-content:center;padding:12px;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:100}.cart-icon-button:hover{border-color:#6366f1;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.cart-icon{color:#6366f1;font-size:24px}.cart-badge{animation:badgeBounce .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;font-size:12px;font-weight:600;min-width:20px;padding:2px 6px;position:absolute;right:-8px;text-align:center;top:-8px}@keyframes badgeBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:768px){.cart-icon-button{padding:10px;right:15px;top:15px}.cart-icon{font-size:20px}}.pix-modal-overlay{align-items:center;animation:fadeInBlur .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.pix-modal-container{animation:zoomInBounce .3s ease;background:var(--color-background);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.pix-modal-header{align-items:center;background:linear-gradient(135deg,#00d09c,#32bcad);border-bottom:1px solid var(--color-border);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.pix-header-info{align-items:center;display:flex;gap:12px}.pix-header-icon{font-size:24px}.pix-modal-header h2{font-size:20px;font-weight:600;margin:0 0 4px}.pix-modal-header p{font-size:14px;margin:0;opacity:.9}.pix-modal-close{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.pix-modal-close:hover{background:#ffffff4d;transform:scale(1.05)}.pix-timer-bar{background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;padding:16px 20px}.pix-amount,.pix-timer-bar{align-items:center;display:flex}.pix-amount{gap:8px}.amount-label{color:var(--color-text-secondary);font-size:14px}.amount-value{color:#00d09c;font-size:18px;font-weight:700}.pix-timer{align-items:center;color:var(--color-text-secondary);display:flex;font-size:14px;gap:8px}.timer-icon{color:#f59e0b}.pix-modal-body{align-items:center;display:flex;flex:1 1;flex-direction:column;margin-bottom:auto;min-height:0;overflow-y:auto;padding:20px;text-align:center}.pix-main-message{margin-bottom:24px;max-width:320px}.pix-main-message h3{color:var(--color-text);font-size:15px;font-weight:600;line-height:1.3;margin:0 0 8px}.pix-main-message p{color:var(--color-text-secondary);font-size:14px;line-height:1.4;margin:0}.pix-qr-section{display:flex;justify-content:center;margin-bottom:24px}.pix-qr-container{background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:16px}.pix-qr-image{display:block;height:208px;object-fit:contain;width:208px}.pix-code-section{margin-bottom:16px;max-width:320px;width:100%}.pix-code-container{display:flex;flex-direction:column}.pix-code-field{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:Courier New,monospace;font-size:11px;height:44px;line-height:1.3;outline:none;overflow-y:auto;padding:8px 10px;resize:none;text-align:center;width:100%;word-break:break-all}.pix-code-field:focus{border-color:#00d09c;box-shadow:0 0 0 2px #00d09c1a}.pix-action-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;max-width:320px;width:100%}.pix-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;min-height:48px;padding:14px 20px;transition:all .2s ease}.pix-action-btn:hover{transform:translateY(-1px)}.pix-action-btn.copy-btn{background:#00d09c;box-shadow:0 4px 12px #00d09c4d;color:#fff}.pix-action-btn.copy-btn:hover{background:#00b08a;box-shadow:0 6px 16px #00d09c66}.pix-action-btn.copy-btn.copied{background:#10b981}.pix-action-btn svg{font-size:18px}.pix-modal-footer{background:var(--color-background-secondary);border-top:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:center;padding:16px 20px}.pix-security-message{align-items:center;background:var(--color-info-light);border:1px solid var(--color-info);border-radius:8px;color:var(--color-info);display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;gap:8px;justify-content:center;max-width:100%;padding:12px 20px;text-align:center;width:100%}.security-icon{font-size:16px}.pix-success-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.pix-success-icon{animation:scaleIn .4s ease-out;margin-bottom:24px}.pix-success-container h2{color:var(--color-success);font-size:28px;font-weight:700;margin-bottom:12px}.pix-success-container p{color:var(--color-text-secondary);font-size:16px;margin-bottom:8px}.pix-success-order{background:var(--color-background-secondary);border-radius:8px;color:var(--color-text-tertiary);font-size:14px;font-weight:600;margin-top:12px;padding:8px 16px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.pix-modal-container{max-height:95vh;width:95%}.pix-modal-body{padding:16px}.pix-timer-bar{padding:12px 16px}.pix-modal-header{padding:16px}.pix-main-message h3,.pix-main-message p{font-size:13px}.pix-qr-image{height:188px;width:188px}.pix-code-field{font-size:10px;height:39px;padding:6px 8px}.pix-action-btn{font-size:13px;min-height:44px;padding:12px 16px}.pix-action-btn svg{font-size:16px}.pix-modal-footer{padding:12px 16px}}@media (max-width:480px){.pix-modal-container{width:98%}.pix-modal-body{padding:12px}.pix-timer-bar{padding:10px 12px}.pix-modal-header{padding:12px}.pix-header-icon{font-size:20px}.pix-modal-header h2{font-size:18px}.pix-modal-header p{font-size:13px}.amount-value{font-size:16px}.pix-qr-image{height:168px;width:168px}.pix-code-field{font-size:9px;height:34px;padding:4px 6px}.pix-action-btn{font-size:12px;min-height:40px;padding:10px 14px}.pix-action-btn svg{font-size:14px}.pix-modal-footer{padding:10px 12px}.pix-security-message{font-size:12px;padding:10px 16px}}.incomplete-registration-overlay{align-items:center;animation:fadeInBlur .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:15000}@keyframes fadeInBlur{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0}to{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:1}}.incomplete-registration-container{animation:zoomInBounce .3s ease;background:var(--color-background);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:500px;overflow:hidden;width:90%}.incomplete-registration-header{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border-bottom:1px solid var(--color-border);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.incomplete-header-info{align-items:center;display:flex;gap:12px}.incomplete-header-icon{font-size:24px}.incomplete-registration-header h2{font-size:20px;font-weight:600;margin:0 0 4px}.incomplete-registration-header p{font-size:14px;margin:0;opacity:.9}.incomplete-modal-close{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.incomplete-modal-close:hover{background:#ffffff4d;transform:scale(1.05)}.incomplete-modal-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:0}.incomplete-main-content{display:flex;flex-direction:column;gap:24px;padding:20px}.incomplete-alert-info{background:var(--color-background-secondary);border-left:4px solid #f59e0b;border-radius:12px;display:flex;gap:12px;padding:12px 16px}.alert-icon-container{align-items:center;display:flex;flex-shrink:0}.alert-user-icon{color:#f59e0b;font-size:24px}.alert-content{flex:1 1}.alert-content h3{color:var(--color-text);font-size:16px;font-weight:600;margin:0 0 8px}.error-message{background:#dc26261a;border:1px solid #dc262633;border-radius:6px;color:#dc2626;font-size:13px;font-weight:500;margin:0;padding:6px 10px}.completion-message{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0}.incomplete-action-buttons{display:flex;flex-direction:column;gap:12px}.complete-registration-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:12px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:16px 24px;transition:all .2s ease}.complete-registration-btn:hover{box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.complete-registration-btn svg{font-size:18px}.cancel-registration-btn{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-registration-btn:hover{background:var(--color-background-tertiary);border-color:var(--color-text-secondary);transform:translateY(-1px)}.registration-form{display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}.form-content{flex:1 1;min-height:0;overflow-y:auto;padding:10px 20px 20px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.form-grid-simple{gap:20px;margin-bottom:24px}.form-grid-simple,.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--color-text);font-size:13px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:14px;padding:10px 12px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.form-group input.error,.form-group select.error{border-color:#dc2626}.form-group input:disabled,.form-group select:disabled{background:var(--color-background-secondary);cursor:not-allowed;opacity:.6}.form-group input::placeholder{color:var(--color-text-tertiary);opacity:.7}.form-note{background:var(--color-background-secondary);border-left:4px solid #f59e0b;border-radius:8px;margin-top:24px;padding:16px}.form-note p{color:var(--color-text);font-size:14px;font-weight:600;margin:0 0 8px}.form-note ul{margin:0;padding-left:20px}.form-note li{color:var(--color-text-secondary);font-size:13px;line-height:1.4;margin-bottom:4px}.field-error{color:#dc2626;display:block;font-size:12px;margin-top:4px}.form-actions{border-top:1px solid var(--color-border);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;margin:0;padding:16px 20px}.cancel-btn,.form-actions{background:var(--color-background)}.cancel-btn{border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:var(--color-background-tertiary);border-color:var(--color-text-secondary)}.submit-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.incomplete-registration-container{height:85vh;max-height:85vh;width:95%}.form-grid{grid-template-columns:1fr}.incomplete-alert-info{flex-direction:column;gap:12px;text-align:center}.alert-user-icon{font-size:28px}.complete-registration-btn{font-size:15px;padding:14px 20px}}.payment-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.payment-modal-container{animation:slideUp .3s ease;background:var(--color-background);border-radius:16px;box-shadow:0 20px 60px var(--color-shadow-dark);max-width:500px;padding:32px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.payment-modal-header h2{color:var(--color-text);font-size:24px;font-weight:600;margin:0}.payment-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:8px;transition:all .2s}.payment-modal-close:hover{background:var(--color-background-secondary);color:var(--color-text)}.payment-modal-content{display:flex;flex-direction:column;gap:32px}.payment-total{align-items:center;background:var(--color-background-secondary);border:2px solid var(--color-border);border-radius:12px;display:flex;justify-content:space-between;padding:20px}.payment-total span{color:var(--color-text-secondary);font-size:16px}.payment-total strong{color:var(--color-primary);font-size:28px;font-weight:700}.payment-option,.payment-options{display:flex;gap:16px}.payment-option{align-items:center;background:var(--color-background);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;flex:1 1;flex-direction:column;padding:24px;text-align:center;transition:all .3s ease}.payment-option:hover{border-color:var(--color-primary);box-shadow:0 8px 24px var(--color-shadow-medium);transform:translateY(-4px)}.pix-option:hover{background:linear-gradient(135deg,#00b4a6,#00d4aa);color:#fff}.pix-option:hover .payment-info h3,.pix-option:hover .payment-info p{color:#fff}.card-option:hover{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:#fff}.card-option:hover .payment-info h3,.card-option:hover .payment-info p{color:#fff}.payment-icon{color:var(--color-primary);font-size:48px;transition:color .3s}.payment-option:hover .payment-icon{color:#fff}.payment-info h3{color:var(--color-text);font-size:20px;font-weight:600;margin:0 0 8px;transition:color .3s}.payment-info p{color:var(--color-text-secondary);font-size:14px;margin:0;transition:color .3s}.success-modal{max-width:400px;text-align:center}.success-icon{align-items:center;animation:checkPulse .6s ease;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:inline-flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.success-icon svg{color:#fff;font-size:40px}@keyframes checkPulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-modal h2{color:var(--color-text);font-size:24px;font-weight:600;margin-bottom:16px}.success-modal p{color:var(--color-text-secondary);font-size:16px;line-height:1.5;margin-bottom:12px}.success-subtitle{color:var(--color-text-secondary)!important;font-size:14px!important}.payment-option:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.payment-modal-close:disabled{cursor:not-allowed;opacity:.5}.processing-indicator{border-top:1px solid var(--color-border);margin-top:8px;padding:20px;text-align:center}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--color-border);border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:32px;margin:0 auto 16px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.processing-indicator p{color:var(--color-text-secondary);font-size:14px;margin:0}@media (max-width:480px){.payment-modal-container{padding:24px}.payment-modal-header h2{font-size:20px}.payment-options{flex-direction:column}.payment-option{padding:20px}.payment-icon{font-size:36px}.payment-total strong{font-size:24px}.success-icon{height:60px;width:60px}.success-icon svg{font-size:30px}}.cart-sidebar-overlay{background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:998}.cart-sidebar-overlay.active{opacity:1;visibility:visible}.cart-sidebar-container{background:var(--color-background);box-shadow:-2px 0 8px var(--color-shadow-medium);display:flex;flex-direction:column;height:100vh;position:fixed;right:-400px;top:0;transition:right .3s cubic-bezier(.4,0,.2,1);width:400px;z-index:999}.cart-sidebar-container.open{right:0}.cart-sidebar-header{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-bottom:1px solid var(--color-border);color:var(--color-text-inverse);display:flex;justify-content:space-between;padding:20px}.cart-title{align-items:center;display:flex;gap:10px}.cart-title svg{font-size:24px}.cart-title h3{font-size:20px;font-weight:600;margin:0}.cart-count{background:#fff3;border-radius:12px;font-size:14px;font-weight:500;padding:4px 8px}.cart-close-btn{align-items:center;background:none;border:none;color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px;transition:transform .2s ease}.cart-close-btn:hover{transform:rotate(90deg)}.cart-sidebar-content{overflow:hidden}.cart-sidebar-content,.empty-cart{display:flex;flex:1 1;flex-direction:column}.empty-cart{align-items:center;justify-content:center;padding:40px;text-align:center}.empty-cart-icon{color:var(--color-text-tertiary);font-size:64px;margin-bottom:20px}.empty-cart p{color:var(--color-text);font-size:18px;font-weight:600;margin:0 0 8px}.empty-cart span{color:var(--color-text-secondary);font-size:14px}.cart-sidebar-items{flex:1 1;overflow-y:auto;padding:20px}.cart-sidebar-item{align-items:center;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px;transition:transform .2s ease}.cart-sidebar-item:hover{border-color:var(--color-primary);box-shadow:0 2px 4px var(--color-shadow-light);transform:translateX(-4px)}.item-details{display:flex;flex-direction:column;gap:4px}.item-number{color:var(--color-text);font-size:14px;font-weight:600}.item-location{color:var(--color-text-secondary);font-size:12px}.item-price-remove{align-items:center;display:flex;gap:12px}.item-price{color:var(--color-primary);font-size:14px;font-weight:600}.remove-item-btn{align-items:center;background:var(--color-danger);border:none;border-radius:50%;color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.remove-item-btn:hover{background:var(--color-danger-dark);transform:scale(1.1)}.cart-sidebar-footer{background:var(--color-background);border-top:2px solid var(--color-border);padding:20px}.cart-total-info{align-items:center;display:flex;font-size:18px;justify-content:space-between;margin-bottom:16px}.cart-total-info span:first-child{color:var(--color-text-secondary)}.total-value{color:var(--color-text);font-size:24px;font-weight:700}.btn-checkout-sidebar{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:8px;color:var(--color-text-inverse);cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease;width:100%}.btn-checkout-sidebar:hover{box-shadow:0 4px 12px var(--color-shadow-primary);transform:translateY(-2px)}@keyframes slideIn{0%{right:-400px}to{right:0}}@keyframes slideOut{0%{right:0}to{right:-400px}}@media (max-width:768px){.cart-sidebar-container{right:-100%;width:100%}.cart-sidebar-container.open{right:0}@keyframes slideIn{0%{right:-100%}to{right:0}}@keyframes slideOut{0%{right:0}to{right:-100%}}}.dashboard-container{background:var(--color-background-secondary);display:flex;min-height:100vh}.main-content{flex:1 1;overflow:hidden;padding:30px;transition:margin-left .3s ease}.main-content.sidebar-open{margin-left:280px}.main-content.sidebar-closed{margin-left:70px}.content-header{margin-bottom:40px}.content-header h1{color:var(--color-text);font-size:32px;font-weight:700;margin-bottom:8px}.content-header p{color:var(--color-text-secondary);font-size:16px}.coming-soon{background:var(--color-background);border-radius:12px;box-shadow:0 1px 3px var(--color-shadow-light);padding:60px;text-align:center}.coming-soon h2{color:var(--color-text);margin-bottom:10px}.coming-soon p{color:var(--color-text-secondary)}@media (max-width:768px){.main-content{padding:20px}.main-content.sidebar-closed,.main-content.sidebar-open{margin-left:0}.content-header h1{font-size:24px}}.profile-alert{animation:slideDown .3s ease;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #0000001a;color:#fff;left:0;margin:0;padding:0;position:fixed;right:0;top:0;width:100%;z-index:10000}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.profile-alert-content{align-items:center;box-sizing:border-box;display:flex;gap:16px;margin:0;max-width:none;min-height:80px;padding:20px 24px;position:relative;width:100%}.alert-icon{align-items:center;background:#fff3;border-radius:50%;color:#fbbf24;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.alert-message{flex:1 1;min-width:0}.alert-message h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.alert-message p{color:#ffffffe6;font-size:14px;line-height:1.4;margin:0}.missing-fields{display:inline}.missing-fields strong{color:#fbbf24;font-weight:600}.alert-actions{flex-shrink:0}.btn-complete-profile{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.btn-complete-profile:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.alert-close{align-items:center;background:none;border:none;border-radius:4px;color:#fffc;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;position:absolute;right:8px;top:8px;transition:all .2s}.alert-close:hover{background:#ffffff1a;color:#fff}@media (max-width:768px){.profile-alert-content{flex-direction:column;gap:12px;min-height:120px;padding:16px;text-align:center}.alert-icon{font-size:18px;height:32px;width:32px}.alert-message h4{font-size:14px}.alert-message p{font-size:13px}.btn-complete-profile{font-size:13px;padding:10px 20px}.alert-close{font-size:18px;padding:6px;right:4px;top:4px}}@media (max-width:480px){.profile-alert-content{gap:8px;padding:10px 12px}.alert-message p{font-size:12px}.missing-fields{display:block;margin-top:4px}}.protected-layout{min-height:100vh;position:relative}.protected-layout.with-alert{padding-top:80px}.protected-layout.with-alert .dashboard-container{min-height:calc(100vh - 80px)}.protected-layout.with-alert .sidebar{height:calc(100vh - 80px);top:80px}.protected-content{min-height:100vh}.protected-layout.with-alert .protected-content{min-height:calc(100vh - 80px)}@media (max-width:768px){.protected-layout.with-alert{padding-top:120px}.protected-layout.with-alert .dashboard-container{min-height:calc(100vh - 120px)}.protected-layout.with-alert .sidebar{height:calc(100vh - 120px);top:120px}.protected-layout.with-alert .protected-content{min-height:calc(100vh - 120px)}}.success-modal-overlay{align-items:center;animation:overlayFadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10002}@keyframes overlayFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1}}.success-modal{animation:zoomInBounce .3s cubic-bezier(.34,1.56,.64,1) forwards;background:var(--color-background);border-radius:24px;box-shadow:0 32px 80px var(--color-shadow-dark),0 16px 40px var(--color-shadow-medium),0 8px 20px var(--color-shadow-light);max-height:90vh;max-width:600px;overflow:hidden;position:relative;transform:scale(.3);width:90%}@keyframes zoomInBounce{0%{opacity:0;transform:scale(.3)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.success-modal.animate-in{animation:zoomInBounce .3s cubic-bezier(.34,1.56,.64,1) forwards}.gradient-creation,.gradient-default,.gradient-registration,.gradient-success,.gradient-transfer{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 50%,var(--color-primary-light) 100%)}.bg-circles{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.circle{animation:float 6s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.circle-1{animation-delay:0s;height:120px;left:-60px;top:-60px;width:120px}.circle-2{animation-delay:2s;height:80px;right:-40px;top:50%;width:80px}.circle-3{animation-delay:4s;bottom:-100px;height:200px;left:50%;transform:translateX(-50%);width:200px}@keyframes float{0%,to{opacity:.3;transform:translateY(0) rotate(0deg)}50%{opacity:.6;transform:translateY(-20px) rotate(180deg)}}.success-icon-container{height:120px;margin:40px auto 20px}.success-icon-container,.success-icon-outer{align-items:center;display:flex;justify-content:center;position:relative}.success-icon-outer{animation:iconPulse 2s ease-in-out infinite;background:var(--color-background);border-radius:50%;box-shadow:0 8px 32px var(--color-shadow-light),inset 0 4px 16px var(--color-shadow-light);height:100px;width:100px}.success-icon-inner{align-items:center;background:radial-gradient(circle at 50% 45%,var(--color-success) 55%,var(--color-success-dark) 100%);border-radius:50%;box-shadow:none;display:flex;height:90px;justify-content:center;width:90px}.success-icon{display:none}@keyframes iconPulse{0%,to{box-shadow:0 8px 32px #ffffff4d,inset 0 4px 16px #fff6;transform:scale(1)}50%{box-shadow:0 12px 40px #ffffff80,inset 0 6px 20px #fff9;transform:scale(1.05)}}@keyframes iconBounce{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(-90deg)}to{transform:scale(1) rotate(0deg)}}.success-checkmark{background:#0000;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35));height:60px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px;z-index:2}.checkmark{stroke-width:3;stroke:var(--color-success);animation:checkmarkScale .3s ease-in-out .6s both;border-radius:50%;display:block;height:60px;width:60px}.checkmark,.checkmark-circle{stroke-miterlimit:10;fill:none}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke:#0000;animation:checkmarkStroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{stroke-dasharray:48;stroke-dashoffset:48;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;animation:checkmarkStroke .35s cubic-bezier(.65,0,.45,1) .7s forwards;transform-origin:50% 50%}@keyframes checkmarkStroke{to{stroke-dashoffset:0}}@keyframes checkmarkScale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}.success-content{padding:0 40px 20px;position:relative;text-align:center;z-index:2}.success-title{animation:titleSlideUp .6s ease-out .2s both;color:var(--color-text);font-size:2.2rem;font-weight:700;margin:0 0 20px;text-shadow:none}@keyframes titleSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-message{animation:messageSlideUp .6s ease-out .4s both;color:var(--color-text-secondary);font-size:1.1rem;font-weight:500;line-height:1.6;margin-bottom:30px;text-shadow:none}@keyframes messageSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-details{animation:detailsSlideUp .6s ease-out .6s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;margin:20px 0;padding:24px}@keyframes detailsSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.detail-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 0}.detail-item:last-child{border-bottom:none;margin-bottom:0}.detail-label{align-items:center;color:#fffc;display:flex;font-size:.95rem;font-weight:600;gap:8px}.detail-value{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-family:Courier New,monospace;font-size:1rem;font-weight:700;padding:6px 12px}.transfer-detail{align-items:stretch;flex-direction:column}.transfer-flow{align-items:center;display:flex;gap:15px;justify-content:space-between;width:100%}.subscriber-box{background:#ffffff1a;border:2px solid #fff3;border-radius:12px;flex:1 1;padding:16px;text-align:center;transition:all .3s ease}.subscriber-box.from{background:#ef44441a;border-color:#ef4444}.subscriber-box.to{background:#10b9811a;border-color:#10b981}.subscriber-label{color:#ffffffb3;display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.subscriber-id{color:#fff;display:block;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700}.transfer-arrow{align-items:center;display:flex;flex-direction:column;margin:0 10px}.arrow-line{background:linear-gradient(90deg,#10b981,#06d6a0);border-radius:1px;height:2px;position:relative;width:40px}.arrow-head{animation:arrowPulse 2s ease-in-out infinite;color:#10b981;font-size:1.5rem;font-weight:700;margin-top:-2px}@keyframes arrowPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.success-actions{animation:actionsSlideUp .6s ease-out .8s both;display:flex;justify-content:center;padding:30px 40px 40px}@keyframes actionsSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn-close-success{background:var(--color-primary);border:none;border:2px solid var(--color-primary);border-radius:12px;color:var(--color-text-inverse);cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn-close-success:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 8px 24px var(--color-shadow-primary);transform:translateY(-3px)}.decoration{animation:decorationFloat 4s ease-in-out infinite;font-size:1.5rem;opacity:.6;pointer-events:none;position:absolute}.decoration-1{animation-delay:0s;left:30px;top:20px}.decoration-2{animation-delay:1s;right:40px;top:30px}.decoration-3{animation-delay:2s;bottom:80px;left:40px}.decoration-4{animation-delay:3s;bottom:60px;right:30px}@keyframes decorationFloat{0%,to{opacity:.6;transform:translateY(0) rotate(0deg)}50%{opacity:.9;transform:translateY(-15px) rotate(180deg)}}.confetti-container{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.confetti{animation:confettiFall 3s linear forwards;background:gold;height:10px;position:absolute;width:10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100vh) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}@media (max-width:768px){.success-modal{margin:0 10px;width:95%}.success-content{padding:0 20px 20px}.success-title{font-size:1.8rem}.success-message{font-size:1rem}.transfer-flow{flex-direction:column;gap:10px}.transfer-arrow{margin:5px 0;transform:rotate(90deg)}.success-actions{flex-direction:column;padding:20px}.btn-celebrate,.btn-close-success{width:100%}}@media (max-width:480px){.success-modal{border-radius:16px;width:98%}.success-icon-outer{height:80px;width:80px}.success-icon-inner{height:64px;width:64px}.success-icon{font-size:2rem}.success-title{font-size:1.6rem}}.subscriber-drawer{left:50%;position:fixed;top:0;transform:translate(-50%);transition:all .3s ease-out;will-change:transform,opacity;z-index:9999}.subscriber-tab{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:1px solid #fff3;border-radius:0 0 20px 20px;border-top:none;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;margin-top:-2px;padding:8px 16px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.subscriber-tab:hover{box-shadow:0 6px 16px #0003;margin-top:-2px;transform:translateY(2px)}.subscriber-tab:after{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-top-left-radius:20px;border-top-right-radius:20px;content:"";height:2px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}.subscriber-tab:hover:after{opacity:1;transform:translateY(-2px)}.subscriber-tab-label{font-size:11px;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.subscriber-tab-value{background:#fff3;border-radius:12px;font-size:13px;font-weight:700;padding:4px 8px}.subscriber-tab-arrow{font-size:10px;opacity:.8;transition:transform .3s ease}.subscriber-tab-arrow.rotated{transform:rotate(180deg)}.subscriber-content{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-background);border:1px solid var(--color-border);border-radius:0 0 20px 20px;box-shadow:0 8px 32px #0000001a;max-height:0;min-width:350px;opacity:0;overflow:hidden;padding:20px 20px 16px;transition:all .4s cubic-bezier(.4,0,.2,1)}.subscriber-content.open{max-height:80vh;opacity:1;overflow:auto}.subscriber-tab-footer{border:none!important;border-radius:0 0 20px 20px!important;margin:20px -20px 0}.account-info h4{border-bottom:2px solid var(--color-primary);color:var(--color-text);font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.info-grid{grid-gap:12px;display:grid;gap:12px}.info-grid.rich{gap:12px;grid-template-columns:1fr 1fr}.info-item{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px var(--color-shadow-light);display:flex;padding:16px 14px 14px;position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.info-item:hover{border-color:var(--color-primary);box-shadow:0 6px 16px var(--color-shadow-medium);transform:translateY(-1px)}.item-icon{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:10px;box-shadow:0 6px 14px var(--color-shadow-primary);color:var(--color-text-inverse);display:grid;height:36px;margin-right:12px;place-items:center;width:36px}.item-icon svg{height:18px;width:18px}.info-label{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:11px;font-weight:700;left:12px;letter-spacing:.5px;padding:2px 8px;position:absolute;text-transform:uppercase;top:0;transform:translateY(-50%)}.info-value{color:var(--color-text);font-family:Menlo,Monaco,Courier New,monospace;font-size:13px;font-weight:600;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.subscriber-content .stats-grid{grid-gap:12px;display:grid!important;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-bottom:8px}.stats-grid.full{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px var(--color-shadow-light);display:flex;gap:12px;height:68px;overflow:hidden;padding:12px}.stat-card.subtle{opacity:.9}.stat-icon{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:10px;box-shadow:0 6px 14px var(--color-shadow-primary);color:var(--color-text-inverse);display:grid;font-size:18px;height:36px;place-items:center;width:36px}.stat-icon svg{height:18px;width:18px}.stat-texts{display:flex;flex-direction:column;min-width:0;overflow:hidden}.stat-label{display:flex;font-size:11px;gap:6px;letter-spacing:.4px;text-transform:uppercase}.copy-btn,.stat-label{align-items:center;color:var(--color-text-secondary)}.copy-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;opacity:.6;padding:2px;transition:all .2s ease}.copy-btn:hover{background:var(--color-background-secondary);color:var(--color-primary);opacity:1}.copy-btn svg{height:12px;width:12px}.stat-value{color:var(--color-text);font-size:18px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscriber-footer{border:1px solid #fff3;border-radius:10px;color:#fff;justify-content:space-between;margin-top:16px;padding:12px 16px}.subscriber-bottom-tab,.subscriber-footer{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);display:flex}.subscriber-bottom-tab{border:1px solid #ffffff26;border-radius:0 0 20px 20px;border-top:none;color:var(--color-text-inverse);cursor:pointer;gap:8px;height:32px;justify-content:center;-webkit-user-select:none;user-select:none}.subscriber-footer-label{font-size:12px;font-weight:600;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.subscriber-footer-value{background:#fff3;border-radius:12px;font-size:14px;font-weight:700;padding:6px 12px}.subscriber-footer-value.editable{cursor:pointer;position:relative;transition:all .2s ease}.subscriber-footer-value.editable:hover{background:#ffffff4d;transform:scale(1.05)}.subscriber-footer-value.editable:after{content:"✏️";font-size:10px;opacity:0;position:absolute;right:-8px;top:-8px;transition:opacity .2s ease}.subscriber-footer-value.editable:hover:after{opacity:.7}.subscriber-edit-form{align-items:center;display:flex;gap:8px}.subscriber-edit-input{background:#ffffffe6;border:2px solid #ffffff80;border-radius:8px;color:#2d3748;font-size:14px;font-weight:700;outline:none;padding:4px 8px;text-align:center;transition:all .2s ease;width:80px}.subscriber-edit-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.subscriber-edit-input:disabled{cursor:not-allowed;opacity:.6}.subscriber-updating{animation:pulse 1s infinite;color:#fffc;font-size:12px}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}[data-theme=dark] .subscriber-tab{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #ffffff1a;border-top:none}[data-theme=dark] .subscriber-tab-value{background:#ffffff26}[data-theme=dark] .subscriber-content{background:#2d3748f2;border:1px solid #ffffff1a;border-top:none}[data-theme=dark] .subscriber-content.open{background:#2d3748f2}[data-theme=dark] .account-info h4{border-bottom-color:var(--color-primary);color:var(--color-text)}[data-theme=dark] .info-item{background:var(--color-background);border:1px solid var(--color-border);box-shadow:0 2px 8px #00000040}[data-theme=dark] .stat-icon{box-shadow:0 6px 14px #00000059}[data-theme=dark] .info-label{background:var(--color-background);border-color:var(--color-border);color:var(--color-text-secondary)}[data-theme=dark] .info-value{color:var(--color-text)}[data-theme=dark] .subscriber-footer{background:linear-gradient(135deg,#2d3748,#4a5568);border:1px solid #ffffff1a}[data-theme=dark] .subscriber-footer-value{background:#ffffff26}[data-theme=dark] .subscriber-footer-value.editable:hover{background:#ffffff40}[data-theme=dark] .subscriber-edit-input{background:#ffffffe6;color:#2d3748}@media (max-width:768px){.subscriber-tab{font-size:11px;padding:6px 12px}.subscriber-tab-label{font-size:10px}.subscriber-tab-value{font-size:12px;padding:3px 6px}.subscriber-content{min-width:280px;padding:0 16px}.subscriber-content.open{padding:16px}.account-info h4{font-size:14px}.info-grid.rich{grid-template-columns:1fr}.info-item{padding:10px 12px}.info-label{font-size:11px}.info-value{font-size:12px;max-width:150px}.stats-grid{grid-template-columns:1fr!important}.stat-value{font-size:16px}.subscriber-footer{margin-top:12px;padding:10px 12px}.subscriber-footer-label{font-size:11px}.subscriber-footer-value{font-size:13px;padding:4px 8px}.subscriber-edit-input{font-size:13px;padding:3px 6px;width:70px}.subscriber-footer-value.editable:after{font-size:8px;right:-6px;top:-6px}}@keyframes drawerBounce{0%{opacity:0;transform:translate(-50%,-40px)}50%{opacity:1;transform:translate(-50%,12px)}70%{transform:translate(-50%,-8px)}85%{transform:translate(-50%,4px)}to{transform:translate(-50%)}}.subscriber-bottom-tab,.subscriber-content.open{margin-top:-25px}.subscriber-drawer.expanded{animation:drawerBounce .3s cubic-bezier(.34,1.1,.7,1) forwards;transform:translate(-50%)}.audio-bars-loader{gap:20px}.audio-bars-loader,.spectrum-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.bars-container{display:flex;gap:4px;justify-content:center;padding:0 10px}.bars-top{align-items:flex-end;height:30px}.bars-bottom{align-items:flex-start;height:30px}.audio-bar{animation:audioBarPulse 3s ease-in-out infinite;animation-delay:var(--animation-delay);background:linear-gradient(0deg,#10b981 0,#34d399 50%,#6ee7b7);box-shadow:0 0 8px #10b9814d;height:2px;width:6px}.bar-top{border-radius:3px 3px 0 0;transform-origin:bottom}.bar-bottom{background:linear-gradient(180deg,#10b981 0,#34d399 50%,#6ee7b7);border-radius:0 0 3px 3px;transform-origin:top}@keyframes audioBarPulse{0%{box-shadow:0 0 4px #10b98133;height:2px;opacity:.4}15%{box-shadow:0 0 12px #10b98199;height:20px;opacity:1}30%{box-shadow:0 0 16px #10b981cc;height:var(--final-height);opacity:1}60%{box-shadow:0 0 12px #10b98199;height:var(--final-height);opacity:1}80%{box-shadow:0 0 8px #10b98166;height:var(--final-height);opacity:.9}to{box-shadow:0 0 6px #10b9814d;height:var(--final-height);opacity:.8}}.loading-text{animation:textFade 3s ease-in-out infinite;color:var(--color-text-secondary);font-size:16px;font-weight:500;letter-spacing:.5px}@keyframes textFade{0%,to{opacity:.6}50%{opacity:1}}[data-theme=dark] .audio-bar{background:linear-gradient(0deg,#059669 0,#10b981 50%,#34d399);box-shadow:0 0 8px #10b98166}[data-theme=dark] .bar-bottom{background:linear-gradient(180deg,#059669 0,#10b981 50%,#34d399)}@keyframes audioBarPulseDark{0%{box-shadow:0 0 6px #10b9814d;height:2px;opacity:.5}15%{box-shadow:0 0 15px #10b981b3;height:20px;opacity:1}30%{box-shadow:0 0 20px #10b981e6;height:var(--final-height);opacity:1}60%{box-shadow:0 0 15px #10b981b3;height:var(--final-height);opacity:1}80%{box-shadow:0 0 10px #10b98180;height:var(--final-height);opacity:.9}to{box-shadow:0 0 8px #10b98166;height:var(--final-height);opacity:.8}}[data-theme=dark] .audio-bar{animation:audioBarPulseDark 3s ease-in-out infinite}:root{--color-primary:#6366f1;--color-primary-hover:#5558e3;--color-primary-light:#e0e7ff;--color-primary-dark:#4f46e5;--color-secondary:#10b981;--color-secondary-hover:#059669;--color-secondary-light:#d1fae5;--color-secondary-dark:#065f46;--color-background:#fff;--color-background-secondary:#f9fafb;--color-background-tertiary:#f3f4f6;--color-text:#1f2937;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-border:#e5e7eb;--color-border-hover:#d1d5db;--color-border-focus:#6366f1;--color-success:#10b981;--color-success-light:#d1fae5;--color-success-dark:#065f46;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-warning-dark:#92400e;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-danger-dark:#991b1b;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-info-dark:#1e40af;--color-shadow-light:#0000001a;--color-shadow-medium:#00000026;--color-shadow-dark:#0003;--color-shadow-primary:#6366f14d}.cart-badge,.flying-phone,.returning-phone,input[type=color]{transition:none!important}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}body{background-color:var(--color-background-secondary)!important;color:var(--color-text)!important}.sidebar{background:var(--color-background)!important;box-shadow:2px 0 10px var(--color-shadow-light)!important}.sidebar-header{border-bottom:1px solid var(--color-border)!important}.logo-icon{color:var(--color-primary)!important}.logo-text{color:var(--color-text)!important}.user-section{border-bottom:1px solid var(--color-border)!important}.user-avatar{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%)!important;color:var(--color-text-inverse)!important}.user-name{color:var(--color-text)!important}.nav-item,.user-email{color:var(--color-text-secondary)!important}.nav-item:hover{background:var(--color-background-tertiary)!important;color:var(--color-text)!important}.nav-item.active{background:var(--color-primary-light)!important;color:var(--color-primary)!important}.sidebar-footer{border-top:1px solid var(--color-border)!important}.logout-btn{color:var(--color-danger)!important}.logout-btn:hover{background:var(--color-danger-light)!important;color:var(--color-danger-dark)!important}.cart-sidebar-overlay{background:#00000080!important}.cart-sidebar-container{background:var(--color-background)!important;box-shadow:-2px 0 10px var(--color-shadow-medium)!important}.cart-sidebar-header{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%)!important;border-bottom:1px solid var(--color-border)!important}.cart-count,.cart-sidebar-header,.cart-sidebar-header h3{color:var(--color-text-inverse)!important}.cart-count{background:#fff3!important}.cart-close-btn{color:var(--color-text-inverse)!important}.cart-close-btn:hover{background:#ffffff1a!important}.empty-cart-icon{color:var(--color-text-tertiary)!important}.empty-cart p{color:var(--color-text)!important}.empty-cart span{color:var(--color-text-secondary)!important}.cart-sidebar-item{background:var(--color-background-secondary)!important;border:1px solid var(--color-border)!important}.cart-sidebar-item:hover{border-color:var(--color-primary)!important;box-shadow:0 2px 4px var(--color-shadow-light)!important}.remove-item-btn{background:var(--color-danger)!important;color:var(--color-text-inverse)!important}.remove-item-btn:hover{background:var(--color-danger-dark)!important}.cart-sidebar-footer{background:var(--color-background)!important;border-top:2px solid var(--color-border)!important}.cart-total-info span:first-child{color:var(--color-text-secondary)!important}.btn-checkout-sidebar{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%)!important;color:var(--color-text-inverse)!important}.btn-checkout-sidebar:hover{box-shadow:0 4px 12px var(--color-shadow-primary)!important}.btn-checkout-sidebar:disabled{background:var(--color-border)!important;color:var(--color-text-tertiary)!important;opacity:.6}.cart-icon-button{background:var(--color-background)!important;border:2px solid var(--color-border)!important;box-shadow:0 2px 8px var(--color-shadow-light)!important}.cart-icon-button:hover{border-color:var(--color-primary)!important;box-shadow:0 4px 12px var(--color-shadow-primary)!important}.cart-icon{color:var(--color-primary)!important}.cart-badge{background:var(--color-danger)!important;border:2px solid var(--color-background)!important;color:var(--color-text-inverse)!important}.cart-sidebar{box-shadow:-2px 0 10px var(--color-shadow-medium)!important}.cart-header,.cart-sidebar{background:var(--color-background)!important}.cart-header{border-bottom:1px solid var(--color-border)!important}.cart-header h2{color:var(--color-text)!important}.close-cart{color:var(--color-text-secondary)!important}.close-cart:hover{background:var(--color-background-tertiary)!important;color:var(--color-text)!important}.cart-empty{color:var(--color-text-secondary)!important}.cart-item{background:var(--color-background-secondary)!important;border:1px solid var(--color-border)!important}.cart-item:hover{box-shadow:0 2px 4px var(--color-shadow-light)!important}.item-number{color:var(--color-text)!important}.item-location{color:var(--color-text-secondary)!important}.item-price{color:var(--color-primary)!important}.remove-item{color:var(--color-danger)!important}.remove-item:hover{background:var(--color-danger-light)!important}.cart-footer{background:var(--color-background-secondary)!important;border-top:1px solid var(--color-border)!important}.total-label{color:var(--color-text-secondary)!important}.total-value{color:var(--color-text)!important}.checkout-btn{background:var(--color-success)!important;color:var(--color-text-inverse)!important}.checkout-btn:hover{background:var(--color-success-dark)!important}.checkout-btn:disabled{background:var(--color-border)!important;color:var(--color-text-tertiary)!important}.did-list-container,.my-numbers-container{background:#0000!important}.filters-section{box-shadow:0 1px 3px var(--color-shadow-light)!important}.filters-section,.search-box{background:var(--color-background)!important}.filter-grid{gap:16px!important}.states-filter,.types-filter{background:#0000!important}.states-list,.types-list{background:var(--color-background-secondary)!important}.state-item,.states-list,.type-item,.types-list{border-color:var(--color-border)!important}.state-item:hover,.type-item:hover{background:var(--color-background-tertiary)!important}.state-count,.type-count{opacity:.8!important}.state-item.active .state-count,.type-item.active .type-count{color:var(--color-text-inverse)!important;opacity:.9!important}.view-toggle{background:#0000!important}.toggle-buttons{background:var(--color-background-secondary)!important;border-color:var(--color-border)!important}.toggle-btn{color:var(--color-text-secondary)!important}.toggle-btn:hover{background:var(--color-background-tertiary)!important;color:var(--color-text)!important}.toggle-btn.active{background:var(--color-primary)!important;box-shadow:0 1px 3px var(--color-shadow-medium)!important;color:var(--color-text-inverse)!important}.numbers-list{background:var(--color-background)!important;border:1px solid var(--color-border)!important;box-shadow:0 1px 3px var(--color-shadow-light)!important}.list-header{background:var(--color-background-secondary)!important;color:var(--color-text-secondary)!important}.list-header,.number-row{border-bottom-color:var(--color-border)!important}.number-row:hover{background:var(--color-background-tertiary)!important;box-shadow:4px 0 0 var(--color-primary)!important}.col-number .number-info-row{color:var(--color-text)!important}.col-number .phone-icon{color:var(--color-primary)!important}.col-location .location-info,.col-number .code{color:var(--color-text-secondary)!important}.col-location .location-icon{color:var(--color-text-tertiary)!important}.feature-item{background:var(--color-background-tertiary)!important;border:1px solid var(--color-border)!important;color:var(--color-text-secondary)!important}.col-price .price-value,.feature-item svg{color:var(--color-primary)!important}.col-price .price-period{color:var(--color-text-tertiary)!important}.btn-add-list{background:var(--color-primary)!important;border:1px solid var(--color-primary)!important;color:var(--color-text-inverse)!important}.btn-add-list:hover{background:var(--color-primary-hover)!important;box-shadow:0 4px 8px var(--color-shadow-medium)!important}.btn-remove-list{background:var(--color-success-light)!important;border:1px solid var(--color-success)!important;color:var(--color-success-dark)!important}.btn-remove-list:hover{background:var(--color-success)!important;color:var(--color-text-inverse)!important}.no-results{background:var(--color-background)!important;border:1px solid var(--color-border)!important;box-shadow:0 1px 3px var(--color-shadow-light)!important}.no-results p{color:var(--color-text-secondary)!important}.number-type-badge.type-local{background:var(--color-info-light)!important;color:var(--color-info-dark)!important}.number-type-badge.type-movel{background:var(--color-warning-light)!important;color:var(--color-warning-dark)!important}.number-type-badge.type-0800,.number-type-badge.type-4000{background:var(--color-success-light)!important;color:var(--color-success-dark)!important}.cnpj-badge{background:var(--color-warning-light)!important;border-color:var(--color-warning)!important;color:var(--color-warning-dark)!important}.settings-sidebar{background:var(--color-background)!important;border:1px solid var(--color-border)!important;box-shadow:0 1px 3px var(--color-shadow-light)!important}.sidebar-header{border-bottom-color:var(--color-border)!important}.sidebar-header h2{color:var(--color-text)!important}.settings-nav .nav-item{color:var(--color-text-secondary)!important}.settings-nav .nav-item:hover{background:var(--color-background-tertiary)!important;color:var(--color-text)!important}.settings-nav .nav-item.active{background:var(--color-primary-light)!important;border-left-color:var(--color-primary)!important;color:var(--color-primary)!important}.card-body,.settings-main{background:#0000!important}.section-description{border-bottom-color:var(--color-border)!important}.section-description p{color:var(--color-text-secondary)!important}.notification-item label,.notification-section h3,.preference-item label,.preference-section h3{color:var(--color-text)!important}.notification-item label:hover,.preference-item label:hover{color:var(--color-primary)!important}.notification-item input[type=checkbox],.preference-item input[type=checkbox]{accent-color:var(--color-primary)!important}.preference-section .form-group label{color:var(--color-text-secondary)!important}.preference-section .form-group select{background:var(--color-background)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}.preference-section .form-group select:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px var(--color-primary-light)!important}.search-box input{background:var(--color-background)!important;color:var(--color-text)!important}.search-box input::placeholder{color:var(--color-text-tertiary)!important}.search-box input:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px var(--color-primary-light)!important}.search-icon{color:var(--color-text-tertiary)!important}.filter-label{color:var(--color-text-secondary)!important}.states-list,.types-list{background:var(--color-background-tertiary)!important;border:1px solid var(--color-border)!important}.state-item,.type-item{background:var(--color-background)!important;border:1px solid var(--color-border)!important;color:var(--color-text)!important}.state-item:hover,.type-item:hover{background:var(--color-background-secondary)!important;border-color:var(--color-primary)!important}.state-item.active,.type-item.active{background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:var(--color-text-inverse)!important}.state-name,.type-name{color:inherit!important}.state-count,.type-count{color:inherit!important;opacity:.8}.my-number-card,.number-card{background:var(--color-background)!important;border:2px solid var(--color-border)!important}.number-card:hover{border-color:var(--color-primary)!important}.my-number-card:hover,.number-card:hover{box-shadow:0 4px 12px var(--color-shadow-medium)!important}.my-number-card:hover{border-color:var(--color-success)!important}.my-number-card:before{background:linear-gradient(90deg,var(--color-success) 0,var(--color-success-dark) 100%)!important}.number-display{color:var(--color-text)!important}.phone-icon{color:var(--color-primary)!important}.country-code .code{color:var(--color-text-secondary)!important}.number-type{border:1px solid!important}.type-local{background:var(--color-info-light)!important;color:var(--color-info-dark)!important}.type-movel{background:var(--color-warning-light)!important;color:var(--color-warning-dark)!important}.type-0800{background:var(--color-success-light)!important;color:var(--color-success-dark)!important}.type-4000{background:var(--color-primary-light)!important;color:var(--color-primary-dark)!important}.cnpj-required-badge{background:var(--color-warning-light)!important;border:1px solid var(--color-warning)!important;color:var(--color-warning-dark)!important}.status-badge.active{background:var(--color-success-light)!important;border:1px solid var(--color-success)!important;color:var(--color-success-dark)!important}.location{color:var(--color-text-secondary)!important}.location svg{color:var(--color-text-tertiary)!important}.feature-tag{background:var(--color-background-tertiary)!important;color:var(--color-text-secondary)!important}.feature-icon{color:var(--color-primary)!important}.price-label{color:var(--color-text-tertiary)!important}.price-value{color:var(--color-primary)!important}.btn-add{background:var(--color-primary)!important;color:var(--color-text-inverse)!important}.btn-add:hover{background:var(--color-primary-hover)!important}.btn-remove{background:var(--color-success-light)!important;border:1px solid var(--color-success)!important;color:var(--color-success-dark)!important}.btn-manage{background:var(--color-primary)!important;border:none!important;color:var(--color-text-inverse)!important}.btn-manage:hover{background:var(--color-primary-hover)!important}.no-results,.subscriber-info{color:var(--color-text-secondary)!important}.subscriber-info{background:var(--color-background-tertiary)!important}.register-container{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%)!important}.register-box{background:var(--color-background)!important;box-shadow:0 20px 60px var(--color-shadow-dark)!important}.register-header h2{color:var(--color-text)!important}.register-header p{color:var(--color-text-secondary)!important}.step-indicator{background:var(--color-background-tertiary)!important}.step{background:var(--color-border)!important;color:var(--color-text-tertiary)!important}.step.active{background:var(--color-primary)!important}.step.active,.step.completed{color:var(--color-text-inverse)!important}.step.completed{background:var(--color-success)!important}.form-row input,.form-row label,.form-row select{color:var(--color-text)!important}.form-row input,.form-row select{background:var(--color-background)!important;border:2px solid var(--color-border)!important}.form-row input:focus,.form-row select:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px var(--color-primary-light)!important}.form-row input::placeholder{color:var(--color-text-tertiary)!important}.form-row input.error{border-color:var(--color-danger)!important}.error-message{color:var(--color-danger)!important}.form-navigation{border-top:1px solid var(--color-border)!important}.btn-secondary{background:var(--color-background)!important;border:2px solid var(--color-border)!important;color:var(--color-text-secondary)!important}.btn-secondary:hover{background:var(--color-background-secondary)!important;border-color:var(--color-border-hover)!important}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%)!important;color:var(--color-text-inverse)!important}.btn-primary:hover:not(:disabled){box-shadow:0 10px 20px var(--color-shadow-primary)!important}.register-footer{border-top:1px solid var(--color-border)!important}.register-footer p{color:var(--color-text-secondary)!important}.register-footer a{color:var(--color-primary)!important}.register-footer a:hover{color:var(--color-primary-hover)!important}.checkout-container{background:var(--color-background-secondary)!important}.checkout-content{background:var(--color-background)!important}.checkout-header h1{color:var(--color-text)!important}.back-button{color:var(--color-primary)!important}.back-button:hover{color:var(--color-primary-hover)!important}.order-summary{background:var(--color-background-secondary)!important;border:1px solid var(--color-border)!important}.order-summary h2{color:var(--color-text)!important}.order-summary h2,.summary-item{border-bottom:1px solid var(--color-border)!important}.summary-item .number{color:var(--color-text)!important}.summary-item .location{color:var(--color-text-secondary)!important}.summary-item .price{color:var(--color-primary)!important}.summary-total{background:var(--color-background-tertiary)!important}.summary-total .label{color:var(--color-text-secondary)!important}.summary-total .value{color:var(--color-text)!important}.payment-section{background:var(--color-background)!important;border:1px solid var(--color-border)!important}.payment-section h2{border-bottom:1px solid var(--color-border)!important;color:var(--color-text)!important}.payment-method{background:var(--color-background)!important;border:2px solid var(--color-border)!important}.payment-method:hover{background:var(--color-background-secondary)!important;border-color:var(--color-primary)!important}.payment-method.selected{background:var(--color-primary-light)!important;border-color:var(--color-primary)!important}.method-name{color:var(--color-text)!important}.method-description{color:var(--color-text-secondary)!important}.card-form input,.card-form label{color:var(--color-text)!important}.card-form input{background:var(--color-background)!important;border:2px solid var(--color-border)!important}.card-form input:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px var(--color-primary-light)!important}.checkout-actions{border-top:1px solid var(--color-border)!important}.btn-confirm{background:var(--color-success)!important;color:var(--color-text-inverse)!important}.btn-confirm:hover:not(:disabled){background:var(--color-success-dark)!important}.settings-container,.settings-content{background:#0000!important}.settings-card{box-shadow:0 1px 3px var(--color-shadow-light)!important}.settings-card,.settings-card .card-header{background:var(--color-background)!important}.settings-card .card-header{border-bottom:1px solid var(--color-border)!important}.settings-card .card-header h2{color:var(--color-text)!important}.settings-card .card-header h2 svg{color:var(--color-primary)!important}.btn-edit{background:var(--color-primary)!important;color:var(--color-text-inverse)!important}.btn-edit:hover{background:var(--color-primary-hover)!important}.password-form,.profile-form{background:var(--color-background)!important}.form-group label{color:var(--color-text-secondary)!important}.form-group label svg{color:var(--color-text-tertiary)!important}.form-group input,.form-group select{background:var(--color-background)!important;border:2px solid var(--color-border)!important;color:var(--color-text)!important}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px var(--color-primary-light)!important}.form-group input:disabled,.form-group select:disabled{background:var(--color-background-tertiary)!important;color:var(--color-text-tertiary)!important}.form-group input::placeholder{color:var(--color-text-tertiary)!important}.form-actions{border-top:1px solid var(--color-border)!important}.btn-cancel{background:var(--color-background)!important;border:2px solid var(--color-border)!important;color:var(--color-text-secondary)!important}.btn-cancel:hover{background:var(--color-background-secondary)!important;border-color:var(--color-border-hover)!important}.btn-save{background:var(--color-success)!important;color:var(--color-text-inverse)!important}.btn-save:hover:not(:disabled){background:var(--color-success-dark)!important}.security-info{background:var(--color-background-secondary)!important}.security-info p{color:var(--color-text-secondary)!important}.security-info small{color:var(--color-text-tertiary)!important}.account-info{background:var(--color-background)!important}.info-item{border-bottom:1px solid var(--color-border)!important}.info-label{color:var(--color-text-secondary)!important}.info-value{color:var(--color-text)!important}.theme-settings,.themes-grid{background:#0000!important}.theme-card{background:var(--color-background)!important;border:2px solid var(--color-border)!important}.theme-card:hover{border-color:var(--color-border-hover)!important;box-shadow:0 8px 24px var(--color-shadow-medium)!important}.theme-card.active{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px var(--color-primary-light)!important}.theme-icon{background:var(--color-background-secondary)!important;color:var(--color-primary)!important}.theme-info h3{color:var(--color-text)!important}.theme-editor{background:var(--color-background)!important;box-shadow:0 1px 3px var(--color-shadow-light)!important}.editor-header{border-bottom:1px solid var(--color-border)!important}.editor-header h2{color:var(--color-text)!important}.editor-header h2 svg{color:var(--color-primary)!important}.theme-name-input label{color:var(--color-text-secondary)!important}.theme-name-input input{background:var(--color-background)!important;border:2px solid var(--color-border)!important;color:var(--color-text)!important}.theme-name-input input:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px var(--color-primary-light)!important}.color-category{background:var(--color-background-secondary)!important}.color-category h3{border-bottom:1px solid var(--color-border)!important;color:var(--color-text)!important}.color-input-group{background:var(--color-background)!important}.color-input-group:hover{box-shadow:0 2px 8px var(--color-shadow-light)!important}.color-info label{color:var(--color-text)!important}.color-info small{color:var(--color-text-tertiary)!important}.color-picker,.color-text{background:var(--color-background)!important;border:2px solid var(--color-border)!important}.color-text{color:var(--color-text)!important}.color-text:focus{border-color:var(--color-primary)!important}.color-preview{border:2px solid var(--color-border)!important;box-shadow:0 2px 4px var(--color-shadow-light)!important}.preview-panel{background:var(--color-primary-light)!important;border:1px solid var(--color-primary)!important}.preview-panel h3,.preview-panel p{color:var(--color-primary-dark)!important}.message-alert{background:var(--color-background)!important;border-radius:8px!important}.message-alert.success{background:var(--color-success-light)!important;border:1px solid var(--color-success)!important;color:var(--color-success-dark)!important}.message-alert.error{background:var(--color-danger-light)!important;border:1px solid var(--color-danger)!important;color:var(--color-danger-dark)!important}input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{background:var(--color-background)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px var(--color-primary-light)!important;outline:none!important}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)!important}button{transition:all .2s ease}a{color:var(--color-primary)!important}a:hover{color:var(--color-primary-hover)!important}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--color-background-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.modal-overlay{background:#00000080!important}.modal-content{background:var(--color-background)!important;box-shadow:0 20px 60px var(--color-shadow-dark)!important;padding:20px}.modal-content h3{color:var(--color-text)!important}.modal-content p{color:var(--color-text-secondary)!important}[title]{position:relative}.cart-badge{transition:none!important}.flying-phone{background:var(--color-background)!important;border:3px solid var(--color-primary)!important;box-shadow:0 8px 24px var(--color-shadow-primary),0 4px 12px var(--color-shadow-medium),0 0 0 1px var(--color-primary)!important;opacity:1!important}.flying-phone svg{color:var(--color-primary)!important;filter:drop-shadow(0 1px 2px var(--color-shadow-medium))}.returning-phone{background:var(--color-background)!important;border:3px solid var(--color-danger)!important;box-shadow:0 8px 24px #ef444466,0 4px 12px var(--color-shadow-medium),0 0 0 1px var(--color-danger)!important;opacity:1!important}.returning-phone svg{color:var(--color-danger)!important;filter:drop-shadow(0 1px 2px var(--color-shadow-medium))}body.theme-dark .flying-phone,body.theme-dark .returning-phone{background:var(--color-background-secondary)!important;box-shadow:0 10px 30px #000c,0 6px 16px #0009,inset 0 1px 0 #ffffff1a!important}body.theme-dark .flying-phone{background:linear-gradient(135deg,var(--color-background-secondary) 0,var(--color-background-tertiary) 100%)!important;border:3px solid var(--color-primary)!important}body.theme-dark .flying-phone svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}body.theme-dark .returning-phone{background:linear-gradient(135deg,var(--color-background-secondary) 0,var(--color-background-tertiary) 100%)!important;border:3px solid var(--color-danger)!important}body.theme-dark .returning-phone svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}body.theme-high-contrast .flying-phone,body.theme-high-contrast .returning-phone{border-width:3px!important;box-shadow:0 10px 30px #0009!important}body.theme-dark{font-weight:300}body.theme-dark .cart-item,body.theme-dark .my-number-card,body.theme-dark .number-card,body.theme-dark .settings-card{box-shadow:0 2px 8px #0000004d!important}body.theme-dark .settings-card{background:var(--color-background)!important;border:1px solid var(--color-border)!important}body.theme-dark .form-group input:disabled,body.theme-dark .form-group select:disabled{background:var(--color-background-tertiary)!important;opacity:.7}body.theme-dark .security-info{background:var(--color-background-tertiary)!important}body.theme-dark .theme-card{background:var(--color-background)!important}body.theme-dark .color-category{background:var(--color-background-tertiary)!important}body.theme-dark .color-input-group{background:var(--color-background)!important;border:1px solid var(--color-border)!important}body.theme-high-contrast *{font-weight:500!important}body.theme-high-contrast .my-number-card,body.theme-high-contrast .number-card{border-width:3px!important}
/*# sourceMappingURL=main.c181a9ff.css.map*/