@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--sidebar-bg:#0d1117;--sidebar-surface:#161b22;--sidebar-border:#ffffff0f;--sidebar-text-primary:#f0f6fc;--sidebar-text-secondary:#8b949e;--sidebar-text-muted:#484f58;--accent-org:#22c55e;--accent-org-dim:#22c55e1f;--accent-org-glow:#22c55e40;--accent-super:#a78bfa;--accent-super-dim:#a78bfa1f;--accent-super-glow:#a78bfa40;--danger:#f85149;--danger-dim:#f851491f;--sidebar-width:260px;--sidebar-collapsed-width:68px}.sidebar *,.sidebar-mobile *{box-sizing:border-box;font-family:Inter,-apple-system,sans-serif}.sidebar{background:#0d1117;background:var(--sidebar-bg);border-right:1px solid #ffffff0f;border-right:1px solid var(--sidebar-border);bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:0;transition:width .25s cubic-bezier(.4,0,.2,1);width:260px;width:var(--sidebar-width);z-index:100}.sidebar.sidebar-collapsed{width:68px;width:var(--sidebar-collapsed-width)}.sidebar-header{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--sidebar-border);flex-shrink:0;gap:8px;justify-content:space-between;padding:16px 12px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{gap:10px;min-width:0;overflow:hidden}.sidebar-logo-icon{align-items:center;background:#22c55e;background:var(--accent-org);border-radius:8px;box-shadow:0 0 14px #22c55e40;box-shadow:0 0 14px var(--accent-org-glow);color:#0a0f1e;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:34px;justify-content:center;width:34px}.sidebar-logo-icon.super-admin{background:#a78bfa;background:var(--accent-super);box-shadow:0 0 14px #a78bfa40;box-shadow:0 0 14px var(--accent-super-glow)}.sidebar-logo-text{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap}.sidebar-brand{color:#f0f6fc;color:var(--sidebar-text-primary);font-size:13px;font-weight:700;letter-spacing:-.2px}.sidebar-tagline{color:#484f58;color:var(--sidebar-text-muted);font-size:10px;margin-top:1px}.sidebar-collapse-btn{align-items:center;background:#161b22;background:var(--sidebar-surface);border:1px solid #ffffff0f;border:1px solid var(--sidebar-border);border-radius:7px;color:#8b949e;color:var(--sidebar-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;transition:background .15s,color .15s;width:26px}.sidebar-collapse-btn:hover{background:#ffffff14;color:#f0f6fc;color:var(--sidebar-text-primary)}.sidebar-badge{background:#a78bfa1f;background:var(--accent-super-dim);border:1px solid #a78bfa33;border-radius:20px;color:#a78bfa;color:var(--accent-super);font-size:9px;font-weight:700;letter-spacing:.8px;margin:8px 10px 2px;padding:3px 8px;text-align:center;text-transform:uppercase}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:10px 8px;scrollbar-color:#ffffff0f #0000;scrollbar-color:var(--sidebar-border) #0000;scrollbar-width:thin}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff0f;background:var(--sidebar-border);border-radius:2px}.sidebar-section{margin-bottom:18px}.sidebar-section:last-child{margin-bottom:0}.sidebar-section-label{color:#484f58;color:var(--sidebar-text-muted);font-size:9px;font-weight:600;letter-spacing:1px;margin-bottom:4px;padding:0 8px;text-transform:uppercase;white-space:nowrap}.sidebar-link{align-items:center;border-radius:7px;color:#8b949e;color:var(--sidebar-text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:9px;overflow:hidden;padding:8px 9px;position:relative;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.sidebar-link:hover{background:#ffffff0d;color:#f0f6fc;color:var(--sidebar-text-primary)}.sidebar-link.active{background:#22c55e1f;background:var(--active-bg,var(--accent-org-dim));color:#22c55e;color:var(--active-color,var(--accent-org))}.sidebar-link.active:before{background:#22c55e;background:var(--active-color,var(--accent-org));border-radius:0 3px 3px 0;box-shadow:0 0 6px #22c55e;box-shadow:0 0 6px var(--active-color,var(--accent-org));content:"";height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar-link.link-collapsed{justify-content:center;padding:9px}.sidebar-link.link-collapsed:before{display:none}.sidebar-link-icon{flex-shrink:0;height:16px;width:16px}.sidebar-link-label{flex:1 1;overflow:hidden;white-space:nowrap}.sidebar-link-badge{background:#f85149;background:var(--danger);border-radius:20px;box-shadow:0 0 6px #f8514966;color:#fff;font-size:9px;font-weight:700;padding:2px 6px}.sidebar-link-badge-dot{background:#f85149;background:var(--danger);border-radius:50%;box-shadow:0 0 5px #f8514980;height:7px;position:absolute;right:4px;top:4px;width:7px}.sidebar-collapsed .sidebar-link.link-collapsed:after{background:#161b22;background:var(--sidebar-surface);border:1px solid #ffffff0f;border:1px solid var(--sidebar-border);border-radius:7px;box-shadow:0 4px 14px #0006;color:#f0f6fc;color:var(--sidebar-text-primary);content:attr(data-label);font-size:12px;font-weight:500;left:calc(100% + 8px);opacity:0;padding:5px 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .1s ease;white-space:nowrap;z-index:999}.sidebar-collapsed .sidebar-link.link-collapsed:hover:after{opacity:1}.sidebar-footer{border-top:1px solid #ffffff0f;border-top:1px solid var(--sidebar-border);flex-shrink:0;padding:10px 8px}.sidebar-user{align-items:center;background:#161b22;background:var(--sidebar-surface);border:1px solid #ffffff0f;border:1px solid var(--sidebar-border);border-radius:10px;display:flex;gap:8px;padding:7px 8px;transition:background .15s}.sidebar-user:hover{background:#ffffff0a}.sidebar-avatar{align-items:center;background:#22c55e;background:var(--accent-org);border-radius:7px;box-shadow:0 0 8px #22c55e40;box-shadow:0 0 8px var(--accent-org-glow);color:#0a0f1e;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:30px;justify-content:center;width:30px}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{color:#f0f6fc;color:var(--sidebar-text-primary);font-size:12px;font-weight:600}.sidebar-user-name,.sidebar-user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-size:10px}.sidebar-logout-btn,.sidebar-user-role{color:#484f58;color:var(--sidebar-text-muted)}.sidebar-logout-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;transition:background .15s,color .15s;width:26px}.sidebar-logout-btn:hover{background:#f851491f;background:var(--danger-dim);color:#f85149;color:var(--danger)}.sidebar-mobile{background:#0d1117;background:var(--sidebar-bg);border-right:1px solid #ffffff0f;border-right:1px solid var(--sidebar-border);bottom:0;box-shadow:4px 0 24px #00000080;display:flex;flex-direction:column;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);width:280px;z-index:200}.sidebar-mobile.open{transform:translateX(0)}.sidebar-mobile-header{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--sidebar-border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 14px}.sidebar-mobile-logo{align-items:center;color:#f0f6fc;color:var(--sidebar-text-primary);display:flex;font-size:14px;font-weight:700;gap:10px}.sidebar-mobile-close{align-items:center;background:#161b22;background:var(--sidebar-surface);border:1px solid #ffffff0f;border:1px solid var(--sidebar-border);border-radius:7px;color:#8b949e;color:var(--sidebar-text-secondary);cursor:pointer;display:flex;height:30px;justify-content:center;transition:background .15s;width:30px}.sidebar-mobile-close:hover{background:#ffffff14;color:#f0f6fc;color:var(--sidebar-text-primary)}.sidebar-mobile-nav{flex:1 1;overflow-y:auto;padding:10px 8px;scrollbar-color:#ffffff0f #0000;scrollbar-color:var(--sidebar-border) #0000;scrollbar-width:thin}.sidebar-mobile-section-label{color:#484f58;color:var(--sidebar-text-muted);font-size:9px;font-weight:600;letter-spacing:1px;padding:8px 8px 4px;text-transform:uppercase}.sidebar-mobile-link{align-items:center;border-radius:7px;color:#8b949e;color:var(--sidebar-text-secondary);display:flex;font-size:13px;font-weight:500;gap:9px;padding:10px 9px;position:relative;text-decoration:none;transition:background .15s,color .15s}.sidebar-mobile-link:hover{background:#ffffff0d;color:#f0f6fc;color:var(--sidebar-text-primary)}.sidebar-mobile-link.active{background:#22c55e1f;background:var(--accent-org-dim);color:#22c55e;color:var(--accent-org)}.sidebar-mobile-link.active:before{background:#22c55e;background:var(--accent-org);border-radius:0 3px 3px 0;box-shadow:0 0 6px #22c55e;box-shadow:0 0 6px var(--accent-org);content:"";height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar-mobile-link-icon{flex-shrink:0;height:16px;width:16px}.sidebar-mobile-link-badge{background:#f85149;background:var(--danger);border-radius:20px;box-shadow:0 0 6px #f8514966;color:#fff;font-size:9px;font-weight:700;margin-left:auto;padding:2px 6px}.sidebar-mobile-footer{border-top:1px solid #ffffff0f;border-top:1px solid var(--sidebar-border);flex-shrink:0;padding:10px 8px}.sidebar-mobile-user{align-items:center;background:#161b22;background:var(--sidebar-surface);border:1px solid #ffffff0f;border:1px solid var(--sidebar-border);border-radius:10px;display:flex;gap:8px;margin-bottom:8px;padding:8px}.sidebar-mobile-user-info{flex:1 1;min-width:0}.sidebar-mobile-user-name{color:#f0f6fc;color:var(--sidebar-text-primary);font-size:12px;font-weight:600}.sidebar-mobile-user-role{color:#484f58;color:var(--sidebar-text-muted);font-size:10px}.sidebar-mobile-logout{align-items:center;background:#f851491f;background:var(--danger-dim);border:1px solid #f8514940;border-radius:7px;color:#f85149;color:var(--danger);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:9px 14px;transition:background .15s;width:100%}.sidebar-mobile-logout:hover{background:#f8514933}@media (max-width:768px){.sidebar{display:none}}.topbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #e2e8f0;height:72px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:16px}.topbar-menu-btn{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:none;padding:8px;transition:all .2s}.topbar-menu-btn:hover{background:#f1f5f9;color:#0f172a}.topbar-title-section{display:flex;flex-direction:column}.topbar-title{color:#0f172a;font-size:20px;font-weight:700;line-height:1.2;margin:0}.topbar-subtitle{color:#94a3b8;font-size:12px;margin:0}.topbar-right{gap:12px}.topbar-right,.topbar-search{align-items:center;display:flex}.topbar-search{position:relative}.topbar-search-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;outline:none;padding:8px 12px 8px 36px;transition:all .2s;width:200px}.topbar-search-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;width:260px}.topbar-search-icon{color:#94a3b8;height:16px;left:10px;pointer-events:none;position:absolute;width:16px}.topbar-icon-btn{align-items:center;background:#f8fafc;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s;width:40px}.topbar-icon-btn:hover{background:#f1f5f9;color:#0f172a;transform:translateY(-1px)}.topbar-icon-btn:active{transform:scale(.95)}.topbar-notification-dot{animation:notificationPulse 2s ease-in-out infinite;background:#ef4444;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:8px;top:8px;width:8px}@keyframes notificationPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.topbar-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:38px;justify-content:center;transition:all .2s;-webkit-user-select:none;user-select:none;width:38px}.topbar-avatar:hover{box-shadow:0 4px 12px #2563eb4d;transform:scale(1.05)}@media (max-width:768px){.topbar-menu-btn{display:flex}.topbar-search{display:none}.topbar-title{font-size:17px}.topbar-subtitle{font-size:11px}}@media (max-width:480px){.topbar{height:64px;padding:0 16px}.topbar-title{font-size:15px}.topbar-avatar{font-size:12px}.topbar-avatar,.topbar-icon-btn{height:32px;width:32px}}.layout{background:#f1f5f9;display:flex;min-height:100vh}.layout-overlay{background:#0f172a80;inset:0;position:fixed;z-index:90}.layout-content{display:flex;flex:1 1;flex-direction:column;min-width:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.layout-content.sidebar-full-offset{margin-left:260px}.layout-content.sidebar-collapsed-offset{margin-left:68px}.layout-main{flex:1 1;overflow-y:auto;padding:24px}.layout-container{margin:0 auto;max-width:1400px;width:100%}@media (max-width:768px){.layout-content.sidebar-collapsed-offset,.layout-content.sidebar-full-offset{margin-left:0}.layout-main{padding:16px}}@media (max-width:480px){.layout-main{padding:12px}}.btn{overflow:hidden;position:relative}.btn:after{background:#fff3;border-radius:50%;content:"";inset:0;position:absolute;transform:scale(0);transition:transform .4s ease}.btn:active:after{transform:scale(2)}.btn-primary{box-shadow:0 4px 14px 0 #2563eb33}.btn-success{box-shadow:0 4px 14px 0 #10b98133}.btn-danger{box-shadow:0 4px 14px 0 #ef444433}.btn-whatsapp{box-shadow:0 4px 14px 0 #25d36633}.btn-danger:hover,.btn-outline:hover,.btn-primary:hover,.btn-success:hover,.btn-whatsapp:hover{transform:translateY(-2px)}.btn:disabled{animation:pulse 1.5s ease-in-out infinite}.card-default{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{border-color:#2563eb;box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005;transform:translateY(-4px)}.card-glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #fff3;box-shadow:0 8px 32px #0000000d}.card-dark{background:#0f172a;border:1px solid #1e293b}.card-dark .card-title{color:#fff}.card-gradient{background:linear-gradient(135deg,#2563eb,#7c3aed)}.card-gradient .card-title{color:#fff}.input-label{font-size:14px}.input-required{color:#ef4444;margin-left:2px}.input-wrapper{align-items:center;display:flex;position:relative}.input-field{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;color:#0f172a;font-size:14px;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.input-field:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.input-field:disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.input-field::placeholder{color:#94a3b8}.input-field.with-icon{padding-left:40px}.input-field.with-password{padding-right:40px}.input-field.input-error{border-color:#ef4444}.input-field.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.input-icon{height:18px;left:12px;pointer-events:none;width:18px}.input-password-toggle{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:all .2s}.input-password-toggle:hover{background:#f1f5f9;color:#0f172a}.input-hint{font-size:12px}.input-error-text{color:#ef4444;font-size:12px;margin-top:2px}.input-field:focus{animation:inputFocus .3s ease}@keyframes inputFocus{0%{transform:scale(.98)}to{transform:scale(1)}}.badge{border:1px solid #0000;transition:all .2s ease}.badge-default{border-color:#e2e8f0}.badge-success{border-color:#a7f3d0}.badge-warning{border-color:#fde68a}.badge-danger{border-color:#fecaca}.badge-info{border-color:#bfdbfe}.badge-purple{border-color:#ddd6fe}.badge-whatsapp{border-color:#25d36633}.badge-dark{border-color:#1e293b}.badge-dot{padding-left:20px;position:relative}.badge-dot:before{background:currentColor;border-radius:50%;content:"";height:6px;left:8px;position:absolute;top:50%;transform:translateY(-50%);width:6px}.badge-success.badge-dot:before{background:#10b981}.badge-danger.badge-dot:before{background:#ef4444}.badge-warning.badge-dot:before{background:#f59e0b}.spinner-container{align-items:center;display:flex;justify-content:center}.spinner{animation:spinnerSpin .8s cubic-bezier(.4,0,.2,1) infinite;border-color:#2563eb #e2e8f0 #e2e8f0;border-style:solid}.spinner.border-2{border-width:2px}.spinner.border-3{border-width:3px}.spinner.border-4{border-width:4px}@keyframes spinnerSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner.border-white{border-color:#fff #fff3 #fff3}.spinner-pulse{animation:spinnerPulse 1.2s ease-in-out infinite}@keyframes spinnerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.modal-overlay{align-items:center;animation:modalFadeIn .25s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172a99;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes modalFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1}}.modal-container{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;justify-content:space-between;padding:20px 24px 16px}.modal-header-content{flex:1 1;min-width:0}.modal-title{color:#0f172a;font-size:20px;font-weight:600;line-height:1.4;margin:0}.modal-description{color:#64748b;font-size:14px;line-height:1.5;margin:4px 0 0}.modal-close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.modal-close-btn:hover{background:#e2e8f0;color:#0f172a;transform:rotate(90deg)}.modal-body{max-height:calc(90vh - 120px);overflow-y:auto;padding:24px}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-container.max-w-md{max-width:448px}.modal-container.max-w-lg{max-width:600px}.modal-container.max-w-2xl{max-width:768px}.modal-container.max-w-4xl{max-width:896px}.modal-container.max-w-\[90vw\]{max-width:90vw}@media (max-width:640px){.modal-container{border-radius:16px;margin:16px;max-width:95vw!important}.modal-header{padding:16px 18px 12px}.modal-title{font-size:18px}.modal-body{padding:18px}}.toast-container{animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1);max-width:420px;position:fixed;width:100%;z-index:600}.toast-container.top-right{right:20px;top:20px}.toast-container.top-left{left:20px;top:20px}.toast-container.bottom-right{bottom:20px;right:20px}.toast-container.bottom-left{bottom:20px;left:20px}.toast-container.top-center{left:50%;top:20px;transform:translateX(-50%)}.toast-container.bottom-center{bottom:20px;left:50%;transform:translateX(-50%)}.toast-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;padding:16px 18px;position:relative}.toast-body{align-items:flex-start;display:flex;gap:12px}.toast-icon{flex-shrink:0;margin-top:1px}.toast-message{flex:1 1;min-width:0}.toast-title{font-size:14px;font-weight:600;margin-bottom:2px}.toast-text{font-size:13px;font-weight:400;line-height:1.4}.toast-close{border-radius:6px;color:#94a3b8;flex-shrink:0;margin-top:-2px;transition:all .2s}.toast-close:hover{background:#f1f5f9;color:#0f172a}.toast-progress{background:#0000000d;bottom:0;height:3px;left:0;position:absolute;right:0}.toast-progress-bar{background:currentColor;height:100%;transition:width .05s linear}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(40px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(40px) scale(.95)}}.toast-exit{animation:toastSlideOut .3s ease forwards}.toast-container+.toast-container{margin-top:12px}@media (max-width:640px){.toast-container{left:50%!important;max-width:95%;right:auto!important;transform:translateX(-50%)}.toast-container.bottom-left,.toast-container.bottom-right,.toast-container.top-left,.toast-container.top-right{bottom:auto!important;left:50%!important;top:16px!important;transform:translateX(-50%)}}*{box-sizing:border-box;margin:0;padding:0}.landing-page{background:#0f172a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}.landing-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172af2;border-bottom:1px solid #ffffff1a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{justify-content:space-between;margin:0 auto;max-width:1280px;padding:16px 24px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{gap:10px}.nav-logo .logo-mark{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:10px;color:#fff;display:flex;font-size:16px;font-weight:700;height:34px;justify-content:center;width:34px}.logo-text{color:#fff;font-size:18px;font-weight:700}.nav-links{display:flex;gap:32px}.nav-links button{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:14px;transition:color .2s}.nav-links button:hover{color:#25d366}.nav-buttons{display:flex;gap:12px}.nav-btn-secondary{border:1px solid #fff3;border-radius:10px;color:#fff;font-size:14px;padding:8px 20px;text-decoration:none;transition:all .2s}.nav-btn-secondary:hover{background:#ffffff1a}.nav-btn-primary{background:#25d366;border-radius:10px;color:#0f172a;font-size:14px;font-weight:500;padding:8px 20px;text-decoration:none;transition:all .2s}.nav-btn-primary:hover{background:#128c7e;color:#fff}.hero-section{align-items:center;display:flex;min-height:80vh;overflow:hidden;position:relative}.hero-bg-gradient{background:radial-gradient(ellipse at 20% 40%,#25d36626,#0000 50%);inset:0;position:absolute}.hero-container{margin:0 auto;max-width:1280px;padding:60px 24px;position:relative;text-align:center;z-index:2}.hero-badge{align-items:center;background:#25d3661a;border:1px solid #25d36633;border-radius:40px;display:inline-flex;font-size:13px;gap:8px;margin-bottom:24px;padding:6px 14px}.badge-text{color:#25d366!important;font-weight:600!important}.hero-title{color:#fff;font-size:56px;font-weight:800;line-height:1.2;margin-bottom:24px}.hero-title-main{color:#fff;display:inline-block;font-weight:800}.hero-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#25d366,#8b5cf6);-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-desc{color:#ffffffb3;font-size:18px;line-height:1.6;margin:0 auto 32px;max-width:600px}.hero-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:48px}.hero-btn-primary{align-items:center;background:#25d366;border-radius:12px;color:#0f172a;display:inline-flex;font-weight:600;gap:8px;padding:14px 28px;text-decoration:none;transition:all .2s}.hero-btn-primary:hover{background:#128c7e;color:#fff;transform:translateY(-2px)}.hero-btn-secondary{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;gap:8px;padding:14px 28px;transition:all .2s}.hero-btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.hero-stats{display:flex;flex-wrap:wrap;gap:48px;justify-content:center}.hero-stat{align-items:center;display:flex;gap:12px}.hero-stat-value{color:#fff;font-size:24px;font-weight:700}.hero-stat-label{color:#fff9;font-size:12px}.container{max-width:1280px;padding:80px 24px}.section-header{margin-bottom:48px;text-align:center}.section-badge{background:#25d3661a;border:1px solid #25d36633;border-radius:30px;color:#25d366;display:inline-block;font-size:12px;margin-bottom:16px;padding:5px 12px}.section-title{color:#fff;font-size:36px;margin-bottom:12px}.section-desc{color:#fff9;font-size:16px;margin:0 auto;max-width:600px}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.feature-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:28px;transition:all .3s ease}.feature-card:hover{background:#ffffff0d;border-color:#25d366;transform:translateY(-4px)}.feature-icon{background:#25d3661a;border-radius:16px;height:56px;margin-bottom:20px;width:56px}.feature-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:8px}.feature-desc{color:#fff9;font-size:14px;line-height:1.6}.howitworks-section{background:#ffffff05}.steps-grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.step-card{flex:1 1;min-width:200px;padding:24px;text-align:center}.step-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#25d366,#128c7e);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;margin-bottom:16px}.step-icon{background:#25d3661a;border-radius:50%;color:#25d366;height:64px;margin:0 auto 20px;width:64px}.step-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:8px}.step-desc{color:#fff9;font-size:14px}.stats-section{background:#25d36608}.stats-grid-large{grid-gap:48px;align-items:center;display:grid;gap:48px;grid-template-columns:1fr 1fr}.stats-info{text-align:left}.stats-heading{color:#fff;display:inline-block;font-size:34px;font-weight:700;letter-spacing:-.5px;margin-bottom:16px;position:relative}.stats-heading:after{background:linear-gradient(90deg,#25d366,#0000);border-radius:2px;bottom:-6px;content:"";height:3px;left:0;position:absolute;width:70px}.stats-description{color:#ffffffb3;font-size:16px;margin-bottom:24px;margin-top:16px}.stats-btn{background:#25d366;border-radius:12px;color:#0f172a;display:inline-block;font-weight:500;padding:12px 28px;text-decoration:none;transition:all .2s}.stats-btn:hover{background:#128c7e;color:#fff;transform:translateY(-2px)}.stats-numbers{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.stats-number-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:28px;text-align:center;transition:all .3s ease}.stats-number-card:hover{border-color:#25d366;transform:translateY(-4px)}.stats-number-value{color:#25d366;font-size:36px;font-weight:700}.stats-number-label{color:#fff9;font-size:14px;margin-top:8px}.pricing-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.pricing-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;padding:32px;position:relative;transition:all .3s ease}.pricing-card:hover{transform:translateY(-4px)}.pricing-card.popular{background:#25d3660d;border-color:#25d366;transform:scale(1.02)}.pricing-popular{background:#25d366;border-radius:20px;color:#0f172a;font-size:12px;font-weight:600;left:50%;padding:4px 16px;position:absolute;top:-12px;transform:translateX(-50%)}.pricing-name{color:#fff;font-size:20px;font-weight:600;margin-bottom:16px}.pricing-price{color:#fff;font-size:36px;font-weight:700}.pricing-period{color:#ffffff80;font-size:14px;font-weight:400}.pricing-credits{color:#25d366;font-size:14px;margin:8px 0 4px}.pricing-per-msg{color:#ffffff80;font-size:12px}.pricing-divider{background:#ffffff1a;height:1px;margin:20px 0}.pricing-btn{background:#25d3661a;border:1px solid #25d36633;border-radius:12px;color:#25d366;display:block;font-weight:500;padding:12px;text-align:center;text-decoration:none;transition:all .2s}.pricing-btn:hover{background:#25d366;color:#0f172a}.testimonials-section{background:#ffffff05}.testimonials-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.testimonial-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:28px;transition:all .3s ease}.testimonial-card:hover{border-color:#25d366;transform:translateY(-4px)}.testimonial-rating{display:flex;gap:4px;margin-bottom:16px}.testimonial-content{color:#ffffffb3;font-size:14px;line-height:1.6;margin-bottom:20px}.testimonial-avatar{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;color:#fff;display:flex;font-weight:600;height:44px;justify-content:center;width:44px}.testimonial-name{color:#fff;font-size:14px;font-weight:600}.testimonial-role{color:#ffffff80;font-size:12px}.cta-card{background:linear-gradient(135deg,#25d36626,#128c7e0d);border:1px solid #25d36633;border-radius:32px;overflow:hidden;padding:60px;position:relative;text-align:center}.cta-card:before{animation:pulse-glow 8s ease-in-out infinite;background:radial-gradient(circle at center,#25d36608,#0000 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.cta-heading{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 40%,#25d366);-webkit-background-clip:text;background-clip:text;font-size:38px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px;position:relative;z-index:1}.cta-description{color:#ffffffb3;font-size:16px;margin-bottom:28px;position:relative;z-index:1}.cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;position:relative;z-index:1}.cta-btn-primary{background:#25d366;border-radius:12px;color:#0f172a;font-weight:600;padding:14px 32px;text-decoration:none;transition:all .2s}.cta-btn-primary:hover{background:#128c7e;color:#fff;transform:translateY(-2px)}.cta-btn-secondary{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;font-weight:500;padding:14px 32px;text-decoration:none;transition:all .2s}.cta-btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.footer{border-top:1px solid #ffffff1a;padding:48px 0 24px}.footer-grid{grid-gap:48px;display:grid;gap:48px;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:48px}.footer-brand p{color:#ffffff80;font-size:13px;line-height:1.6;margin:16px 0}.footer-logo{align-items:center;display:flex;gap:10px}.footer-logo .logo-mark{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:10px;display:flex;font-size:14px;height:32px;justify-content:center;width:32px}.footer-logo .logo-mark,.footer-logo span{color:#fff;font-weight:700}.footer-links h4{color:#fff;font-size:14px;font-weight:600;margin-bottom:16px}.footer-links a{color:#ffffff80;display:block;font-size:13px;margin-bottom:10px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#25d366}.footer-bottom{border-top:1px solid #ffffff1a;color:#fff6;font-size:12px;padding-top:24px;text-align:center}@media (max-width:1024px){.features-grid,.pricing-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{align-items:center;flex-direction:column}.stats-grid-large{grid-template-columns:1fr;text-align:center}.stats-info{text-align:center}.stats-heading:after{left:50%;transform:translateX(-50%)}.footer-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:40px}.cta-heading{font-size:32px}}@media (max-width:768px){.hero-stats,.nav-links{display:none}.features-grid,.pricing-grid,.testimonials-grid{grid-template-columns:1fr}.hero-title{font-size:28px}.hero-buttons{align-items:center;flex-direction:column}.cta-card{padding:32px 20px}.cta-buttons{align-items:center;flex-direction:column}.cta-heading{font-size:24px}.footer-grid{grid-template-columns:1fr}.stats-numbers{grid-template-columns:1fr 1fr}.stats-heading{font-size:24px}.nav-buttons{gap:8px}.nav-btn-primary,.nav-btn-secondary{font-size:12px;padding:6px 12px}}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-bg{bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}.login-bg-gradient{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);inset:0;position:absolute}.login-bg-pattern{background-image:radial-gradient(#25d3661a 1px,#0000 0);background-size:40px 40px;inset:0;opacity:.5;position:absolute}.login-grid{display:grid;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:100vh;position:relative;width:100%;z-index:1}.login-brand{align-items:center;color:#fff;display:flex;justify-content:center;padding:48px}.brand-content{max-width:480px}.brand-logo{align-items:center;display:flex;gap:12px;margin-bottom:48px}.brand-title{font-size:42px;font-weight:800;line-height:1.2;margin-bottom:20px}.brand-title-white{color:#fff}.brand-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#25d366,#8b5cf6);-webkit-background-clip:text;background-clip:text}.brand-desc{color:#ffffffb3;font-size:16px;line-height:1.6;margin-bottom:32px}.brand-features{display:flex;flex-direction:column;gap:16px;margin-bottom:48px}.feature-item{font-size:14px}.feature-text-white{color:#ffffffd9}.feature-dot{background:#25d366;border-radius:50%;flex-shrink:0;height:6px;width:6px}.brand-stats{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:24px;padding-top:24px}.stat{flex:1 1}.stat-value{color:#25d366}.stat-label{color:#ffffff80}.stat-divider{background:#ffffff1a;height:30px;width:1px}.login-form-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;display:flex;justify-content:center;padding:48px}.login-card{background:#fff;border-radius:32px;box-shadow:0 25px 50px -12px #00000040;max-width:440px;padding:48px 40px;width:100%}.form-header{margin-bottom:32px}.form-icon{margin:0 auto 20px}.form-title{margin-bottom:8px}.form-subtitle{font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.password-wrapper .form-input{padding-right:48px}.form-options{justify-content:space-between}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:#64748b;cursor:pointer;font-size:13px;gap:8px}.checkbox-label input{cursor:pointer;height:16px;width:16px}.forgot-link{color:#25d366;font-size:13px;text-decoration:none}.forgot-link:hover{text-decoration:underline}.btn-login{background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:14px;transition:all .2s;width:100%}.btn-login:hover{box-shadow:0 10px 15px -3px #25d3664d;transform:translateY(-1px)}.btn-login:disabled{cursor:not-allowed;opacity:.7;transform:none}.form-footer{padding-top:24px}@media (max-width:1024px){.login-grid{grid-template-columns:1fr}.login-brand{display:none}.login-form-wrapper{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;padding:24px}.login-card{box-shadow:0 25px 50px -12px #00000080}}@media (max-width:520px){.login-card{padding:32px 24px}.form-title{font-size:20px}}.register-container{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.register-bg{bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}.register-bg-gradient{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);inset:0;position:absolute}.register-bg-pattern{background-image:radial-gradient(#25d36614 1px,#0000 0);background-size:40px 40px;inset:0;opacity:.5;position:absolute}.register-grid{display:grid;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:100vh;position:relative;width:100%;z-index:1}.register-info{align-items:center;color:#fff;display:flex;justify-content:center;padding:48px}.info-content{max-width:480px}.info-logo{gap:12px;margin-bottom:48px}.info-logo,.logo-icon{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:12px;font-size:20px;height:44px;justify-content:center;width:44px}.logo-icon,.logo-name{color:#fff;font-weight:700}.logo-name{font-size:18px}.logo-tagline{color:#fff9;font-size:11px}.info-title{font-size:38px;font-weight:800;line-height:1.2;margin-bottom:20px}.info-title-white{color:#fff}.info-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#25d366,#8b5cf6);-webkit-background-clip:text;background-clip:text}.info-desc{color:#ffffffb3;font-size:16px;line-height:1.6;margin-bottom:32px}.info-features{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.info-feature{gap:16px}.feature-icon,.info-feature{align-items:center;display:flex}.feature-icon{border-radius:12px;flex-shrink:0;height:40px;justify-content:center;width:40px}.feature-icon.success{background:#10b98126;color:#10b981}.feature-icon.primary{background:#25d36626;color:#25d366}.feature-icon.purple{background:#8b5cf626;color:#8b5cf6}.feature-title-white{color:#fff;font-size:15px;font-weight:600;margin-bottom:4px}.feature-desc-white{color:#ffffff80;font-size:12px}.info-testimonial{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:20px;padding:24px;position:relative}.testimonial-quote{color:#25d36626;font-family:serif;font-size:48px;font-weight:700;position:absolute;right:20px;top:16px}.testimonial-text{color:#fffc;font-size:14px;font-style:italic;line-height:1.6;margin-bottom:16px}.testimonial-author{align-items:center;display:flex;gap:12px}.author-avatar{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.author-name{color:#fff;font-size:13px;font-weight:600}.author-title{color:#ffffff80;font-size:11px}.register-form-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;display:flex;justify-content:center;padding:48px}.register-card{background:#fff;border-radius:32px;box-shadow:0 25px 50px -12px #00000040;max-width:560px;padding:40px;width:100%}.form-header{margin-bottom:28px;text-align:center}.form-icon{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:18px;color:#fff;display:flex;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.form-title{color:#0f172a;font-size:24px;font-weight:700;margin-bottom:6px}.form-subtitle{color:#64748b;font-size:13px}.alert-success{align-items:center;background:#d1fae5;border:1px solid #a7f3d0;color:#065f46;font-size:13px}.alert-error,.alert-success{gap:8px;margin-bottom:16px}.register-form{gap:18px}.input-group,.register-form{display:flex;flex-direction:column}.input-group{gap:6px}.input-label{font-size:12px;font-weight:600}.form-input{background:#fff;border:1.5px solid #e2e8f0;color:#0f172a;font-size:14px;width:100%}.form-input::placeholder{color:#94a3b8}.form-input:focus{box-shadow:0 0 0 3px #25d3661a}.input-icon-wrapper{position:relative}.input-icon{color:#94a3b8;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.form-input.with-icon{padding-left:42px}.password-wrapper{position:relative}.password-icon{color:#94a3b8;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.form-input.with-password-icon{padding-left:42px;padding-right:48px}.password-toggle{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:#25d366}.input-hint{font-size:10px}.btn-register{background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:14px;transition:all .2s;width:100%}.btn-register:hover{box-shadow:0 10px 15px -3px #25d3664d;transform:translateY(-1px)}.btn-register:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-loading{gap:8px}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.form-footer{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:20px;text-align:center}.form-footer p{color:#64748b;font-size:13px}.form-footer a{color:#25d366;font-weight:600;text-decoration:none}.form-footer a:hover{text-decoration:underline}@media (max-width:1024px){.register-grid{grid-template-columns:1fr}.register-info{display:none}.register-form-wrapper{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;padding:24px}.register-card{box-shadow:0 25px 50px -12px #00000080}}@media (max-width:640px){.register-card{padding:28px 20px}.form-row{gap:18px;grid-template-columns:1fr}.form-title{font-size:20px}}.payment-page{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;justify-content:center;min-height:100vh;padding:20px}.payment-container{animation:fadeInUp .5s ease;max-width:480px;width:100%}.payment-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000014;overflow:hidden;padding:40px 36px;position:relative}.payment-card:before{background:linear-gradient(90deg,#25d366,#128c7e);content:"";height:4px;left:0;position:absolute;right:0;top:0}.payment-header{margin-bottom:32px;text-align:center}.payment-icon-wrapper{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:20px;color:#fff;display:inline-flex;height:72px;justify-content:center;margin-bottom:16px;width:72px}.payment-title{color:#0f172a;font-size:24px;font-weight:700;margin-bottom:6px}.payment-subtitle{color:#64748b;font-size:14px;margin-bottom:4px}.fee-display{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:28px;padding:16px 20px}.fee-label{color:#166534;font-size:14px;font-weight:500}.fee-amount{color:#065f46;font-size:20px;font-weight:700}.fee-amount span{color:#166534;font-size:14px;font-weight:400}.payment-form{display:flex;flex-direction:column;gap:20px}.form-label .required{color:#ef4444;margin-left:2px}.form-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;padding:12px 16px;transition:all .2s}.form-input:focus{background:#fff;border-color:#25d366;box-shadow:0 0 0 4px #25d3661a;outline:none}.form-input:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.7}.form-hint{align-items:center;display:flex;font-size:12px;gap:6px}.form-hint svg{flex-shrink:0}.payment-btn{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:4px;padding:14px;transition:all .3s;width:100%}.payment-btn:hover:not(:disabled){box-shadow:0 10px 25px #25d3664d;transform:translateY(-2px)}.payment-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.payment-btn .btn-icon,.spinner-white{height:20px;width:20px}.spinner-white{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff}.message-box{align-items:flex-start;animation:fadeInUp .3s ease;border-radius:12px;display:flex;font-size:14px;gap:10px;padding:14px 18px}.message-box svg{flex-shrink:0;margin-top:1px}.message-box.success{background:#f0fdf4;border:1px solid #86efac;color:#166534}.message-box.error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.payment-footer{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:20px;text-align:center}.back-link{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;transition:color .2s}.back-link:hover{color:#0f172a}.payment-features{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:16px 0 8px}.feature-item{align-items:center;color:#475569;font-size:13px;gap:8px}.feature-item svg{color:#25d366;flex-shrink:0}@media (max-width:640px){.payment-card{padding:28px 20px}.payment-title{font-size:20px}.payment-icon-wrapper{border-radius:16px;height:60px;width:60px}.payment-features{grid-template-columns:1fr}.fee-display{flex-direction:column;gap:4px;text-align:center}.form-input{font-size:16px}}@media (max-width:480px){.payment-card{border-radius:16px;padding:24px 16px}.payment-btn{font-size:15px;padding:12px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.payment-page{background:linear-gradient(135deg,#0f172a,#1e293b)}.payment-card{background:#1e293b}.payment-card:before{background:linear-gradient(90deg,#25d366,#128c7e)}.payment-title{color:#f1f5f9}.payment-subtitle{color:#94a3b8}.fee-display{background:#25d3661a;border-color:#25d36633}.fee-label{color:#86efac}.fee-amount{color:#34d399}.fee-amount span{color:#86efac}.form-label{color:#e2e8f0}.form-input{background:#0f172a;border-color:#334155;color:#f1f5f9}.form-input:focus{background:#0f172a;border-color:#25d366;box-shadow:0 0 0 4px #25d36626}.form-input:disabled{background:#1e293b}.form-hint{color:#64748b}.payment-footer{border-top-color:#334155}.back-link{color:#94a3b8}.back-link:hover{color:#e2e8f0}.feature-item{color:#94a3b8}}.dashboard-loading{align-items:center;display:flex;justify-content:center;min-height:400px}@keyframes dashboardFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.welcome-section{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:24px;box-shadow:0 20px 25px -5px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:32px;overflow:hidden;padding:32px 40px;position:relative}.welcome-section.super-admin{background:linear-gradient(135deg,#4c1d95,#6d28d9)}.welcome-section:before{background:radial-gradient(circle,#25d36626 0,#0000 70%);border-radius:50%;content:"";height:300px;position:absolute;right:-20%;top:-50%;width:300px}.welcome-section.super-admin:before{background:radial-gradient(circle,#8b5cf633 0,#0000 70%)}.welcome-content{position:relative;z-index:1}.welcome-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border-radius:20px;color:#25d366;display:inline-flex;font-size:12px;gap:8px;margin-bottom:16px;padding:4px 12px}.welcome-section.super-admin .welcome-badge{color:#c084fc}.welcome-title{font-size:28px;font-weight:700;margin-bottom:8px}.welcome-desc{color:#ffffffb3;font-size:14px;max-width:500px}.welcome-stats{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border-radius:20px;display:flex;gap:40px;padding:20px 32px;position:relative;z-index:1}.welcome-stat{text-align:center}.welcome-stat-value{color:#25d366;font-size:32px;font-weight:700}.welcome-section.super-admin .welcome-stat-value{color:#c084fc}.welcome-stat-label{color:#fff9;font-size:12px;margin-top:4px}.welcome-stat-trend{align-items:center;color:#ffffff80;display:flex;font-size:11px;gap:4px}.welcome-stat-trend.up{color:#10b981}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.stat-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:#2563eb;box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005;transform:translateY(-4px)}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.stat-icon{height:44px;width:44px}.stat-change{align-items:center;border-radius:20px;display:flex;font-size:12px;gap:2px;padding:2px 8px}.stat-change.up{background:#10b9811a;color:#10b981}.stat-change.down{background:#ef44441a;color:#ef4444}.stat-value{font-size:32px;margin-bottom:4px}.stat-label{font-size:13px}.stat-progress{background:#e2e8f0;border-radius:4px;height:4px;margin-top:12px;overflow:hidden}.stat-progress-bar{background:linear-gradient(90deg,#25d366,#128c7e);border-radius:4px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.dashboard-two-col{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.campaigns-card,.quick-actions-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;transition:all .3s}.campaigns-card:hover,.quick-actions-card:hover{border-color:#cbd5e1}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.card-title{color:#0f172a;font-size:16px;font-weight:600}.card-link{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:13px;gap:4px;transition:color .2s}.card-link:hover{color:#2563eb}.quick-actions-list{padding:8px 0}.quick-action-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:14px;padding:12px 20px;transition:background .2s}.quick-action-item:last-child{border-bottom:none}.quick-action-item:hover{background:#f8fafc}.quick-action-icon{border-radius:12px;flex-shrink:0;height:40px;width:40px}.quick-action-info{flex:1 1}.quick-action-title{color:#0f172a;font-size:14px;font-weight:500;margin-bottom:2px}.quick-action-desc{color:#64748b;font-size:12px}.quick-action-arrow{color:#94a3b8;opacity:0;transition:opacity .2s,transform .2s}.quick-action-item:hover .quick-action-arrow{opacity:1;transform:translateX(4px)}.campaigns-table td{color:#0f172a}.campaign-date{gap:4px}td.failed{color:#ef4444}.empty-state{padding:40px 20px}.empty-state .empty-icon{opacity:.3}.health-status{align-items:center;background:#10b9811a;border-radius:20px;color:#10b981;display:flex;font-size:12px;gap:6px;padding:4px 12px}.system-health-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding:20px}.health-item{background:#f8fafc;border-radius:12px;padding:16px;text-align:center}.health-value{font-size:24px;font-weight:700}.health-label{color:#64748b;font-size:12px;margin-top:4px}.health-last-updated{border-top:1px solid #e2e8f0;color:#94a3b8;font-size:12px;padding:12px;text-align:center}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-two-col{grid-template-columns:1fr}.welcome-section{flex-direction:column;gap:20px;text-align:center}.welcome-desc{max-width:100%}.welcome-stats{flex-direction:row;justify-content:center}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.welcome-title{font-size:22px}.welcome-stats{flex-direction:column;gap:16px;width:100%}.system-health-grid{grid-template-columns:1fr}.welcome-section{padding:24px}.stat-value{font-size:24px}}@media (max-width:480px){.welcome-section{padding:20px}.welcome-stats{padding:16px}.quick-action-item{padding:10px 16px}}.welcome-desc,.welcome-stat-label,.welcome-stat-trend,.welcome-title{color:#fff!important}.welcome-desc{color:#fffc!important}.welcome-stat-label{color:#fff9!important}.templates-loading{align-items:center;display:flex;justify-content:center;min-height:400px}@keyframes templatesFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.templates-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.templates-title{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:4px}.templates-subtitle{color:#64748b;font-size:14px}.btn-create{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 14px #2563eb40;color:#fff}.btn-create:hover{box-shadow:0 8px 24px #2563eb59}.templates-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.stat-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;min-width:120px;padding:14px 24px;transition:all .2s}.stat-item:hover{box-shadow:0 8px 16px #0000000a;transform:translateY(-2px)}.templates-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.status-filters{display:flex;flex-wrap:wrap;gap:8px}.status-filter{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:6px 14px;transition:all .2s}.status-filter:hover{border-color:#94a3b8}.status-filter.active{background:#2563eb0f;border-color:#2563eb;color:#2563eb}.filter-count{background:#f1f5f9;border-radius:12px;color:#64748b;font-size:11px;padding:0 8px}.status-filter.active .filter-count{background:#2563eb1a;color:#2563eb}.search-wrapper .search-input{padding:8px 12px 8px 36px;width:220px}.search-wrapper .search-input:focus{width:280px}.templates-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.template-card{border:1px solid #e2e8f0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.template-card:hover{border-color:#cbd5e1;box-shadow:0 20px 25px -12px #0000001a;transform:translateY(-4px)}.template-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.template-name-section{align-items:flex-start;display:flex;gap:12px}.template-icon{align-items:center;background:#2563eb14;border-radius:12px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.template-name{color:#0f172a;font-family:monospace;font-size:15px;font-weight:600;margin-bottom:4px}.template-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.template-category{border-radius:20px;font-weight:600;padding:2px 10px;text-transform:uppercase}.template-category,.template-language{align-items:center;display:inline-flex;font-size:10px;gap:4px}.template-language{background:#f1f5f9;border-radius:4px;color:#64748b;padding:2px 8px}.template-actions{display:flex;gap:4px}.action-btn{padding:4px 10px}.template-preview{background:#f8fafc;border-radius:12px;margin:12px 0;padding:16px}.preview-bubble{display:inline-block;line-height:1.6}.preview-variables{align-items:center;color:#94a3b8;display:flex;font-size:11px;gap:6px;margin-top:10px}.preview-variables svg{color:#8b5cf6}.template-card-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:8px;padding-top:12px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:500;gap:6px;padding:4px 14px}.status-approved{background:#dcfce7;color:#15803d}.status-pending{background:#fef3c7;color:#b45309}.status-rejected{background:#fee2e2;color:#991b1b}.status-default{background:#f1f5f9;color:#64748b}.template-date{align-items:center;color:#94a3b8;display:flex;font-size:11px;gap:4px}.empty-state{grid-column:1/-1}.template-form{display:flex;flex-direction:column;gap:20px}.form-select{padding:10px 12px}.form-textarea{font-family:monospace;min-height:120px}.form-textarea:focus{border-color:#2563eb}.form-hint{margin-top:4px}.live-preview{background:#f8fafc;border-radius:12px;padding:16px}.live-preview-label{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:10px}.live-preview-bubble{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:16px 2px 16px 16px;color:#1b5e20;display:inline-block;font-family:monospace;font-size:13px;line-height:1.6;max-width:100%;padding:12px 16px;word-break:break-word}@media (max-width:768px){.templates-grid{grid-template-columns:1fr}.templates-header,.templates-toolbar{flex-direction:column}.templates-toolbar{align-items:stretch}.status-filters{justify-content:center}.search-wrapper .search-input,.search-wrapper .search-input:focus{width:100%}.form-row{grid-template-columns:1fr}.templates-stats{justify-content:center}.stat-item{flex:1 1;min-width:80px;text-align:center}}@media (max-width:480px){.template-card-header{flex-direction:column;gap:12px}.template-actions{justify-content:flex-end;width:100%}.action-btn{font-size:10px;padding:4px 8px}.stat-item{padding:10px 16px}.stat-value{font-size:20px}}.phonebooks-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.phonebooks-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.phonebooks-title{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:6px}.phonebooks-subtitle{color:#64748b;font-size:14px}.phonebooks-stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:32px}.stat-card{flex:1 1;min-width:160px;padding:20px 24px}.stat-value{font-size:28px}.phonebooks-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:320px 1fr}.phonebooks-list{display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:600px;overflow:hidden}.list-title{color:#0f172a;font-size:15px;font-weight:600}.phonebooks-items{flex:1 1;overflow-y:auto}.phonebook-item{align-items:center;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;justify-content:space-between;padding:14px 20px;transition:all .2s}.phonebook-item:hover{background:#f8fafc}.phonebook-item.selected{background:#25d36614;border-left:3px solid #25d366}.phonebook-info{flex:1 1}.phonebook-name{color:#0f172a;font-size:14px;font-weight:500;margin-bottom:6px}.phonebook-stats{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:11px;gap:8px}.delete-btn{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;padding:6px;transition:all .2s}.delete-btn:hover{background:#ef44441a;color:#ef4444}.empty-list{color:#64748b;padding:40px 20px;text-align:center}.empty-icon{margin-bottom:12px}.empty-link{color:#25d366;font-size:12px;margin-top:8px}.empty-link:hover{text-decoration:underline}.contacts-list{display:flex;flex-direction:column;overflow:hidden}.contacts-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.contacts-subtitle{color:#64748b;font-size:12px;margin-top:4px}.contacts-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.table-responsive{flex:1 1}.contacts-table{border-collapse:collapse;width:100%}.contacts-table th{background:#f8fafc;color:#64748b;font-size:12px;font-weight:600;text-align:left}.contacts-table td,.contacts-table th{border-bottom:1px solid #e2e8f0;padding:12px 16px}.contacts-table td{font-size:13px;vertical-align:middle}.phone-number{font-family:monospace;font-size:12px;font-weight:500}.empty-state{color:#64748b;padding:48px}.empty-state .empty-icon{margin-bottom:12px;opacity:.4}.no-selection{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 40px;text-align:center}.no-selection-icon{margin-bottom:16px;opacity:.3}.no-selection h3{color:#0f172a;font-size:16px;font-weight:600;margin-bottom:6px}.no-selection p{font-size:13px}.phonebook-form{display:flex;flex-direction:column;gap:20px}.form-textarea{padding:10px 12px}.alert.success{align-items:center;background:#dcfce7;border:1px solid #bbf7d0;color:#15803d;display:flex;gap:8px}.csv-format-guide{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.csv-guide-title{align-items:center;color:#0f172a;display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:10px}.csv-guide-code{background:#1e293b;border-radius:8px;font-family:monospace;font-size:12px;line-height:1.8;margin-bottom:10px;padding:12px 14px}.csv-guide-row{color:#94a3b8}.csv-guide-row.header-row{border-bottom:1px solid #334155;color:#64748b;margin-bottom:4px;padding-bottom:4px}.csv-guide-note{color:#94a3b8;font-size:11px;line-height:1.5}.csv-dropzone{background:#fafbfc;border:2px dashed #e2e8f0;border-radius:12px;cursor:pointer;padding:32px 20px;text-align:center;transition:all .2s}.csv-dropzone:hover{background:#25d36608;border-color:#25d366}.csv-dropzone.has-file{background:#25d3660d;border-color:#25d366}.dropzone-icon{color:#94a3b8;margin-bottom:10px;transition:color .2s}.csv-dropzone.has-file .dropzone-icon{color:#25d366}.dropzone-title{color:#0f172a;font-size:14px;font-weight:500;margin-bottom:4px;word-break:break-all}.csv-dropzone.has-file .dropzone-title{color:#25d366}.dropzone-subtitle{color:#94a3b8;font-size:12px}@media (max-width:1024px){.phonebooks-layout{grid-template-columns:1fr}.phonebooks-header,.phonebooks-stats{flex-direction:column}.stat-card{width:100%}}@media (max-width:640px){.form-row{grid-template-columns:1fr}.contacts-header{align-items:flex-start;flex-direction:column}.contacts-actions{width:100%}.contacts-table td:nth-child(3),.contacts-table th:nth-child(3){display:none}}.list-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:16px 20px}.list-header,.list-search{align-items:center;display:flex}.list-search{position:relative}.list-search-icon{color:#94a3b8;left:10px;position:absolute}.list-search-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;font-size:12px;outline:none;padding:6px 10px 6px 32px;transition:all .2s;width:160px}.list-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;width:200px}.empty-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:12px}.empty-link{border-radius:8px;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s}.empty-link:hover{background:#2563eb0f}@media (max-width:640px){.list-header{align-items:stretch;flex-direction:column}.list-search-input,.list-search-input:focus{width:100%}.empty-actions{align-items:center;flex-direction:column}}.send-loading{align-items:center;display:flex;justify-content:center;min-height:400px}@keyframes sendFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.send-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.send-title{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:4px}.send-subtitle{color:#64748b;font-size:14px}.send-header-info{display:flex;gap:24px}.header-stat{align-items:flex-end;display:flex;flex-direction:column}.header-stat-value{color:#2563eb;font-size:24px;font-weight:700}.header-stat-label{color:#64748b;font-size:11px}.warning-banner{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:16px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px 20px}.warning-banner svg{color:#d97706;flex-shrink:0}.warning-banner strong{color:#92400e;font-size:14px}.warning-banner p{color:#92400e;font-size:13px;margin-top:2px}.warning-actions{display:flex;gap:12px;margin-left:auto}.send-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 360px}.send-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px}.form-group{margin-bottom:24px}.form-label{display:block;font-weight:600;margin-bottom:8px}.select-wrapper{position:relative}.select-icon{color:#94a3b8;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding:12px 16px 12px 44px;transition:all .2s}.form-select:focus{box-shadow:0 0 0 3px #2563eb1a}.form-select:disabled{background:#f8fafc;cursor:not-allowed}.form-hint{color:#94a3b8;font-size:11px;margin-top:6px}.form-hint.error{color:#ef4444}.template-preview-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:16px}.preview-header{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:500;gap:8px;margin-bottom:12px}.preview-bubble{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:16px 2px 16px 16px;color:#1b5e20;font-family:monospace;font-size:13px;line-height:1.5;max-width:100%;padding:12px 16px;word-break:break-word}.preview-note{align-items:center;color:#64748b;display:flex;font-size:11px;gap:6px;margin-top:12px}.preview-note svg{color:#8b5cf6}.alert-error{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;font-size:13px;gap:10px}.alert-error,.alert-success{display:flex;margin-bottom:20px;padding:12px 16px}.alert-success{align-items:flex-start;background:#dcfce7;border:1px solid #bbf7d0;border-radius:12px;color:#15803d;gap:12px}.alert-success p{color:#166534;font-size:12px;margin-top:4px}.alert-success .mono{background:#0000000d;border-radius:4px;font-family:monospace;padding:2px 6px}.send-btn{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:12px;font-size:15px;font-weight:600;gap:10px;padding:14px;transition:all .3s;width:100%}.send-btn:hover:not(:disabled){box-shadow:0 10px 20px -5px #25d36666;transform:translateY(-2px)}.send-btn:disabled{opacity:.6;transform:none}.send-sidebar{display:flex;flex-direction:column;gap:20px}.cost-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px}.cost-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:10px;margin-bottom:16px;padding-bottom:12px}.cost-header svg{color:#f59e0b}.cost-header h3{color:#0f172a;font-size:16px;font-weight:600}.cost-items{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.cost-item{border-bottom:1px solid #e2e8f0;color:#64748b;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.cost-item strong{color:#0f172a;font-weight:600}.cost-item.highlight strong{color:#25d366;font-size:18px}.cost-note{align-items:center;background:#fef3c7;border-radius:10px;color:#b45309;display:flex;font-size:12px;gap:8px;padding:10px 14px}.tips-card{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #ffffff0f;color:#fff}.tips-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.tips-header svg{color:#f59e0b}.tips-header h3{color:#fff;font-size:16px;font-weight:600}.tips-list{list-style:none;margin:0;padding:0}.tips-list li{border-bottom:1px solid #ffffff0f;display:flex;gap:12px;padding:12px 0}.tips-list li:last-child{border-bottom:none}.tip-icon{align-items:center;background:#25d36633;border-radius:8px;color:#25d366;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.tips-list li strong{color:#fff;display:block;font-size:13px;margin-bottom:2px}.tips-list li p{color:#ffffff80;font-size:11px;margin:0}.stats-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px}.stats-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:10px;margin-bottom:16px;padding-bottom:12px}.stats-header svg{color:#3b82f6}.stats-header h3{color:#0f172a;font-size:16px;font-weight:600}.quick-stats{display:flex;justify-content:space-around;text-align:center}.quick-stat{align-items:center;display:flex;flex-direction:column}.quick-stat-value{color:#0f172a;font-size:24px;font-weight:700}.quick-stat-label{color:#64748b;font-size:11px;margin-top:4px}@media (max-width:1024px){.send-layout{grid-template-columns:1fr}.send-sidebar{order:-1}}@media (max-width:768px){.send-header{flex-direction:column}.send-header-info{width:100%}.header-stat{align-items:center;flex:1 1}}@media (max-width:640px){.send-title{font-size:24px}.warning-banner{flex-direction:column;text-align:center}.warning-actions{margin-left:0}.cost-item.highlight strong{font-size:16px}.quick-stats{flex-direction:column;gap:12px}.send-btn{font-size:14px}}.products-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.products-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.products-title{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:6px}.products-subtitle{color:#64748b;font-size:14px}.btn-create{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 4px 12px #25d3664d}.btn-create:hover{box-shadow:0 6px 16px #25d36666;transform:translateY(-2px)}.products-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;display:flex;gap:16px;padding:20px;transition:all .2s}.stat-card:hover{box-shadow:0 10px 15px -3px #0000000d;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:14px;display:flex;height:48px;justify-content:center;width:48px}.stat-icon.purple{background:#8b5cf61a;color:#8b5cf6}.stat-icon.blue{background:#3b82f61a;color:#3b82f6}.stat-icon.green{background:#10b9811a;color:#10b981}.stat-icon.orange{background:#f59e0b1a;color:#f59e0b}.stat-info{flex:1 1}.stat-value{color:#0f172a;font-size:24px;font-weight:700}.stat-label{color:#64748b;font-size:12px;margin-top:2px}.products-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.product-card{overflow:hidden;transition:all .3s ease}.product-card:hover{box-shadow:0 20px 25px -12px #00000026;transform:translateY(-4px)}.product-image{align-items:center;display:flex;justify-content:center}.image-placeholder{color:#94a3b8}.stock-badge{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px;position:absolute;right:12px;top:12px}.stock-badge.low{background:#fef3c7;color:#b45309}.stock-badge.out{background:#fee2e2;color:#991b1b}.product-info{padding:16px}.product-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.product-name{color:#0f172a;font-size:16px;font-weight:600;margin:0}.product-actions{display:flex;gap:6px}.action-btn{border-radius:6px;display:flex;height:28px;justify-content:center;width:28px}.action-btn.edit{background:#3b82f61a;color:#3b82f6}.action-btn.edit:hover{background:#3b82f6;color:#fff}.action-btn.delete{background:#ef44441a;color:#ef4444}.action-btn.delete:hover{background:#ef4444;color:#fff}.product-category{align-items:center;background:#f1f5f9;border-radius:20px;color:#64748b;display:inline-flex;font-size:10px;gap:4px;margin-bottom:12px;padding:2px 8px}.product-description{color:#64748b;font-size:13px;line-height:1.5;margin-bottom:16px}.product-footer{border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px 0}.product-price,.product-stock{display:flex;flex-direction:column}.price-label,.stock-label{color:#94a3b8;font-size:10px;text-transform:uppercase}.price-value{color:#25d366;font-size:18px;font-weight:700}.stock-value{color:#0f172a;font-size:14px;font-weight:500}.stock-value.low{color:#f59e0b}.product-status{text-align:right}.empty-state{background:#fff;border:1px solid #e2e8f0;border-radius:24px}.empty-icon{margin-bottom:20px}.empty-state h3{font-size:20px;margin-bottom:8px}.empty-state p{font-size:14px;margin-bottom:24px}.product-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-select{padding:12px}.form-select:focus{border-color:#25d366}.form-textarea{border:1.5px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.form-textarea:focus{border-color:#25d366;outline:none}.image-input-wrapper{position:relative}.image-input-icon{color:#94a3b8;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.categories-section{display:flex;flex-direction:column;gap:20px}.categories-title{color:#0f172a;font-size:14px;font-weight:600;margin-bottom:12px}.categories-list{max-height:250px;overflow-y:auto}.category-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px}.category-name{font-size:14px;font-weight:600;margin-bottom:2px}.category-desc{color:#64748b;font-size:11px}.delete-cat-btn{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;padding:6px;transition:all .2s}.delete-cat-btn:hover{background:#ef44441a;color:#ef4444}.empty-categories{color:#64748b;padding:32px;text-align:center}.category-divider{background:#e2e8f0;height:1px}.category-form{display:flex;flex-direction:column;gap:16px}@media (max-width:1024px){.products-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.products-header{flex-direction:column}.form-row,.products-grid,.products-stats{grid-template-columns:1fr}}.product-card-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:all .2s}.product-card-wrapper:hover{box-shadow:0 10px 20px -5px #00000014;transform:translateY(-2px)}.product-image{background:#f8fafc;height:200px;overflow:hidden;position:relative;width:100%}.product-image img{display:block;height:100%;object-fit:cover;width:100%}.image-placeholder{align-items:center;background:#f8fafc;color:#cbd5e1;display:flex;height:100%;justify-content:center;width:100%}.products-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.search-wrapper .search-icon{color:#94a3b8;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-wrapper .search-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;outline:none;padding:9px 12px 9px 36px;transition:all .2s;width:100%}.search-wrapper .search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.view-toggle{background:#f1f5f9;border-radius:10px;display:flex;gap:4px;padding:4px}.view-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:6px 10px;transition:all .2s}.view-btn:hover{color:#64748b}.view-btn.active{background:#fff;box-shadow:0 2px 8px #0000000f;color:#2563eb}.image-thumbnails{display:flex;flex-wrap:wrap;gap:8px}.image-thumbnail{border:1px solid #e2e8f0;border-radius:8px;height:80px;overflow:hidden;position:relative;width:80px}.image-thumbnail img{height:100%;object-fit:cover;width:100%}.image-thumbnail .image-delete{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s;width:20px}.image-thumbnail .image-delete:hover{transform:scale(1.1)}.image-placeholder-message{align-items:center;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;color:#94a3b8;display:flex;flex-direction:column;font-size:13px;gap:8px;padding:16px;text-align:center}.products-grid.list-view{display:flex;flex-direction:column;gap:12px}.products-grid.list-view .product-card-wrapper{display:flex;flex-direction:row;height:120px}.products-grid.list-view .product-image{flex-shrink:0;height:100%;width:120px}.products-grid.list-view .product-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:12px 16px}.products-grid.list-view .product-footer{border:none;margin:0;padding:0}.products-grid.list-view .product-description{display:none}.products-grid.list-view .product-status{margin-left:auto}@media (max-width:768px){.products-toolbar{align-items:stretch;flex-direction:column}.search-wrapper{max-width:100%}.products-grid.list-view .product-card-wrapper{flex-direction:column;height:auto}.products-grid.list-view .product-image{height:160px;width:100%}}@media (max-width:480px){.header-actions{flex-wrap:wrap;width:100%}.header-actions .btn{flex:1 1}}.onboarding-page{margin:0 auto;max-width:900px}.onboarding-loading{align-items:center;display:flex;justify-content:center;min-height:400px}@keyframes onboardingFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.onboarding-title{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:4px}.onboarding-subtitle{color:#64748b;font-size:14px}.onboarding-badge{align-items:center;background:#25d3661a;border:1px solid #25d36626;border-radius:20px;color:#25d366;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 14px}.wizard-container{margin-bottom:32px;position:relative}.wizard-step-wrapper{align-items:center;display:flex;margin-bottom:12px}.wizard-step-wrapper:last-child{margin-bottom:0}.wizard-step{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex:1 1;gap:14px;padding:16px 20px;position:relative;transition:all .3s}.wizard-step.completed{background:#10b98108;border-color:#10b981}.wizard-step.active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.step-number{align-items:center;background:#f1f5f9;border-radius:50%;color:#64748b;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.wizard-step.completed .step-number{background:#10b981;color:#fff}.wizard-step.active .step-number{background:#2563eb;color:#fff}.step-icon{align-items:center;color:#64748b;display:flex;height:36px;justify-content:center;width:36px}.wizard-step.active .step-icon{color:#2563eb}.wizard-step.completed .step-icon{color:#10b981}.step-info{flex:1 1}.step-name{color:#0f172a;font-size:15px;font-weight:600}.step-desc{color:#64748b;font-size:12px;margin-top:2px}.step-check{color:#10b981}.step-active-indicator{position:relative}.step-pulse{animation:pulse 1.5s ease-in-out infinite;background:#2563eb;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.step-connector{background:#e2e8f0;flex-shrink:0;height:2px;margin:0 8px;width:32px}.step-connector.completed{background:#10b981}.step-container{margin-bottom:24px}.step-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 20px #00000005;padding:32px}.step-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;margin-bottom:28px;padding-bottom:20px}.step-header-icon{color:#2563eb;flex-shrink:0}.step-header h2{font-size:20px;font-weight:600;margin-bottom:4px}.step-header p{color:#64748b;font-size:13px}.step-form{gap:24px}.form-group,.step-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-label{color:#0f172a;font-size:13px;font-weight:500}.form-select{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;font-size:14px;padding:12px 16px;width:100%}.form-select:focus{border-color:#2563eb;outline:none}.info-box{align-items:center;background:#dbeafe;border-radius:12px;color:#1d4ed8;font-size:13px;padding:14px 18px}.feature-list,.info-box{display:flex;gap:12px;margin-bottom:20px}.feature-list{flex-direction:column}.feature-item{align-items:flex-start;display:flex;gap:12px}.feature-check{color:#10b981;flex-shrink:0;margin-top:2px}.feature-item strong{color:#0f172a;font-size:14px}.feature-item p{color:#64748b;font-size:12px}.test-note{background:#fef3c7;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:14px 18px}.test-note strong{color:#b45309;display:block;font-size:13px;margin-bottom:2px}.test-note p{color:#92400e;font-size:12px}.test-note code{background:#00000014;border-radius:4px;font-family:monospace;font-weight:600;padding:2px 8px}.verify-code-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px;text-align:center}.code-label{color:#64748b;font-size:12px;margin-bottom:8px}.code-display{color:#0f172a;font-family:monospace;font-size:32px;font-weight:700;letter-spacing:8px}.code-hint{color:#94a3b8;font-size:11px;margin-top:8px}.continue-btn,.verify-btn{gap:8px}.continue-btn,.facebook-btn,.verify-btn{font-size:15px;justify-content:center;padding:14px;width:100%}.facebook-btn{background:#1877f2;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;gap:10px;transition:all .3s}.facebook-btn:hover{background:#166fe5;box-shadow:0 8px 24px #1877f24d;transform:translateY(-2px)}.facebook-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.alert{border-radius:12px;font-size:13px;padding:12px 16px}.alert.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.help-section{margin-top:20px}.help-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;gap:14px;padding:14px 20px}.help-card,.help-icon{align-items:center;display:flex}.help-icon{background:#25d3661a;border-radius:12px;color:#25d366;flex-shrink:0;height:40px;justify-content:center;width:40px}.help-card h4{font-size:14px;font-weight:600;margin-bottom:2px}.help-card p{color:#64748b;font-size:12px}.help-btn{margin-left:auto}.success-container{align-items:center;display:flex;justify-content:center;min-height:400px}.success-card{background:#fff;border:1px solid #e2e8f0;border-radius:32px;box-shadow:0 20px 35px -10px #0000000d;max-width:480px;padding:48px;text-align:center;width:100%}.success-icon{align-items:center;background:#10b98114;border-radius:50%;color:#10b981;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.success-title{font-size:24px;font-weight:700;margin-bottom:8px}.success-desc{color:#64748b;margin-bottom:24px}.success-details{background:#f8fafc;border-radius:16px;margin-bottom:28px;padding:20px;text-align:left}.detail-item{align-items:center;display:flex;font-size:13px;gap:10px;padding:8px 0}.detail-item:first-child{border-bottom:1px solid #e2e8f0}.detail-item strong{color:#0f172a;margin-left:auto}.success-actions{display:flex;flex-wrap:wrap;gap:12px}.success-actions .btn,.success-btn{flex:1 1;justify-content:center}.success-btn{background:linear-gradient(135deg,#25d366,#128c7e);gap:8px}@media (max-width:768px){.onboarding-page{padding:0 16px}.step-card{padding:24px}.wizard-step{flex-direction:column;gap:8px;padding:16px;text-align:center}.step-connector{display:none}.step-header{flex-direction:column;text-align:center}.success-card{padding:32px 24px}.help-card{flex-wrap:wrap;justify-content:center;text-align:center}.help-btn{margin-left:0;width:100%}.onboarding-header{flex-direction:column}.onboarding-badge{align-self:flex-start}.success-actions{flex-direction:column}}@media (max-width:480px){.wizard-step{padding:12px}.step-number{font-size:12px;height:28px;width:28px}.step-name{font-size:13px}.step-desc{font-size:11px}}.inbox-page{display:flex;flex-direction:column;height:100%}.inbox-header{align-items:flex-start;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:20px}.inbox-title{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:4px}.inbox-subtitle{color:#64748b;font-size:14px}.inbox-actions{display:flex;gap:8px}.inbox-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s}.inbox-action-btn:hover{border-color:#2563eb;color:#2563eb}.ws-badge{font-size:11px;font-weight:400;margin-left:8px}.ws-badge.online{color:#10b981}.ws-badge.offline{color:#ef4444}@keyframes inboxFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.inbox-layout{background:#fff;border:1px solid #e2e8f0;border-radius:20px;display:flex;flex:1 1;gap:0;height:calc(100vh - 180px);min-height:0;overflow:hidden}.conv-panel{background:#fafbfc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;width:340px}.conv-search{border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:14px 16px 12px;position:relative}.conv-search-icon{color:#94a3b8;left:28px;position:absolute;top:50%;transform:translateY(-50%)}.conv-search-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;color:#0f172a;font-size:13px;outline:none;padding:9px 12px 9px 36px;transition:all .2s;width:100%}.conv-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.conv-empty,.conv-loading{align-items:center;color:#64748b;display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center;padding:32px;text-align:center}.conv-empty svg{opacity:.3}.conv-empty p{color:#0f172a;font-size:14px;font-weight:600}.conv-empty span{color:#64748b;font-size:12px}.conv-list{flex:1 1;overflow-y:auto}.conv-list::-webkit-scrollbar{width:4px}.conv-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.conv-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .15s}.conv-item:hover{background:#f8fafc}.conv-item.active{background:#2563eb0f;border-left:3px solid #2563eb}.conv-item.unread .conv-name{font-weight:700}.conv-item.unread .conv-preview{color:#0f172a;font-weight:500}.conv-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:42px;justify-content:center;width:42px}.conv-info{flex:1 1;min-width:0}.conv-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.conv-name{color:#0f172a;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-time{color:#64748b;flex-shrink:0;font-size:11px}.conv-preview{color:#64748b;flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-badges{flex-shrink:0;gap:4px}.badge-ai,.conv-badges{align-items:center;display:flex}.badge-ai{background:#8b5cf61f;color:#8b5cf6;font-weight:600;gap:3px;padding:2px 6px}.badge-ai,.badge-unread{border-radius:20px;font-size:10px}.badge-unread{background:#2563eb;color:#fff;font-weight:700;min-width:18px;padding:2px 7px;text-align:center}.chat-panel{min-width:0}.chat-empty,.chat-panel{display:flex;flex:1 1;flex-direction:column}.chat-empty{align-items:center;color:#64748b;gap:12px;justify-content:center;padding:32px;text-align:center}.chat-empty .chat-empty-icon{opacity:.25}.chat-empty h3{color:#0f172a;font-size:16px;font-weight:600}.chat-empty p{font-size:13px}.chat-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;padding:14px 20px}.chat-header,.chat-header-left{align-items:center;display:flex}.chat-header-left{gap:12px}.chat-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:40px;justify-content:center;width:40px}.chat-contact-info{display:flex;flex-direction:column}.chat-name{color:#0f172a;font-size:15px;font-weight:600}.chat-phone{color:#64748b;font-size:12px;gap:4px}.chat-header-right,.chat-phone{align-items:center;display:flex}.chat-header-right{gap:10px}.mode-toggle{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 14px;transition:all .2s}.mode-ai{background:#8b5cf61a;color:#8b5cf6}.mode-ai:hover{background:#8b5cf633}.mode-human{background:#10b9811a;color:#10b981}.mode-human:hover{background:#10b98133}.chat-messages{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:20px}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.msgs-empty,.msgs-loading{align-items:center;color:#64748b;display:flex;flex:1 1;font-size:13px;justify-content:center}.msg-row{display:flex}.msg-row.inbound{justify-content:flex-start}.msg-row.outbound{justify-content:flex-end}.msg-bubble{border-radius:16px;font-size:13px;line-height:1.5;max-width:70%;padding:10px 14px;word-break:break-word}.msg-row.inbound .msg-bubble{background:#fff;border:1px solid #e2e8f0;border-radius:4px 16px 16px 16px;color:#0f172a}.msg-row.outbound .msg-bubble{background:#2563eb;border-radius:16px 4px 16px 16px;color:#fff}.msg-bubble.msg-ai{background:#8b5cf614;border:1px solid #8b5cf633;border-radius:4px 16px 16px 16px;color:#0f172a}.msg-row.outbound .msg-bubble.msg-ai{background:#8b5cf626;border:1px solid #8b5cf633}.msg-ai-label{align-items:center;color:#8b5cf6;display:flex;font-size:10px;font-weight:600;gap:4px;margin-bottom:4px}.msg-content{white-space:pre-wrap}.msg-footer{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:4px}.msg-time{font-size:10px;opacity:.7}.msg-row.inbound .msg-time{color:#64748b}.msg-row.outbound .msg-time{color:#ffffffb3}.status-read{color:#3b82f6}.status-delivered{opacity:.7}.status-sent{opacity:.5}.status-failed{color:#ef4444}.status-pending{color:#94a3b8}.chat-input-area{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;padding:12px 16px}.ai-notice{align-items:center;background:#8b5cf612;border-radius:10px;color:#8b5cf6;display:flex;font-size:12px;gap:8px;margin-bottom:10px;padding:8px 14px}.ai-notice button{background:none;border:1px solid #8b5cf6;border-radius:8px;color:#8b5cf6;cursor:pointer;font-size:11px;font-weight:600;margin-left:auto;padding:3px 10px;transition:all .2s}.ai-notice button:hover{background:#8b5cf6;color:#fff}.chat-input-row{align-items:flex-end;display:flex;gap:10px}.chat-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;color:#0f172a;flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;max-height:120px;outline:none;overflow-y:auto;padding:10px 14px;resize:none;transition:border-color .2s}.chat-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.send-btn{align-items:center;background:#2563eb;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.send-btn:hover:not(:disabled){background:#1d4ed8;transform:scale(1.05)}.send-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.inbox-layout{border-radius:16px;flex-direction:column;height:auto}.conv-panel{border-bottom:1px solid #e2e8f0;border-right:none;max-height:300px;width:100%}.chat-panel{min-height:400px}.inbox-header{flex-direction:column;gap:12px}}@media (max-width:480px){.conv-item{padding:10px 12px}.conv-avatar{font-size:11px;height:36px;width:36px}.chat-header{padding:10px 16px}.chat-messages{padding:12px}.chat-input-area{padding:10px 12px}.msg-bubble{max-width:85%}}.reports-loading{align-items:center;display:flex;justify-content:center;min-height:400px}@keyframes reportsFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reports-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.reports-title{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:4px}.reports-subtitle{color:#64748b;font-size:14px}.header-actions{display:flex;gap:12px}.export-btn,.refresh-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 16px;transition:all .2s}.export-btn:hover,.refresh-btn:hover{background:#f8fafc;border-color:#2563eb;color:#2563eb}.stats-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card-large{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px;transition:all .2s}.stat-card-large:hover{box-shadow:0 10px 15px -3px #0000000d;transform:translateY(-2px)}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.stat-icon-large{border-radius:14px;height:48px;justify-content:center;width:48px}.stat-icon-large,.stat-trend{align-items:center;display:flex}.stat-trend{border-radius:20px;font-size:11px;gap:4px;padding:2px 10px}.stat-trend.up{background:#10b9811a;color:#10b981}.stat-trend.down{background:#ef44441a;color:#ef4444}.stat-value-large{color:#0f172a;font-size:28px;font-weight:700}.stat-label-large{color:#64748b;font-size:13px;margin-top:2px}.summary-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.summary-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:14px;padding:16px 20px;transition:all .2s}.summary-item:hover{border-color:#cbd5e1}.summary-icon{align-items:center;border-radius:12px;display:flex;height:44px;justify-content:center;width:44px}.summary-icon.blue{background:#3b82f61a;color:#3b82f6}.summary-icon.purple{background:#8b5cf61a;color:#8b5cf6}.summary-icon.green{background:#10b9811a;color:#10b981}.summary-icon.orange{background:#f59e0b1a;color:#f59e0b}.summary-value{color:#0f172a;font-size:20px;font-weight:700}.summary-label{color:#64748b;font-size:12px;margin-top:2px}.reports-toolbar{gap:16px;justify-content:space-between;margin-bottom:20px}.filters-bar,.reports-toolbar{align-items:center;display:flex;flex-wrap:wrap}.filters-bar{gap:12px}.filters-label{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:500;gap:6px}.filters-group{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 14px;transition:all .2s}.filter-chip:hover{border-color:#2563eb;color:#2563eb}.filter-chip.active{background:#2563eb;border-color:#2563eb;color:#fff}.search-bar{align-items:center;display:flex;position:relative}.search-bar .search-icon{color:#94a3b8;left:12px;position:absolute}.search-bar .search-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;outline:none;padding:8px 12px 8px 36px;transition:all .2s;width:220px}.search-bar .search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;width:280px}.campaigns-table-container{margin-bottom:24px;overflow:hidden}.campaign-count{color:#64748b;font-size:12px}.campaigns-table{border-collapse:collapse;width:100%}.campaigns-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.campaigns-table td{border-bottom:1px solid #f1f5f9;font-size:13px;padding:12px 16px;vertical-align:middle}.campaign-name{color:#0f172a;font-weight:500}.campaign-date{align-items:center;color:#64748b;display:flex;font-size:12px;gap:6px}.sent-count{color:#3b82f6;font-weight:500}.delivered-count{color:#10b981;font-weight:500}.read-count{color:#8b5cf6;font-weight:500}.failed-count{color:#ef4444;font-weight:500}.progress-cell{min-width:120px}.progress-wrapper{align-items:center;display:flex;gap:10px}.progress-bar-bg{background:#e2e8f0;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#2563eb,#8b5cf6);border-radius:3px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-text{color:#64748b;font-size:11px;font-weight:500;min-width:40px}.empty-row td{padding:0}.empty-icon{opacity:.4}.empty-state p{margin-bottom:20px}.empty-link{align-items:center;background:none;border:none;color:#2563eb;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;transition:color .2s}.empty-link:hover{color:#1d4ed8}.insights-section{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:24px;color:#fff;margin-bottom:24px;padding:28px 32px}.insights-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.insights-header h3{font-size:16px;font-weight:600}.insights-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.insight-card{background:#ffffff0f;border:1px solid #ffffff0f;border-radius:16px;padding:20px;text-align:center;transition:all .2s}.insight-card:hover{background:#ffffff14}.insight-value{color:#fff;font-size:28px;font-weight:700}.insight-label{color:#fff9;font-size:12px;margin-top:4px}.insight-trend{border-radius:20px;display:inline-block;font-size:11px;margin-top:8px;padding:2px 12px}.insight-trend.up{background:#10b98133;color:#10b981}.insight-trend.down{background:#ef444433;color:#f87171}@media (max-width:1024px){.insights-grid,.stats-overview,.summary-row{grid-template-columns:repeat(2,1fr)}.reports-toolbar{align-items:stretch;flex-direction:column}.search-bar .search-input,.search-bar .search-input:focus{width:100%}}@media (max-width:768px){.reports-header{flex-direction:column}.insights-grid,.stats-overview,.summary-row{grid-template-columns:1fr}.filters-bar{flex-wrap:wrap}.campaigns-table td:nth-child(2),.campaigns-table td:nth-child(6),.campaigns-table td:nth-child(7),.campaigns-table th:nth-child(2),.campaigns-table th:nth-child(6),.campaigns-table th:nth-child(7){display:none}.insights-section{padding:20px}.insight-value{font-size:22px}.stat-value-large{font-size:24px}}@media (max-width:480px){.campaigns-table td:nth-child(4),.campaigns-table td:nth-child(8),.campaigns-table th:nth-child(4),.campaigns-table th:nth-child(8){display:none}.header-actions{width:100%}.export-btn,.refresh-btn{flex:1 1;justify-content:center}}.billing-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.spinner-large{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#25d366;height:48px;width:48px}.loading-text{color:#64748b;font-size:14px}.billing-header{margin-bottom:28px}.billing-title{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:6px}.billing-subtitle{color:#64748b;font-size:14px}.success-toast{align-items:center;animation:slideIn .3s ease;background:#10b981;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;color:#fff;display:flex;font-size:13px;gap:10px;padding:12px 20px;position:fixed;right:24px;top:80px;z-index:1000}.toast-close{background:#0000;border:none;color:#fff;cursor:pointer;margin-left:8px;padding:4px}.balance-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.balance-card{align-items:center;border-radius:24px;display:flex;gap:16px;padding:24px;position:relative;transition:all .2s}.balance-card.primary{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.balance-card.secondary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.balance-card.info{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.balance-card:hover{transform:translateY(-2px)}.balance-icon{align-items:center;background:#fff3;border-radius:18px;display:flex;height:56px;justify-content:center;width:56px}.balance-info{flex:1 1}.balance-label{font-size:12px;margin-bottom:4px;opacity:.8}.balance-value{font-size:28px;font-weight:700}.balance-hint{font-size:11px;margin-top:4px;opacity:.7}.balance-badge{position:absolute;right:20px;top:16px}.badge.success{background:#fff3;border-radius:20px;color:#fff;font-size:11px;font-weight:600;padding:4px 12px}.registration-card{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:20px;display:flex;gap:16px;margin-bottom:32px;padding:20px 24px}.registration-icon{flex-shrink:0;font-size:28px}.registration-content{flex:1 1}.registration-content h3{color:#92400e;font-size:16px;font-weight:600;margin-bottom:4px}.registration-content p{color:#78350f;font-size:13px;margin-bottom:12px}.registration-input-group{display:flex;flex-wrap:wrap;gap:12px}.registration-input{background:#fff;border:2px solid #f59e0b;border-radius:12px;flex:1 1;font-size:14px;min-width:200px;padding:10px 16px;transition:border-color .2s}.registration-input:focus{border-color:#d97706;outline:none}.registration-btn{background:#d97706;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:background .2s;white-space:nowrap}.registration-btn:hover:not(:disabled){background:#b45309}.registration-btn:disabled{cursor:not-allowed;opacity:.6}.purchase-section{background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:32px;padding:28px}.section-title{color:#0f172a;font-size:20px;font-weight:700;margin-bottom:4px}.section-desc{color:#64748b;font-size:14px;margin-bottom:24px}.purchase-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px}.phone-input-group,.pricing-display,.purchase-input-group{display:flex;flex-direction:column;gap:6px}.input-label{color:#0f172a;font-size:13px;font-weight:500}.credit-input,.phone-input{border:1px solid #e2e8f0;border-radius:12px;font-size:16px;padding:10px 14px;transition:border-color .2s}.credit-input:focus,.phone-input:focus{border-color:#25d366;outline:none}.credit-input:disabled,.phone-input:disabled{background:#f1f5f9;cursor:not-allowed}.input-hint{color:#94a3b8;font-size:11px;margin-top:2px}.pricing-box{background:#f8fafc;border-radius:12px;flex:1 1;padding:12px 16px}.pricing-row{color:#64748b;display:flex;font-size:14px;justify-content:space-between;padding:4px 0}.pricing-row.total{border-top:1px solid #e2e8f0;color:#0f172a;font-weight:700;margin-top:4px;padding-top:8px}.pricing-value{color:#0f172a;font-weight:500}.pricing-total{color:#25d366;font-size:18px}.pricing-placeholder{align-items:center;background:#f8fafc;border-radius:12px;color:#94a3b8;display:flex;flex:1 1;font-size:14px;justify-content:center;padding:12px 16px;text-align:center}.quick-buy-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.quick-buy-btn{align-items:center;background:#f8fafc;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:12px;transition:all .2s}.quick-buy-btn:hover:not(:disabled){background:#f0fdf4;border-color:#25d366}.quick-buy-btn:disabled{cursor:not-allowed;opacity:.5}.quick-buy-amount{color:#0f172a;font-size:20px;font-weight:700}.quick-buy-label{color:#64748b;font-size:11px}.quick-buy-price{color:#25d366;font-size:12px;font-weight:600;margin-top:4px}.buy-btn{background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .2s;width:100%}.buy-btn:hover:not(:disabled){box-shadow:0 10px 15px -3px #25d3664d;transform:translateY(-2px)}.buy-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-loading{align-items:center;display:flex;gap:10px;justify-content:center}.warning-text{color:#d97706;font-size:13px;margin-top:12px;text-align:center}.message{border-radius:12px;font-size:14px;margin-bottom:16px;padding:14px 18px}.message.success{background:#f0fdf4;border:1px solid #86efac;color:#166534}.message.error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.history-card{background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:24px;overflow:hidden}.history-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.history-header h3{color:#0f172a;font-size:16px;font-weight:600}.history-icon{color:#94a3b8}.history-placeholder{color:#64748b;padding:48px 20px;text-align:center}.placeholder-icon{margin-bottom:12px;opacity:.3}.history-placeholder p{font-size:14px;margin-bottom:4px}.history-placeholder span{font-size:12px}.support-section{margin-top:8px}.support-card{background:#f8fafc;border-radius:20px;flex-wrap:wrap;gap:16px;padding:20px 24px}.support-card,.support-icon{align-items:center;display:flex}.support-icon{background:#25d3661a;border-radius:14px;color:#25d366;height:48px;justify-content:center;width:48px}.support-card h4{font-size:15px;font-weight:600;margin-bottom:2px}.support-card p{color:#64748b;font-size:12px}.support-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-left:auto;padding:10px 20px;transition:all .2s}.support-btn:hover{border-color:#25d366;color:#25d366}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.balance-grid,.purchase-grid{grid-template-columns:1fr}.quick-buy-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.registration-card,.registration-input-group{flex-direction:column}.registration-btn{width:100%}.support-card{flex-direction:column;text-align:center}.support-btn{justify-content:center;margin-left:0;width:100%}}.admin-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.admin-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.admin-title{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:6px}.admin-subtitle{color:#64748b;font-size:14px}.refresh-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 16px;transition:all .2s}.refresh-btn:hover{background:#f8fafc;border-color:#2563eb;color:#2563eb}.admin-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.admin-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;display:flex;gap:14px;padding:20px;transition:all .2s}.admin-stat-card:hover{box-shadow:0 10px 15px -3px #0000000d;transform:translateY(-2px)}.admin-stat-icon{align-items:center;border-radius:14px;display:flex;height:50px;justify-content:center;width:50px}.admin-stat-icon.purple{background:#8b5cf61a;color:#8b5cf6}.admin-stat-icon.green{background:#10b9811a;color:#10b981}.admin-stat-icon.orange{background:#f59e0b1a;color:#f59e0b}.admin-stat-icon.blue{background:#3b82f61a;color:#3b82f6}.admin-stat-icon.red{background:#ef44441a;color:#ef4444}.admin-stat-info{flex:1 1}.admin-stat-value{color:#0f172a;font-size:28px;font-weight:700}.admin-stat-label{color:#64748b;font-size:12px;margin-top:2px}.admin-stat-trend{align-items:center;border-radius:20px;display:flex;font-size:11px;gap:4px;padding:4px 8px}.admin-stat-trend.up{background:#10b9811a;color:#10b981}.admin-stat-trend.down{background:#ef44441a;color:#ef4444}.admin-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-wrapper{flex:1 1;max-width:320px;position:relative}.search-icon{color:#94a3b8;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;padding:10px 14px 10px 42px;transition:all .2s;width:100%}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.filter-group{position:relative}.filter-icon{color:#94a3b8;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.filter-select{-webkit-appearance:none;appearance:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;font-size:14px;padding:10px 36px 10px 40px}.filter-select:focus{border-color:#2563eb;outline:none}.admin-table-container{margin-bottom:24px;overflow:hidden}.table-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.table-title{color:#0f172a;font-size:16px;font-weight:600}.table-info{color:#64748b;font-size:12px}.table-responsive{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th{background:#f8fafc;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.admin-table td,.admin-table th{border-bottom:1px solid #e2e8f0;padding:14px 16px}.admin-table td{font-size:13px;vertical-align:middle}.org-name{color:#0f172a;font-weight:600;margin-bottom:2px}.org-id{color:#94a3b8;font-family:monospace;font-size:10px}.contact-email{color:#0f172a;margin-bottom:2px}.contact-phone{color:#64748b;font-family:monospace;font-size:11px}.wa-number{color:#0f172a;font-family:monospace;font-size:12px}.credits-amount{align-items:center;color:#10b981;display:flex;font-weight:600;gap:4px}.credits-amount.low{color:#ef4444}.date-cell{color:#64748b;font-size:12px}.actions-cell{display:flex;flex-wrap:wrap;gap:6px}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s}.action-btn.credits{background:#25d3661a;color:#128c7e}.action-btn.credits:hover{background:#25d366;color:#fff}.action-btn.approve{background:#10b9811a;color:#10b981}.action-btn.approve:hover{background:#10b981;color:#fff}.action-btn.suspend{background:#ef44441a;color:#ef4444}.action-btn.suspend:hover{background:#ef4444;color:#fff}.action-btn.activate{background:#25d3661a;color:#25d366}.action-btn.activate:hover{background:#25d366;color:#fff}.action-btn.view{background:#3b82f61a;color:#3b82f6}.action-btn.view:hover{background:#3b82f6;color:#fff}.action-btn.promote{background:#8b5cf61a;color:#8b5cf6}.action-btn.promote:hover{background:#8b5cf6;color:#fff}.action-btn.demote{background:#f59e0b1a;color:#f59e0b}.action-btn.demote:hover{background:#f59e0b;color:#fff}.action-btn.toggle{background:#ef44441a;color:#ef4444}.action-btn.toggle:hover{background:#ef4444;color:#fff}.empty-state{padding:60px 40px;text-align:center}.empty-icon{color:#94a3b8;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:18px;font-weight:600;margin-bottom:6px}.empty-state p{color:#64748b;font-size:13px}.quick-actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.quick-action-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;display:flex;gap:14px;padding:20px;transition:all .2s}.quick-action-card:hover{box-shadow:0 10px 15px -3px #0000000d;transform:translateY(-2px)}.quick-action-icon{align-items:center;border-radius:14px;display:flex;height:48px;justify-content:center;width:48px}.quick-action-icon.green{background:#10b9811a;color:#10b981}.quick-action-icon.orange{background:#f59e0b1a;color:#f59e0b}.quick-action-icon.red{background:#ef44441a;color:#ef4444}.quick-action-icon.purple{background:#8b5cf61a;color:#8b5cf6}.quick-action-icon.blue{background:#3b82f61a;color:#3b82f6}.quick-action-card h4{color:#64748b;font-size:13px;font-weight:500;margin-bottom:4px}.quick-action-value{color:#0f172a;font-size:20px;font-weight:700}.credits-modal{display:flex;flex-direction:column;gap:20px}.credits-org-info{background:#f8fafc;border-radius:16px;gap:14px;padding:16px}.credits-org-info,.org-avatar{align-items:center;display:flex}.org-avatar{background:#25d3661a;border-radius:12px;color:#25d366;height:44px;justify-content:center;width:44px}.credits-org-info .org-name{font-weight:600;margin-bottom:2px}.credits-org-info .org-email{color:#64748b;font-size:12px}.credits-input-wrapper{display:flex;flex-direction:column;gap:6px}.credits-label{color:#0f172a;font-size:13px;font-weight:500}.credits-input-group{position:relative}.credits-input-icon{color:#94a3b8;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.credits-input{border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;padding:12px 16px 12px 42px;width:100%}.credits-input:focus{border-color:#2563eb;outline:none}.credits-hint{color:#64748b;font-size:11px}.credits-warning{align-items:center;background:#fef3c7;border-radius:12px;color:#b45309;display:flex;font-size:12px;gap:10px;padding:12px 16px}.modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:16px}@media (max-width:1200px){.admin-stats-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.admin-table td:nth-child(3),.admin-table td:nth-child(6),.admin-table th:nth-child(3),.admin-table th:nth-child(6){display:none}}@media (max-width:768px){.admin-stats-grid{grid-template-columns:1fr}.admin-filters{flex-direction:column}.search-wrapper{max-width:100%}.quick-actions-grid{grid-template-columns:1fr}.admin-table td:nth-child(4),.admin-table th:nth-child(4){display:none}}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#93c5fd;--primary-bg:#2563eb1a;--secondary:#0f172a;--secondary-light:#1e293b;--secondary-dark:#020617;--accent:#25d366;--accent-dark:#128c7e;--accent-bg:#25d3661a;--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--danger:#ef4444;--danger-bg:#ef44441a;--info:#3b82f6;--info-bg:#3b82f61a;--purple:#8b5cf6;--purple-bg:#8b5cf61a;--white:#fff;--bg:#f1f5f9;--bg-secondary:#f8fafc;--surface:#fff;--surface-hover:#f1f5f9;--border:#e2e8f0;--border-light:#f1f5f9;--border-dark:#cbd5e1;--text:#0f172a;--text-secondary:#1e293b;--text-light:#64748b;--text-muted:#94a3b8;--text-white:#fff;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--radius-none:0;--radius-sm:6px;--radius-base:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #00000008;--shadow-xl:0 20px 25px -5px #00000014,0 10px 10px -5px #00000005;--shadow-2xl:0 25px 50px -12px #00000026;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--transition-bounce:0.4s cubic-bezier(0.34,1.56,0.64,1);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal:400;--z-popover:500;--z-toast:600;--z-overlay:700;--z-max:999;--container-max:1400px;--container-padding:24px}@media (prefers-color-scheme:dark){:root{--bg:#0f172a;--bg-secondary:#1e293b;--surface:#1e293b;--surface-hover:#2d3748;--border:#334155;--border-light:#2d3748;--text:#f1f5f9;--text-secondary:#e2e8f0;--text-light:#94a3b8;--text-muted:#64748b}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:#f8fafc;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family,"Inter",-apple-system,BlinkMacSystemFont,sans-serif);font-size:16px;line-height:1.5;min-height:100vh}h1,h2,h3,h4,h5,h6{color:#0f172a;font-weight:700;line-height:1.2}h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}a{color:#2563eb;text-decoration:none}a:hover{color:#1d4ed8}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:9999px}::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#cbd5e1}::selection{background:#2563eb;color:#fff}:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.container{margin:0 auto;max-width:1400px;padding:0 24px}.text-center{text-align:center}.text-muted{color:#64748b}.text-sm{font-size:14px}.text-xs{font-size:12px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:12px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.container{padding:0 16px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}}@media (max-width:480px){.container{padding:0 12px}h1{font-size:20px}h2{font-size:18px}}
/*# sourceMappingURL=main.e1a73c63.css.map*/