@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:#22c55e;--accent-dim:#22c55e1f;--accent-glow:#22c55e40;--primary-dim:#2563eb1f;--primary-glow:#2563eb40;--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);border-radius:8px;box-shadow:0 0 14px #22c55e40;box-shadow:0 0 14px var(--accent-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:#2563eb;background:var(--primary);box-shadow:0 0 14px #2563eb40;box-shadow:0 0 14px var(--primary-glow);color:#fff}.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:#2563eb1f;background:var(--primary-dim);border:1px solid #2563eb33;border-radius:20px;color:#2563eb;color:var(--primary);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-dim));color:#22c55e;color:var(--active-color,var(--accent))}.sidebar-link.active:before{background:#22c55e;background:var(--active-color,var(--accent));border-radius:0 3px 3px 0;box-shadow:0 0 6px #22c55e;box-shadow:0 0 6px var(--active-color,var(--accent));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);border-radius:7px;box-shadow:0 0 8px #22c55e40;box-shadow:0 0 8px var(--accent-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-dim);color:#22c55e;color:var(--accent)}.sidebar-mobile-link.active:before{background:#22c55e;background:var(--accent);border-radius:0 3px 3px 0;box-shadow:0 0 6px #22c55e;box-shadow:0 0 6px var(--accent);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}.ws-status{border-radius:20px;display:inline-block;font-size:10px;font-weight:600;margin-top:2px;padding:2px 8px}.ws-status.connected{background:#f0fdf4;color:#10b981}.ws-status.disconnected{animation:wsPulse 2s ease-in-out infinite;background:#fef2f2;color:#ef4444}@keyframes wsPulse{0%,to{opacity:1}50%{opacity:.5}}.topbar-right{align-items:center;display:flex;gap:12px}.topbar-search,.topbar-search-wrapper{position:relative}.topbar-search{align-items:center;display:flex}.topbar-search-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;outline:none;padding:8px 36px;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:200px}.topbar-search-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;width:300px}.topbar-search-icon{color:#94a3b8;height:16px;left:10px;pointer-events:none;position:absolute;width:16px}.topbar-search-clear{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:46px;transition:all .2s;width:20px}.topbar-search-clear:hover{background:#e2e8f0;color:#0f172a}.topbar-search-submit{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:13px;font-weight:600;margin-left:8px;padding:8px 16px;transition:all .2s}.topbar-search-submit:hover{background:#1d4ed8}.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{align-items:center;animation:notificationPulse 2s ease-in-out infinite;background:#ef4444;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 5px;position:absolute;right:-4px;top:-4px}@keyframes notificationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.topbar-notification-wrapper{position:relative}.topbar-notification-dropdown{animation:dropdownSlide .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 60px -8px #00000026,0 8px 24px -6px #0000000d;max-height:460px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:380px;z-index:200}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.topbar-notification-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 20px}.topbar-notification-header h4{color:#0f172a;font-size:16px;font-weight:600;margin:0}.topbar-notification-actions{display:flex;gap:8px}.topbar-notification-actions button{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:12px;padding:4px 10px;transition:all .2s}.mark-read-btn{color:#2563eb!important}.mark-read-btn:hover{background:#eff6ff}.clear-btn:hover{background:#fee2e2;color:#ef4444!important}.topbar-notification-list{max-height:320px;overflow-y:auto}.topbar-notification-list::-webkit-scrollbar{width:4px}.topbar-notification-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:9999px}.empty-notifications{padding:40px 20px}.empty-notifications svg{margin-bottom:12px}.empty-notifications p{color:#64748b;font-weight:500}.empty-notifications span{color:#94a3b8;font-size:12px}.notification-loading{padding:12px 16px}.notification-item{border-bottom:1px solid #f8fafc;gap:12px;padding:12px 20px}.notification-icon{color:#fff;height:32px;width:32px}.notification-content p{color:#0f172a;font-size:14px;line-height:1.4;margin:0 0 4px}.notification-content .notification-time{color:#94a3b8;font-size:12px}.topbar-notification-footer{border-top:1px solid #f1f5f9;padding:12px 20px;text-align:center}.topbar-notification-footer button{background:none;border:none;border-radius:6px;color:#2563eb;cursor:pointer;font-size:14px;font-weight:600;padding:4px 12px;transition:all .2s}.topbar-notification-footer button:hover{background:#f0f7ff}.topbar-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);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-wrapper{display:none}.topbar-search-wrapper.active{background:#fff;border-bottom:1px solid #e2e8f0;display:block;left:0;padding:12px 16px;position:fixed;right:0;top:72px;z-index:99}.topbar-search-wrapper.active .topbar-search-input{width:100%}.topbar-title{font-size:17px}.topbar-subtitle{font-size:11px}.topbar-notification-dropdown{right:-60px;width:320px}}@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}.topbar-notification-dropdown{right:-80px;width:290px}}.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{background:#f8fafc;flex:1 1;overflow-y:auto;padding:24px}.layout-container{animation:layoutFadeIn .3s ease;margin:0 auto;max-width:1400px;width:100%}@keyframes layoutFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@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{letter-spacing:.01em;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn-shine{background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:100%}.btn:hover .btn-shine{left:100%}.btn-pulse{animation:btnPulse 2s ease-in-out infinite}@keyframes btnPulse{0%,to{box-shadow:0 0 0 0 #2563eb66}50%{box-shadow:0 0 0 12px #2563eb00}}.btn-loading{cursor:wait;opacity:.85}.btn-loading .btn-shine{display:none}.btn-primary{box-shadow:0 4px 14px #2563eb40}.btn-success{box-shadow:0 4px 14px #10b98140}.btn-danger{box-shadow:0 4px 14px #ef444440}.btn-whatsapp{box-shadow:0 4px 14px #25d36640}.btn-glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn:disabled{animation:none!important}.btn:disabled .btn-shine{display:none}.card-default{background:#fff;border:1px solid #e2e8f0}.card-shadow{box-shadow:0 1px 3px #0000000a,0 8px 24px #00000005}.card-glass{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #fff3}.card-dark{background:#0f172a;border:1px solid #1e293b}.card-dark .card-header-icon,.card-dark .card-title{color:#fff}.card-gradient,.card-info,.card-success{border:none}.card-gradient .card-title,.card-info .card-title,.card-success .card-title{color:#fff}.card-gradient .card-subtitle,.card-info .card-subtitle,.card-success .card-subtitle{color:#fffc}.card-subtle{background:#f8fafc;border:1px solid #e2e8f0}.card-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 32px #10b98140}.card-info{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 32px #2563eb40}.card-hover{cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.card-hover:hover{border-color:#2563eb;box-shadow:0 20px 40px -8px #0000001a,0 8px 16px -6px #00000005;transform:translateY(-6px) scale(1.005)}.card-hover.card-shadow:hover{box-shadow:0 24px 48px -12px #00000026}.card-animate{animation:cardFloat 3s ease-in-out infinite}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.card-header-icon{align-items:center;background:#2563eb1a;border-radius:10px;color:#2563eb;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.card-badge{align-items:center;background:#f1f5f9;border-radius:20px;color:#64748b;display:inline-flex;font-size:11px;font-weight:600;padding:4px 12px}.input-label{letter-spacing:.01em}.input-required{color:#ef4444;margin-left:3px}.input-wrapper{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:14px;display:flex;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.input-wrapper.focused{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a;transform:scale(1.01)}.input-wrapper.has-error{border-color:#ef4444}.input-wrapper.has-error.focused{box-shadow:0 0 0 4px #ef44441a}.input-wrapper.has-success{border-color:#10b981}.input-wrapper.has-success.focused{box-shadow:0 0 0 4px #10b9811a}.input-field{background:#0000;border:none;color:#0f172a;font-weight:500;outline:none;transition:all .2s;width:100%}.input-field::placeholder{color:#94a3b8;font-weight:400}.input-field:disabled{cursor:not-allowed;opacity:.6}.input-field.with-icon{padding-left:42px}.input-field.with-password{padding-right:42px}.input-icon{height:18px;pointer-events:none;transition:color .3s;width:18px}.input-wrapper.focused .input-icon{color:#2563eb}.input-status-icon{height:18px;pointer-events:none;position:absolute;right:14px;width:18px}.input-status-icon.error{color:#ef4444}.input-status-icon.success{color:#10b981}.input-password-toggle{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:10px;transition:all .2s}.input-password-toggle:hover{background:#f1f5f9;color:#0f172a}.input-footer{align-items:center;display:flex;justify-content:space-between;margin-top:2px}.input-hint{font-size:12px}.input-error-text{font-size:12px;font-weight:500}.input-wrapper .bg-\\[\\\#F8FAFC\\]{background:#f8fafc}@media (max-width:640px){.input-wrapper{border-radius:12px}}.badge{letter-spacing:.01em;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.badge-shimmer{overflow:hidden;position:relative}.badge-shimmer:before{animation:shimmerSlide 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:200%}@keyframes shimmerSlide{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.badge-dot{padding-left:20px;position:relative}.badge-dot:before{animation:dotPulse 2s ease-in-out infinite;background:currentColor;border-radius:50%;content:"";height:7px;left:8px;position:absolute;top:50%;transform:translateY(-50%);width:7px}@keyframes dotPulse{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.5;transform:translateY(-50%) scale(.8)}}.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-pink{border-color:#fbcfe8}.badge-indigo{border-color:#c7d2fe}.badge-whatsapp{border-color:#25d36633}.badge-dark{border-color:#1e293b}.badge-gradient{border-color:#0000;box-shadow:0 2px 8px #2563eb33}.badge:hover{transform:scale(1.05) translateY(-1px)}.badge-gradient:hover{box-shadow:0 4px 12px #2563eb4d}.spinner-container{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center}.spinner{animation:spinnerSpin .8s cubic-bezier(.4,0,.2,1) infinite;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-pulse{animation:spinnerPulse 1.2s ease-in-out infinite}@keyframes spinnerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.spinner-label{animation:spinnerLabelPulse 1.5s ease-in-out infinite;color:#64748b;font-size:13px;font-weight:500}@keyframes spinnerLabelPulse{0%,to{opacity:1}50%{opacity:.5}}.modal-overlay{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172ab3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-slide{animation:modalFadeIn .3s ease-out}.modal-slide .modal-container{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}.modal-scale .modal-container{animation:modalScaleIn .35s cubic-bezier(.34,1.56,.64,1)}.modal-fade .modal-container{animation:modalFadeIn .3s ease-out}.modal-bounce .modal-container{animation:modalBounceIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes modalBounceIn{0%{opacity:0;transform:scale(.8) translateY(20px)}60%{transform:scale(1.02) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-container{background:#fff;border-radius:28px;box-shadow:0 25px 60px -12px #0000004d,inset 0 0 0 1px #ffffff0d;max-height:92vh;overflow:hidden;position:relative;width:100%}.modal-glow{background:radial-gradient(circle,#2563eb0f,#0000 70%);height:60%;pointer-events:none;position:absolute;right:-30%;top:-50%;width:60%;z-index:0}.modal-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;justify-content:space-between;padding:24px 28px 20px;position:relative;z-index:1}.modal-header-gradient{background:linear-gradient(135deg,#f8fafc,#e0f2fe);border-bottom:none}.modal-header-content{flex:1 1;min-width:0}.modal-title-wrapper{align-items:center;display:flex;gap:14px}.modal-icon-wrapper{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:14px;box-shadow:0 4px 12px #2563eb40;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.modal-icon{color:#fff;height:22px;width:22px}.modal-title{color:#0f172a;font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.3;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:12px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:38px;z-index:1}.modal-close-btn:hover{background:#ef4444;box-shadow:0 4px 12px #ef44444d;color:#fff;transform:rotate(90deg) scale(1.05)}.modal-body{max-height:calc(92vh - 140px);overflow-y:auto;padding:28px;position:relative;z-index:1}.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;-webkit-transition:background .2s;transition:background .2s}.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:20px;margin:16px;max-width:95vw!important}.modal-header{padding:18px 20px 14px}.modal-title{font-size:19px}.modal-body{max-height:calc(92vh - 120px);padding:20px}.modal-icon-wrapper{height:36px;width:36px}.modal-icon{height:18px;width:18px}}.toast-container{max-width:420px;position:fixed;width:100%;z-index:600}.toast-container.top-right{right:24px;top:24px}.toast-container.top-left{left:24px;top:24px}.toast-container.bottom-right{bottom:24px;right:24px}.toast-container.bottom-left{bottom:24px;left:24px}.toast-container.top-center{left:50%;top:24px;transform:translateX(-50%)}.toast-container.bottom-center{bottom:24px;left:50%;transform:translateX(-50%)}.toast-content{background:#fff;border-radius:18px;box-shadow:0 20px 60px -8px #00000026,0 8px 24px -6px #0000000d;overflow:hidden;padding:16px 20px;position:relative}.toast-glow{border-radius:50%;filter:blur(30px);height:80px;opacity:.1;pointer-events:none;position:absolute;right:-20%;top:-30%;width:80px}.toast-body{align-items:flex-start;display:flex;gap:14px;position:relative;z-index:1}.toast-icon{animation:toastIconPop .4s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;margin-top:2px}@keyframes toastIconPop{0%{transform:scale(0)}to{transform:scale(1)}}.toast-message{flex:1 1;min-width:0}.toast-title{font-size:14px;font-weight:700;margin-bottom:2px}.toast-text{font-size:13px;font-weight:400;line-height:1.5}.toast-close{background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;flex-shrink:0;margin-top:-2px;padding:4px;transition:all .2s}.toast-close:hover{background:#f1f5f9;color:#0f172a;transform:rotate(90deg)}.toast-progress{background:#0000000d;bottom:0;height:3px;left:0;position:absolute;right:0}.toast-progress-bar{border-radius:0 0 0 3px;height:100%;transition:width .05s linear}@keyframes slideIn{0%{opacity:0;transform:translateX(60px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.animate-slide-in{animation:slideIn .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slideOut{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(60px) scale(.9)}}.toast-exit{animation:slideOut .3s ease forwards}.toast-container+.toast-container{margin-top:12px}@media (max-width:640px){.toast-container{left:50%!important;max-width:92%;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%)}.toast-content{border-radius:14px;padding:14px 16px}}*{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:16px}.hero-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#25d366,#8b5cf6);-webkit-background-clip:text;background-clip:text;display:block;font-size:64px;font-weight:900;letter-spacing:-1px}.hero-title-main{color:#fff;display:block;font-size:42px;font-weight:700;margin-top:4px}.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;font-weight:700;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;padding:20px 0}.steps-grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.step-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;flex:1 1;max-width:350px;min-width:200px;padding:32px 24px;text-align:center;transition:all .3s ease}.step-card:hover{background:#25d3660d;border-color:#25d366;transform:translateY(-4px)}.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{align-items:center;background:#25d36626;border-radius:50%;color:#25d366;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.step-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:8px}.step-desc{color:#ffffffb3;font-size:14px;line-height:1.5}.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-section{padding:20px 0 60px}.cta-card{background:linear-gradient(135deg,#25d3661f,#128c7e0d);border:1px solid #25d36633;border-radius:28px;margin:0 auto;max-width:900px;overflow:hidden;padding:48px 40px;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:32px;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}.hero-brand{font-size:48px}.hero-title-main{font-size:32px}.cta-heading{font-size:28px}}@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-brand{font-size:36px}.hero-title-main{font-size:24px}.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:22px}.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}.step-card{max-width:100%;width:100%}}.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}.input-label{font-size:13px}.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{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:14px;transition:all .2s;width:100%}.btn-login:hover{box-shadow:0 10px 15px -3px #25d3664d;transform:translateY(-2px)}.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}.animate-slide-up{animation:slideUp .6s ease-out forwards}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.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{background:#d1fae5;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{color:#0f172a;font-size:12px;font-weight:600}.form-input{background:#fff;border:1.5px solid #e2e8f0;font-size:14px;width:100%}.form-input::placeholder{color:#94a3b8}.form-input:focus{box-shadow:0 0 0 3px #25d3661a}.form-input.input-error{border-color:#ef4444}.form-input.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.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{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:#25d366}.input-hint{color:#94a3b8;font-size:10px;margin-top:2px}.password-requirements{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.hint-label{color:#64748b;margin-right:4px}.hint-badge{background:#25d3661a;border-radius:12px;color:#25d366;display:inline-block;font-size:9px;font-weight:500;padding:1px 8px}.input-error-text{color:#ef4444;font-size:10px;margin-top:2px}.input-success-text{color:#10b981;font-size:10px;margin-top:2px}.btn-register{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:14px;transition:all .2s;width:100%}.btn-register:hover{box-shadow:0 10px 15px -3px #25d3664d;transform:translateY(-2px)}.btn-register:disabled{cursor:not-allowed;opacity:.7;transform:none}.spinner-small{animation:spin .8s linear infinite}.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}}.verify-container{align-items:center;background:#0f172a;display:flex;justify-content:center;min-height:100vh;padding:24px;position:relative}.verify-bg{inset:0;overflow:hidden;pointer-events:none;position:absolute}.verify-bg-gradient{background:radial-gradient(ellipse at 30% 50%,#2563eb26 0,#0000 60%),radial-gradient(ellipse at 70% 20%,#25d36614 0,#0000 50%);inset:0;position:absolute}.verify-card{animation:vpFadeIn .4s ease;background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000040;max-width:440px;padding:48px 40px;position:relative;text-align:center;width:100%}@keyframes vpFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.verify-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:16px;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.verify-title{color:#0f172a;font-size:24px;font-weight:700;margin-bottom:8px}.verify-subtitle{color:#64748b;font-size:14px;line-height:1.5;margin-bottom:28px}.verify-subtitle strong{color:#0f172a}.otp-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:28px}.otp-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;caret-color:#2563eb;color:#0f172a;font-size:24px;font-weight:700;height:60px;outline:none;text-align:center;transition:all .2s ease;width:52px}.otp-input:focus{box-shadow:0 0 0 3px #2563eb1f}.otp-input.filled,.otp-input:focus{background:#eff6ff;border-color:#2563eb}.otp-input.otp-error{animation:shake .4s ease;background:#fef2f2;border-color:#ef4444}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.vp-alert-success{background:#10b9811a;border:1px solid #10b9814d;border-radius:10px;color:#059669}.vp-alert-error,.vp-alert-success{align-items:center;display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:10px 14px;text-align:left}.vp-alert-error{background:#ef444414;border:1px solid #ef444440;border-radius:10px;color:#dc2626}.btn-verify{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:20px;padding:14px;transition:all .2s ease;width:100%}.btn-verify:hover:not(:disabled){box-shadow:0 6px 20px #2563eb59;transform:translateY(-1px)}.btn-verify:disabled{cursor:not-allowed;opacity:.55;transform:none}.btn-loading{gap:8px;justify-content:center}.spinner-small{animation:spin .7s linear infinite;display:inline-block;height:16px;width:16px}.resend-section{margin-bottom:20px}.resend-btn{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:8px;color:#2563eb;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.resend-btn:hover:not(:disabled){background:#eff6ff;border-color:#2563eb}.resend-btn:disabled{cursor:not-allowed;opacity:.5}.resend-timer{color:#94a3b8;font-size:13px}.resend-timer strong{color:#64748b}.verify-hint{color:#94a3b8;font-size:13px}.verify-hint a{color:#2563eb;font-weight:500;text-decoration:none}.verify-hint a:hover{text-decoration:underline}@media (max-width:480px){.verify-card{padding:36px 20px}.otp-inputs{gap:6px}.otp-input{font-size:20px;height:52px;width:44px}}.fp-container{align-items:center;background:#0f172a;display:flex;justify-content:center;min-height:100vh;padding:24px;position:relative}.fp-bg{overflow:hidden;pointer-events:none}.fp-bg,.fp-bg-gradient{inset:0;position:absolute}.fp-bg-gradient{background:radial-gradient(ellipse at 30% 50%,#2563eb26 0,#0000 60%),radial-gradient(ellipse at 70% 20%,#25d36614 0,#0000 50%)}.fp-card{animation:fpFadeIn .4s ease;background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000040;max-width:440px;padding:48px 40px;position:relative;text-align:center;width:100%}@keyframes fpFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fp-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:16px;color:#fff;display:flex;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.fp-title{color:#0f172a;font-size:22px;font-weight:700;margin-bottom:8px}.fp-subtitle{color:#64748b;font-size:14px;line-height:1.5;margin-bottom:24px}.fp-subtitle strong{color:#0f172a}.fp-alert-success{background:#10b9811a;border:1px solid #10b9814d;border-radius:10px;color:#059669}.fp-alert-error,.fp-alert-success{align-items:center;display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:10px 14px;text-align:left}.fp-alert-error{background:#ef444414;border:1px solid #ef444440;border-radius:10px;color:#dc2626}.fp-form{gap:16px}.fp-form,.fp-input-group{display:flex;flex-direction:column}.fp-input-group{gap:6px;text-align:left}.fp-label{color:#0f172a;font-size:13px;font-weight:600}.fp-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;color:#0f172a;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.fp-input:focus{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.fp-input::placeholder{color:#94a3b8}.fp-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:4px;padding:14px;transition:all .2s ease;width:100%}.fp-btn:hover:not(:disabled){box-shadow:0 6px 20px #2563eb59;transform:translateY(-1px)}.fp-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.fp-btn-loading{align-items:center;display:flex;gap:8px;justify-content:center}.fp-spinner{animation:fpSpin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes fpSpin{to{transform:rotate(1turn)}}.fp-otp-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:24px}.fp-otp-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;caret-color:#2563eb;color:#0f172a;font-size:22px;font-weight:700;height:58px;outline:none;text-align:center;transition:all .2s ease;width:52px}.fp-otp-input:focus{box-shadow:0 0 0 3px #2563eb1f}.fp-otp-input.filled,.fp-otp-input:focus{background:#eff6ff;border-color:#2563eb}.fp-otp-input.otp-error{animation:fpShake .4s ease;background:#fef2f2;border-color:#ef4444}@keyframes fpShake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.fp-resend{margin:16px 0}.fp-resend-btn{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:8px;color:#2563eb;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.fp-resend-btn:hover:not(:disabled){background:#eff6ff;border-color:#2563eb}.fp-resend-btn:disabled{cursor:not-allowed;opacity:.5}.fp-timer{color:#94a3b8;font-size:13px}.fp-timer strong{color:#2563eb}.fp-back{margin-top:20px}.fp-back a,.fp-back button{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;text-decoration:none;transition:color .2s}.fp-back a:hover,.fp-back button:hover{color:#2563eb}@media (max-width:480px){.fp-card{padding:36px 20px}.fp-otp-inputs{gap:6px}.fp-otp-input{font-size:20px;height:50px;width:44px}}.rp-container{align-items:center;background:#0f172a;display:flex;justify-content:center;min-height:100vh;padding:24px;position:relative}.rp-bg{overflow:hidden;pointer-events:none}.rp-bg,.rp-bg-gradient{inset:0;position:absolute}.rp-bg-gradient{background:radial-gradient(ellipse at 30% 50%,#2563eb26 0,#0000 60%),radial-gradient(ellipse at 70% 20%,#25d36614 0,#0000 50%)}.rp-card{animation:rpFadeIn .4s ease;background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000040;max-width:440px;padding:48px 40px;position:relative;text-align:center;width:100%}@keyframes rpFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rp-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:16px;color:#fff;display:flex;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.rp-title{color:#0f172a;font-size:22px;font-weight:700;margin-bottom:8px}.rp-subtitle{color:#64748b;font-size:14px;margin-bottom:28px}.rp-alert-success{background:#10b9811a;border:1px solid #10b9814d;border-radius:10px;color:#059669}.rp-alert-error,.rp-alert-success{align-items:center;display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:10px 14px;text-align:left}.rp-alert-error{background:#ef444414;border:1px solid #ef444440;border-radius:10px;color:#dc2626}.rp-form{gap:18px}.rp-form,.rp-input-group{display:flex;flex-direction:column}.rp-input-group{gap:6px;text-align:left}.rp-label{color:#0f172a;font-size:13px;font-weight:600}.rp-password-wrapper{align-items:center;display:flex;position:relative}.rp-lock-icon{color:#94a3b8;left:14px;pointer-events:none;position:absolute}.rp-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;color:#0f172a;font-size:14px;outline:none;padding:12px 44px 12px 40px;transition:all .2s ease;width:100%}.rp-input:focus{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.rp-input.input-error{background:#fef2f2;border-color:#ef4444}.rp-input::placeholder,.rp-toggle{color:#94a3b8}.rp-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:4px;position:absolute;right:12px}.rp-toggle:hover{color:#2563eb}.rp-requirements{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.rp-req-badge{background:#ef44441a;border:1px solid #ef444433;border-radius:20px;color:#dc2626;font-size:11px;padding:2px 8px}.rp-error-text{color:#dc2626;font-size:12px;margin-top:2px}.rp-success-text{color:#059669;font-size:12px;font-weight:500;margin-top:2px}.rp-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:4px;padding:14px;transition:all .2s ease;width:100%}.rp-btn:hover:not(:disabled){box-shadow:0 6px 20px #2563eb59;transform:translateY(-1px)}.rp-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.rp-btn-loading{align-items:center;display:flex;gap:8px;justify-content:center}.rp-spinner{animation:rpSpin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes rpSpin{to{transform:rotate(1turn)}}.rp-back{margin-top:24px}.rp-back a{align-items:center;color:#64748b;display:inline-flex;font-size:13px;gap:6px;text-decoration:none;transition:color .2s}.rp-back a:hover{color:#2563eb}@media (max-width:480px){.rp-card{padding:36px 20px}}.payment-page{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.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;color:#0f172a;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-hints{display:flex;flex-direction:column;gap:4px;margin-top:4px}.form-hint{align-items:center;display:flex;font-size:12px;gap:6px}.form-hint.success{color:#25d366;font-weight:500}.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{height:20px;width:20px}.btn-loading{align-items:center;display:flex;gap:10px}.spinner-white{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.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}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:fadeInUp .5s ease forwards}.animate-fade-in{animation:fadeInUp .3s ease forwards}@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}}@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;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,.welcome-section.super-admin{background:linear-gradient(135deg,#0b1a2e,#1a3a4a)}.welcome-section:before{background:radial-gradient(circle,#25d3661f 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,#3498db26 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:#3498db}.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:#3498db}.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:#25d366;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:#25d366}.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 th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b}.campaigns-table td{border-bottom:1px solid #f1f5f9;color:#0f172a}.campaign-date{color:#64748b;gap:4px}td.failed{color:#ef4444}.empty-state{padding:40px 20px}.empty-state .empty-icon{opacity:.3}.empty-link{transition:color .2s}.empty-link:hover{color:#128c7e}.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;transition:all .3s}.health-item:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.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}.badge-success{background:#10b981}.badge-success,.badge-warning{border-radius:20px;color:#fff;font-size:11px;font-weight:500;padding:4px 12px}.badge-warning{background:#f59e0b}.badge-danger{background:#ef4444}.badge-danger,.badge-default{border-radius:20px;color:#fff;font-size:11px;font-weight:500;padding:4px 12px}.badge-default{background:#64748b}@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}.action-btn.approve{color:#10b981}.action-btn.approve:hover{background:#10b981}.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}}.action-btn.sync{background:#2563eb1a;color:#2563eb}.action-btn.sync:hover:not(:disabled){background:#2563eb;color:#fff}.action-btn.sync:disabled{cursor:not-allowed;opacity:.6}.action-btn.locked{align-items:center;background:#f1f5f9;border-radius:8px;color:#94a3b8;cursor:default;display:inline-flex;padding:4px 8px}.rejection-box{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#991b1b;display:flex;font-size:12px;gap:8px;margin:8px 0;padding:10px 14px}.rejection-box svg{flex-shrink:0;margin-top:1px}.ai-config-page{margin:0 auto;max-width:1000px;padding:24px 32px}.ai-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.ai-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;height:40px;width:40px}.ai-header{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.ai-header,.ai-title{align-items:center;display:flex}.ai-title{color:#0f172a;font-size:28px;font-weight:700;gap:12px;margin-bottom:4px}.ai-title svg{color:#2563eb}.ai-subtitle,.ai-toggle-btn{color:#64748b;font-size:14px}.ai-toggle-btn{align-items:center;background:#f1f5f9;border:none;border-radius:30px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s}.ai-toggle-btn.active{background:#dcfce7;color:#166534}.ai-toggle-btn.inactive{background:#fee2e2;color:#991b1b}.toggle-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.ai-toggle-btn.active .toggle-dot{background:#22c55e}.ai-toggle-btn.inactive .toggle-dot{background:#ef4444}.ai-toast{align-items:center;animation:slideDown .3s ease;border-radius:12px;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.ai-toast.success{background:#f0fdf4;border:1px solid #86efac;color:#166534}.ai-toast.error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.ai-toast button{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;opacity:.6;padding:0 4px}.ai-toast button:hover{opacity:1}.ai-info-banner{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;display:flex;gap:12px;margin-bottom:4px;padding:14px 18px}.ai-info-banner svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.ai-info-banner strong{color:#1e3a5f;display:block;font-size:13px}.ai-info-banner p{color:#1e3a5f;font-size:12px;margin:2px 0 0}.ai-content{display:flex;flex-direction:column;gap:20px}.ai-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:box-shadow .2s}.ai-card:hover{box-shadow:0 4px 12px #0000000d}.ai-card-header{align-items:center;background:#fafbfc;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:16px 20px}.ai-card-icon{color:#2563eb;flex-shrink:0}.ai-card-header h3{color:#0f172a;font-size:15px;font-weight:600;margin:0}.ai-card-header p{color:#64748b;font-size:12px;margin:2px 0 0}.ai-card-body{padding:16px 20px}.ai-toggle-large{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;padding:12px 20px;transition:all .3s;width:100%}.ai-toggle-large.active{background:#f0fdf4;border-color:#22c55e;color:#166534}.ai-toggle-large.inactive{background:#fef2f2;border-color:#ef4444;color:#991b1b}.toggle-large-dot{border-radius:50%;display:inline-block;height:14px;width:14px}.ai-toggle-large.active .toggle-large-dot{background:#22c55e}.ai-toggle-large.inactive .toggle-large-dot{background:#ef4444}.ai-input,.ai-select,.ai-textarea{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#0f172a;font-family:inherit;font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.ai-input:focus,.ai-select:focus,.ai-textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.ai-textarea{line-height:1.6;min-height:80px;resize:vertical}.ai-example{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:6px;margin-top:8px}.ai-example svg{color:#f59e0b;flex-shrink:0}.ai-hint{color:#94a3b8;font-size:12px;margin-top:6px}.ai-save-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:14px;transition:all .3s;width:100%}.ai-save-btn:hover:not(:disabled){box-shadow:0 10px 25px -5px #2563eb4d;transform:translateY(-2px)}.ai-save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.ai-save-loading{align-items:center;display:flex;gap:10px}.ai-spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@media (max-width:768px){.ai-config-page{padding:16px}.ai-header{align-items:flex-start;flex-direction:column}.ai-title{font-size:24px}.ai-toggle-btn{align-self:flex-start}}@media (max-width:480px){.ai-config-page{padding:12px}.ai-title{font-size:20px}.ai-card-body{padding:12px 16px}.ai-textarea{font-size:14px}}.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}.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{background:none;border-radius:8px;color:#2563eb;font-size:13px;gap:6px;padding:6px 12px}.empty-link:hover{background:#2563eb0f;color:#1d4ed8}@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;cursor:pointer;padding:12px 16px 12px 44px;transition:all .2s}.form-select:focus{border-color:#2563eb;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{background:#fee2e2;border:1px solid #fecaca;border-radius:12px;font-size:13px}.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{border-radius:20px;padding:20px}.stat-card:hover{box-shadow:0 10px 15px -3px #0000000d}.stat-icon{border-radius:14px}.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-label{color:#64748b;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{color:#3b82f6}.action-btn.edit:hover{background:#3b82f6}.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-group{display:flex;flex-direction:column;gap:6px}.form-label{color:#0f172a;font-size:13px;font-weight:500}.form-select{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;padding:12px;width:100%}.form-select:focus{border-color:#25d366;outline:none}.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}.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}.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}.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{align-items:center;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}.facebook-btn{background:#1877f2;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px;transition:all .3s;width:100%}.facebook-btn:hover:not(:disabled){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;margin-bottom:16px;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}.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}}.confirm-number-form{display:flex;flex-direction:column;gap:20px}.confirm-number-intro{align-items:flex-start;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;display:flex;gap:12px;padding:14px 18px}.confirm-number-intro strong{color:#065f46;display:block;font-size:14px;margin-bottom:2px}.confirm-number-intro p{color:#047857;font-size:12px}.confirm-number-check{color:#10b981;flex-shrink:0;margin-top:2px}.confirm-number-form .form-group{display:flex;flex-direction:column;gap:6px}.confirm-number-form .form-label{color:#0f172a;font-size:13px;font-weight:500}.inbox-page{background:#f8fafc;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;padding:0 4px}.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;box-shadow:0 4px 12px #0000000a;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{background:#fff;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,#1d4ed8);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:#2563eb1f;color:#2563eb;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{background:#fff;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,#1d4ed8);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:#2563eb1a;color:#2563eb}.mode-ai:hover{background:#2563eb33}.mode-human{background:#10b9811a;color:#10b981}.mode-human:hover{background:#10b98133}.chat-messages{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:24px 20px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}.msgs-empty,.msgs-loading{align-items:center;color:#94a3b8;display:flex;flex:1 1;font-size:14px;font-weight:500;justify-content:center}.msg-row{animation:messageSlideIn .3s ease-out;display:flex}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.msg-row.inbound{justify-content:flex-start}.msg-row.outbound{justify-content:flex-end}.msg-bubble{border-radius:18px;box-shadow:0 1px 2px #0000000d;font-size:14px;line-height:1.6;max-width:75%;padding:12px 16px;position:relative;transition:all .2s ease;word-break:break-word}.msg-row.inbound .msg-bubble{background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px;box-shadow:0 2px 4px #0000000a;color:#0f172a}.msg-row.inbound .msg-bubble:hover{box-shadow:0 4px 8px #0000000f}.msg-row.outbound .msg-bubble{background:#2563eb;border-bottom-right-radius:4px;box-shadow:0 2px 4px #2563eb33;color:#fff}.msg-row.outbound .msg-bubble:hover{box-shadow:0 4px 8px #2563eb4d}.msg-bubble.msg-ai{background:#eef2ff;border:1px solid #c7d2fe;border-bottom-left-radius:4px;box-shadow:0 2px 4px #2563eb14;color:#1e293b}.msg-row.outbound .msg-bubble.msg-ai{background:#dbeafe;border:1px solid #93c5fd;box-shadow:0 2px 4px #2563eb26;color:#1e3a8a}.msg-ai-label{align-items:center;color:#2563eb;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.3px;margin-bottom:6px}.msg-row.outbound .msg-ai-label{color:#1e40af}.msg-content{color:inherit;font-size:14px;line-height:1.7;white-space:pre-wrap}.msg-footer{align-items:center;border-top:1px solid #0000000a;display:flex;gap:6px;justify-content:flex-end;margin-top:6px;padding-top:4px}.msg-time{font-size:10px;font-weight:500;opacity:.7}.msg-row.inbound .msg-time{color:#64748b}.msg-row.outbound .msg-time{color:#ffffffb3}.msg-row.outbound .msg-bubble.msg-ai .msg-time{color:#1e3a8a;opacity:.7}.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:#2563eb12;border-radius:10px;color:#2563eb;display:flex;font-size:12px;gap:8px;margin-bottom:10px;padding:8px 14px}.ai-notice button{background:none;border:1px solid #2563eb;border-radius:8px;color:#2563eb;cursor:pointer;font-size:11px;font-weight:600;margin-left:auto;padding:3px 10px;transition:all .2s}.ai-notice button:hover{background:#2563eb;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}.msg-bubble{max-width:85%}}@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{font-size:13px;max-width:90%;padding:10px 14px}}.reports-page{margin:0 auto;max-width:1440px;padding:24px 32px}.reports-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.reports-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.reports-title{color:#0a0a0a;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:4px}.reports-subtitle{color:#6b7280;font-size:14px}.header-actions{display:flex;gap:12px}.export-btn,.refresh-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 18px;transition:all .2s}.export-btn:hover,.refresh-btn:hover{background:#f9fafb;border-color:#06f;color:#06f}.stats-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stat-card-large{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px 24px;transition:all .2s}.stat-card-large:hover{border-color:#d1d5db;box-shadow:0 8px 25px #0000000f;transform:translateY(-2px)}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.stat-icon-large{border-radius:12px;height:46px;justify-content:center;width:46px}.stat-icon-large,.stat-trend{align-items:center;display:flex}.stat-trend{border-radius:20px;font-size:11px;font-weight:500;gap:4px;padding:2px 10px}.stat-trend.up{background:#00a86b1a;color:#00a86b}.stat-trend.down{background:#ef44441a;color:#ef4444}.stat-value-large{color:#0a0a0a;font-size:28px;font-weight:700;letter-spacing:-.5px}.stat-label-large{color:#6b7280;font-size:13px;margin-top:2px}.metrics-bar{grid-gap:0;background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:grid;gap:0;grid-template-columns:repeat(4,1fr);margin-bottom:24px;padding:16px 20px}.metric-item{align-items:center;display:flex;gap:14px;padding:4px 0}.metric-divider{background:#e5e7eb;width:1px}.metric-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.metric-icon.blue{background:#0066ff14;color:#06f}.metric-icon.teal{background:#00b4d814;color:#00b4d8}.metric-icon.green{background:#00a86b14;color:#00a86b}.metric-icon.orange{background:#ff6b3514;color:#ff6b35}.metric-value{color:#0a0a0a;font-size:20px;font-weight:700;line-height:1.2}.metric-label{color:#6b7280;font-size:12px}.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:#6b7280;display:flex;font-size:12px;font-weight:500;gap:6px}.filters-group{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;color:#6b7280;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s}.filter-chip:hover{border-color:#06f;color:#06f}.filter-chip.active{background:#06f;border-color:#06f;color:#fff}.search-bar{align-items:center;display:flex;position:relative}.search-bar .search-icon{color:#9ca3af;left:12px;position:absolute}.search-bar .search-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#0a0a0a;font-size:13px;outline:none;padding:8px 12px 8px 36px;transition:all .2s;width:220px}.search-bar .search-input:focus{border-color:#06f;box-shadow:0 0 0 3px #0066ff1a;width:280px}.campaigns-table-container{border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;overflow:hidden}.table-header{background:#fafbfc;border-bottom:1px solid #e5e7eb;padding:16px 24px}.table-header-left{align-items:center;display:flex;gap:12px}.table-title{color:#0a0a0a}.campaign-count{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:12px;padding:2px 10px}.view-all-btn{align-items:center;background:none;border:none;color:#06f;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;transition:color .2s}.view-all-btn:hover{color:#0052cc}.campaigns-table{border-collapse:collapse;width:100%}.campaigns-table th{background:#fafbfc;border-bottom:1px solid #e5e7eb;color:#6b7280;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 #f3f4f6;font-size:13px;padding:12px 16px;vertical-align:middle}.campaigns-table tbody tr:hover{background:#fafbfc}.campaigns-table tbody tr.row-failed{background:#fef2f2}.campaigns-table tbody tr.row-failed:hover{background:#fee2e2}.campaign-name{color:#0a0a0a;font-weight:500}.campaign-name-wrapper{align-items:center;display:flex;gap:8px}.failed-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:9px;font-weight:600;padding:1px 8px;text-transform:uppercase}.campaign-date{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.sent-count{color:#06f;font-weight:500}.delivered-count{color:#00a86b;font-weight:500}.read-count{color:#ff6b35;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:#e5e7eb;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-bar-fill{border-radius:3px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-bar-fill.failed{background:#ef4444!important;opacity:.5}.progress-text{color:#6b7280;font-size:11px;font-weight:500;min-width:36px}.empty-row td{padding:0}.empty-icon{color:#9ca3af;opacity:.4}.empty-state h3{color:#0a0a0a}.empty-state p{color:#6b7280;margin-bottom:20px}.empty-link{align-items:center;background:#06f;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s}.empty-link:hover{background:#0052cc;transform:translateY(-1px)}.insights-section{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);border-radius:20px;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:#ffffff0d;border:1px solid #ffffff0f;border-radius:14px;padding:20px;text-align:center;transition:all .2s}.insight-card:hover{background:#ffffff14}.insight-value{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.5px}.insight-label{color:#ffffff80;font-size:12px;margin-top:4px}.insight-trend{border-radius:20px;display:inline-block;font-size:11px;font-weight:500;margin-top:8px;padding:2px 12px}.insight-trend.up{background:#00a86b33;color:#34d399}.insight-trend.down{background:#ef444433;color:#f87171}.insight-trend.neutral{background:#ffffff14;color:#fff9}@media (max-width:1024px){.metrics-bar,.stats-overview{grid-template-columns:repeat(2,1fr)}.metrics-bar{gap:16px}.metric-divider{display:none}.insights-grid{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-page{padding:16px}.reports-header{flex-direction:column}.metrics-bar,.stats-overview{grid-template-columns:1fr}.metrics-bar{gap:12px}.insights-grid{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}.table-header{align-items:stretch;flex-direction:column;gap:8px}}.billing-page{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1400px;padding:24px 32px}.billing-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.billing-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#25d366;height:40px;width:40px}.billing-toast{align-items:center;animation:slideDown .3s ease;background:#10b981;border-radius:12px;box-shadow:0 10px 25px -5px #10b9814d;color:#fff;display:flex;font-size:14px;font-weight:500;gap:12px;max-width:420px;padding:14px 20px;position:fixed;right:24px;top:24px;z-index:1000}.billing-toast button{background:none;border:none;color:#fff;cursor:pointer;opacity:.7;padding:4px;transition:opacity .2s}.billing-toast button:hover{opacity:1}.billing-hdr{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:28px}.billing-hdr h1{color:#0f172a;font-size:28px;font-weight:700;margin:0 0 4px}.billing-hdr p{color:#64748b;font-size:14px;margin:0}.refresh-btn{background:#f8fafc;border-radius:8px;font-weight:500;gap:6px}.refresh-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.billing-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:16px;box-shadow:0 1px 3px #0000000f;display:flex;gap:16px;padding:20px 24px;position:relative;transition:all .2s}.stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-card.green .stat-icon{background:#25d3661f;color:#25d366}.stat-card.blue .stat-icon,.stat-card.purple .stat-icon{background:#3b82f61f;color:#3b82f6}.stat-card.slate .stat-icon{background:#64748b1f;color:#64748b}.stat-body{flex:1 1}.stat-label{color:#94a3b8;display:block;font-size:12px;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.stat-value{color:#0f172a;display:block;font-size:24px;font-weight:700;margin:2px 0}.stat-sub{color:#94a3b8;display:block;font-size:12px}.stat-badge{background:#25d3661a;border-radius:20px;color:#25d366;font-size:11px;font-weight:600;padding:2px 12px;position:absolute;right:20px;top:16px}.reg-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:16px;flex-wrap:wrap;gap:20px;margin-bottom:32px;padding:24px 28px}.reg-banner,.reg-banner-left{align-items:center;display:flex}.reg-banner-left{flex:1 1;gap:16px;min-width:200px}.reg-icon{color:#d97706;flex-shrink:0}.reg-banner-left h3{color:#92400e;font-size:16px;font-weight:600;margin:0 0 2px}.reg-banner-left p{color:#78350f;font-size:13px;margin:0}.reg-banner-left strong{color:#92400e}.reg-form{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.reg-input{background:#fff;border:2px solid #f59e0b;border-radius:10px;font-size:14px;min-width:220px;padding:10px 16px;transition:border-color .2s}.reg-input:focus{border-color:#d97706;box-shadow:0 0 0 3px #f59e0b26;outline:none}.reg-input:disabled{cursor:not-allowed;opacity:.6}.reg-pay-btn{align-items:center;background:#d97706;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s;white-space:nowrap}.reg-pay-btn:hover:not(:disabled){background:#b45309;transform:translateY(-1px)}.reg-pay-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.reg-hint{align-items:center;color:#78350f;display:flex;font-size:12px;gap:6px;margin:0;width:100%}.purchase-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 1px 3px #0000000f;margin-bottom:32px;padding:28px 32px}.purchase-hdr{margin-bottom:24px}.purchase-hdr h2{color:#0f172a;font-size:20px;font-weight:700;margin:0 0 2px}.purchase-hdr p{color:#64748b;font-size:14px;margin:0}.quick-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr);margin-bottom:24px}.quick-btn{align-items:center;background:#f8fafc;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;padding:12px 8px;transition:all .2s}.quick-btn.active,.quick-btn:hover:not(:disabled){background:#f0fdf4;border-color:#25d366}.quick-btn.active{box-shadow:0 0 0 3px #25d36626}.quick-btn:disabled{cursor:not-allowed;opacity:.4}.quick-credits{color:#0f172a;font-size:18px;font-weight:700}.quick-label{color:#94a3b8;font-size:11px}.quick-price{color:#25d366;font-size:12px;font-weight:600;margin-top:2px}.purchase-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px}.field-group{display:flex;flex-direction:column;gap:6px}.field-group label{color:#0f172a;font-size:13px;font-weight:500}.input-with-unit{align-items:center;display:flex;position:relative}.field-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.field-input:focus{background:#fff;border-color:#25d366;box-shadow:0 0 0 3px #25d3661a;outline:none}.field-input:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}.field-input.with-left-icon{padding-left:36px}.input-with-unit .input-unit{color:#94a3b8;font-size:12px;font-weight:500;position:absolute;right:12px}.input-icon-left{color:#94a3b8;left:12px;position:absolute}.price-summary{display:flex;flex-direction:column;gap:6px}.price-box{background:#f8fafc;border-radius:10px;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:80px;padding:14px 16px}.price-loading{align-items:center;display:flex;gap:8px}.price-empty,.price-loading{color:#94a3b8;font-size:13px}.price-empty{text-align:center}.price-row{color:#64748b;font-size:13px;padding:2px 0}.price-row,.price-total{display:flex;justify-content:space-between}.price-total{border-top:1px solid #e2e8f0;font-size:15px;margin-top:4px;padding-top:8px}.price-total strong{color:#0f172a;font-size:18px;font-weight:700}.billing-alert{align-items:center;border-radius:10px;display:flex;font-size:13px;gap:10px;margin-bottom:16px;padding:12px 16px}.billing-alert.error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.billing-alert.success{background:#f0fdf4;border:1px solid #86efac;color:#166534}.billing-alert.warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.billing-alert button{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;opacity:.6;padding:0 4px}.billing-alert button:hover{opacity:1}.buy-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;padding:16px;transition:all .2s;width:100%}.buy-btn:hover:not(:disabled){box-shadow:0 10px 25px -5px #25d3664d;transform:translateY(-2px)}.buy-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.tx-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 1px 3px #0000000f;padding:24px 28px}.tx-hdr{margin-bottom:16px}.tx-hdr,.tx-hdr h3{align-items:center;display:flex;gap:8px}.tx-hdr h3{color:#0f172a;font-size:16px;font-weight:600;margin:0}.tx-empty{color:#94a3b8;padding:40px 20px;text-align:center}.tx-empty p{color:#64748b;font-size:14px;font-weight:500;margin:8px 0 2px}.tx-empty span{font-size:12px}.tx-table{border-collapse:collapse;font-size:13px;width:100%}.tx-table thead th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.03em;padding:10px 12px;text-align:left;text-transform:uppercase}.tx-table tbody td{border-bottom:1px solid #f1f5f9;color:#0f172a;padding:10px 12px}.tx-ref{color:#64748b;font-family:monospace;font-size:12px}.tx-status{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:2px 10px;text-transform:uppercase}.tx-status.completed{background:#f0fdf4;color:#166534}.tx-status.pending{background:#fef3c7;color:#92400e}.tx-status.processing{background:#eff6ff;color:#1d4ed8}.tx-status.failed{background:#fef2f2;color:#991b1b}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.btn-spinner.small{height:12px;width:12px}@media (max-width:1200px){.billing-stats{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.purchase-row{grid-template-columns:1fr 1fr}.price-summary{grid-column:span 2}}@media (max-width:768px){.billing-page{padding:16px}.billing-stats{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(3,1fr)}.purchase-row{grid-template-columns:1fr}.price-summary{grid-column:span 1}.reg-banner{align-items:stretch;flex-direction:column;padding:20px}.reg-banner-left{text-align:center}.reg-banner-left,.reg-form{flex-direction:column}.reg-input{min-width:0;min-width:auto;width:100%}.reg-pay-btn{justify-content:center;width:100%}.billing-hdr{flex-direction:column;gap:12px}.tx-table{font-size:12px}.tx-table tbody td,.tx-table thead th{padding:6px 8px}}@media (max-width:480px){.quick-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px 18px}.stat-value{font-size:20px}.purchase-card,.tx-card{padding:16px 18px}}.escalation-page{margin:0 auto;max-width:1200px;padding:24px 32px}.escalation-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.escalation-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#f59e0b;height:40px;width:40px}.escalation-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.escalation-title{align-items:center;color:#0f172a;display:flex;font-size:28px;font-weight:700;gap:12px;margin-bottom:4px}.escalation-title svg{color:#f59e0b}.escalation-subtitle{color:#64748b;font-size:14px}.escalation-count{align-items:center;background:#fef3c7;border-radius:20px;color:#92400e;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.escalation-count svg{color:#d97706}.escalation-empty{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.escalation-empty svg{color:#22c55e;margin-bottom:16px}.escalation-empty h3{color:#0f172a;font-size:20px;font-weight:600;margin:0 0 8px}.escalation-empty p{font-size:14px;margin:0}.escalation-list{display:flex;flex-direction:column;gap:16px}.escalation-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-wrap:wrap;gap:16px;padding:16px 20px;transition:all .2s}.escalation-item:hover{border-color:#f59e0b;box-shadow:0 4px 12px #0000000d}.escalation-contact{align-items:center;display:flex;gap:12px;min-width:150px}.escalation-avatar{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.escalation-name{color:#0f172a;font-size:14px;font-weight:600}.escalation-phone{color:#64748b;font-size:12px}.escalation-reason{align-items:center;background:#fef3c7;border-radius:8px;color:#92400e;display:flex;flex:1 1;font-size:13px;gap:6px;min-width:150px;padding:4px 12px}.escalation-reason-icon{color:#d97706;flex-shrink:0}.escalation-last-message{align-items:center;color:#64748b;display:flex;flex:1 1;font-size:13px;gap:6px;min-width:150px}.escalation-last-message svg{color:#94a3b8;flex-shrink:0}.escalation-last-message span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.escalation-time{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:6px;white-space:nowrap}.escalation-time svg{flex-shrink:0}@media (max-width:768px){.escalation-page{padding:16px}.escalation-item{align-items:stretch;flex-direction:column;gap:12px}.escalation-actions{margin-left:0}.escalation-last-message,.escalation-reason{min-width:0;min-width:auto}}.escalation-reply-area{border-top:1px solid #e2e8f0;margin-top:8px;padding-top:12px;width:100%}.escalation-reply-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:14px;min-height:50px;padding:10px 14px;resize:vertical;transition:border-color .2s;width:100%}.escalation-reply-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.escalation-reply-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.escalation-cancel-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;padding:6px 16px;transition:all .2s}.escalation-cancel-btn:hover{background:#f1f5f9}.escalation-send-btn{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 16px;transition:all .2s}.escalation-send-btn:hover:not(:disabled){background:#1d4ed8}.escalation-send-btn:disabled{cursor:not-allowed;opacity:.5}.spinning{animation:spin 1s linear infinite}.escalation-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.escalation-reply-btn{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s}.escalation-reply-btn:hover{background:#1d4ed8}.escalation-chat-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s}.escalation-chat-btn:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.escalation-resolve-btn{align-items:center;background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s}.escalation-resolve-btn:hover:not(:disabled){background:#16a34a}.escalation-resolve-btn:disabled{cursor:not-allowed;opacity:.5}.escalation-toast{align-items:center;animation:slideDown .3s ease;border-radius:12px;display:flex;font-size:14px;gap:10px;margin-bottom:16px;padding:12px 16px}.escalation-toast.success{background:#f0fdf4;border:1px solid #86efac;color:#166534}.escalation-toast.error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.escalation-toast button{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;opacity:.6;padding:0 4px}.escalation-toast button:hover{opacity:1}@media (max-width:768px){.escalation-item{align-items:stretch;flex-direction:column;gap:12px}.escalation-actions{margin-left:0}.escalation-reply-area{margin-top:8px}.escalation-reply-actions{flex-direction:column}.escalation-cancel-btn,.escalation-send-btn{justify-content:center;width:100%}}.reminder-settings{animation:fadeSlideIn .3s ease;padding:8px 0}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reminder-settings-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#22c55e;height:40px;width:40px}.reminder-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.reminder-header-content{align-items:center;display:flex;gap:16px}.reminder-header-icon{align-items:center;background:#22c55e1f;border-radius:12px;color:#22c55e;display:flex;height:48px;justify-content:center;width:48px}.reminder-title{color:#0f172a;font-size:24px;font-weight:700;letter-spacing:-.3px;margin:0 0 4px}.reminder-subtitle{color:#64748b;font-size:14px;margin:0}.reminder-header-actions{display:flex;gap:10px;padding-top:4px}.btn-test{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.btn-test:hover{background:#e2e8f0;border-color:#cbd5e1}.reminder-message{align-items:center;animation:slideDown .3s ease;border-radius:10px;display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:20px;padding:12px 16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.reminder-message.success{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.reminder-message.error{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.reminder-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr;width:100%}.reminder-main-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000a;padding:32px;width:100%}.reminder-toggle-section{margin-bottom:20px}.reminder-toggle{align-items:center;display:flex;gap:16px}.toggle-switch{display:inline-block;flex-shrink:0;height:26px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#cbd5e1;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #00000026;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.toggle-switch input:checked+.toggle-slider{background:#22c55e}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.toggle-info{display:flex;flex-direction:column;gap:2px}.toggle-label{color:#0f172a;font-size:15px;font-weight:600}.toggle-description{color:#64748b;font-size:13px}.divider{background:#e2e8f0;height:1px;margin:24px 0}.delays-section{margin-bottom:8px}.section-title{align-items:center;color:#0f172a;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 4px}.section-description{color:#64748b;font-size:14px;margin:0 0 20px}.delays-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}@media (max-width:768px){.delays-grid{grid-template-columns:1fr}}.delay-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:border-color .2s}.delay-card:hover{border-color:#cbd5e1}.delay-card.delay-1 .delay-number{background:#22c55e1f;color:#22c55e}.delay-card.delay-2 .delay-number{background:#3b82f61f;color:#3b82f6}.delay-card.delay-3 .delay-number{background:#f59e0b1f;color:#f59e0b}.delay-header{gap:12px;margin-bottom:12px}.delay-header,.delay-number{align-items:center;display:flex}.delay-number{border-radius:50%;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.delay-info{display:flex;flex:1 1;flex-direction:column;gap:1px}.delay-name{color:#0f172a;font-size:13px;font-weight:600}.delay-preview{color:#64748b;font-size:12px;font-weight:500}.delay-input-group{align-items:center;display:flex;gap:8px;margin-bottom:8px}.delay-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;flex:1 1;font-size:14px;font-weight:500;min-width:0;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:80px}.delay-input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;outline:none}.delay-input:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.7}.delay-unit{color:#64748b;font-size:13px;font-weight:500;white-space:nowrap}.delay-hint{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:6px}.delay-hint svg{flex-shrink:0}.timeline-preview{background:#f8fafc;border-radius:12px;padding:20px 24px}.timeline-title{color:#0f172a;font-size:14px;font-weight:600;gap:8px;margin:0 0 16px}.timeline,.timeline-title{align-items:center;display:flex}.timeline{flex-wrap:wrap;gap:0}.timeline-item{align-items:center;display:flex;gap:10px}.timeline-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.timeline-dot.green{background:#22c55e}.timeline-dot.blue{background:#3b82f6}.timeline-dot.orange{background:#f59e0b}.timeline-dot.red{background:#ef4444}.timeline-content{display:flex;flex-direction:column;gap:1px}.timeline-event{color:#0f172a;font-size:12px;font-weight:600}.timeline-time{color:#64748b;font-size:11px}.timeline-connector{background:#e2e8f0;flex:1 1;height:2px;margin:0 6px;min-width:20px;position:relative}.timeline-connector:after{border-right:2px solid #e2e8f0;border-top:2px solid #e2e8f0;content:"";height:8px;position:absolute;right:-4px;top:-3px;transform:rotate(45deg);width:8px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.btn-reset{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-reset:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-save{align-items:center;background:#22c55e;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 28px;transition:all .2s}.btn-save:hover:not(:disabled){background:#16a34a;box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@media (max-width:768px){.reminder-main-card{padding:24px}.reminder-header{flex-direction:column}.btn-test,.reminder-header-actions,.reminder-header-content{width:100%}.btn-test{justify-content:center}.reminder-toggle{flex-wrap:wrap}.form-actions{flex-direction:column}.btn-reset,.btn-save{justify-content:center;width:100%}.timeline{align-items:flex-start;flex-direction:column;gap:6px}.timeline-connector{height:16px;margin:2px 0 2px 4px;min-width:0;min-width:auto;width:2px}.timeline-connector:after{bottom:-4px;right:-3px;top:auto;transform:rotate(135deg)}}@media (max-width:640px){.reminder-main-card{padding:16px}.delays-grid{grid-template-columns:1fr}}.notifications-page{animation:fadeIn .3s ease;margin:0 auto;max-width:900px;padding:24px}.notifications-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.notifications-back,.notifications-loading p{color:#64748b;font-size:14px}.notifications-back{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:inline-flex;gap:8px;margin-bottom:16px;padding:8px 16px;transition:all .2s}.notifications-back:hover{background:#f1f5f9;color:#0f172a}.notifications-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.notifications-title-section h1{color:#0f172a;font-size:28px;font-weight:700;margin:0 0 4px}.notifications-subtitle{color:#64748b;font-size:14px;margin:0}.notifications-actions{display:flex;gap:12px}.notifications-type-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.type-filter{background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s}.type-filter:hover{border-color:#94a3b8;color:#0f172a}.type-filter.active{background:#2563eb;border-color:#2563eb;color:#fff}.notifications-filters{border-bottom:1px solid #e2e8f0;display:flex;gap:8px;margin-bottom:24px;padding-bottom:12px}.filter-btn{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-btn:hover{background:#f1f5f9;color:#0f172a}.filter-btn.active{background:#eff6ff;color:#2563eb}.notifications-list{display:flex;flex-direction:column;gap:8px}.empty-notifications{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-notifications svg{margin-bottom:16px;opacity:.3}.empty-notifications h3{color:#0f172a;font-size:18px;font-weight:600;margin:0 0 8px}.empty-notifications p{font-size:14px;margin:0}.notification-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px 20px;transition:all .2s}.notification-item:hover{background:#f8fafc;border-color:#94a3b8;transform:translateX(4px)}.notification-item.unread{background:#f0f7ff;border-color:#bfdbfe}.notification-item.unread:hover{background:#dbeafe}.notification-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.notification-content{flex:1 1;min-width:0}.notification-message{color:#0f172a;font-size:14px;line-height:1.5;margin:0 0 4px}.notification-time{color:#94a3b8;font-size:12px}.unread-dot{animation:pulse 2s ease-in-out infinite;background:#2563eb;border-radius:50%;flex-shrink:0;height:8px;width:8px}@media (max-width:640px){.notifications-page{padding:16px}.notifications-header{align-items:stretch;flex-direction:column}.notifications-actions{flex-wrap:wrap}.notifications-actions button{flex:1 1}.notification-item{padding:12px 14px}.notification-message{font-size:13px}.notifications-type-filters{gap:4px}.type-filter{font-size:12px;padding:4px 10px}.filter-btn{font-size:13px;padding:6px 12px}}.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;letter-spacing:-.5px;margin-bottom:6px}.admin-subtitle{color:#64748b;font-size:14px}.refresh-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#475569;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;position:relative;transition:all .2s}.admin-stat-card:hover{box-shadow:0 10px 15px -3px #0000000d;transform:translateY(-2px)}.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}.search-input::placeholder{color:#94a3b8}.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;color:#0f172a;cursor:pointer;font-size:14px;min-width:140px;padding:10px 36px 10px 40px}.filter-select:focus{border-color:#2563eb;outline:none}.admin-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;overflow:hidden}.table-header{align-items:center;background:#f8fafc;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{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.admin-table td{border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:13px;padding:14px 16px;vertical-align:middle}.admin-table tbody tr:hover{background:#f8fafc}.admin-table tbody tr:last-child td{border-bottom:none}.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:#059669;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:#10b9811a;color:#059669}.action-btn.credits:hover{background:#059669;color:#fff}.action-btn.approve{background:#10b9811a;color:#059669}.action-btn.approve:hover{background:#059669;color:#fff}.action-btn.suspend{background:#ef44441a;color:#ef4444}.action-btn.suspend:hover{background:#ef4444;color:#fff}.action-btn.activate{background:#25d3661a;color:#059669}.action-btn.activate:hover{background:#059669;color:#fff}.action-btn.view{background:#3b82f61a;color:#2563eb}.action-btn.view:hover{background:#2563eb;color:#fff}.action-btn.edit{background:#3b82f61a;color:#2563eb}.action-btn.edit:hover{background:#2563eb;color:#fff}.action-btn.promote{background:#d977061a;color:#d97706}.action-btn.promote:hover{background:#d97706;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}.action-btn.pricing-edit{background:#3b82f61a;color:#2563eb}.action-btn.pricing-edit:hover{background:#2563eb;color:#fff}.empty-state{padding:60px 40px;text-align:center}.empty-icon{color:#94a3b8;margin-bottom:16px;opacity:.5}.empty-state h3{color:#0f172a;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.emerald{background:#0596691a;color:#059669}.quick-action-icon.orange{background:#f59e0b1a;color:#f59e0b}.quick-action-icon.amber{background:#d977061a;color:#d97706}.quick-action-icon.red{background:#ef44441a;color:#ef4444}.quick-action-icon.cyan{background:#06b6d41a;color:#06b6d4}.quick-action-icon.blue{background:#3b82f61a;color:#3b82f6}.quick-action-icon.teal{background:#14b8a61a;color:#14b8a6}.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:#10b9811a;border-radius:12px;color:#059669;height:44px;justify-content:center;width:44px}.credits-org-info .org-name{color:#0f172a;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;color:#0f172a;font-size:14px;padding:12px 16px 12px 42px;width:100%}.credits-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;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}.pricing-page .pricing-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.pricing-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;transition:all .2s}.pricing-card:hover{box-shadow:0 10px 15px -3px #0000000d}.pricing-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.pricing-card-title{align-items:center;display:flex;gap:12px}.pricing-icon-wrapper{align-items:center;border-radius:12px;display:flex;height:44px;justify-content:center;width:44px}.pricing-icon-wrapper.blue{background:#e0f2fe;color:#0284c7}.pricing-icon-wrapper.amber{background:#fef3c7;color:#d97706}.pricing-icon-wrapper.teal{background:#ccfbf1;color:#0d9488}.pricing-card-title h3{color:#0f172a;font-size:16px;font-weight:600;margin:0}.pricing-card-title p{color:#64748b;font-size:12px;margin:0}.pricing-status-badge{background:#d1fae5;border-radius:20px;color:#065f46;font-size:11px;font-weight:500;padding:2px 12px}.pricing-amount-display{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;justify-content:space-between;margin-top:12px;padding:16px 20px}.pricing-amount{color:#0f172a;font-size:24px;font-weight:700}.pricing-edit-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.pricing-edit-btn:hover{border-color:#2563eb;color:#2563eb}.pricing-edit-btn.amber:hover{border-color:#d97706;color:#d97706}.pricing-description{color:#94a3b8;font-size:12px;margin-top:8px}.pricing-edit-form{margin-top:12px}.pricing-input-group{align-items:center;display:flex;gap:12px}.pricing-currency{color:#64748b;font-size:14px;font-weight:500}.pricing-input-field{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#0f172a;flex:1 1;font-size:18px;font-weight:600;outline:none;padding:10px 14px;transition:all .2s}.pricing-input-field:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.pricing-input-field.amber:focus{border-color:#d97706;box-shadow:0 0 0 3px #d977061a}.pricing-input-field::-webkit-inner-spin-button,.pricing-input-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pricing-input-field[type=number]{-moz-appearance:textfield}.pricing-form-actions{display:flex;gap:10px;margin-top:14px}.pricing-save-btn{align-items:center;background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s}.pricing-save-btn:hover{background:#1d4ed8}.pricing-save-btn.amber{background:#d97706}.pricing-save-btn.amber:hover{background:#b45309}.pricing-save-btn:disabled{cursor:not-allowed;opacity:.6}.pricing-cancel-btn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.pricing-cancel-btn:hover{background:#f8fafc}.pricing-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.pricing-impact-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-top:24px;padding:20px 24px}.pricing-impact-content{align-items:center;display:flex;gap:12px}.pricing-impact-icon{color:#0284c7;flex-shrink:0}.pricing-impact-text h4{color:#0f172a;font-size:14px;font-weight:600;margin:0}.pricing-impact-text p{color:#64748b;font-size:13px;margin:4px 0 0}.pricing-impact-text strong{color:#0f172a}.pricing-impact-highlight{color:#0284c7}.alert-success{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;color:#065f46}.alert-error,.alert-success{align-items:center;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.alert-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;color:#991b1b}.alert-close{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;margin-left:auto;opacity:.7}.alert-close:hover{opacity:1}.pagination-container{align-items:center;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.pagination-info{color:#64748b;font-size:13px}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pagination-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;cursor:pointer;display:flex;justify-content:center;padding:6px 10px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#2563eb;color:#2563eb}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;cursor:pointer;font-size:13px;padding:6px 12px}.pagination-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.pagination-page-text{color:#0f172a;font-size:13px;padding:0 12px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 10px}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.badge-default{background:#f1f5f9;color:#475569}.badge-teal{background:#ccfbf1;color:#0d9488}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}@media (max-width:1200px){.admin-stats-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.pricing-page .pricing-grid{grid-template-columns: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 td:nth-child(7),.admin-table th:nth-child(4),.admin-table th:nth-child(7){display:none}.pricing-card{padding:16px}.pricing-amount-display{gap:12px}.pricing-amount-display,.pricing-input-group{align-items:stretch;flex-direction:column}.pricing-form-actions{flex-direction:column}.pagination-container{align-items:center;flex-direction:column}.pagination-controls{justify-content:center}}@media (max-width:480px){.admin-stat-value,.admin-title{font-size:22px}.admin-stat-card{padding:16px}.pricing-amount{font-size:20px}}.tx-reference{color:#0f172a;font-family:monospace;font-size:12px;font-weight:500}.tx-amount{color:#0f172a;font-weight:600}.tx-channel{color:#64748b;font-size:12px;text-transform:capitalize}.org-tx-modal .org-tx-header{align-items:center;background:#f8fafc;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.org-tx-info{gap:14px}.org-tx-avatar,.org-tx-info{align-items:center;display:flex}.org-tx-avatar{background:#3b82f61a;border-radius:12px;color:#2563eb;height:48px;justify-content:center;width:48px}.org-tx-info h4{color:#0f172a;font-weight:600;margin:0 0 4px}.org-tx-details{color:#64748b;display:flex;font-size:12px;gap:16px}.org-tx-details span{align-items:center;display:flex;gap:4px}.org-status-text{color:#94a3b8;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.quick-action-card.clickable{cursor:pointer;transition:all .2s}.quick-action-card.clickable:hover{border-color:#2563eb;box-shadow:0 10px 15px -3px #0000000d;transform:translateY(-2px)}.admin-stat-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.admin-stat-icon.green{background:#10b9811a;color:#10b981}.admin-stat-icon.teal{background:#14b8a61a;color:#14b8a6}.admin-stat-icon.orange{background:#f59e0b1a;color:#f59e0b}.admin-stat-icon.blue{background:#3b82f61a;color:#3b82f6}.admin-stat-icon.amber{background:#d977061a;color:#d97706}.admin-stat-icon.cyan{background:#06b6d41a;color:#06b6d4}.admin-stat-icon.red{background:#ef44441a;color:#ef4444}.admin-stat-icon.emerald{background:#0596691a;color:#059669}.admin-stat-icon.sky{background:#0ea5e91a;color:#0ea5e9}*,: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-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}.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}}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#60a5fa;--primary-bg:#2563eb1a;--primary-gradient:linear-gradient(135deg,#2563eb,#1d4ed8);--success:#10b981;--success-dark:#059669;--success-bg:#10b9811a;--success-gradient:linear-gradient(135deg,#10b981,#059669);--warning:#f59e0b;--warning-dark:#d97706;--warning-bg:#f59e0b1a;--warning-gradient:linear-gradient(135deg,#f59e0b,#d97706);--danger:#ef4444;--danger-dark:#dc2626;--danger-bg:#ef44441a;--danger-gradient:linear-gradient(135deg,#ef4444,#dc2626);--whatsapp:#25d366;--whatsapp-dark:#128c7e;--whatsapp-gradient:linear-gradient(135deg,#25d366,#128c7e);--glass-bg:#ffffffb3;--glass-border:#fff3;--glass-shadow:0 8px 32px #0000000d;--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-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-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-sm:8px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--radius-2xl:28px;--radius-3xl:36px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-xl:0 16px 40px #0000001a;--shadow-2xl:0 24px 60px #0000001f;--shadow-primary:0 4px 14px #2563eb40;--shadow-success:0 4px 14px #10b98140;--shadow-danger:0 4px 14px #ef444440;--shadow-whatsapp:0 4px 14px #25d36640;--gradient-primary:linear-gradient(135deg,#2563eb,#1d4ed8);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-danger:linear-gradient(135deg,#ef4444,#dc2626);--gradient-warning:linear-gradient(135deg,#f59e0b,#d97706);--gradient-whatsapp:linear-gradient(135deg,#25d366,#128c7e);--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:0.25s 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}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffb3;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000000d;box-shadow:var(--glass-shadow)}.bg-gradient-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:var(--gradient-primary)}.bg-gradient-success{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-success)}.bg-gradient-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--gradient-danger)}.bg-gradient-warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--gradient-warning)}.bg-gradient-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);background:var(--gradient-whatsapp)}.hover-scale{transition:transform .4s cubic-bezier(.34,1.56,.64,1);transition:transform var(--transition-bounce)}.hover-scale:hover{transform:scale(1.02)}.hover-scale:active{transform:scale(.98)}.hover-lift{transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:all var(--transition-bounce)}.hover-lift:hover{box-shadow:0 16px 40px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.shine{overflow:hidden;position:relative}.shine:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.shine:hover:before{left:100%}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.spin{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.btn{align-items:center;border:none;border-radius:14px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;gap:.5rem;gap:var(--spacing-2);justify-content:center;overflow:hidden;padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:all var(--transition-bounce)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn:after{background:#fff3;border-radius:50%;content:"";inset:0;pointer-events:none;position:absolute;transform:scale(0);transition:transform .5s ease}.btn:active:after{transform:scale(2)}
/*# sourceMappingURL=main.f8abf66f.css.map*/