*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#2d3748;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{display:flex;flex-direction:column;width:100%}.container,.mobile-container{background-color:#fff;min-height:100vh}.mobile-container{border-radius:12px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:400px;overflow:hidden}.desktop-layout{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;min-height:100vh}.desktop-sidebar{box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;z-index:100}.desktop-main{display:flex;flex:1 1;flex-direction:column;margin-left:280px}.desktop-header{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;overflow:hidden;padding:24px 32px;position:relative}.header-content{align-items:flex-start;display:flex;justify-content:space-between;position:relative;z-index:1}.header-main{flex:1 1}.header-actions{align-items:center;gap:16px}.mobile-menu-button{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;padding:12px;transition:background-color .2s ease}.mobile-menu-button:hover{background:#ffffff4d}.menu-icon{display:block;font-size:20px}@media (max-width:768px){.mobile-menu-button{align-items:center;display:flex!important;justify-content:center}.header-content{align-items:center}}.desktop-content{background-color:#f8fafc;flex:1 1;min-height:calc(100vh - 120px);overflow-y:auto;padding:32px}.desktop-layout.sidebar-collapsed .desktop-sidebar{width:80px}@media (max-width:768px){.desktop-layout{display:block}.desktop-sidebar{display:none}.desktop-main{margin-left:0}.container{max-width:100%}.header{padding:24px;text-align:center}}@media (min-width:1440px){.desktop-content{padding:48px 64px}.dashboard-grid{gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (min-width:1920px){.desktop-sidebar{width:320px}.desktop-main{margin-left:320px}.desktop-content{margin:0 auto;max-width:1600px;padding:48px 80px}}.header{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;overflow:hidden;padding:32px;position:relative;text-align:left;width:100%}.header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%3E%3Ccircle cx='30' cy='30' r='20' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='.3'/%3E%3Ccircle cx='70' cy='70' r='25' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='.3'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.header.company{background:linear-gradient(135deg,#3b82f6,#1e40af)}.header.admin{background:linear-gradient(135deg,#1e40af,#1e3a8a)}.header h1{font-size:28px;font-weight:700;letter-spacing:-.025em;margin-bottom:8px;position:relative;z-index:1}.header .subtitle{font-size:16px;font-weight:400;opacity:.9;position:relative;z-index:1}.content{background-color:#f8fafc;flex:1 1;padding:32px;width:100%}.content-with-nav{padding-bottom:120px}@media (min-width:769px){.content{max-width:none;padding:40px 48px}.content-with-nav{padding-bottom:40px}}.grid-2{grid-gap:20px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:20px}.grid-3{grid-gap:20px;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}@media (max-width:480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:#3b82f6;box-shadow:0 10px 25px #0000001a,0 4px 6px #0000000d;transform:translateY(-4px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.card-title{color:#2d3748;font-size:18px;font-weight:600}.card-subtitle{color:#718096;font-size:14px;margin-bottom:10px}.stat-card{border-left:4px solid #3b82f6;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;color:#1f2937;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:0 0 0 50px;content:"";height:60px;opacity:.1;position:absolute;right:0;top:0;width:60px}.stat-card:hover{box-shadow:0 10px 25px #0000001a,0 4px 6px #0000000d}.stat-card.success{border-left-color:#10b981}.stat-card.success:before{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.warning{border-left-color:#f59e0b}.stat-card.warning:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.danger{border-left-color:#ef4444}.stat-card.danger:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-card.info{border-left-color:#3b82f6}.stat-card.info:before{background:linear-gradient(135deg,#3b82f6,#1e40af)}.stat-value{color:#1f2937;font-size:36px}.stat-label,.stat-value{position:relative;z-index:1}.stat-label{letter-spacing:.05em}.form-group{margin-bottom:20px}.form-group label{color:#2d3748;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s,background-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}@media (max-width:480px){.form-row{grid-template-columns:1fr}}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:12px 24px;position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn:active{transform:translateY(1px) scale(.98)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 4px 14px #3b82f64d}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b9814d;color:#fff}.btn-success:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #f59e0b4d;color:#fff}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef44444d;color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.btn-secondary{background-color:#fff;border:2px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;color:#4b5563}.btn-secondary:hover{background-color:#f9fafb;border-color:#3b82f6;box-shadow:0 4px 14px #0000001a;color:#3b82f6;transform:translateY(-2px)}.btn-small{font-size:14px;padding:8px 16px}.btn-large{font-size:18px;padding:16px 32px}.btn-full,.table{width:100%}.table{border-collapse:collapse;margin-top:20px}.table td,.table th{border-bottom:1px solid #e2e8f0;padding:12px;text-align:left}.table th{color:#2d3748;font-weight:600}.table th,.table tr:hover{background-color:#f7fafc}.badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.badge.active{background-color:#c6f6d5;color:#22543d}.badge.pending{background-color:#fef5e7;color:#c05621}.badge.rejected,.badge.suspended{background-color:#fed7d7;color:#c53030}.badge.blocked{background-color:#e2e8f0;color:#4a5568}.navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff;background:#fffffff2;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -4px 20px #00000014;display:flex;left:0;position:fixed;right:0;z-index:1000}@media (min-width:769px){.navigation{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-right:none;border-top:none;bottom:auto;box-shadow:none;flex:1 1;flex-direction:column;height:auto;left:auto;padding:16px 0;position:static;right:auto;width:100%}}.nav-item{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:12px;padding:16px 12px;position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (min-width:769px){.nav-item{align-items:center;border-radius:8px;flex:none;flex-direction:row;font-size:14px;gap:12px;margin:4px 16px;padding:16px 24px;text-align:left}.nav-item:hover{background-color:#f1f5f9;transform:none}.nav-icon{font-size:20px!important;margin-bottom:0!important}}.nav-item:before{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:0 0 2px 2px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-item.active:before{width:60%}.nav-item.active{color:#3b82f6;font-weight:600}.nav-item:hover{color:#3b82f6;transform:translateY(-2px)}.nav-icon{display:block;font-size:22px;margin-bottom:6px;transition:transform .3s ease}.nav-item:hover .nav-icon{transform:scale(1.1)}.modal-overlay{background-color:#00000080;z-index:1000}.modal{background:#fff;border-radius:12px;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px;width:90%}.modal-header{margin-bottom:20px}.modal-title{color:#2d3748;font-size:20px;font-weight:600}.close-btn{background:none;border:none;color:#718096;cursor:pointer;font-size:24px}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions .btn{flex:1 1}.loading{color:#718096;padding:40px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 20px;width:40px}.error{background-color:#fed7d7;border:1px solid #feb2b2;border-radius:8px;color:#c53030}.error,.success{margin-bottom:20px;padding:12px}.success{background-color:#c6f6d5;border:1px solid #9ae6b4;border-radius:8px;color:#22543d}.warning{background-color:#fef5e7;border:1px solid #fbd38d;border-radius:8px;color:#c05621}.info,.warning{margin-bottom:20px;padding:12px}.info{background-color:#bee3f8;border:1px solid #90cdf4;border-radius:8px;color:#2c5282}@media (max-width:768px){.container,.navigation{max-width:100%}.header h1{font-size:20px}.content{padding:15px}}@media (max-width:480px){.header{padding:15px}.header h1{font-size:18px}.content{padding:10px}.card{padding:15px}.btn{font-size:14px;padding:10px 20px}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.p-10{padding:10px}.p-20{padding:20px}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.align-center{align-items:center}.w-full{width:100%}.h-full{height:100%}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{align-items:center;background:#f8fafc;border-left:4px solid #3b82f6;border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.activity-item:hover{background:#f1f5f9;transform:translateX(4px)}.activity-content{flex:1 1}.activity-title{color:#1f2937;font-size:14px}.activity-subtitle{color:#6b7280;font-size:13px;line-height:1.4}.activity-time{color:#9ca3af;font-weight:500}.company-details{display:flex;flex-direction:column;gap:12px}.detail-row{border-bottom:1px solid #f3f4f6;padding:12px 0}.detail-value{font-weight:600}.status-active{color:#10b981}.status-pending{color:#f59e0b}.status-suspended{color:#ef4444}.status-rejected{color:#9ca3af}.loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px}@keyframes loading{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:24px}.skeleton-header{height:24px;margin-bottom:16px;width:60%}.skeleton-text.short{width:40%}.skeleton-text.medium{width:70%}.skeleton-text.long{width:90%}.skeleton-stat-card{background:#fff;border-left:4px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:24px;text-align:center}.skeleton-stat-value{height:36px;margin:0 auto 12px;width:80px}.skeleton-stat-label{height:14px;margin:0 auto;width:60px}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto;width:40px}.spinner-small{border-width:2px;height:20px;width:20px}.spinner-large{border-width:6px;height:60px;width:60px}.loading-overlay{background:#f8fafccc;border-radius:inherit;bottom:0;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-dots,.loading-overlay{align-items:center;display:flex}.loading-dots{gap:4px}.loading-dot{animation:dot-bounce 1.4s ease-in-out infinite both;background-color:#3b82f6;border-radius:50%;height:8px;width:8px}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}@keyframes dot-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.modern-login-layout{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;overflow:hidden;position:relative}.login-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.bg-shape{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#3b82f61a,#93c5fd0d);border-radius:50%;position:absolute}.shape-1{animation-delay:0s;height:300px;right:-150px;top:-150px;width:300px}.shape-2{animation-delay:2s;bottom:-100px;height:200px;left:-100px;width:200px}.shape-3{animation-delay:4s;height:150px;left:10%;top:50%;width:150px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.login-split-container{display:flex;min-height:100vh;position:relative;z-index:1}.login-left-panel{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:48px;position:relative}.login-left-panel:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.brand-section{max-width:500px;position:relative;text-align:center;z-index:1}.brand-logo{margin-bottom:48px}.logo-icon{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;display:inline-block;margin-bottom:24px}.brand-logo h1{font-size:32px;font-weight:700;letter-spacing:-.025em;margin:0 0 8px}.brand-logo p{font-size:18px;margin:0;opacity:.9}.feature-showcase{display:flex;flex-direction:column;gap:32px}.feature-item{align-items:flex-start;display:flex;gap:16px;text-align:left}.feature-icon{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.feature-text h3{font-size:18px;font-weight:600;margin:0 0 4px}.feature-text p{font-size:14px;line-height:1.5;margin:0;opacity:.8}.login-right-panel{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;padding:48px}.login-form-container{max-width:420px;width:100%}.login-form-header{margin-bottom:40px;text-align:center}.login-form-header h2{color:#1f2937;font-size:28px;font-weight:700;letter-spacing:-.025em;margin:0 0 8px}.login-form-header p{color:#6b7280;font-size:16px;margin:0}.modern-alert{gap:12px;margin-bottom:24px;padding:16px}.error-alert{background:#fef2f2;border:1px solid #fecaca}.alert-icon{font-size:20px}.alert-content strong{color:#dc2626;display:block;font-weight:600;margin-bottom:4px}.alert-content p{color:#991b1b;font-size:14px;margin:0}.login-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:32px;overflow:hidden}.method-selector{border-bottom:1px solid #e5e7eb}.method-tab,.method-tabs{display:flex}.method-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:16px 12px;transition:all .2s ease}.method-tab:hover{background:#f9fafb;color:#374151}.method-tab.active{background:#f8fafc;border-bottom-color:#3b82f6;color:#3b82f6}.tab-icon{font-size:16px}.form-content{padding:32px}.info-card{align-items:flex-start;background:#f0f9ff;border:1px solid #bae6fd}.info-icon{flex-shrink:0}.info-content h4{color:#0c4a6e;font-size:16px;font-weight:600;margin:0 0 8px}.info-content p{color:#0369a1;font-size:14px;line-height:1.5;margin:0}.modern-form{display:flex;flex-direction:column;gap:24px}.input-group.floating-label{position:relative}.modern-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;outline:none;padding:16px 48px 16px 16px;transition:all .2s ease;width:100%}.modern-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.modern-input:focus+.floating-label-text,.modern-input:not(:placeholder-shown)+.floating-label-text{background:#fff;color:#3b82f6;padding:0 4px;transform:translateY(-28px) scale(.8)}.floating-label-text{color:#6b7280;font-size:16px;left:16px;transform-origin:left;transition:all .2s ease}.floating-label-text,.input-icon{pointer-events:none;position:absolute;top:16px}.input-icon{font-size:20px;opacity:.5;right:16px}.helper-text{color:#6b7280;font-size:14px;margin-top:8px}.test-credentials{margin-top:16px}.test-details{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.test-details summary{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px}.test-keys{background:#f8fafc;padding:16px}.test-key-item{font-size:13px;margin-bottom:12px}.test-key-item:last-child{margin-bottom:0}.test-key-item strong{color:#374151;display:block;margin-bottom:4px}.test-key-item code{background:#e5e7eb;border-radius:6px;color:#1f2937;display:block;font-family:Monaco,Consolas,monospace;font-size:12px;padding:8px;word-break:break-all}.modern-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;outline:none;overflow:hidden;padding:16px 24px;position:relative;text-decoration:none;transition:all .2s ease}.modern-btn.primary{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 4px 14px #3b82f64d;color:#fff}.modern-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.modern-btn.secondary{background:#fff;border:2px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;color:#374151}.modern-btn.secondary:hover{border-color:#3b82f6;box-shadow:0 4px 14px #0000001a;color:#3b82f6;transform:translateY(-2px)}.modern-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.modern-btn.loading{pointer-events:none}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.btn-arrow{transition:transform .2s ease}.modern-btn:hover .btn-arrow{transform:translateX(2px)}.signup-section{margin-bottom:32px;text-align:center}.signup-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.signup-card h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.signup-card p{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 20px}.login-footer{padding:24px 0;text-align:center}.login-footer p{color:#6b7280;font-size:14px;margin:0}.footer-link{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#1e40af;text-decoration:underline}@media (max-width:768px){.login-split-container{flex-direction:column}.login-left-panel{flex:none;min-height:auto;padding:32px 24px}.brand-section{max-width:none}.feature-showcase{display:none}.login-right-panel{padding:24px}.login-form-container{max-width:none}.method-tab{font-size:13px;padding:12px 8px}.tab-icon{font-size:14px}.form-content{padding:24px}}@media (max-width:480px){.modern-login-layout{background:#fff}.login-split-container{min-height:100vh}.login-left-panel{background:linear-gradient(135deg,#3b82f6,#1e40af);padding:24px}.brand-logo h1{font-size:24px}.brand-logo p{font-size:16px}.login-form-header h2{font-size:24px}.method-tabs{flex-direction:column}.method-tab{border-bottom:1px solid #e5e7eb;border-right:none}.method-tab.active{border-bottom-color:#e5e7eb;border-left:3px solid #3b82f6}}.admin-theme{background:linear-gradient(135deg,#dc2626,#991b1b)!important}.admin-icon{background:#ffffff26!important;border:1px solid #fff3}.admin-primary{background:linear-gradient(135deg,#dc2626,#991b1b)!important;box-shadow:0 4px 14px #dc26264d!important}.admin-primary:hover{background:linear-gradient(135deg,#b91c1c,#7f1d1d)!important;box-shadow:0 6px 20px #dc262666!important}.dev-section{background:#fef3c7;border:1px solid #f59e0b;border-radius:12px;margin-top:24px;padding:20px}.dev-card h4{color:#92400e;font-size:16px;font-weight:600;margin:0 0 12px;text-align:center}.dev-card .modern-btn{width:100%}.progress-container{margin-bottom:32px}.progress-steps{margin-bottom:16px}.progress-step{flex-direction:column}.progress-step.active .step-number{background:linear-gradient(135deg,#3b82f6,#1e40af)}.progress-step.active .step-label{color:#3b82f6;font-weight:600}.step-number{font-size:14px;height:32px;margin-bottom:8px;transition:all .3s ease;width:32px}.step-label{color:#6b7280;font-size:12px;font-weight:500;transition:all .3s ease}.step-header{margin-bottom:32px;text-align:center}.step-header h3{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 8px}.step-header p{font-size:16px}.form-actions{display:flex;gap:16px;margin-top:32px}.form-actions .modern-btn{flex:1 1}.review-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:24px}.review-section h4{color:#475569;font-size:14px;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.review-item{border-bottom:1px solid #e2e8f0;padding:8px 0}.review-item:last-child{border-bottom:none}.review-label{color:#64748b;font-size:14px}.review-value{color:#1e293b;font-size:14px}.terms-section{margin-bottom:24px}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:12px;margin-bottom:16px}.modern-checkbox{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;position:relative;transition:all .2s ease;width:20px}.modern-checkbox:checked{background:linear-gradient(135deg,#3b82f6,#1e40af);border-color:#3b82f6}.modern-checkbox:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-text{color:#374151;font-size:14px;line-height:1.5}.checkbox-text .link{color:#3b82f6;font-weight:500;text-decoration:none}.checkbox-text .link:hover{text-decoration:underline}.footer-link-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-family:inherit;font-size:inherit;margin:0;padding:0;text-decoration:none}.footer-link-btn:hover{color:#2563eb;text-decoration:underline}.desktop-sidebar{background:#fff;border-right:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .4s cubic-bezier(.4,0,.2,1);width:280px}.desktop-layout.sidebar-collapsed .desktop-main{margin-left:80px}.modern-navigation{background:#0000;padding:0}.modern-navigation.collapsed{align-items:center}.nav-header{border-bottom:1px solid #f1f5f9;padding:20px 16px 16px}.modern-nav-toggle{border:none;border-radius:12px;color:#64748b;font-weight:600;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-nav-toggle:hover{background:#e2e8f0;box-shadow:0 4px 12px #00000026;color:#475569;transform:translateY(-1px)}.modern-nav-toggle:active{transform:translateY(0)}.modern-navigation.collapsed .modern-nav-toggle{height:48px;justify-content:center;padding:12px;width:48px}.toggle-icon{transition:transform .3s ease}.toggle-label{color:#475569;font-weight:600}.nav-content{overflow-x:hidden;padding:16px}.modern-navigation.collapsed .nav-content{padding:16px 8px}.nav-section:last-child{margin-bottom:0}.section-title{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:12px;padding:0 8px}.nav-items-group{gap:4px}.modern-nav-item{background:#0000;border-radius:12px;overflow:hidden;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-nav-item:hover{transform:translateX(4px)}.modern-nav-item.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 14px #3b82f666;color:#fff}.modern-nav-item.active:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 6px 20px #3b82f680;transform:translateX(2px)}.nav-item-content{padding:14px 16px;position:relative;width:100%;z-index:1}.modern-navigation.collapsed .nav-item-content{padding:14px 8px}.nav-item-icon{height:20px;width:20px}.nav-item-icon,.nav-item-label{color:inherit;transition:all .3s ease}.nav-item-label{white-space:nowrap}.nav-item-badge{animation:pulse 2s infinite;font-size:10px;font-weight:700;margin-left:auto}.modern-nav-item.active .nav-item-badge{background:#ffffff4d;color:#fff}.active-indicator{background:#fff;border-radius:0 2px 2px 0;left:0;opacity:.9;width:4px}.nav-tooltip{background:#1e293b;border-radius:8px;box-shadow:0 4px 14px #00000026;left:100%;margin-left:12px;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-tooltip:before{border-bottom:6px solid #0000;border-right:6px solid #1e293b;border-top:6px solid #0000;height:0;left:-6px;width:0}.nav-item-container:hover .nav-tooltip{transform:translateY(-50%) translateX(8px)}.tooltip-badge{font-size:9px;font-weight:700}.nav-footer{border-top:1px solid #f1f5f9;margin-top:auto;padding:16px}.modern-navigation.collapsed .nav-footer{padding:16px 8px}.logout-item{color:#64748b!important}.logout-item:hover{color:#dc2626!important}.nav-content::-webkit-scrollbar-thumb{background:#cbd5e1}.nav-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-nav .modern-nav-item.active{background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:0 4px 14px #dc262666;color:#fff}.admin-nav .modern-nav-item.active:hover{background:linear-gradient(135deg,#b91c1c,#7f1d1d);box-shadow:0 6px 20px #dc262680;transform:translateX(2px)}.admin-nav .active-indicator{background:#fff}@media (max-width:1024px){.modern-stats-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.modern-actions-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (max-width:768px){.desktop-sidebar{height:100vh;left:-280px;position:fixed;top:0;transition:left .3s ease;z-index:1000}.desktop-sidebar.open{left:0}.desktop-main{margin-left:0}.modern-navigation{height:100vh}.desktop-sidebar{left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%;z-index:1000}.desktop-sidebar.open{transform:translateX(0)}.desktop-main{margin-left:0}}.modern-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.modern-stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.modern-stat-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.modern-stat-card .stat-icon{display:block;font-size:32px;margin-bottom:16px}.modern-stat-card .stat-value{color:#1e293b;font-size:32px;font-weight:700;line-height:1;margin-bottom:8px}.modern-stat-card .stat-label{color:#64748b;font-size:14px;font-weight:500;margin-bottom:4px}.modern-stat-card .stat-trend{color:#10b981;font-size:12px;font-weight:500}.modern-stat-card .stat-decoration{border-radius:50%;height:100px;opacity:.1;position:absolute;right:0;top:0;transform:translate(30px,-30px);width:100px}.modern-stat-card.primary .stat-decoration{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.modern-stat-card.success .stat-decoration{background:linear-gradient(135deg,#10b981,#059669)}.modern-stat-card.warning .stat-decoration{background:linear-gradient(135deg,#f59e0b,#d97706)}.modern-stat-card.accent .stat-decoration{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.modern-section{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:32px;padding:32px}.section-header{margin-bottom:24px}.section-header h3{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px}.section-header p{color:#64748b;font-size:16px;margin:0}.insights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.insight-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.insight-card:hover{background:#f1f5f9;transform:translateY(-2px)}.insight-icon{font-size:24px;opacity:.8}.insight-value{color:#1e293b;font-size:20px;font-weight:700;margin-bottom:4px}.insight-label{color:#64748b;font-size:14px;font-weight:500}.modern-actions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.modern-action-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;cursor:pointer;height:180px;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.modern-action-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.action-background{background:linear-gradient(135deg,#3b82f6,#1d4ed8);bottom:0;left:0;opacity:.1;position:absolute;right:0;top:0}.action-background.messaging{background:linear-gradient(135deg,#06b6d4,#0891b2)}.action-background.templates{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.action-background.wallet{background:linear-gradient(135deg,#10b981,#059669)}.action-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:24px;position:relative}.action-icon{font-size:32px;margin-bottom:16px}.action-title{color:#1e293b;font-size:20px;font-weight:700;margin-bottom:8px}.action-desc{color:#64748b;flex-grow:1;font-size:14px;line-height:1.5}.action-arrow{align-self:flex-end;color:#3b82f6;font-size:24px;margin-top:16px}.modern-activity-list{display:flex;flex-direction:column;gap:16px}.modern-activity-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.modern-activity-item:hover{background:#f1f5f9;transform:translateX(4px)}.activity-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.activity-details{flex-grow:1}.activity-title{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:4px}.activity-message{color:#64748b;font-size:14px;margin-bottom:4px}.activity-time{color:#94a3b8;font-size:12px}.activity-status{align-items:center;display:flex}.status-badge{background:#10b981;border-radius:50%;color:#fff;height:24px;justify-content:center;width:24px}.empty-state{padding:48px 24px}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-title{color:#1e293b;font-size:20px;font-weight:600;margin-bottom:8px}.empty-desc{color:#64748b;font-size:16px;margin-bottom:24px}.notifications-container{display:flex;flex-direction:column;gap:16px}.modern-alert{align-items:flex-start;border:1px solid;border-radius:12px;display:flex;gap:16px;padding:20px}.modern-alert.warning{background:#fef3c7;border-color:#f59e0b}.modern-alert.info{background:#dbeafe;border-color:#3b82f6}.modern-alert.success{background:#d1fae5;border-color:#10b981}.alert-icon{flex-shrink:0;font-size:24px}.alert-content{flex-grow:1}.alert-title{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:4px}.alert-message{color:#64748b;font-size:14px;line-height:1.5}.modern-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.info-card:hover{background:#f1f5f9;transform:translateY(-2px)}.info-icon{font-size:24px;opacity:.8}.info-content{flex-grow:1}.info-label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.5px}.info-value{align-items:center;color:#1e293b;display:flex;font-size:16px;gap:8px}.info-value code{background:#e2e8f0;border-radius:6px;font-family:Monaco,Consolas,monospace;font-size:12px;padding:4px 8px}.status-indicator{border-radius:50%;display:inline-block;height:8px;margin-right:8px;width:8px}.status-active .status-indicator,.status-indicator{background:#10b981}.status-inactive .status-indicator{background:#ef4444}.status-pending .status-indicator{background:#f59e0b}.admin-portal .modern-stat-card.primary .stat-decoration{background:linear-gradient(135deg,#dc2626,#991b1b)}.admin-portal .modern-stat-card.accent .stat-decoration{background:linear-gradient(135deg,#dc2626,#7f1d1d)}.admin-portal .action-background.messaging,.admin-portal .activity-avatar{background:linear-gradient(135deg,#dc2626,#991b1b)}@media (max-width:1200px){.modern-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.modern-actions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.modern-actions-grid,.modern-stats-grid{grid-template-columns:1fr}.insights-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.modern-info-grid{grid-template-columns:1fr}.modern-section{margin-bottom:24px;padding:24px}}.desktop-layout{overflow-x:hidden;position:relative}.desktop-sidebar.collapsed{width:80px}.desktop-sidebar.collapsed .sidebar-header h2,.desktop-sidebar.collapsed .sidebar-header p{display:none}.desktop-main{position:relative;transition:margin-left .3s ease;width:calc(100% - 280px)}.desktop-layout.sidebar-collapsed .desktop-main{width:calc(100% - 80px)}.desktop-header{position:-webkit-sticky;position:sticky;top:0;z-index:50}.desktop-content{position:relative;z-index:1}.nav-item.collapsed{padding:16px 12px;text-align:center}.nav-item.collapsed .nav-text{display:none}body,html{overflow-x:hidden}.desktop-layout{max-width:100vw}.modal-overlay{z-index:9999}.desktop-main,.desktop-sidebar{will-change:transform}.desktop-sidebar{transition:width .3s ease}.desktop-content{min-height:100vh;padding-top:0}.desktop-main{min-height:100vh}.desktop-header+.desktop-content{padding-top:32px}.modern-navigation{background:#fff;display:flex;flex-direction:column;height:100%;position:relative}.nav-header{border-bottom:1px solid #e5e7eb;padding:16px}.modern-nav-toggle{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px;transition:all .2s ease;width:100%}.modern-nav-toggle:hover{background:#f1f5f9;border-color:#3b82f6}.toggle-icon{align-items:center;color:#6b7280;display:flex;justify-content:center}.toggle-label{flex:1 1;text-align:left}.nav-content{flex:1 1;overflow-y:auto;padding:16px 0}.nav-section{margin-bottom:24px}.section-title{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;padding:0 16px 8px;text-transform:uppercase}.nav-items-group{display:flex;flex-direction:column;gap:2px}.nav-item-container{margin:0 8px;position:relative}.modern-nav-item{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;padding:12px 16px;position:relative;text-align:left;transition:all .2s ease;width:100%}.modern-nav-item:hover{background:#f1f5f9}.modern-nav-item.active{background:#eff6ff;color:#3b82f6}.nav-item-content{align-items:center;display:flex;flex:1 1;gap:12px}.nav-item-icon{align-items:center;color:#6b7280;display:flex;justify-content:center;transition:color .2s ease}.modern-nav-item.active .nav-item-icon{color:#3b82f6}.nav-item-label{color:#374151;flex:1 1;font-size:14px;font-weight:500}.modern-nav-item.active .nav-item-label{color:#3b82f6;font-weight:600}.nav-item-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:600;min-width:18px;padding:2px 6px;text-align:center}.active-indicator{background:#3b82f6;border-radius:2px 0 0 2px;height:20px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px}.modern-navigation.collapsed .nav-item-container{margin:0 4px}.modern-navigation.collapsed .modern-nav-item{justify-content:center;padding:12px}.modern-navigation.collapsed .nav-item-content{justify-content:center}.modern-navigation.collapsed .nav-item-badge,.modern-navigation.collapsed .nav-item-label,.modern-navigation.collapsed .section-title{display:none}.nav-tooltip{align-items:center;background:#1f2937;border-radius:6px;color:#fff;display:flex;font-size:12px;font-weight:500;gap:8px;left:calc(100% + 12px);opacity:0;padding:8px 12px;transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:1000}.nav-tooltip,.nav-tooltip:before{position:absolute;top:50%;transform:translateY(-50%)}.nav-tooltip:before{border:5px solid #0000;border-right-color:#1f2937;content:"";right:100%}.nav-item-container:hover .nav-tooltip{opacity:1;visibility:visible}.tooltip-badge{background:#ef4444;border-radius:8px;color:#fff;font-size:10px;font-weight:600;min-width:16px;padding:2px 5px;text-align:center}.nav-footer{border-top:1px solid #e5e7eb;padding:16px 0}.logout-item{color:#ef4444!important}.logout-item:hover{background:#fef2f2!important}.logout-item .nav-item-icon,.logout-item .nav-item-label{color:#ef4444!important}@media (max-width:768px){.modern-navigation{display:none}}.modern-navigation{transition:width .3s ease}.modern-navigation.collapsed{width:80px}.nav-content{scrollbar-color:#d1d5db #0000;scrollbar-width:thin}.nav-content::-webkit-scrollbar{width:4px}.nav-content::-webkit-scrollbar-track{background:#0000}.nav-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.nav-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.centered-modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.centered-modal{animation:slideUp .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;position:relative;width:100%}.centered-modal.modal-small{max-width:400px}.centered-modal.modal-medium{max-width:600px}.centered-modal.modal-large{max-width:900px}.centered-modal.modal-fullscreen{height:95vh;max-height:95vh;max-width:95vw;width:95vw}.centered-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.centered-modal-title{color:#1f2937;font-size:20px;font-weight:600;margin:0}.centered-modal-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.centered-modal-close:hover{background:#f3f4f6;color:#1f2937}.centered-modal-close:active{transform:scale(.95)}.centered-modal-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px}.centered-modal-content::-webkit-scrollbar{width:8px}.centered-modal-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.centered-modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.centered-modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.centered-modal-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px}@media (max-width:768px){.centered-modal-overlay{align-items:flex-end;padding:0}.centered-modal{animation:slideUpMobile .3s ease;border-radius:16px 16px 0 0;max-height:95vh;max-width:100%;width:100%}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.centered-modal.modal-fullscreen{border-radius:0;height:100vh;max-height:100vh}.centered-modal-header{padding:16px 20px}.centered-modal-content{padding:20px}}@media (max-width:480px){.centered-modal-title{font-size:18px}.centered-modal-header{padding:14px 16px}.centered-modal-content{padding:16px}.centered-modal-footer{flex-direction:column-reverse;gap:8px;padding:12px 16px}.centered-modal-footer>*{width:100%}}.whatsapp-preview{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.whatsapp-phone{background:linear-gradient(145deg,#2c2c2c,#1a1a1a);border-radius:28px;box-shadow:0 20px 60px #0006,0 8px 20px #0000004d,inset 0 0 0 1px #ffffff1a;margin:0 auto;max-width:390px;padding:12px;position:relative}.whatsapp-phone:before{background:linear-gradient(90deg,#333,#555,#333);border-radius:3px;content:"";height:6px;left:50%;position:absolute;top:6px;transform:translateX(-50%);width:140px;z-index:1}.whatsapp-screen{background:#0f1419;border:1px solid #ffffff0d;border-radius:20px;overflow:hidden;position:relative}.whatsapp-status-bar{align-items:center;background:linear-gradient(135deg,#1f2937,#374151);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:12px 20px}.whatsapp-header{align-items:center;background:linear-gradient(135deg,#202c33,#2a3942);border-bottom:1px solid #ffffff14;display:flex;gap:16px;padding:16px 20px}.whatsapp-back-btn{background:none;border:none;color:#00d4aa;cursor:pointer;font-size:24px;padding:0;transition:transform .2s ease}.whatsapp-back-btn:hover{transform:scale(1.1)}.whatsapp-avatar{align-items:center;background:linear-gradient(135deg,#00d4aa,#00a884);border-radius:50%;box-shadow:0 2px 8px #00a8844d;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.whatsapp-contact-name{color:#e9edef;flex:1 1;font-size:18px;font-weight:500}.whatsapp-menu{background:none;border:none;color:#8696a0;cursor:pointer;font-size:24px;padding:0;transition:color .2s ease}.whatsapp-menu:hover{color:#fff}.whatsapp-chat-bg{background:radial-gradient(circle at 20% 80%,#7877c61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffce541a 0,#0000 50%),linear-gradient(180deg,#0b1426,#111b21);min-height:520px;padding:20px;position:relative}.whatsapp-message{border:1px solid #0000000d;border-radius:16px;box-shadow:0 2px 8px #00000026,0 1px 2px #0000001a;margin-left:auto;margin-right:0;max-width:300px;overflow:hidden;padding:0}.whatsapp-template-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;padding:16px 20px;text-align:center}.whatsapp-template-title{color:#495057;font-size:16px;font-weight:600;margin:0}.whatsapp-template-content{background:#fff;border:2px solid #f1f3f4;border-radius:12px;box-shadow:inset 0 0 0 1px #0000000d;color:#1c1e21;font-size:15px;line-height:1.5;margin:20px;padding:20px;position:relative}.whatsapp-template-name{color:#1c1e21;font-size:16px;font-weight:700;margin-bottom:16px}.whatsapp-template-body{margin-bottom:16px;white-space:pre-line}.whatsapp-template-time{color:#65676b;font-size:12px;margin-top:8px;text-align:right}.whatsapp-pay-button{margin:0 20px 20px}.whatsapp-pay-btn{background:#fff;border:2px solid #f1f3f4;border-radius:12px;box-shadow:inset 0 0 0 1px #0000000d;padding:16px;text-align:center;width:100%}.whatsapp-pay-btn-text{align-items:center;background:none;border:none;border-radius:8px;color:#1877f2;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:8px;transition:all .2s ease;width:100%}.whatsapp-pay-btn-text:hover{background:#1877f20d;transform:translateY(-1px)}.whatsapp-message-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid #dee2e6;color:#495057;font-size:13px;font-weight:500;padding:12px 20px;text-align:center}.whatsapp-message-status{margin-right:20px;margin-top:12px;text-align:right}.whatsapp-status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:16px;box-shadow:0 2px 8px #0003;color:#fff;font-size:11px;font-weight:500;padding:6px 12px}.whatsapp-welcome-message{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 2px 8px #00000026,0 1px 2px #0000001a;margin-left:auto;margin-right:0;max-width:300px;padding:20px}.whatsapp-welcome-text{color:#1c1e21;font-size:15px;line-height:1.5;margin-bottom:20px}.whatsapp-terms-section{background:linear-gradient(135deg,#f8f9fa,#f1f3f4);border:1px solid #0000000d;border-radius:12px;font-size:14px;line-height:1.4;margin-bottom:20px;padding:16px}.whatsapp-terms-link{color:#1877f2;display:block;font-weight:500;margin-bottom:12px;text-decoration:underline}.whatsapp-ready-text{font-size:15px;font-weight:500;margin-bottom:16px}.whatsapp-company-name{color:#65676b;font-size:13px;font-style:italic;margin-bottom:16px}.whatsapp-register-btn{background:linear-gradient(135deg,#1877f2,#166fe5);border-radius:24px;box-shadow:0 2px 8px #1877f24d;margin-top:16px;max-width:300px;padding:12px 24px}.whatsapp-register-btn-text{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.whatsapp-message,.whatsapp-welcome-message{animation:fadeInUp .6s ease-out}.whatsapp-register-btn{animation:fadeInUp .8s ease-out}@media (max-width:480px){.whatsapp-phone{margin:0 10px;max-width:100%}.whatsapp-message,.whatsapp-welcome-message{max-width:260px}}@media (prefers-color-scheme:dark){.whatsapp-template-content{background:#2d2d2d;border-color:#444;color:#fff}.whatsapp-template-name{color:#fff}.whatsapp-template-time{color:#aaa}}.delete-confirmation-modal .delete-modal-content{text-align:center}.delete-modal-icon{margin-bottom:20px}.delete-modal-icon .icon-large{animation:bounceIn .5s ease;display:inline-block;font-size:48px}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.delete-modal-message{margin-bottom:24px}.confirm-text{color:#1f2937;font-size:16px;font-weight:500;margin:0}.delete-modal-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:20px;padding:16px;text-align:left}.detail-row{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-label{font-size:14px;font-weight:500;min-width:120px}.detail-value{color:#1f2937;font-size:14px;text-align:right;word-break:break-word}.detail-value.status-approved{background:#d4edda;color:#155724}.detail-value.status-approved,.detail-value.status-pending{border-radius:12px;font-size:12px;font-weight:600;padding:2px 8px}.detail-value.status-pending{background:#fff3cd;color:#856404}.detail-value.status-rejected{background:#f8d7da;color:#721c24}.detail-value.status-active,.detail-value.status-rejected{border-radius:12px;font-size:12px;font-weight:600;padding:2px 8px}.detail-value.status-active{background:#d1ecf1;color:#0c5460}.detail-value.status-inactive{background:#f8f9fa;color:#6c757d}.detail-value.status-inactive,.detail-value.status-scheduled{border-radius:12px;font-size:12px;font-weight:600;padding:2px 8px}.detail-value.status-scheduled{background:#e7f3ff;color:#06c}.detail-value.status-cancelled{background:#e5e7eb;color:#4b5563}.detail-value.status-cancelled,.detail-value.status-completed{border-radius:12px;font-size:12px;font-weight:600;padding:2px 8px}.detail-value.status-completed{background:#d4edda;color:#155724}.detail-value.status-default{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:12px;font-weight:600;padding:2px 8px}.delete-modal-warning{align-items:flex-start;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;color:#92400e;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left}.btn-cancel-action{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-cancel-action:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-confirm-delete{align-items:center;background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-confirm-delete:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.btn-cancel-action:disabled,.btn-confirm-delete:disabled{cursor:not-allowed;opacity:.5}.spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@media (max-width:480px){.delete-modal-details{padding:12px}.detail-row{align-items:flex-start;flex-direction:column;gap:4px}.detail-value{text-align:left}}.phone-input-container{margin-bottom:16px;width:100%}.phone-input-label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.required-star{color:#dc3545;margin-left:4px}.phone-input-wrapper{align-items:center;display:flex;position:relative}.phone-input{background-color:#fff;border:1px solid #ced4da;border-radius:4px;font-family:Courier New,monospace;font-size:14px;padding:10px 40px 10px 12px;transition:all .2s ease;width:100%}.phone-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.phone-input.input-error{background-color:#fff5f5;border-color:#dc3545}.phone-input.input-error:focus{box-shadow:0 0 0 3px #dc35451a}.phone-input.input-valid{background-color:#f8fff9;border-color:#28a745}.phone-input.input-valid:focus{box-shadow:0 0 0 3px #28a7451a}.phone-input.input-disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6}.phone-input::placeholder{color:#999;font-size:13px}.input-status-icon{align-items:center;display:flex;position:absolute;right:12px}.status-icon{align-items:center;border-radius:50%;display:flex;font-size:14px;font-weight:700;height:20px;justify-content:center;width:20px}.status-icon.valid{background-color:#28a7451a;color:#28a745}.status-icon.invalid{background-color:#dc35451a;color:#dc3545}.error-text{color:#dc3545}.error-text,.success-text{align-items:center;animation:slideIn .2s ease;display:flex;font-size:13px;margin-top:4px}.success-text{color:#28a745}.help-text{color:#6c757d;display:block;font-size:12px;margin-top:4px}.country-hints{background-color:#f8f9fa;border-radius:4px;color:#6c757d;font-size:11px;margin-top:8px;padding:8px}.country-hint{background-color:#fff;border:1px solid #dee2e6;border-radius:3px;margin-left:8px;padding:2px 6px;white-space:nowrap}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:576px){.phone-input{font-size:16px}.country-hints{display:none}}.scheduled-messages-premium{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:0}.spinning{animation:spin 1s linear infinite}.control-btn.refreshing{cursor:not-allowed;opacity:.7}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:32px;overflow:hidden;padding:40px 32px;position:relative}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Cpath d='M20 0H0v20' fill='none' stroke='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;position:relative;z-index:1}.hero-text{flex:1 1}.hero-title{align-items:center;display:flex;font-size:36px;font-weight:800;gap:16px;margin:0 0 12px}.hero-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:40px}.hero-subtitle{font-size:18px;font-weight:400;line-height:1.6;margin:0;opacity:.9}.hero-actions{display:flex;gap:16px}.hero-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.hero-btn.primary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;color:#fff}.hero-btn.primary:hover{background:#ffffff4d;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.premium-stats-section{margin-bottom:32px;padding:0 32px}.stats-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.stats-header h2{color:#1a202c;font-size:28px;font-weight:700;margin:0}.stats-period{align-items:center;color:#718096;display:flex;font-size:14px;font-weight:500;gap:8px}.premium-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.premium-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:28px;position:relative;transition:all .3s ease}.premium-stat-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.premium-stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.premium-stat-card.total:before{background:linear-gradient(135deg,#667eea,#764ba2)}.premium-stat-card.scheduled:before{background:linear-gradient(135deg,#4299e1,#3182ce)}.premium-stat-card.success:before{background:linear-gradient(135deg,#48bb78,#38a169)}.premium-stat-card.warning:before{background:linear-gradient(135deg,#ed8936,#dd6b20)}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.stat-icon-wrapper{align-items:center;border-radius:16px;color:#fff;display:flex;height:56px;justify-content:center;position:relative;width:56px}.premium-stat-card.total .stat-icon-wrapper{background:linear-gradient(135deg,#667eea,#764ba2)}.premium-stat-card.scheduled .stat-icon-wrapper{background:linear-gradient(135deg,#4299e1,#3182ce)}.premium-stat-card.success .stat-icon-wrapper{background:linear-gradient(135deg,#48bb78,#38a169)}.premium-stat-card.warning .stat-icon-wrapper{background:linear-gradient(135deg,#ed8936,#dd6b20)}.stat-trend{align-items:center;border-radius:12px;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px}.stat-trend.positive{background:#f0fff4;color:#38a169}.stat-badge{background:#fff3;color:#4a5568;font-size:12px;padding:4px 12px}.stat-alert,.stat-badge{border-radius:12px;font-weight:600}.stat-alert{align-items:center;background:#fed7d7;color:#c53030;display:flex;font-size:11px;gap:4px;padding:4px 8px}.stat-content{margin-bottom:20px}.stat-value{color:#1a202c;font-size:42px;font-weight:800;margin-bottom:8px}.stat-label{color:#4a5568;font-size:16px;font-weight:600;margin-bottom:4px}.stat-description{color:#718096;font-size:14px}.stat-chart{margin-top:16px}.mini-chart{align-items:end;display:flex;gap:3px;height:40px}.chart-bar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px 4px 0 0;opacity:.7;transition:all .3s ease;width:8px}.premium-stat-card:hover .chart-bar{opacity:1}.stat-progress{margin-top:16px}.progress-bar{background:#e2e8f0;margin-bottom:8px}.progress-fill{background:linear-gradient(135deg,#4299e1,#3182ce);border-radius:4px}.progress-text{color:#718096;font-size:12px;font-weight:500}.stat-breakdown{display:flex;flex-direction:column;gap:8px;margin-top:16px}.breakdown-item{align-items:center;color:#4a5568;display:flex;font-size:13px;gap:8px}.breakdown-dot{border-radius:50%;height:8px;width:8px}.breakdown-dot.sent{background:#4299e1}.breakdown-dot.delivered{background:#48bb78}.breakdown-dot.read{background:#9f7aea}.stat-footer{align-items:center;border-top:1px solid #e2e8f0;color:#e53e3e;display:flex;font-size:13px;gap:6px;margin-top:16px;padding-top:16px}.premium-control-panel{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;margin:0 32px 32px;overflow:hidden}.control-header{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:1px solid #e2e8f0;padding:24px 32px}.control-title{color:#1a202c;font-size:20px;font-weight:700}.control-actions{gap:16px}.control-btn{border:2px solid #e2e8f0;border-radius:12px;color:#4a5568;font-weight:600;padding:12px 20px;transition:all .3s ease}.control-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-1px)}.control-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea66;color:#fff}.view-switcher{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;padding:4px}.view-btn{background:#0000;border:none;border-radius:8px;color:#718096;cursor:pointer;padding:8px 12px;transition:all .2s ease}.view-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#667eea}.smart-filters{padding:24px 32px}.filter-section{margin-bottom:20px}.filter-section-label{color:#4a5568;font-size:14px}.filter-pills{gap:12px}.filter-pill{background:#fff;border:2px solid #e2e8f0;border-radius:25px;color:#4a5568;position:relative;transition:all .3s ease}.filter-pill:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;color:#667eea;transform:translateY(-2px)}.filter-pill.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea66}.pill-badge{border-radius:12px;color:inherit;font-weight:700;margin-left:4px}.filter-pill.active .pill-badge,.pill-badge{background:#ffffff4d}.filter-summary{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px}.summary-text{color:#4a5568}.clear-filters-btn{border:1px solid #e2e8f0;color:#718096;padding:6px 12px;transition:all .2s ease}.clear-filters-btn:hover{border-color:#e53e3e;color:#e53e3e}.advanced-filters-panel{background:#f7fafc;border-top:1px solid #e2e8f0;padding:24px 32px}.filters-grid{grid-gap:24px;gap:24px}.filter-label{color:#4a5568;font-size:14px}.filter-input,.filter-select{border:2px solid #e2e8f0;border-radius:12px;color:#2d3748;padding:12px 16px;transition:all .3s ease}.filter-input:focus,.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0z'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;background-size:20px 20px;padding-left:44px}.premium-bulk-actions{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 25px #667eea4d;color:#fff;display:flex;justify-content:space-between;margin:0 32px 24px;padding:20px 32px}.bulk-info{gap:16px}.bulk-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.bulk-text{display:flex;flex-direction:column}.bulk-count{font-size:24px;font-weight:800;line-height:1}.bulk-label{font-size:14px;opacity:.9}.bulk-actions{display:flex;gap:12px}.bulk-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.bulk-action-btn:hover{background:#fff3;transform:translateY(-1px)}.bulk-action-btn.clear{background:#ffffffe6;color:#667eea}.premium-messages-section{margin:0 32px}.premium-loading{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;justify-content:center;padding:80px 20px}.loading-animation,.premium-loading{align-items:center;display:flex;flex-direction:column}.loading-animation{gap:24px}.loading-spinner.premium{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}.loading-text h3{color:#1a202c;font-size:24px;font-weight:700;margin:0 0 8px}.loading-text p{color:#718096;font-size:16px;margin:0}.premium-empty-state{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-illustration{margin-bottom:32px}.empty-icon-stack{display:inline-block;position:relative}.empty-icon-bg{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);border-radius:50%;height:120px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px}.empty-icon-stack svg{color:#a0aec0;position:relative;z-index:1}.empty-content{max-width:400px}.empty-title{color:#1a202c;font-size:24px;font-weight:700;margin:0 0 12px}.empty-description{color:#718096;font-size:16px;line-height:1.6;margin:0 0 24px}.empty-action-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#4a5568;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.empty-action-btn:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;color:#667eea;transform:translateY(-2px)}.premium-messages-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden}.selection-header{background:#f7fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:20px 24px}.premium-checkbox,.selection-controls,.selection-header{align-items:center;display:flex}.premium-checkbox{cursor:pointer;gap:12px;position:relative}.premium-checkbox input{cursor:pointer;opacity:0;position:absolute}.checkbox-custom{background:#fff;border:2px solid #cbd5e0;border-radius:6px;height:20px;position:relative;transition:all .2s ease;width:20px}.premium-checkbox input:checked+.checkbox-custom{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.premium-checkbox input:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.premium-checkbox.small .checkbox-custom{height:16px;width:16px}.checkbox-label{color:#4a5568;font-size:14px;font-weight:500}.selection-info{color:#718096;font-size:14px}.selection-count{background:#667eea;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.premium-messages-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:24px}.premium-message-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #00000014;overflow:hidden;position:relative;transition:all .3s ease}.premium-message-card:hover{border-color:#cbd5e0;box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.premium-message-card.selected{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.premium-message-card.overdue{border-left:4px solid #e53e3e}.premium-message-card.overdue:before{background:linear-gradient(135deg,#e53e3e,#c53030);content:"";height:4px;left:0;position:absolute;right:0;top:0}.premium-card-header{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:1px solid #e2e8f0;display:flex;gap:16px;padding:20px 24px}.card-selection{flex-shrink:0}.client-profile{align-items:center;display:flex;flex:1 1;gap:12px}.client-avatar-premium{font-size:18px;font-weight:700;position:relative}.avatar-status{background:#48bb78;border:2px solid #fff;border-radius:50%;bottom:-2px;height:16px;position:absolute;right:-2px;width:16px}.client-details-premium{flex:1 1}.client-name-premium{color:#1a202c;font-size:16px;font-weight:700;margin:0 0 4px}.client-phone-premium{color:#718096;font-family:Monaco,Menlo,monospace;font-size:14px;margin:0}.card-status{flex-shrink:0}.premium-status-badge{align-items:center;border:2px solid #0000;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.premium-status-badge.status-scheduled{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#1e40af}.premium-status-badge.status-sent{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7;color:#065f46}.premium-status-badge.status-delivered{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac;color:#166534}.premium-status-badge.status-read{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#c4b5fd;color:#6b21a8}.premium-status-badge.status-failed{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5;color:#991b1b}.premium-status-badge.status-cancelled{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#d1d5db;color:#374151}.premium-message-preview{padding:20px 24px}.message-bubble{background:#f7fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px;position:relative}.message-bubble:before{border-bottom:8px solid #e2e8f0;top:-8px}.message-bubble:after,.message-bubble:before{border-left:8px solid #0000;border-right:8px solid #0000;content:"";height:0;left:20px;position:absolute;width:0}.message-bubble:after{border-bottom:8px solid #f7fafc;top:-7px}.message-text{color:#2d3748;font-size:14px;line-height:1.6;margin:0 0 12px}.message-timestamp{align-items:center;color:#718096;display:flex;font-size:12px;gap:6px;justify-content:flex-end}.premium-card-metadata{background:#fafafa;border-bottom:1px solid #e2e8f0;padding:20px 24px}.metadata-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.metadata-item{align-items:center;gap:8px}.metadata-icon{background:#e2e8f0;border-radius:8px;color:#718096}.metadata-content{display:flex;flex-direction:column;gap:2px}.metadata-label{color:#a0aec0;font-weight:600}.metadata-value{color:#2d3748}.premium-card-actions{align-items:center;background:#fff;display:flex;justify-content:space-between;opacity:0;padding:16px 24px;transition:all .3s ease}.premium-card-actions.visible{opacity:1}.primary-actions,.secondary-actions{display:flex;gap:8px}.action-btn-premium{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.action-btn-premium:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.action-btn-premium.view{border-color:#4299e1;color:#4299e1}.action-btn-premium.view:hover{background:#4299e1;color:#fff}.action-btn-premium.edit{border-color:#48bb78;color:#48bb78}.action-btn-premium.edit:hover{background:#48bb78;color:#fff}.action-btn-premium.reschedule{border-color:#ed8936;color:#ed8936}.action-btn-premium.reschedule:hover{background:#ed8936;color:#fff}.action-btn-premium.cancel{border-color:#e53e3e;color:#e53e3e}.action-btn-premium.cancel:hover{background:#e53e3e;color:#fff}.action-btn-premium.more{border-color:#a0aec0;color:#a0aec0}.action-btn-premium.more:hover{background:#a0aec0;color:#fff}.premium-actions-menu{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:160px;overflow:hidden;position:absolute;right:24px;top:100%;z-index:10}.menu-action{align-items:center;background:#0000;border:none;color:#4a5568;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.menu-action:hover{background:#f7fafc}.overdue-indicator{align-items:center;animation:pulse 2s infinite;background:#e53e3e;border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.premium-pagination{align-items:center;background:#fff;border-radius:20px;border-top:1px solid #e2e8f0;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;margin-top:32px;padding:24px 32px}.pagination-info{color:#718096;font-size:14px}.pagination-btn,.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-btn{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){border-color:#667eea;color:#667eea;transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers{display:flex;gap:4px;margin:0 16px}.pagination-number{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer;display:flex;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.pagination-number:hover{border-color:#667eea;color:#667eea}.pagination-number.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea66;color:#fff}.premium-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden}.premium-table{width:100%}.table-header{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:2px solid #e2e8f0}.table-row{grid-gap:16px;align-items:center;border-bottom:1px solid #e2e8f0;display:grid;gap:16px;grid-template-columns:60px 200px 1fr 180px 120px 100px 120px;padding:16px 24px;transition:all .2s ease}.table-row.header{background:#0000;color:#4a5568;font-weight:600}.table-row:not(.header):hover{background:#f7fafc}.table-row.selected{background:#eff6ff;border-color:#667eea}.table-cell{color:#2d3748;font-size:14px}.table-cell.checkbox{display:flex;justify-content:center}.client-info-table{align-items:center;display:flex;gap:12px}.client-avatar-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.client-details-table{display:flex;flex-direction:column;gap:2px}.client-name-table{color:#1a202c;font-weight:600}.client-phone-table{color:#718096;font-family:Monaco,Menlo,monospace;font-size:12px}.message-preview-table{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#4a5568;display:-webkit-box;font-size:13px;line-height:1.4;overflow:hidden}.scheduled-info{display:flex;flex-direction:column;gap:4px}.scheduled-date{color:#1a202c;font-weight:600}.scheduled-countdown{color:#718096;font-size:12px}.table-actions{display:flex;gap:8px;justify-content:center}.table-actions button{background:#0000;border:none;border-radius:6px;color:#718096;cursor:pointer;padding:6px;transition:all .2s ease}.table-actions button:hover{background:#f7fafc;color:#4a5568}@media (max-width:1200px){.premium-messages-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.premium-stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.hero-content{flex-direction:column;gap:24px;text-align:center}.hero-title{font-size:28px}.premium-stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.control-header{align-items:flex-start;flex-direction:column;gap:16px}.control-actions{justify-content:space-between;width:100%}.premium-messages-grid{gap:16px;grid-template-columns:1fr;padding:16px}.metadata-grid{gap:12px;grid-template-columns:1fr}.premium-card-actions{align-items:stretch;flex-direction:column;gap:12px}.primary-actions,.secondary-actions{justify-content:center}.premium-pagination{flex-direction:column;gap:16px;text-align:center}.table-row{gap:8px;grid-template-columns:1fr;padding:16px}.table-cell{align-items:center;display:flex;justify-content:space-between}.table-cell:before{color:#718096;content:attr(data-label);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-cell.checkbox:before{display:none}}@media (max-width:480px){.premium-stats-grid{grid-template-columns:1fr}.hero-section{padding:24px 16px}.premium-control-panel,.premium-messages-section,.premium-pagination{margin:0 16px 24px}.premium-stats-section{padding:0 16px}.filter-pills{justify-content:center}.filters-grid{gap:16px;grid-template-columns:1fr}}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.action-btn-premium:focus,.control-btn:focus,.filter-input:focus,.filter-pill:focus,.filter-select:focus,.hero-btn:focus,.pagination-btn:focus,.pagination-number:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast:high){.premium-message-card{border:3px solid #000}.action-btn-premium,.premium-status-badge{border:2px solid}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loading-spinner.premium{animation:none;border:4px solid #667eea}.overdue-indicator{animation:none}}.client-phone-premium-main{color:#1a202c;font-family:Monaco,Menlo,Courier New,monospace;font-size:16px;font-weight:700;letter-spacing:.5px;margin:0 0 4px}.client-name-premium-sub{color:#718096;font-size:13px;font-weight:500;margin:0}.client-avatar-premium{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.phone-display-table{color:#1a202c;font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;font-weight:600;letter-spacing:.5px}.batch-id-display-table{background:#edf2f7;border-radius:6px;color:#718096;display:inline-block;font-family:Monaco,Menlo,monospace;font-size:12px;max-width:100%;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.template-campaigns-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));padding:24px}.template-campaign-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;position:relative;transition:all .3s ease}.template-campaign-card.hovered,.template-campaign-card:hover{border-color:#cbd5e0;box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.template-campaign-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.template-card-header{align-items:center;border-bottom:1px solid #f1f5f9;padding:24px 24px 16px}.template-info{align-items:center;display:flex;gap:16px}.template-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;display:flex;height:56px;justify-content:center;position:relative;width:56px}.template-details{flex:1 1}.template-name{color:#1a202c;font-size:20px;font-weight:700;line-height:1.2}.template-category{color:#718096;font-size:14px;margin:0;text-transform:capitalize}.template-status{flex-shrink:0}.template-description{padding:0 24px 16px}.template-description p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4a5568;display:-webkit-box;font-size:14px;line-height:1.5;margin:0;overflow:hidden}.template-metrics{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;padding:16px 24px}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.metric-item{gap:12px}.metric-icon,.metric-item{align-items:center;display:flex}.metric-icon{background:#e2e8f0;border-radius:10px;color:#718096;flex-shrink:0;height:36px;justify-content:center;width:36px}.metric-content{display:flex;flex-direction:column;gap:2px;min-width:0}.metric-value{color:#1a202c;font-size:18px;line-height:1}.metric-label{color:#a0aec0;font-size:12px;font-weight:600}.template-progress{padding:20px 24px}.progress-label{color:#4a5568;font-size:14px}.progress-percentage{color:#1a202c}.progress-bar-stack{background:#e2e8f0;border-radius:6px;display:flex;height:12px;margin-bottom:12px;overflow:hidden;width:100%}.progress-segment{height:100%;transition:width .3s ease}.progress-segment.delivered{background:linear-gradient(135deg,#48bb78,#38a169)}.progress-segment.sent{background:linear-gradient(135deg,#4299e1,#3182ce)}.progress-segment.failed{background:linear-gradient(135deg,#e53e3e,#c53030)}.progress-legend{font-size:12px;gap:16px}.legend-item{background:none;border:none;color:#718096;cursor:default;font-family:inherit;font-size:inherit;padding:0}.legend-item.clickable{border-radius:6px;cursor:pointer;padding:6px 12px;transition:all .2s}.legend-item.clickable:hover{background:#f7fafc;color:#2d3748;transform:translateY(-1px)}.legend-item.clickable:active{transform:translateY(0)}.legend-dot.delivered{background:#48bb78}.legend-dot.sent{background:#4299e1}.legend-dot.scheduled{background:#ed8936}.next-scheduled{align-items:center;background:#fffbeb;border-top:1px solid #fed7aa;color:#92400e;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px}.template-actions{border-top:1px solid #e2e8f0;padding:20px 24px}.action-btn-template{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#4a5568;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease}.action-btn-template.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.action-btn-template.secondary{background:#fff;border-color:#e0e7ff;color:#667eea}.action-btn-template:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.action-btn-template.secondary:hover{background:#f5f7ff;border-color:#667eea}.batch-details-section{animation:slideDown .3s ease-out;background:#f8fafc;border-top:2px solid #e2e8f0}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.batch-details-header{border-bottom:1px solid #e2e8f0;padding:20px 24px 12px}.batch-details-header h4{color:#1a202c;font-size:16px;font-weight:700;margin:0}.batch-list{display:flex;flex-direction:column;gap:16px;padding:16px 24px 24px}.batch-summary-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s ease}.batch-summary-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a}.batch-summary-card.status-scheduled{border-left:4px solid #4299e1}.batch-summary-card.status-processing{border-left:4px solid #ed8936}.batch-summary-card.status-delivered{border-left:4px solid #48bb78}.batch-summary-card.status-failed{border-left:4px solid #e53e3e}.batch-summary-card.status-cancelled{border-left:4px solid #a0aec0}.batch-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.batch-info{display:flex;flex-direction:column;gap:4px}.batch-id{align-items:center;color:#1a202c;display:flex;font-family:Monaco,Menlo,monospace;font-size:14px;font-weight:600;gap:6px}.batch-meta{color:#718096;display:flex;font-size:12px;gap:12px}.batch-count{font-weight:500}.batch-cost{color:#059669;font-weight:600}.batch-status{flex-shrink:0}.batch-status-badge{border-radius:12px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.batch-status-badge.status-scheduled{background:#dbeafe;color:#1e40af}.batch-status-badge.status-processing{background:#fed7aa;color:#9a3412}.batch-status-badge.status-delivered{background:#dcfce7;color:#166534}.batch-status-badge.status-failed{background:#fee2e2;color:#991b1b}.batch-status-badge.status-cancelled{background:#f3f4f6;color:#374151}.batch-progress{margin-bottom:12px}.progress-info{align-items:center;color:#718096;display:flex;font-size:12px;justify-content:space-between;margin-bottom:6px}.eta{color:#ed8936;font-weight:500}.batch-progress .progress-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden;width:100%}.batch-progress .progress-fill{background:linear-gradient(135deg,#4299e1,#3182ce);border-radius:3px;height:100%;transition:width .3s ease}.batch-schedule{align-items:center;color:#4a5568;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:16px}.batch-actions{display:flex;flex-wrap:wrap;gap:8px}.batch-action-btn{background:#fff;border:1px solid #e2e8f0;color:#4a5568;font-size:12px;gap:6px;padding:6px 12px}.batch-action-btn:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.batch-action-btn.view{border-color:#4299e1;color:#4299e1}.batch-action-btn.view:hover{background:#4299e1;color:#fff}.batch-action-btn.reschedule{border-color:#ed8936;color:#ed8936}.batch-action-btn.reschedule:hover{background:#ed8936;color:#fff}.batch-action-btn.cancel{border-color:#e53e3e;color:#e53e3e}.batch-action-btn.cancel:hover{background:#e53e3e;color:#fff}.batch-status-badge.status-processing{overflow:hidden;position:relative}.batch-status-badge.status-processing:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@media (max-width:1200px){.template-campaigns-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}@media (max-width:768px){.template-campaigns-grid{gap:16px;grid-template-columns:1fr;padding:16px}.template-campaign-card{border-radius:16px}.template-card-header{padding:20px 20px 16px}.template-info{gap:12px}.template-icon-wrapper{height:48px;width:48px}.template-name{font-size:18px}.metrics-grid{gap:12px;grid-template-columns:1fr}.metric-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.progress-legend{gap:8px}.batch-actions,.progress-legend{flex-direction:column}.batch-action-btn{justify-content:center}}@media (max-width:480px){.template-card-header{align-items:flex-start;flex-direction:column;gap:16px}.template-info{width:100%}.template-status{align-self:flex-end}.batch-header{align-items:flex-start;flex-direction:column;gap:8px}.batch-meta{flex-direction:column;gap:4px}}@media (prefers-color-scheme:dark){.template-campaign-card{background:#1a202c;border-color:#2d3748}.template-name{color:#f7fafc}.template-category{color:#a0aec0}.template-description p{color:#cbd5e0}.template-metrics{background:#2d3748;border-color:#4a5568}.metric-icon{background:#4a5568;color:#a0aec0}.metric-value{color:#f7fafc}.batch-summary-card{background:#2d3748;border-color:#4a5568}.batch-id{color:#f7fafc}}.scheduled-messages-navigation{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:0 32px 24px;overflow:hidden}.navigation-header{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:1px solid #e2e8f0;padding:24px 32px 16px}.navigation-header h3{color:#1a202c;font-size:20px;font-weight:700;margin:0 0 4px}.navigation-header p{color:#718096;font-size:14px;margin:0}.navigation-tabs{display:flex;padding:0}.navigation-tab{align-items:center;background:#fff;border:none;border-right:1px solid #e2e8f0;cursor:pointer;display:flex;flex:1 1;gap:16px;padding:20px 24px;position:relative;transition:all .3s ease}.navigation-tab:last-child{border-right:none}.navigation-tab:hover{background:#f8fafc}.navigation-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.navigation-tab.active:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.tab-icon{align-items:center;background:#f1f5f9;border-radius:12px;color:#64748b;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.navigation-tab.active .tab-icon{background:#fff3;color:#fff}.tab-content{display:flex;flex-direction:column;gap:4px;text-align:left}.tab-label{color:#1a202c;font-size:16px;font-weight:600;transition:color .3s ease}.navigation-tab.active .tab-label{color:#fff}.tab-description{color:#718096;font-size:13px;transition:color .3s ease}.navigation-tab.active .tab-description{color:#fffc}@media (max-width:768px){.scheduled-messages-navigation{margin:0 16px 24px}.navigation-tabs{flex-direction:column}.navigation-tab{border-bottom:1px solid #e2e8f0;border-right:none}.navigation-tab:last-child{border-bottom:none}.navigation-tab.active:after{bottom:0;height:0;left:0;right:auto;top:0;width:4px}}@media (max-width:480px){.navigation-header{padding:20px 20px 16px}.navigation-tab{gap:12px;padding:16px 20px}.tab-icon{height:36px;width:36px}.tab-label{font-size:14px}.tab-description{font-size:12px}}.enhanced-batch-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.enhanced-batch-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.enhanced-batch-card.hovered{z-index:10}.batch-card-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.batch-header-left{align-items:center;display:flex;flex:1 1;gap:12px}.batch-icon-wrapper{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;position:relative;width:48px}.batch-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:#3b82f64d;border-radius:12px;bottom:0;left:0;position:absolute;right:0;top:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.batch-title-section{flex:1 1;min-width:0}.batch-title{color:#111827;font-size:18px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-subtitle{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:4px;margin:0}.batch-header-right{flex-shrink:0}.batch-status-badge{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;white-space:nowrap}.batch-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.batch-stat-item{align-items:center;background:#f9fafb;border-radius:12px;display:flex;gap:10px;padding:12px;transition:all .2s ease}.batch-stat-item:hover{background:#f3f4f6;transform:scale(1.02)}.batch-stat-item .stat-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.batch-stat-item.primary .stat-icon{background:#eff6ff;color:#3b82f6}.batch-stat-item.success .stat-icon{background:#d1fae5;color:#059669}.batch-stat-item.warning .stat-icon{background:#fef3c7;color:#d97706}.batch-stat-item.danger .stat-icon{background:#fee2e2;color:#dc2626}.batch-stat-item .stat-content{flex:1 1;min-width:0}.batch-stat-item .stat-value{color:#111827;font-size:20px;font-weight:700;line-height:1;margin-bottom:4px}.batch-stat-item .stat-label{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.batch-progress-section{background:#f9fafb;border-radius:12px;margin-bottom:20px;padding:16px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.progress-label{color:#374151;font-size:13px;font-weight:600}.progress-percentage{color:#3b82f6;font-size:16px;font-weight:700}.progress-bar-container{margin-bottom:12px}.progress-bar-track{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;position:absolute;top:0;transition:all .3s ease}.progress-bar-fill.delivered{background:linear-gradient(90deg,#10b981,#059669);z-index:3}.progress-bar-fill.sent{background:linear-gradient(90deg,#3b82f6,#2563eb);z-index:2}.progress-bar-fill.failed{background:linear-gradient(90deg,#ef4444,#dc2626);z-index:1}.progress-legend{display:flex;flex-wrap:wrap;gap:12px}.legend-item{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.legend-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.legend-dot.delivered{background:#10b981}.legend-dot.sent{background:#3b82f6}.legend-dot.scheduled{background:#f59e0b}.legend-dot.failed{background:#ef4444}.batch-metadata-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.metadata-item{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:10px;padding:12px}.metadata-icon{align-items:center;background:#f3f4f6;border-radius:6px;color:#6b7280;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.metadata-content{flex:1 1;min-width:0}.metadata-label{display:block;font-size:11px;letter-spacing:.5px;margin-bottom:4px}.metadata-value{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-expand-section{margin-bottom:20px}.expand-toggle-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px;transition:all .2s ease;width:100%}.expand-toggle-btn:hover{background:#f3f4f6;border-color:#d1d5db}.expanded-messages-list{border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;overflow:hidden}.message-list-item{align-items:center;background:#fff;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px;transition:background .2s ease}.message-list-item:last-child{border-bottom:none}.message-list-item:hover{background:#f9fafb}.message-item-left{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.message-item-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:32px;justify-content:center;width:32px}.message-item-info{flex:1 1;min-width:0}.message-item-name{color:#111827;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-item-phone{color:#6b7280;font-size:12px}.message-item-right{flex-shrink:0}.message-item-status{border-radius:12px;font-size:11px;font-weight:500;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.message-item-status.scheduled{background:#fef3c7;color:#92400e}.message-item-status.sent{background:#dbeafe;color:#1e40af}.message-item-status.delivered{background:#d1fae5;color:#065f46}.message-item-status.failed{background:#fee2e2;color:#991b1b}.message-list-more{background:#f9fafb;color:#6b7280;font-size:13px;font-weight:500;padding:12px;text-align:center}.batch-action-btn,.batch-card-actions{display:flex;gap:8px}.batch-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;justify-content:center;padding:12px 16px;transition:all .2s ease}.batch-action-btn.primary{background:#3b82f6;color:#fff}.batch-action-btn.primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.batch-action-btn.secondary{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.batch-action-btn.secondary:hover{background:#e5e7eb;border-color:#d1d5db}.batch-action-btn.danger{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.batch-action-btn.danger:hover{background:#fecaca;border-color:#fca5a5}.batch-card-glow{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:18px;bottom:-2px;left:-2px;opacity:.1;pointer-events:none;position:absolute;right:-2px;top:-2px;z-index:-1}@media (max-width:1024px){.batch-stats-grid{grid-template-columns:repeat(2,1fr)}.batch-metadata-grid{grid-template-columns:1fr}}@media (max-width:640px){.enhanced-batch-card{padding:16px}.batch-stats-grid{grid-template-columns:1fr}.batch-card-actions{flex-direction:column}.batch-action-btn{width:100%}}.template-detail-view{margin:0 auto;max-width:1400px;padding:24px}.detail-header{justify-content:space-between;margin-bottom:24px}.back-button,.detail-header{align-items:center;display:flex}.back-button{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.back-button:hover{background:#f9fafb;border-color:#d1d5db;transform:translateX(-2px)}.header-actions{display:flex;gap:12px}.btn-secondary{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#6366f1;color:#6366f1}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.template-info-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;margin-bottom:24px;padding:32px}.info-header{margin-bottom:20px}.info-title{align-items:flex-start;display:flex;gap:16px}.info-title svg{flex-shrink:0;opacity:.9}.info-title h2{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.template-meta{align-items:center;display:flex;font-size:14px;gap:12px;opacity:.9}.category-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;font-weight:500;padding:4px 12px}.meta-name{font-family:Courier New,monospace;opacity:.8}.info-description{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.info-description svg{flex-shrink:0;opacity:.8}.info-description p{line-height:1.6;margin:0;opacity:.95}.info-variables{border-top:1px solid #fff3;padding-top:20px}.info-variables h4{font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;opacity:.9;text-transform:uppercase}.variables-list{display:flex;flex-wrap:wrap;gap:8px}.variable-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:8px;font-size:13px;font-weight:500;padding:6px 14px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}.message-control-center{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:24px;padding:24px}.control-header{justify-content:space-between;margin-bottom:20px}.control-header,.control-title{align-items:center;display:flex}.control-title{color:#111827;font-size:18px;font-weight:600;gap:12px}.control-title svg{color:#6366f1}.control-actions{gap:12px}.control-actions,.control-btn{align-items:center;display:flex}.control-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s}.control-btn:hover{background:#f9fafb;border-color:#6366f1;color:#6366f1}.control-btn.active{background:#eef2ff;border-color:#6366f1;color:#6366f1}.quick-filters{margin-bottom:20px}.filter-section{margin-bottom:16px}.filter-section-label{color:#6b7280;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.filter-pills{display:flex;flex-wrap:wrap;gap:10px}.filter-pill{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.filter-pill:hover{background:#f3f4f6;border-color:#d1d5db}.filter-pill.active{background:#6366f1;border-color:#6366f1;color:#fff}.filter-pill svg{flex-shrink:0}.pill-badge{background:#0000001a;border-radius:10px;font-size:12px;font-weight:600;min-width:24px;padding:2px 8px;text-align:center}.filter-pill.active .pill-badge{background:#fff3}.filter-summary{align-items:center;background:#f9fafb;border-radius:10px;display:flex;justify-content:space-between;margin-top:16px;padding:16px}.summary-text{color:#6b7280;font-size:14px}.summary-text strong{color:#111827;font-weight:600}.clear-filters-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.clear-filters-btn:hover{background:#fee2e2;border-color:#fecaca;color:#991b1b}.advanced-filters-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:16px;padding:20px}.filters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:600;gap:8px}.filter-label svg{color:#6366f1;flex-shrink:0}.filter-input,.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;outline:none;padding:10px 14px;transition:all .2s}.filter-input:focus,.filter-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.filter-input::placeholder{color:#9ca3af}.search-input{padding-left:14px}@media (max-width:768px){.control-header{align-items:flex-start;flex-direction:column;gap:12px}.filter-pills{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.filter-pill{white-space:nowrap}.filters-grid{grid-template-columns:1fr}.filter-summary{align-items:flex-start;flex-direction:column;gap:12px}}.stat-card{align-items:center;border:2px solid #0000;box-shadow:0 2px 8px #0000000d;display:flex;gap:16px;padding:24px;transition:all .3s}.stat-card:hover{box-shadow:0 4px 16px #0000001a}.stat-card.total{border-color:#6366f1}.stat-card.scheduled{border-color:#f59e0b}.stat-card.success{border-color:#10b981}.stat-card.failed{border-color:#ef4444}.stat-card.cost{border-color:#8b5cf6}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.stat-card.total .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card.scheduled .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-card.success .stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-card.failed .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-card.cost .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stat-content{flex:1 1}.stat-value{font-size:32px;line-height:1;margin-bottom:4px}.stat-label{font-size:14px;font-weight:500}.tabs-container{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden}.tabs-header{border-bottom:1px solid #e5e7eb;padding:24px 24px 0}.tabs-nav{display:flex;gap:8px;margin-bottom:-1px}.tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;position:relative;transition:all .2s}.tab-button:hover{background:#f9fafb;border-radius:8px 8px 0 0;color:#374151}.tab-button.active{border-bottom-color:#6366f1;color:#6366f1}.tab-count{background:#e5e7eb;border-radius:10px;color:#374151;font-size:12px;font-weight:600;min-width:24px;padding:2px 8px;text-align:center}.tab-button.active .tab-count{background:#6366f1;color:#fff}.tabs-actions{padding:16px 0}.search-box{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;max-width:400px;padding:10px 16px}.search-box svg{color:#9ca3af;flex-shrink:0}.search-box input{background:#0000;border:none;color:#374151;flex:1 1;font-size:14px;outline:none}.search-box input::placeholder{color:#9ca3af}.bulk-actions-bar{background:#f0f9ff;border-bottom:1px solid #bae6fd;padding:16px 24px}.bulk-info{align-items:center;color:#0369a1;display:flex;font-size:14px;font-weight:500;gap:12px}.bulk-info input[type=checkbox]{cursor:pointer;height:18px;width:18px}.bulk-buttons{display:flex;gap:12px}.bulk-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.bulk-btn.reschedule{background:#f59e0b;color:#fff}.bulk-btn.reschedule:hover{background:#d97706}.bulk-btn.cancel{background:#ef4444;color:#fff}.bulk-btn.cancel:hover{background:#dc2626}.messages-table-container{overflow-x:auto;padding:24px}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.messages-table{background:#fff;border-collapse:collapse;min-width:1000px;width:100%}.messages-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.messages-table th{color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.messages-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.messages-table tbody tr:hover{background:#f9fafb}.messages-table td{color:#374151;font-size:14px;padding:16px;vertical-align:middle;white-space:nowrap}.messages-table td input[type=checkbox]{cursor:pointer;height:18px;width:18px}.batch-tag{background:#e0e7ff;border-radius:6px;color:#4f46e5;font-weight:500;padding:6px 12px}.batch-tag,.status-badge{display:inline-block;font-size:12px;white-space:nowrap}.status-badge{border-radius:12px;font-weight:600;letter-spacing:.5px}.status-badge.status-scheduled{background:#fef3c7;color:#92400e}.status-badge.status-sent{background:#dbeafe;color:#1e40af}.status-badge.status-delivered{background:#d1fae5;color:#065f46}.status-badge.status-failed{background:#fee2e2;color:#991b1b}.status-badge.status-cancelled{background:#f3f4f6;color:#4b5563}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s;width:32px}.action-btn.reschedule{background:#fef3c7;color:#92400e}.action-btn.reschedule:hover{background:#fde68a}.action-btn.cancel{background:#fee2e2;color:#991b1b}.action-btn.cancel:hover{background:#fecaca}.action-btn.info{background:#dbeafe;color:#1e40af}.action-btn.info:hover{background:#bfdbfe}.empty-state{padding:80px 24px}.empty-state svg{color:#d1d5db;margin-bottom:16px}.empty-state h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p{color:#6b7280;margin:0}.template-not-found{padding:80px 24px;text-align:center}.template-not-found svg{color:#ef4444;margin-bottom:16px}.template-not-found h3{color:#374151;font-size:24px;font-weight:600;margin:0 0 24px}.btn-primary{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.btn-primary:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.messages-table-container{overflow-x:scroll}.messages-table{min-width:900px}}@media (max-width:768px){.template-detail-view{padding:16px}.detail-header{align-items:flex-start;flex-direction:column;gap:16px}.template-info-card{padding:24px}.info-title h2{font-size:22px}.stats-grid{grid-template-columns:1fr}.tabs-nav{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab-button{white-space:nowrap}.bulk-actions-bar{align-items:flex-start;flex-direction:column;gap:12px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;padding:20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.company-portal{--primary-color:#3b82f6;--primary-dark:#1e40af;--secondary-color:#10b981;--accent-color:#f59e0b}.admin-portal{--primary-color:#1e40af;--primary-dark:#1e3a8a;--secondary-color:#ef4444;--accent-color:#8b5cf6}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.metric-card{background:#fff;border-left:4px solid var(--primary-color);border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:20px}.metric-value{color:var(--primary-color);font-size:28px;font-weight:700;margin-bottom:5px}.metric-label{color:#666;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.chart-container{margin-bottom:20px;padding:20px}.chart-container,.data-table{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.data-table{overflow:hidden}.table-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:15px 20px}.table-title{color:#2d3748;font-size:18px;font-weight:600}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.pagination button{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;padding:8px 12px;transition:all .2s}.pagination button:hover{background:#f7fafc}.pagination button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.5}.filter-bar{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.filter-bar input,.filter-bar select{border:1px solid #e2e8f0;border-radius:6px;font-size:14px;padding:8px 12px}.action-buttons{display:flex;flex-wrap:wrap;gap:10px}.quick-actions{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.quick-action-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;color:inherit;cursor:pointer;overflow:hidden;padding:24px;position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-action-card:before{background:linear-gradient(135deg,#3b82f6,#1e40af);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.quick-action-card:hover:before{transform:scaleX(1)}.quick-action-card:hover{border-color:#3b82f6;box-shadow:0 10px 25px #0000001a,0 4px 6px #0000000d;transform:translateY(-4px)}.quick-action-icon{display:block;filter:grayscale(.3);font-size:40px;margin-bottom:16px;transition:filter .3s ease}.quick-action-card:hover .quick-action-icon{filter:grayscale(0)}.quick-action-title{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:8px}.quick-action-desc{color:#6b7280;font-size:14px;line-height:1.5}.status-indicator{align-items:center;display:inline-flex;gap:5px}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot.active{background-color:#4caf50}.status-dot.pending{background-color:#ff9800}.status-dot.suspended{background-color:#f44336}.status-dot.rejected{background-color:#9e9e9e}.empty-state{color:#666;padding:60px 20px;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{color:#333;margin-bottom:10px}.empty-state p{font-size:14px;margin-bottom:20px}.template-status{border-radius:12px;font-size:12px;font-weight:700;padding:4px 12px;text-transform:uppercase}.template-status.pending{background:#cce5ff;color:#004085}.template-status.approved{background:#d4edda;color:#155724}.template-status.rejected{background:#f8d7da;color:#721c24}.template-status.suspended{background:#fff3cd;color:#856404}.template-content-preview{background:#f8f9fa;border-radius:6px;font-size:14px;line-height:1.4;max-height:100px;overflow:hidden;padding:12px;position:relative}.template-content-preview:after{background:linear-gradient(#0000,#f8f9fa);bottom:0;content:"";height:20px;left:0;position:absolute;right:0}.template-variables{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.template-variable{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:12px;padding:2px 8px}.bulk-actions-bar{align-items:center;background:#e3f2fd;display:flex;justify-content:space-between}.bulk-actions-bar,.template-filters{border-radius:8px;margin-bottom:20px;padding:15px}.template-filters{grid-gap:15px;background:#f8f9fa;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.template-filters{gap:10px;grid-template-columns:1fr}.bulk-actions-bar{align-items:stretch;flex-direction:column;gap:10px}}.stat-card{background:#fff;border-left:4px solid #007bff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.stat-card.success{border-left-color:#28a745}.stat-card.warning{border-left-color:#ffc107}.stat-card.danger{border-left-color:#dc3545}.stat-card.info{border-left-color:#17a2b8}.stat-value{color:#333;font-size:24px;margin-bottom:5px}.stat-label{color:#666;font-size:12px;letter-spacing:.5px}.stat-trend{border-top:1px solid #f0f0f0;color:#888;font-size:11px;margin-top:8px;padding-top:8px}.analytics-chart{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;overflow:hidden;padding:20px;position:relative}.analytics-chart:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.analytics-chart-content{position:relative;z-index:1}.performance-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:20px 0}.performance-metric{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;text-align:center;transition:all .2s ease}.performance-metric:hover{background:#e9ecef;transform:translateY(-1px)}.performance-metric-value{color:#495057;font-size:18px;font-weight:700;margin-bottom:5px}.performance-metric-label{color:#6c757d;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.status-breakdown{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.status-item{border-radius:8px;font-size:14px;font-weight:500;padding:12px;text-align:center}.status-item.delivered{background:#d4edda;color:#155724}.status-item.scheduled{background:#fff3cd;color:#856404}.status-item.sent{background:#cce7ff;color:#004085}.status-item.failed{background:#f8d7da;color:#721c24}.growth-indicator{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:2px 6px}.growth-indicator.positive{background:#d4edda;color:#155724}.growth-indicator.negative{background:#f8d7da;color:#721c24}.growth-indicator.neutral{background:#e2e3e5;color:#495057}.card-enhanced{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden;transition:all .3s ease}.card-enhanced:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.card-enhanced .card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;padding:20px}.card-enhanced .card-body{padding:20px}@media (max-width:768px){.dashboard-grid{gap:15px;grid-template-columns:1fr}.performance-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.stat-value{font-size:20px}.analytics-chart{padding:15px}}@media (max-width:480px){.performance-grid,.status-breakdown{grid-template-columns:1fr}}.professional-header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:2px solid #e5e7eb;color:#1f2937}.feature-highlight{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:12px;margin:16px 0;padding:20px}.metric-comparison{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:20px 0}.metric-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:16px;text-align:center}.metric-number{color:#3b82f6;font-size:24px;font-weight:700;margin-bottom:4px}.metric-description{color:#6b7280;font-size:12px;letter-spacing:.05em;text-transform:uppercase}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-text{border-radius:4px;height:16px;margin-bottom:8px}.skeleton-title{border-radius:6px;height:24px;margin-bottom:12px}.form-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.form-section-title{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.input-group{margin-bottom:20px;position:relative}.input-group input:focus+.input-label,.input-group input:not(:placeholder-shown)+.input-label{color:#3b82f6;transform:translateY(-24px) scale(.8)}.input-label{background:#fff;color:#6b7280;left:12px;padding:0 4px;pointer-events:none;position:absolute;top:12px;transition:all .2s ease}.progress-bar{border-radius:4px;height:8px}.progress-fill{transition:width .3s ease}.message-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.message-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.message-card-selected{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.message-card-content{padding:var(--spacing-lg)}.message-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.message-card-client{align-items:center;display:flex;gap:var(--spacing-sm)}.message-checkbox{accent-color:var(--primary-color);border:1px solid #d1d5db;border-radius:var(--border-radius-sm);height:16px;width:16px}.client-info{flex:1 1}.status-badge{padding:4px 12px}.status-scheduled{background-color:#dbeafe;color:#1e40af}.status-sent{background-color:#d1fae5;color:#065f46}.status-delivered{background-color:#dcfce7;color:#166534}.status-failed{background-color:#fee2e2;color:#991b1b}.status-cancelled{background-color:#f3f4f6;color:#374151}.message-preview{margin-bottom:var(--spacing-md)}.message-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#374151;display:-webkit-box;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0;overflow:hidden}.message-metadata{grid-gap:var(--spacing-md);border-top:1px solid #f3f4f6;display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-md);padding-top:var(--spacing-md)}.metadata-item{display:flex;flex-direction:column;gap:4px}.metadata-label{color:#6b7280;font-size:var(--font-size-xs);font-weight:500;letter-spacing:.025em;text-transform:uppercase}.metadata-value{color:#111827;font-size:var(--font-size-sm);font-weight:600;margin:0}.metadata-batch{font-family:Monaco,Menlo,monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-actions{border-top:1px solid #f3f4f6;padding-top:var(--spacing-md)}.select-all-header{align-items:center;background:#f9fafb;border-radius:var(--border-radius-md);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.select-all-controls{align-items:center;display:flex;gap:var(--spacing-sm)}.select-all-label{color:#374151;font-size:var(--font-size-sm);font-weight:500}.selection-count{color:#6b7280;font-size:var(--font-size-sm)}@media (max-width:768px){.message-metadata{gap:var(--spacing-sm);grid-template-columns:1fr}.message-actions{align-items:stretch;flex-direction:column}.message-actions .btn{justify-content:center}}.template-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.template-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);cursor:pointer;padding:var(--spacing-lg);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.template-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.template-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.template-info{flex:1 1}.template-name{color:#111827;font-size:var(--font-size-lg);font-weight:600;margin:0 0 4px}.template-category{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:9999px;color:#fff;font-size:var(--font-size-xs);font-weight:500;letter-spacing:.025em;padding:4px 12px;text-transform:uppercase}.template-description{color:#6b7280;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}.template-stats{grid-gap:var(--spacing-md);border-top:1px solid #f3f4f6;display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(80px,1fr));padding-top:var(--spacing-md)}.stat-item{text-align:center}.stat-value{color:#111827;font-size:var(--font-size-xl);font-weight:700;margin-bottom:2px}.stat-label{color:#6b7280;font-size:var(--font-size-xs);letter-spacing:.025em;text-transform:uppercase}.message-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.enhanced-message-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.enhanced-message-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.message-header{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:var(--spacing-lg)}.client-info,.message-header{align-items:center;display:flex}.client-info{gap:var(--spacing-md)}.client-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-lg);font-weight:600;height:48px;justify-content:center;width:48px}.client-details{flex:1 1}.client-name{color:#111827;font-size:var(--font-size-base);font-weight:600;margin:0 0 2px}.client-phone{color:#6b7280;font-family:Monaco,Menlo,monospace;font-size:var(--font-size-sm);margin:0}.message-status,.status-badge{align-items:center;display:flex}.status-badge{border-radius:9999px;font-size:var(--font-size-xs);font-weight:500;gap:4px;letter-spacing:.025em;padding:6px 12px;text-transform:uppercase}.message-content{border-bottom:1px solid #f3f4f6;padding:var(--spacing-lg)}.message-preview{color:#374151;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.message-meta{background:#fafafa;border-bottom:1px solid #f3f4f6;padding:var(--spacing-lg)}.meta-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.meta-item{align-items:center;display:flex;gap:var(--spacing-sm)}.meta-item svg{color:#6b7280;flex-shrink:0}.meta-label{color:#6b7280;font-size:var(--font-size-xs);letter-spacing:.025em;margin-bottom:2px;text-transform:uppercase}.meta-value{color:#111827;font-size:var(--font-size-sm);font-weight:600}.message-actions{align-items:center;background:#fff;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-lg)}@media (max-width:768px){.template-grid{grid-template-columns:1fr}.template-stats{grid-template-columns:repeat(2,1fr)}.meta-grid{gap:var(--spacing-md);grid-template-columns:1fr}.message-actions{align-items:stretch;flex-direction:column}.message-actions .btn{justify-content:center}.message-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.client-info{width:100%}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:var(--z-modal)}.enhanced-modal{background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.enhanced-modal.small{max-width:500px}.modal-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:var(--spacing-xl)}.modal-title-section{align-items:center;display:flex;gap:var(--spacing-md)}.modal-title{color:#111827;font-size:var(--font-size-2xl);font-weight:700;margin:0}.modal-subtitle{color:#6b7280;font-size:var(--font-size-sm);margin:0}.modal-close-btn{background:#0000;border:1px solid #e5e7eb;border-radius:var(--border-radius-md);color:#6b7280;cursor:pointer;padding:var(--spacing-sm);transition:all var(--duration-fast) var(--ease-out)}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.modal-progress{background:#fafafa;border-bottom:1px solid #e5e7eb;padding:var(--spacing-lg) var(--spacing-xl) 0}.progress-steps{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.progress-step{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm);position:relative}.progress-step:not(:last-child):after{background:#e5e7eb;content:"";height:2px;left:50%;position:absolute;right:-50%;top:12px}.progress-step.completed:not(:last-child):after{background:#10b981}.step-number{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;flex-shrink:0;font-size:var(--font-size-xs);font-weight:600;height:24px;justify-content:center;width:24px}.progress-step.active .step-number{background:#3b82f6;color:#fff}.progress-step.completed .step-number{background:#10b981;color:#fff}.step-name{color:#6b7280;font-size:var(--font-size-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-step.active .step-name{color:#3b82f6}.progress-step.completed .step-name{color:#10b981}.progress-bar{background:#e5e7eb;border-radius:2px;height:4px;margin-bottom:var(--spacing-lg);overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:2px;height:100%;transition:width var(--duration-normal) var(--ease-out)}.modal-content{flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.form-step{display:flex;flex-direction:column;gap:var(--spacing-lg)}.step-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.step-header h3{color:#111827;font-size:var(--font-size-xl);font-weight:600;margin:0}.step-header p{color:#6b7280;font-size:var(--font-size-sm);margin:0}.form-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{flex-direction:column}.form-group,.form-label{display:flex;gap:var(--spacing-sm)}.form-label{align-items:center;color:#374151;font-size:var(--font-size-sm);font-weight:600}.form-input,.form-textarea{border:1px solid #d1d5db;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);padding:var(--spacing-md);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input.error,.form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input.datetime-input{background-color:#f9fafb;border:2px solid #e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:all .2s ease}.form-input.datetime-input:hover{background-color:#fff;border-color:#d1d5db}.form-input.datetime-input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.datetime-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.form-input.datetime-input::-webkit-calendar-picker-indicator:hover{opacity:1}.form-textarea{min-height:100px;resize:vertical}.textarea-footer{display:flex;justify-content:flex-end;margin-top:4px}.character-count{color:#6b7280;font-size:var(--font-size-xs)}.character-count.warning{color:#f59e0b}.character-count.error{color:#ef4444;font-weight:600}.error-message{color:#ef4444;font-size:var(--font-size-xs);font-weight:500}.comparison-card,.message-preview-card,.review-card,.warning-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.preview-header{align-items:center;color:#374151;display:flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.whatsapp-preview{background:#e5f3e5;border-radius:var(--border-radius-lg);padding:var(--spacing-md);position:relative}.whatsapp-preview.large{padding:var(--spacing-lg)}.whatsapp-message{background:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:#374151;font-size:var(--font-size-sm);line-height:var(--line-height-normal);padding:var(--spacing-md);position:relative}.message-timestamp{color:#6b7280;font-size:var(--font-size-xs);margin-top:var(--spacing-sm);text-align:right}.comparison-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.comparison-item{text-align:center}.comparison-label{color:#6b7280;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-sm)}.comparison-value{border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-md)}.comparison-value.original{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.comparison-value.new{background:#dcfce7;border:1px solid #86efac;color:#166534}.review-section{margin-bottom:var(--spacing-lg)}.review-section h4{align-items:center;color:#374151;font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-md) 0}.review-items,.review-section h4{display:flex;gap:var(--spacing-sm)}.review-items{flex-direction:column}.review-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.review-label{color:#6b7280;font-weight:500}.review-value{color:#111827;flex:1 1;font-weight:600;margin-left:var(--spacing-md);text-align:right}.review-message{background:#fff;border:1px solid #e5e7eb;border-radius:var(--border-radius-md);color:#374151;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);padding:var(--spacing-md)}.warning-card{align-items:flex-start;background:#fef2f2;border:1px solid #fca5a5;display:flex;gap:var(--spacing-md)}.warning-card h3{color:#991b1b;font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-sm) 0}.warning-card p{color:#7f1d1d;font-size:var(--font-size-sm);margin:0}.collapsible-section{margin-top:var(--spacing-lg)}.collapsible-header{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:var(--border-radius-md);color:#374151;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md);transition:background-color var(--duration-fast) var(--ease-out);width:100%}.collapsible-header:hover{background:#e5e7eb}.message-details-card{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 var(--border-radius-md) var(--border-radius-md);border-top:none;padding:var(--spacing-md)}.detail-item{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.detail-label{color:#6b7280;font-weight:600;min-width:80px}.detail-value{color:#374151;flex:1 1}.view-sections{display:flex;flex-direction:column;gap:var(--spacing-xl)}.view-section h3{align-items:center;color:#374151;display:flex;font-size:var(--font-size-lg);font-weight:600;gap:var(--spacing-sm);margin:0 0 var(--spacing-lg) 0}.copy-btn{background:#0000;border:1px solid #e5e7eb;border-radius:var(--border-radius-sm);color:#6b7280;cursor:pointer;margin-left:auto;padding:var(--spacing-sm);transition:all var(--duration-fast) var(--ease-out)}.copy-btn:hover{background:#f3f4f6;color:#374151}.client-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg)}.client-avatar.large{font-size:var(--font-size-2xl);height:64px;width:64px}.client-card h4{color:#111827;font-size:var(--font-size-lg);font-weight:600;margin:0}.client-card p{color:#6b7280;font-family:Monaco,Menlo,monospace;font-size:var(--font-size-sm);margin:0}.message-content-view{margin-top:var(--spacing-md)}.info-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.info-item svg{color:#6b7280;flex-shrink:0}.info-label{color:#6b7280;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.025em;margin-bottom:4px;text-transform:uppercase}.info-value{color:#111827;font-size:var(--font-size-sm);font-weight:600}.info-value.monospace{font-family:Monaco,Menlo,monospace;font-size:var(--font-size-xs)}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:var(--spacing-lg) var(--spacing-xl)}.footer-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}@media (max-width:768px){.modal-overlay{padding:var(--spacing-sm)}.enhanced-modal{max-height:95vh}.modal-header{padding:var(--spacing-lg)}.modal-title{font-size:var(--font-size-xl)}.modal-content{padding:var(--spacing-lg)}.progress-steps{flex-direction:column;gap:var(--spacing-sm)}.progress-step:not(:last-child):after{display:none}.step-name{white-space:normal}.comparison-grid,.form-grid,.info-grid{grid-template-columns:1fr}.footer-actions{flex-direction:column}}.divider-section{align-items:center;display:flex;margin:24px 0}.divider-line{background:#e5e7eb;flex:1 1;height:1px}.divider-text{color:#6b7280;padding:0 16px}.divider-text,.phone-number{font-size:14px;font-weight:500}.phone-number{color:#4b5563;display:inline-block;font-family:Monaco,Menlo,Courier New,monospace;letter-spacing:.5px;padding:2px 0}.client-card .phone-number{color:#6b7280;font-size:15px;margin-top:4px}.client-details .phone-number,.client-info .phone-number{display:block;margin-top:2px}
/*# sourceMappingURL=main.d82a9a34.css.map*/