:root{--wa-bg-primary: #ffffff;--wa-bg-secondary: #f8fafc;--wa-bg-tertiary: #f1f5f9;--wa-border-color: #e2e8f0;--wa-text-primary: #1e293b;--wa-text-secondary: #64748b;--wa-text-tertiary: #94a3b8;--wa-primary: #25D366;--wa-primary-dark: #128C7E;--wa-success: #10b981;--wa-warning: #f59e0b;--wa-danger: #ef4444}.dark{--wa-bg-primary: #0f172a;--wa-bg-secondary: #1e293b;--wa-bg-tertiary: #334155;--wa-border-color: #334155;--wa-text-primary: #f8fafc;--wa-text-secondary: #94a3b8;--wa-text-tertiary: #64748b}.whatsapp-templates-page{padding:24px;background:var(--wa-bg-secondary);min-height:100vh}.whatsapp-templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;background:var(--wa-bg-primary);border-radius:16px;border:1px solid var(--wa-border-color);box-shadow:0 1px 3px #0000000d}.whatsapp-templates-header-left{display:flex;align-items:center;gap:16px}.whatsapp-templates-header-left .header-icon{font-size:32px;color:var(--wa-primary);padding:12px;background:linear-gradient(135deg,#25d3661a,#25d3660d);border-radius:12px}.wa-stat-card{border-radius:12px;border:1px solid var(--wa-border-color);background:var(--wa-bg-primary)}.wa-stat-card .ant-statistic-title{font-size:13px;color:var(--wa-text-secondary)}.wa-stat-card .ant-statistic-content{font-size:24px;color:var(--wa-text-primary)}.whatsapp-templates-content{border-radius:16px;border:1px solid var(--wa-border-color);background:var(--wa-bg-primary)}.whatsapp-templates-content .ant-card-body{padding:24px}.wa-templates-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--wa-border-color)}.wa-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.wa-template-card{border-radius:12px;border:1px solid var(--wa-border-color);transition:all .3s ease;background:var(--wa-bg-primary);overflow:hidden;cursor:pointer}.wa-template-card:hover{border-color:var(--wa-primary);box-shadow:0 4px 20px #25d36626;transform:translateY(-2px)}.wa-template-card.APPROVED{border-top:3px solid var(--wa-success)}.wa-template-card.PENDING{border-top:3px solid var(--wa-warning)}.wa-template-card.REJECTED{border-top:3px solid var(--wa-danger)}.wa-template-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.wa-template-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;background:linear-gradient(135deg,#25d366,#128c7e)}.wa-template-card-body{min-height:100px}.wa-template-name{margin-bottom:8px!important;color:var(--wa-text-primary);font-weight:600}.wa-template-preview{font-size:13px;color:var(--wa-text-secondary);line-height:1.6;white-space:pre-wrap}.wa-template-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--wa-border-color)}.wa-template-stats{display:flex;align-items:center;gap:16px}.wa-template-stats .stat{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--wa-text-secondary)}.wa-phone-mockup{width:280px;margin:0 auto;position:relative}.wa-phone-mockup:before{content:"";position:absolute;inset:-12px;background:linear-gradient(145deg,#2d2d2d,#1a1a1a,#0d0d0d);border-radius:36px;z-index:-1;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff1a inset}.wa-phone-mockup.iphone:before{border-radius:44px;inset:-14px}.wa-phone-screen{border-radius:24px;overflow:hidden;background:#fff}.wa-phone-mockup.iphone .wa-phone-screen{border-radius:32px}.wa-status-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#075e54;color:#fff;font-size:12px;font-weight:600}.wa-phone-mockup.iphone .wa-status-bar{padding-top:16px;position:relative}.wa-phone-mockup.iphone .wa-status-bar:after{content:"";position:absolute;top:4px;left:50%;transform:translate(-50%);width:80px;height:22px;background:#000;border-radius:12px}.wa-chat-header{display:flex;align-items:center;padding:8px 10px;background:#075e54;color:#fff}.wa-chat-header .anticon{font-size:16px;opacity:.95}.wa-chat-name{flex:1;font-size:15px;font-weight:600;margin-left:10px;color:#fff}.wa-header-icons{display:flex;gap:18px}.wa-chat-content{min-height:320px;max-height:360px;overflow-y:auto;padding:10px 8px;background:#ece5dd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5765teleEheli6teleIiIeHhpatra2teleNjY2Xl5eTk5Obm5uXl5epqametra2telenpamZmZmhoaaaGhoejo6teleOjo+teleQUFBP0teleJycnKOtelendHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dAAAABjElEQVRIx+3WyQ7DIAwF0Lf8/1teleGGGQJN0rRLtDiA4eA4hjiO0X8KPXv+m9Dz579JvQb+n9QLwC+EC8A3QFYAX0FZAXYF5B3QJ5B2YN9B2IF9BnkD8grkBdgjkGcg70A+gPyC/MDXHb6u8PWBL3v8fOBrC59rfN3g6wZfN/i6xdctvq7wdY2vG3zd4+sDXx/4+sDXB74+8PWJr098feHrC1/f+PrG1ze+vvH1g68ffP3g6xdf/wE=);background-size:400px}.wa-date-bubble{display:block;width:fit-content;margin:0 auto 10px;padding:5px 12px;background:#e1f5feeb;border-radius:8px;font-size:12px;color:#54656f;font-weight:500;box-shadow:0 1px 1px #0000000f}.wa-message-container{display:flex;flex-direction:column;align-items:flex-start}.wa-message-bubble{max-width:88%;background:#fff;border-radius:0 8px 8px;padding:6px 8px 4px;box-shadow:0 1px .5px #0b141a21;position:relative;font-size:14px;line-height:1.45;color:#111b21}.wa-message-bubble:before{content:"";position:absolute;top:0;left:-8px;width:8px;height:13px;background:inherit;clip-path:polygon(100% 0,0 0,100% 100%)}.wa-message-header{font-weight:600;font-size:14.5px;margin-bottom:2px;color:#111b21}.wa-message-body{color:#111b21;white-space:pre-wrap;word-break:break-word}.wa-message-footer{font-size:13px;color:#8696a0;margin-top:4px}.wa-message-meta{display:flex;justify-content:flex-end;align-items:center;gap:3px;margin-top:1px;font-size:11px;color:#667781}.wa-quick-replies{display:flex;flex-direction:column;gap:1px;margin-top:4px;width:100%;max-width:88%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px .5px #0b141a21}.wa-quick-reply-btn{background:#fff;padding:11px 12px;text-align:center;font-size:14px;color:#00a5f4;font-weight:400;cursor:pointer;transition:background .15s ease;border-top:1px solid #e9edef}.wa-quick-reply-btn:first-child{border-top:none}.wa-quick-reply-btn:hover{background:#f0f2f5}.wa-chat-content::-webkit-scrollbar{width:5px}.wa-chat-content::-webkit-scrollbar-track{background:transparent}.wa-chat-content::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}@media (max-width: 768px){.wa-templates-grid{grid-template-columns:1fr}.wa-templates-filters{flex-direction:column}.wa-templates-filters .ant-input-affix-wrapper,.wa-templates-filters .ant-select{width:100%!important}.whatsapp-templates-header{flex-direction:column;gap:16px;text-align:center}.wa-phone-mockup{width:260px}}.whatsapp-templates-content .ant-tabs-nav{margin-bottom:0;padding:0 0 16px;border-bottom:1px solid var(--wa-border-color)}.whatsapp-templates-content .ant-tabs-tab{padding:12px 16px;font-size:14px;font-weight:500}.whatsapp-templates-content .ant-tabs-tab.ant-tabs-tab-active{color:var(--wa-primary)}.whatsapp-templates-content .ant-tabs-ink-bar{background:var(--wa-primary)}.whatsapp-templates-content .ant-tabs-content{padding-top:20px}.wa-quick-replies-list .ant-list-item{padding:16px;border-radius:12px;margin-bottom:12px;background:var(--wa-bg-secondary);border:1px solid var(--wa-border-color);transition:all .2s ease}.wa-quick-replies-list .ant-list-item:hover{border-color:var(--wa-primary);background:var(--wa-bg-tertiary);transform:translate(4px)}[dir=rtl] .wa-quick-replies-list .ant-list-item:hover{transform:translate(-4px)}.wa-quick-reply-item .ant-list-item-meta-title{margin-bottom:4px;font-weight:600}.wa-quick-reply-item .ant-list-item-meta-description{font-size:13px;color:var(--wa-text-secondary);white-space:pre-wrap;line-height:1.5}.wa-quick-reply-item .ant-list-item-action{margin-inline-start:16px}.wa-quick-reply-item .ant-avatar{flex-shrink:0}.wa-quick-replies-list .ant-avatar{display:flex;align-items:center;justify-content:center}.whatsapp-templates-content .ant-empty{padding:40px 0}.dark .wa-quick-replies-list .ant-list-item{background:var(--wa-bg-secondary);border-color:var(--wa-border-color)}.dark .wa-quick-replies-list .ant-list-item:hover{background:var(--wa-bg-tertiary);border-color:var(--wa-primary)}.dark .whatsapp-templates-content .ant-tabs-tab{color:var(--wa-text-secondary)}.dark .whatsapp-templates-content .ant-tabs-tab.ant-tabs-tab-active{color:var(--wa-primary)}.dark .whatsapp-templates-content .ant-tabs-nav{border-bottom-color:var(--wa-border-color)}.dark .wa-chat-content{background:#0b141a}.dark .wa-message-bubble{background:#005c4b;color:#e9edef}.dark .wa-message-bubble:before{background:#005c4b}.dark .wa-message-header,.dark .wa-message-body{color:#e9edef}.dark .wa-message-footer{color:#e9edef99}.dark .wa-date-bubble{background:#ffffff0f;color:#fff9}.dark .wa-quick-replies{background:#1f2c34}.dark .wa-quick-reply-btn{background:#1f2c34;border-color:#374151;color:#00a5f4}.dark .wa-quick-reply-btn:hover{background:#2a3942}