@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap);:root{--wa-green:#25d366;--wa-green-dark:#128c7e;--wa-green-darker:#075e54;--wa-teal:#00bfa5;--wa-light-green:#dcf8c6;--wa-blue-tick:#53bdeb;--bg-primary:#0b141a;--bg-secondary:#202c33d9;--bg-tertiary:#2a3942b3;--bg-surface:#1e2a3299;--bg-hover:#2a3942cc;--bg-active:#2d3b45e6;--bg-input:#2a3942e6;--bg-card:#202c33b3;--bg-tooltip:#3b4a54e6;--glass-bg:#ffffff08;--glass-border:#ffffff1a;--blur-amount:12px;--text-primary:#e9edef;--text-secondary:#8696a0;--text-muted:#667781;--text-link:#53bdeb;--border-color:#2a3942;--border-light:#3b4a54;--status-sent:#8696a0;--status-delivered:#5ba4cf;--status-read:#00a884;--status-error:#f15c6d;--status-online:#25d366;--notif-bg:#25d366;--notif-text:#fff;--internal-bg:#1a3a2a;--internal-seen-bg:#0d5c34;--internal-text:#86efac;--internal-border:#25d366;--radius-sm:6px;--radius-md:10px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--sidebar-width:500px;--sidebar-width-mobile:100vw;--header-height:60px;--bg-chat-color:#0b141a;--bg-chat-image:none;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--transition:all 0.2s ease;--transition-fast:all 0.1s ease;--system-color:var(--wa-green);--system-name:"MkZap";--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}[data-theme=light]{--bg-primary:#f0f2f5;--bg-secondary:#fff;--bg-tertiary:#f0f2f5;--bg-surface:#fff;--bg-hover:#f5f6f6;--bg-active:#ebebeb;--bg-input:#fff;--bg-card:#fff;--bg-tooltip:#3b4a54;--text-primary:#111b21;--text-secondary:#54656f;--text-muted:#8696a0;--border-color:#e9edef;--border-light:#d1d7db;--internal-bg:#e8f5e9;--internal-seen-bg:#c8e6c9;--internal-text:#1b5e20;--wa-light-green:#dcf8c6;--bubble-out:#d9fdd3;--bubble-in:#fff;--bg-chat-color:#efeae2;--bg-chat-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png)}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b141a;background:var(--bg-primary);color:#e9edef;color:var(--text-primary);font-family:DM Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#3b4a54;background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#667781;background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin .8s linear infinite}.tab-bar-scroll::-webkit-scrollbar{display:none}.blast-slider{appearance:none;border-radius:99px;cursor:pointer;height:6px;outline:none;width:100%}.blast-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#25d366;background:var(--wa-green);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #00000040;cursor:pointer;height:20px;-webkit-transition:transform .15s;transition:transform .15s;width:20px}.blast-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.blast-slider::-moz-range-thumb{background:#25d366;background:var(--wa-green);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #00000040;cursor:pointer;height:20px;width:20px}.blast-input:focus,.blast-textarea:focus{border-color:#25d366!important;border-color:var(--wa-green)!important;box-shadow:0 0 0 3px #25d36626!important;outline:none}@keyframes messageIn{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}.glass-effect{backdrop-filter:blur(12px);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(var(--blur-amount));background:#ffffff08;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border)}.fade-in{animation:fadeIn .2s ease}.message-in{animation:messageIn .2s ease}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{display:none!important}.pointer{cursor:pointer}.avatar{align-items:center;background:#128c7e;background:var(--wa-green-dark);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.avatar img{height:100%;object-fit:cover;width:100%}.avatar-sm{font-size:12px;height:32px;width:32px}.avatar-lg{font-size:18px;height:48px;width:48px}.badge{background:#25d366;background:var(--wa-green);border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-size:11px;font-weight:700;height:18px;min-width:18px;padding:0 5px}.badge,.btn{align-items:center;display:inline-flex;justify-content:center}.btn{border:none;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;gap:6px;outline:none;padding:8px 16px;transition:all .2s ease;transition:var(--transition);white-space:nowrap}.btn-primary{background:#25d366;background:var(--wa-green);color:#fff}.btn-primary:hover{background:#128c7e;background:var(--wa-green-dark)}.btn-secondary{background:#2a3942b3;background:var(--bg-tertiary);border:1px solid #2a3942;border:1px solid var(--border-color);color:#e9edef;color:var(--text-primary)}.btn-secondary:hover{background:#2a3942cc;background:var(--bg-hover)}.btn-danger{background:#f15c6d;color:#fff}.btn-danger:hover{background:#d94f5f}.btn-ghost{background:#0000;color:#8696a0;color:var(--text-secondary)}.btn-ghost:hover{background:#2a3942cc;background:var(--bg-hover);color:#e9edef;color:var(--text-primary)}.btn-icon{border-radius:50%;padding:8px}.btn-sm{font-size:12px;padding:5px 10px}.btn-lg{font-size:15px;padding:12px 24px}.btn:disabled{cursor:not-allowed;opacity:.5}.input{background:#2a3942e6;background:var(--bg-input);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);color:#e9edef;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:9px 12px;transition:all .2s ease;transition:var(--transition);width:100%}.input::placeholder{color:#667781;color:var(--text-muted)}.card{background:#202c33b3;background:var(--bg-card);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:18px;border-radius:var(--radius-lg)}.tag-chip{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 8px}.internal-tag{align-self:center;background:#1a3a2a;background:var(--internal-bg);border:1px solid #25d366;border:1px solid var(--internal-border);border-radius:10px;border-radius:var(--radius-md);color:#86efac;color:var(--internal-text);font-size:12px;font-weight:600;max-width:90%;padding:6px 12px;width:fit-content}.internal-seen-tag{background:#0000;border-color:#2a3942;border-color:var(--border-color);color:#8696a0;color:var(--text-secondary);font-size:11px;font-weight:700}.spinner{animation:spin .7s linear infinite;border:2px solid #2a3942;border-top-color:#25d366;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--wa-green);height:20px;width:20px}.modal-overlay{align-items:center;animation:fadeIn .15s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal{background:#202c33d9;background:var(--bg-secondary);border:1px solid #3b4a54;border:1px solid var(--border-light);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #00000080;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;display:flex;font-size:16px;font-weight:700;justify-content:space-between;padding:20px 24px 0}.modal-body{padding:20px 24px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:0 24px 20px}.app-layout{display:flex;height:100vh;height:100dvh;height:var(--app-height,100dvh);overflow:hidden}.tab-sidebar{align-items:center;background:#202c33d9;background:var(--bg-secondary);border-right:1px solid #2a3942;border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;gap:2px;height:100%;overflow-x:hidden;overflow-y:auto;padding:0 6px 12px;scrollbar-width:none;transition:width .22s cubic-bezier(.4,0,.2,1);width:56px}.tab-sidebar--expanded{align-items:stretch;width:192px}.sidebar{background:#202c33d9;background:var(--bg-secondary);border-right:1px solid #2a3942;border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;height:100%;width:500px;width:var(--sidebar-width)}.main-content,.sidebar{display:flex;overflow:hidden}.main-content{background:#0b141a;background:var(--bg-primary);flex:1 1;flex-direction:column}@media (min-width:600px) and (max-width:1024px){:root{--sidebar-width:200px}.tab-sidebar,.tab-sidebar--expanded{align-items:center!important;width:56px!important}}@media (max-width:599px){.tab-sidebar{display:none}.sidebar{position:absolute;z-index:10}.main-content,.sidebar{width:100vw}.hide-mobile{display:none!important}.bubble{max-width:82%}.favorites-bar{margin:6px 10px;padding:8px 10px}}.audio-player{align-items:center;display:flex;gap:10px;max-width:320px;min-width:220px;padding:4px 2px;width:100%}.bubble{animation:messageIn .2s ease;border-radius:18px;line-height:1.5;max-width:65%;padding:8px 12px;position:relative;word-break:break-word}.bubble-out{align-self:flex-end;background:#025144;background:var(--bubble-out,#025144);border-bottom-right-radius:4px}.bubble-in,.bubble-out{box-shadow:0 1px .5px #00000021;color:#e9edef;color:var(--text-primary)}.bubble-in{align-self:flex-start;background:#2a3942b3;background:var(--bubble-in,var(--bg-tertiary));border-bottom-left-radius:4px}.bubble-time{align-items:center;color:#667781;color:var(--text-muted);display:flex;font-size:10px;gap:3px;justify-content:flex-end;margin-top:3px}.bubble-status svg{height:16px;width:16px}.bubble-status-sent{color:#8696a0;color:var(--status-sent)}.bubble-status-delivered{color:#5ba4cf;color:var(--status-delivered)}.bubble-status-read{color:#00a884;color:var(--status-read)}.bubble-status-failed{color:#f15c6d;color:var(--status-error)}.tabs{border-bottom:1px solid #2a3942;border-bottom:1px solid var(--border-color);overflow-x:auto}.tab,.tabs{display:flex}.tab{align-items:center;border-bottom:2px solid #0000;color:#8696a0;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:12px 8px;position:relative;text-align:center;transition:all .2s ease;transition:var(--transition);white-space:nowrap}.tab:hover{background:#2a3942cc;background:var(--bg-hover);color:#e9edef;color:var(--text-primary)}.tab.active{border-bottom-color:#25d366;border-bottom-color:var(--wa-green)}.tab .badge{background:#25d366;background:var(--wa-green)}.search-bar{align-items:center;background:#2a3942e6;background:var(--bg-input);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);display:flex;gap:8px;padding:8px 14px}.search-bar input{background:#0000;border:none;color:#e9edef;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;outline:none}.search-bar input::placeholder{color:#667781;color:var(--text-muted)}.conv-item{align-items:center;border-bottom:1px solid #2a3942;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease;transition:var(--transition)}.conv-item:hover{background:#2a3942cc;background:var(--bg-hover)}.conv-item.active{background:#2d3b45e6;background:var(--bg-active)}.conv-item-info{flex:1 1;min-width:0}.conv-item-top{align-items:center;display:flex;gap:6px;justify-content:space-between}.conv-item-name{font-size:15px;font-weight:600}.conv-item-time{color:#667781;color:var(--text-muted);flex-shrink:0;font-size:11px;white-space:nowrap}.conv-item-preview{color:#8696a0;color:var(--text-secondary);font-size:13px;margin-top:2px}.conv-item-bottom{align-items:center;display:flex;justify-content:space-between;margin-top:2px}.kanban-board{display:flex;gap:12px;height:100%;overflow-x:auto;padding:16px}.kanban-column{background:#202c33d9;background:var(--bg-secondary);border:1px solid #2a3942;border:1px solid var(--border-color);border-radius:18px;border-radius:var(--radius-lg);display:flex;flex-direction:column;flex-shrink:0;max-height:100%;width:300px}.kanban-column-header{align-items:center;border-bottom:1px solid #2a3942;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;font-size:14px;font-weight:700;justify-content:space-between;padding:12px 16px}.kanban-column-body{flex:1 1;overflow-y:auto;padding:8px}.kanban-card{background:#2a3942b3;background:var(--bg-tertiary);border:1px solid #0000;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;margin-bottom:8px;padding:12px;transition:all .2s ease;transition:var(--transition)}.kanban-card:hover{border-color:#25d366;border-color:var(--wa-green)}.form-group{margin-bottom:16px}.form-label{color:#8696a0;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-error{color:#f15c6d;color:var(--status-error);font-size:12px;margin-top:4px}.divider{background:#2a3942;background:var(--border-color);height:1px;margin:12px 0}.page-header{align-items:center;background:#202c33d9;background:var(--bg-secondary);border-bottom:1px solid #2a3942;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.page-title{font-size:18px;font-weight:700}.empty-state{align-items:center;color:#667781;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 24px;text-align:center}.empty-state svg{opacity:.3}.go2072408551{font-family:DM Sans,sans-serif!important}.favorites-bar{animation:slideDown .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#25d36614;border:1px solid #ffffff0d;border-radius:16px;margin:10px 16px;padding:12px}.conv-item{position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.conv-item .hover-actions{align-items:center;background:linear-gradient(90deg,#0000,#2a3942cc 35%);background:linear-gradient(to right,#0000,var(--bg-hover) 35%);display:none;gap:4px;padding:2px 12px 2px 32px;position:absolute;right:0;top:6px;z-index:5}.conv-item:hover .hover-actions{display:flex}.context-menu-item:hover{background:#25d366!important;background:var(--wa-green)!important;color:#fff!important}.context-menu-item.danger:hover{background:#ef4444!important;color:#fff!important}.chat-background{background-color:#0b141a;background-color:var(--bg-chat-color);background-image:none;background-image:var(--bg-chat-image);background-repeat:repeat;background-size:initial}.hover-bg:hover{background:#2a3942cc!important;background:var(--bg-hover)!important}.profile-photo-container:hover .photo-overlay{opacity:1!important}@keyframes profileSlideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}:root{--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-in-out-quart:cubic-bezier(0.76,0,0.24,1);--transition-smooth:all 0.25s var(--ease-out-expo);--transition-spring:all 0.4s var(--ease-spring)}@keyframes popIn{0%{opacity:0;transform:scale(.75)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes badgePop{0%{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 0 0 #25d36659}50%{box-shadow:0 0 0 6px #25d36600}}@keyframes hoverFloat{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}.badge{transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s ease;transition:transform .2s var(--ease-spring),background .2s ease}.badge-pop{animation:badgePop .4s cubic-bezier(.34,1.56,.64,1);animation:badgePop .4s var(--ease-spring)}.btn{transition:all .25s cubic-bezier(.16,1,.3,1),transform .12s ease,box-shadow .2s ease;transition:var(--transition-smooth),transform .12s ease,box-shadow .2s ease;will-change:transform}.btn:hover:not(:disabled){box-shadow:0 4px 14px #00000040;transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:none;transform:scale(.97) translateY(0);transition-duration:.08s}.btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #25d36659}.btn-danger:hover:not(:disabled){box-shadow:0 4px 16px #f15c6d59}.input{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.input:focus{border-color:#25d366;border-color:var(--wa-green);box-shadow:0 0 0 3px #25d36626}.conv-item{transition:background .18s ease,transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s ease!important;transition:background .18s ease,transform .18s var(--ease-out-expo),box-shadow .18s ease!important}.conv-item:hover:not(.active){box-shadow:inset 3px 0 0 #25d36666;transform:translateX(2px)}.card{transition:border-color .2s ease,box-shadow .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);transition:border-color .2s ease,box-shadow .25s var(--ease-out-expo),transform .25s var(--ease-out-expo)}.card:hover{box-shadow:0 4px 12px #0006;box-shadow:var(--shadow-md)}.modal{animation:slideUpFade .3s cubic-bezier(.16,1,.3,1);animation:slideUpFade .3s var(--ease-out-expo)}.modal-overlay{animation:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.kanban-card{transition:border-color .2s ease,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease;transition:border-color .2s ease,transform .2s var(--ease-out-expo),box-shadow .2s ease}.kanban-card:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.skeleton{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,#2a3942b3 25%,#2a3942cc 50%,#2a3942b3 75%);background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:800px 100%;border-radius:10px;border-radius:var(--radius-md)}.pop-in{animation:popIn .35s cubic-bezier(.34,1.56,.64,1) both;animation:popIn .35s var(--ease-spring) both}.slide-up{animation:slideUpFade .3s cubic-bezier(.16,1,.3,1) both;animation:slideUpFade .3s var(--ease-out-expo) both}.hover-lift{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease;transition:transform .2s var(--ease-out-expo),box-shadow .2s ease}.hover-lift:hover{box-shadow:0 4px 12px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}.press-scale{transition:transform .12s ease}.press-scale:active{transform:scale(.95)}.tab.active{color:#25d366;color:var(--wa-green);font-weight:600}.tab{transition:color .2s ease,background .2s ease}.btn-icon{transition:background .18s ease,transform .15s cubic-bezier(.34,1.56,.64,1);transition:background .18s ease,transform .15s var(--ease-spring)}.btn-icon:hover{background:#2a3942cc;background:var(--bg-hover);transform:scale(1.08)}.btn-icon:active{transform:scale(.93)}.avatar{transition:box-shadow .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1);transition:box-shadow .2s ease,transform .2s var(--ease-spring)}.avatar:hover{box-shadow:0 0 0 3px #25d36666;transform:scale(1.05)}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px;-webkit-transition:background .2s;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#ffffff38}.stagger-item{animation:slideUpFade .3s cubic-bezier(.16,1,.3,1) forwards;animation:slideUpFade .3s var(--ease-out-expo) forwards;opacity:0}.stagger-item:first-child{animation-delay:.03s}.stagger-item:nth-child(2){animation-delay:.06s}.stagger-item:nth-child(3){animation-delay:.09s}.stagger-item:nth-child(4){animation-delay:.12s}.stagger-item:nth-child(5){animation-delay:.15s}.stagger-item:nth-child(6){animation-delay:.18s}.stagger-item:nth-child(7){animation-delay:.21s}.stagger-item:nth-child(8){animation-delay:.24s}