@import url("https://fonts.googleapis.com/css2?family=Segoe+UI:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap");:root,[data-theme=light]{--wa-teal:#00a884;--wa-teal-dark:#008069;--wa-green:#25d366;--wa-bg-top:#00a884;--wa-bg-app:#eae6df;--wa-outer-bg:#d1d7db;--wa-panel-bg:#ffffff;--wa-header-bg:#f0f2f5;--wa-search-bg:#ffffff;--wa-search-input:#f0f2f5;--wa-input-bg:#ffffff;--wa-border:#e9edef;--wa-border-light:#f2f2f2;--wa-border-strong:#cbd5e1;--wa-text-primary:#111b21;--wa-text-secondary:#667781;--wa-text-muted:#8696a0;--wa-icon-color:#54656f;--wa-chat-bg:#efeae2;--wa-bubble-in:#ffffff;--wa-bubble-out:#d9fdd3;--wa-bubble-ai:#dcf8c6;--wa-bubble-ai-border:#bbf7d0;--wa-bubble-in-text:#111b21;--wa-bubble-out-text:#111b21;--wa-bubble-meta:#667781;--wa-check-blue:#53bdeb;--wa-hover-bg:#f5f6f6;--wa-selected-bg:#f0f2f5;--wa-poll-bg:#ffffff;--wa-poll-border:#e2e8f0;--wa-poll-option-bg:#f8fafc;--wa-poll-option-border:#cbd5e1;--wa-poll-option-text:#1e293b;--wa-poll-option-hover:#f1f5f9;--wa-poll-option-selected:#ecfdf5;--wa-drawer-bg:#ffffff;--wa-drawer-body-bg:#f0f2f5;--wa-card-bg:#ffffff;--wa-card-border:#e2e8f0;--wa-date-divider-bg:rgba(255,255,255,0.9);--wa-date-divider-text:#667781;--wa-empty-bg:#f0f2f5;--wa-empty-text:#41525d;--wa-empty-subtext:#667781;--wa-wallpaper-opacity:0.06;--wa-wallpaper-filter:invert(0);--wa-scrollbar-thumb:rgba(0,0,0,0.2);--wa-scrollbar-thumb-hover:rgba(0,0,0,0.35);--wa-btn-secondary-bg:#f0f2f5;--wa-btn-secondary-border:#d1d7db;--wa-btn-secondary-text:#008069;--wa-modal-bg:#ffffff;--wa-modal-border:#e2e8f0;--wa-popover-bg:#ffffff;--wa-popover-border:#e2e8f0}[data-theme=dark]{--wa-teal:#00a884;--wa-teal-dark:#008069;--wa-green:#00a884;--wa-bg-top:#0c1317;--wa-bg-app:#0c1317;--wa-outer-bg:#0c1317;--wa-panel-bg:#111b21;--wa-header-bg:#202c33;--wa-search-bg:#111b21;--wa-search-input:#202c33;--wa-input-bg:#2a3942;--wa-border:#222e35;--wa-border-light:#222e35;--wa-border-strong:#2a3942;--wa-text-primary:#e9edef;--wa-text-secondary:#8696a0;--wa-text-muted:#8696a0;--wa-icon-color:#aebac1;--wa-chat-bg:#0b141a;--wa-bubble-in:#202c33;--wa-bubble-out:#005c4b;--wa-bubble-ai:#025144;--wa-bubble-ai-border:#047857;--wa-bubble-in-text:#e9edef;--wa-bubble-out-text:#e9edef;--wa-bubble-meta:#8696a0;--wa-check-blue:#53bdeb;--wa-hover-bg:#202c33;--wa-selected-bg:#2a3942;--wa-poll-bg:#182229;--wa-poll-border:#222e35;--wa-poll-option-bg:#202c33;--wa-poll-option-border:#2a3942;--wa-poll-option-text:#e9edef;--wa-poll-option-hover:#2a3942;--wa-poll-option-selected:#005c4b;--wa-drawer-bg:#111b21;--wa-drawer-body-bg:#0c1317;--wa-card-bg:#182229;--wa-card-border:#222e35;--wa-date-divider-bg:#182229;--wa-date-divider-text:#8696a0;--wa-empty-bg:#111b21;--wa-empty-text:#e9edef;--wa-empty-subtext:#8696a0;--wa-wallpaper-opacity:0.04;--wa-wallpaper-filter:invert(1);--wa-scrollbar-thumb:rgba(255,255,255,0.16);--wa-scrollbar-thumb-hover:rgba(255,255,255,0.28);--wa-btn-secondary-bg:#202c33;--wa-btn-secondary-border:#2a3942;--wa-btn-secondary-text:#00a884;--wa-modal-bg:#182229;--wa-modal-border:#222e35;--wa-popover-bg:#182229;--wa-popover-border:#222e35}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--wa-bg-app);color:var(--wa-text-primary);overflow:hidden;height:100vh;width:100vw}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--wa-scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--wa-scrollbar-thumb-hover)}.wa-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:relative;background-color:var(--wa-outer-bg)}.wa-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:127px;background-color:var(--wa-bg-top);z-index:1}.wa-app-window{width:100%;height:100%;max-width:1680px;max-height:100%;display:flex;background-color:var(--wa-panel-bg);z-index:2;box-shadow:0 6px 18px rgba(11,20,26,.15);overflow:hidden;position:relative}@media (min-width:1441px){.wa-container{padding:18px 0}.wa-app-window{height:calc(100vh - 36px);width:calc(100vw - 38px);border-radius:0}}.wa-nav-rail{width:60px;height:100%;background-color:var(--wa-header-bg);border-right:1px solid var(--wa-border);flex-direction:column;justify-content:space-between;padding:12px 0 16px;flex-shrink:0;z-index:5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wa-nav-item,.wa-nav-rail{display:flex;align-items:center}.wa-nav-item{width:44px;height:44px;border-radius:12px;justify-content:center;color:var(--wa-icon-color);background:transparent;border:none;cursor:pointer;position:relative;transition:all .15s ease}.wa-nav-item:hover{background-color:var(--wa-hover-bg);color:var(--wa-text-primary)}.wa-nav-item.active{background-color:rgba(0,168,132,.15);color:var(--wa-teal)}.wa-archived-banner:hover{background-color:var(--wa-hover-bg)!important}.wa-sidebar{height:100%;background-color:var(--wa-panel-bg);border-right:1px solid var(--wa-border);display:flex;flex-direction:column;z-index:3;min-width:0}.wa-resizer,.wa-sidebar{flex-shrink:0;position:relative}.wa-resizer{width:5px;cursor:col-resize;background-color:transparent;border-left:1px solid var(--wa-border);z-index:4;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .15s ease}.wa-resizer.dragging,.wa-resizer:hover{background-color:var(--wa-teal);border-left-color:var(--wa-teal)}.wa-resizer:after{content:"";position:absolute;top:0;bottom:0;left:-3px;right:-3px}.wa-sidebar-header{height:60px;background-color:var(--wa-header-bg);padding:10px 16px;justify-content:space-between;border-bottom:1px solid var(--wa-border)}.wa-avatar,.wa-sidebar-header{display:flex;align-items:center;flex-shrink:0}.wa-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#128c7e,#075e54);color:#ffffff;justify-content:center;font-weight:600;font-size:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.wa-header-tools{gap:8px}.wa-header-tools,.wa-icon-btn{display:flex;align-items:center}.wa-icon-btn{width:36px;height:36px;border-radius:50%;justify-content:center;background:transparent;border:none;color:var(--wa-icon-color);cursor:pointer;transition:background-color .15s ease,color .15s ease}.wa-icon-btn:hover{background-color:var(--wa-hover-bg);color:var(--wa-text-primary)}.wa-icon-btn:active{background-color:var(--wa-selected-bg)}.wa-search-container{padding:8px 12px;border-bottom:1px solid var(--wa-border);background-color:var(--wa-panel-bg);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.wa-search-wrapper{background-color:var(--wa-search-input);border-radius:8px;display:flex;align-items:center;padding:0 12px;height:36px;gap:10px;border:1px solid var(--wa-border-light)}.wa-search-input{border:none;background:transparent;width:100%;font-size:14px;color:var(--wa-text-primary);outline:none}.wa-search-input::placeholder{color:var(--wa-text-muted)}.wa-filter-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.wa-filter-chip{padding:4px 10px;border-radius:16px;font-size:12px;font-weight:500;border:none;background-color:var(--wa-header-bg);color:var(--wa-text-secondary);cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:4px;transition:all .15s ease}.wa-filter-chip:hover{background-color:var(--wa-hover-bg)}.wa-filter-chip.active{background-color:var(--wa-teal);color:#ffffff;font-weight:600}.wa-contact-list{flex:1 1;overflow-y:auto;background-color:var(--wa-panel-bg)}.wa-contact-item{display:flex;align-items:center;padding:12px 16px;gap:12px;cursor:pointer;border-bottom:1px solid var(--wa-border-light);transition:background-color .15s ease;position:relative}.wa-contact-item:hover{background-color:var(--wa-hover-bg)}.wa-contact-item.selected{background-color:var(--wa-selected-bg)}.wa-contact-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.wa-contact-top{display:flex;justify-content:space-between;align-items:center}.wa-contact-name{font-size:15px;font-weight:600;color:var(--wa-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-contact-time{font-size:12px;color:var(--wa-text-muted)}.wa-contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.wa-contact-preview{font-size:13px;color:var(--wa-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1}.wa-badge-unread{background-color:var(--wa-green);padding:0 5px}.wa-badge-pending,.wa-badge-unread{color:#ffffff;font-size:11px;font-weight:700;height:18px;min-width:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wa-badge-pending{background-color:#ef4444;padding:0 6px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.wa-chat-area{flex:1 1;display:flex;flex-direction:column;height:100%;background-color:var(--wa-chat-bg);position:relative;overflow:hidden}.wa-chat-wallpaper{position:absolute;top:0;left:0;right:0;bottom:0;opacity:var(--wa-wallpaper-opacity);filter:var(--wa-wallpaper-filter);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath fill='%23000000' d='M25 10a15 15 0 0 0-15 15c0 3.8 1.4 7.3 3.8 10L10 45l10-3.8A14.9 14.9 0 0 0 25 45a15 15 0 1 0 0-30zm50 60a15 15 0 0 0-15 15c0 3.8 1.4 7.3 3.8 10L60 105l10-3.8a14.9 14.9 0 0 0 5 3.8 15 15 0 1 0 0-30zM85 15a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM30 80a8 8 0 1 0 0 16 8 8 0 0 0 0-16z'/%3E%3C/svg%3E");background-repeat:repeat;pointer-events:none}.wa-chat-header{height:60px;background-color:var(--wa-header-bg);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--wa-border);z-index:2;flex-shrink:0}.wa-chat-header-info{display:flex;align-items:center;gap:12px}.wa-chat-contact-title{font-size:16px;font-weight:600;color:var(--wa-text-primary);line-height:1.2}.wa-chat-contact-subtitle{font-size:12px;color:var(--wa-text-secondary);display:flex;align-items:center;gap:6px;margin-top:2px}.wa-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.wa-status-dot.green{background-color:#22c55e;box-shadow:0 0 6px #22c55e}.wa-status-dot.yellow{background-color:#eab308;box-shadow:0 0 6px #eab308}.wa-status-dot.grey{background-color:#94a3b8}.wa-messages-timeline{flex:1 1;overflow-y:auto;padding:16px 5%;display:flex;flex-direction:column;gap:8px;z-index:2}.wa-date-divider{align-self:center;background-color:var(--wa-date-divider-bg);color:var(--wa-date-divider-text);font-size:11.5px;font-weight:600;padding:5px 12px;border-radius:8px;box-shadow:0 1px 1px rgba(11,20,26,.15);margin:10px 0;text-transform:uppercase;letter-spacing:.5px}.wa-bubble-wrapper{display:flex;flex-direction:column;max-width:65%;position:relative;margin-bottom:2px}.wa-bubble-wrapper.incoming{align-self:flex-start}.wa-bubble-wrapper.outgoing{align-self:flex-end}.wa-bubble{padding:7px 10px 6px;border-radius:8px;box-shadow:0 1px .5px rgba(11,20,26,.18);font-size:14.2px;line-height:1.35;color:var(--wa-text-primary);position:relative;word-break:break-word}.wa-bubble.incoming{background-color:var(--wa-bubble-in);color:var(--wa-bubble-in-text);border-top-left-radius:0}.wa-bubble.outgoing{background-color:var(--wa-bubble-out);color:var(--wa-bubble-out-text);border-top-right-radius:0}.wa-bubble.ai-generated{background-color:var(--wa-bubble-ai);border:1px solid var(--wa-bubble-ai-border)}.wa-bubble-tail-in{left:-8px;fill:var(--wa-bubble-in)}.wa-bubble-tail-in,.wa-bubble-tail-out{position:absolute;top:0;width:8px;height:13px}.wa-bubble-tail-out{right:-8px;fill:var(--wa-bubble-out)}.wa-bubble.ai-generated+.wa-bubble-tail-out{fill:var(--wa-bubble-ai)}.wa-bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;float:right;margin-left:8px;margin-top:4px;font-size:11px;color:var(--wa-bubble-meta);-webkit-user-select:none;-moz-user-select:none;user-select:none}.wa-ai-tag{display:inline-flex;align-items:center;gap:3px;background:rgba(0,168,132,.2);color:var(--wa-teal);font-size:10.5px;font-weight:700;padding:1px 5px;border-radius:4px;margin-bottom:4px}.wa-formatted-text{word-break:break-word;line-height:1.42;white-space:pre-wrap}.wa-formatted-text strong{font-weight:700}.wa-formatted-text em{font-style:italic}.wa-formatted-text del{text-decoration:line-through;opacity:.85}.wa-inline-code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.88em;background:rgba(0,0,0,.08);padding:1.5px 5px;border-radius:4px;border:1px solid rgba(0,0,0,.06)}[data-theme=dark] .wa-inline-code{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.08)}.wa-code-block{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12.5px;background:rgba(0,0,0,.07);padding:8px 10px;border-radius:6px;overflow-x:auto;margin:6px 0;white-space:pre-wrap;border:1px solid rgba(0,0,0,.05)}[data-theme=dark] .wa-code-block{background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08)}.wa-message-link{color:#027eb5;text-decoration:underline;text-underline-offset:2px;word-break:break-all;transition:color .15s ease}.wa-message-link:hover{color:#005c8a}[data-theme=dark] .wa-message-link{color:#53bdeb}[data-theme=dark] .wa-message-link:hover{color:#7ad4fc}.wa-poll-card{width:100%;max-width:440px;background-color:var(--wa-poll-bg);border-radius:10px;box-shadow:0 2px 5px rgba(11,20,26,.18);padding:14px 16px;align-self:center;margin:12px 0;border:1px solid var(--wa-poll-border)}.wa-poll-header{justify-content:space-between;margin-bottom:10px}.wa-poll-header,.wa-poll-title{display:flex;align-items:center}.wa-poll-title{gap:6px;font-size:14px;font-weight:700;color:var(--wa-text-primary)}.wa-poll-badge{font-size:11px;padding:2px 7px;border-radius:12px;font-weight:600}.wa-poll-badge.pending{background-color:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.wa-poll-badge.resolved{background-color:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.wa-poll-question{font-size:14px;color:var(--wa-text-primary);margin-bottom:12px;line-height:1.4;font-weight:500}.wa-poll-options{display:flex;flex-direction:column;gap:8px}.wa-poll-option-btn{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:8px;border:1px solid var(--wa-poll-option-border);background-color:var(--wa-poll-option-bg);color:var(--wa-poll-option-text);font-size:13.5px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.wa-poll-option-btn:hover:not(:disabled){background-color:var(--wa-poll-option-hover);border-color:var(--wa-teal);transform:translateY(-1px)}.wa-poll-option-btn.selected{background-color:var(--wa-poll-option-selected);border-color:var(--wa-teal);color:var(--wa-text-primary);font-weight:600}.wa-poll-option-btn:disabled{cursor:default}.wa-poll-footer{margin-top:12px;padding-top:8px;border-top:1px solid var(--wa-border);display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--wa-text-secondary)}.wa-chat-input-bar{height:62px;padding:8px 16px;z-index:2;flex-shrink:0}.wa-chat-input-bar,.wa-image-preview-strip{background-color:var(--wa-header-bg);display:flex;align-items:center;gap:12px;border-top:1px solid var(--wa-border)}.wa-image-preview-strip{padding:10px 16px 8px;justify-content:space-between;animation:fadeIn .15s ease-out}.wa-image-preview-thumbnails{display:flex;gap:8px;flex-wrap:wrap}.wa-image-preview-thumb{position:relative;width:56px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0;border:2px solid var(--wa-teal);box-shadow:0 2px 6px rgba(0,0,0,.18)}.wa-image-preview-thumb img{width:100%;height:100%;object-fit:cover;display:block}.wa-image-preview-thumb.error{border-color:#ef4444}.wa-image-preview-uploading{background:rgba(0,0,0,.5)}.wa-image-preview-error,.wa-image-preview-uploading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:6px}.wa-image-preview-error{background:rgba(239,68,68,.65);font-size:18px;color:#fff}.wa-image-preview-remove{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.65);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .1s;z-index:1}.wa-image-preview-remove:hover{background:rgba(239,68,68,.85)}.wa-image-not-visible-note{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--wa-text-muted);background:rgba(134,150,160,.12);border:1px solid var(--wa-border);border-radius:20px;padding:4px 10px;white-space:nowrap;flex-shrink:0}.wa-bubble-images{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.wa-bubble-image-link{display:block;border-radius:8px;overflow:hidden;line-height:0}.wa-bubble-image{max-width:220px;max-height:220px;width:100%;object-fit:cover;border-radius:8px;display:block;cursor:pointer;transition:opacity .15s}.wa-bubble-image:hover{opacity:.88}.wa-bubble-image-note{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:var(--wa-bubble-meta);margin-top:2px;opacity:.85}.wa-photo-card{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.06);border-radius:8px;padding:8px 12px;margin-bottom:4px;min-width:140px;border:1px solid rgba(0,0,0,.05)}[data-theme=dark] .wa-photo-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}.wa-photo-icon-box{width:34px;height:34px;border-radius:8px;background:var(--wa-emerald);display:flex;align-items:center;justify-content:center;flex-shrink:0}.wa-photo-label{font-size:13.5px;font-weight:500;color:var(--wa-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-chat-input-field{flex:1 1;height:42px;background-color:var(--wa-input-bg);border-radius:8px;padding:0 14px;border:1px solid var(--wa-border);font-size:14.5px;color:var(--wa-text-primary);outline:none}.wa-chat-input-field:focus{border-color:var(--wa-teal)}.wa-send-btn{width:40px;height:40px;border-radius:50%;background-color:var(--wa-teal);color:#ffffff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background-color .15s ease,transform .15s ease;flex-shrink:0}.wa-send-btn:hover{background-color:var(--wa-teal-dark);transform:scale(1.05)}.wa-send-btn:disabled{background-color:var(--wa-border-strong);cursor:not-allowed;transform:none}.wa-empty-state{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;background-color:var(--wa-empty-bg);border-bottom:6px solid var(--wa-teal);position:relative;z-index:2}.wa-empty-state h2{font-size:26px;font-weight:300;color:var(--wa-empty-text);margin:20px 0 10px}.wa-empty-state p{font-size:14px;color:var(--wa-empty-subtext);max-width:460px;line-height:1.5}.wa-settings-drawer-backdrop{position:absolute;top:0;left:60px;right:0;bottom:0;background-color:rgba(11,20,26,.55);z-index:10;display:flex;justify-content:flex-start;animation:fadeIn .2s ease}.wa-settings-drawer{width:450px;max-width:calc(100% - 10px);height:100%;background-color:var(--wa-drawer-bg);box-shadow:4px 0 20px rgba(0,0,0,.35);display:flex;flex-direction:column;animation:slideInLeft .25s cubic-bezier(.16,1,.3,1);z-index:11}.wa-drawer-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(11,20,26,.55);z-index:10;display:flex;justify-content:flex-start;animation:fadeIn .2s ease}.wa-drawer{width:450px;max-width:100%;height:100%;background-color:var(--wa-drawer-bg);box-shadow:4px 0 16px rgba(0,0,0,.3);display:flex;flex-direction:column;animation:slideInLeft .25s cubic-bezier(.16,1,.3,1);z-index:11}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.wa-drawer-header{height:108px;background-color:var(--wa-teal-dark);color:#ffffff;padding:20px 24px;display:flex;align-items:flex-end;gap:20px;flex-shrink:0}.wa-drawer-header h3{font-size:19px;font-weight:600;margin:0}.wa-drawer-body{flex:1 1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px;background-color:var(--wa-drawer-body-bg)}.wa-card{background-color:var(--wa-card-bg);border-radius:8px;padding:16px 20px;border:1px solid var(--wa-card-border);box-shadow:0 1px 3px rgba(11,20,26,.08)}.wa-auth-page{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow-x:hidden;background-color:var(--wa-outer-bg);color:var(--wa-text-primary);padding:24px 16px;box-sizing:border-box}[data-theme=dark] .wa-auth-page{background:radial-gradient(circle at 50% 20%,#10221e 0,#0c1317 60%,#060b0d 100%)}[data-theme=light] .wa-auth-page{background:radial-gradient(circle at 50% 15%,#e1f5ee 0,#eae6df 65%,#d8d3cb 100%)}.wa-ambient-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);z-index:0;opacity:.5;animation:floatOrb 14s ease-in-out infinite alternate}.wa-orb-1{width:380px;height:380px;top:-80px;left:10%;background:radial-gradient(circle,rgba(0,168,132,.45),transparent 70%)}.wa-orb-2{width:420px;height:420px;bottom:-100px;right:10%;background:radial-gradient(circle,rgba(37,211,102,.35),transparent 70%);animation-delay:-6s}.wa-orb-3{width:260px;height:260px;top:40%;right:25%;background:radial-gradient(circle,rgba(18,140,126,.3),transparent 70%);animation-delay:-10s}@keyframes floatOrb{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-24px) scale(1.06) translateX(12px)}to{transform:translateY(18px) scale(.96) translateX(-10px)}}.wa-auth-grid-overlay{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(134,150,160,.04) 1px,transparent 0),linear-gradient(180deg,rgba(134,150,160,.04) 1px,transparent 0);background-size:32px 32px;z-index:0}.wa-glass-card{position:relative;z-index:1;width:100%;background-color:var(--wa-modal-bg);border:1px solid var(--wa-modal-border);border-radius:20px;box-shadow:0 20px 48px -8px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.05);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .wa-glass-card{background:rgba(17,27,33,.82);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 56px -12px rgba(0,0,0,.55),0 0 32px -8px rgba(0,168,132,.15)}[data-theme=light] .wa-glass-card{background:rgba(255,255,255,.88);border:1px solid rgba(0,0,0,.07);box-shadow:0 20px 48px -12px rgba(11,20,26,.12),0 0 24px -6px rgba(0,168,132,.08)}.wa-glass-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--wa-teal),transparent);opacity:.7}.wa-brand-emblem{position:relative;display:inline-flex;align-items:center;justify-content:center}.wa-brand-emblem-glow{position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,var(--wa-teal),transparent 70%);opacity:.45;animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.35}50%{transform:scale(1.18);opacity:.6}}.wa-brand-icon-box{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#00a884,#008069 50%,#075e54);box-shadow:0 4px 14px rgba(0,168,132,.4);z-index:1}.wa-brand-icon-box,.wa-btn-primary-gradient{display:flex;align-items:center;justify-content:center;position:relative}.wa-btn-primary-gradient{background:linear-gradient(135deg,#00a884,#008f70);color:#ffffff;border:none;border-radius:12px;padding:13px 20px;font-size:15px;font-weight:600;letter-spacing:.2px;cursor:pointer;gap:8px;box-shadow:0 4px 14px rgba(0,168,132,.35);transition:all .2s cubic-bezier(.16,1,.3,1);overflow:hidden}.wa-btn-primary-gradient:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skewX(-20deg);transition:.6s}.wa-btn-primary-gradient:hover:not(:disabled):after{left:150%}.wa-btn-primary-gradient:hover:not(:disabled){background:linear-gradient(135deg,#00b890,#00a07e);box-shadow:0 6px 20px rgba(0,168,132,.48);transform:translateY(-1px)}.wa-btn-primary-gradient:active:not(:disabled){transform:translateY(0) scale(.99)}.wa-btn-primary-gradient:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.wa-btn-secondary-glass{background:var(--wa-btn-secondary-bg);border:1px solid var(--wa-btn-secondary-border);color:var(--wa-text-primary);border-radius:10px;padding:10px 16px;font-size:13.5px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.wa-btn-secondary-glass:hover{background:var(--wa-hover-bg);border-color:var(--wa-teal)}.wa-pin-grid{display:flex;justify-content:center;gap:8px;margin:6px 0}.wa-pin-slot{width:48px;height:56px;border-radius:12px;border:1.5px solid var(--wa-border-strong);background-color:var(--wa-input-bg);color:var(--wa-text-primary);font-size:24px;font-weight:700;text-align:center;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px 3px rgba(0,0,0,.05)}.wa-pin-slot.filled,.wa-pin-slot:focus{border-color:var(--wa-teal);box-shadow:0 0 0 3px rgba(0,168,132,.22),inset 0 1px 2px rgba(0,0,0,.05);transform:translateY(-2px)}.wa-stepper-container{width:100%;justify-content:space-between;margin-bottom:28px;padding:0 8px}.wa-stepper-container,.wa-stepper-step{display:flex;align-items:center;position:relative}.wa-stepper-step{flex-direction:column;gap:8px;z-index:2;cursor:default}.wa-stepper-badge{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:2px solid var(--wa-border-strong);background:var(--wa-panel-bg);color:var(--wa-text-muted);transition:all .3s cubic-bezier(.16,1,.3,1)}.wa-stepper-step.active .wa-stepper-badge{border-color:var(--wa-teal);background:var(--wa-teal);color:#ffffff;box-shadow:0 0 16px rgba(0,168,132,.45);transform:scale(1.08)}.wa-stepper-step.completed .wa-stepper-badge{border-color:var(--wa-green);background:var(--wa-green);color:#ffffff}.wa-stepper-label{font-size:12px;font-weight:600;color:var(--wa-text-muted);letter-spacing:.3px;transition:color .2s ease;white-space:nowrap}.wa-stepper-step.active .wa-stepper-label{color:var(--wa-teal);font-weight:700}.wa-stepper-step.completed .wa-stepper-label{color:var(--wa-text-primary)}.wa-stepper-track{position:absolute;top:18px;left:40px;right:40px;height:2px;background:var(--wa-border);z-index:1}.wa-stepper-progress{height:100%;background:linear-gradient(90deg,var(--wa-teal),var(--wa-green));transition:width .4s cubic-bezier(.16,1,.3,1)}.wa-scanner-frame{position:relative;display:inline-block;padding:14px;background:#ffffff;border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.15);overflow:hidden}.wa-scanner-corner{position:absolute;width:24px;height:24px;border-color:var(--wa-teal);border-style:solid;pointer-events:none}.wa-corner-tl{top:6px;left:6px;border-width:3px 0 0 3px;border-top-left-radius:10px}.wa-corner-tr{top:6px;right:6px;border-width:3px 3px 0 0;border-top-right-radius:10px}.wa-corner-bl{bottom:6px;left:6px;border-width:0 0 3px 3px;border-bottom-left-radius:10px}.wa-corner-br{bottom:6px;right:6px;border-width:0 3px 3px 0;border-bottom-right-radius:10px}.wa-scanner-laser{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#00a884,#25d366,#00a884,transparent);box-shadow:0 0 12px #25d366,0 0 4px #00a884;animation:scanLaser 3s ease-in-out infinite;pointer-events:none;z-index:2}@keyframes scanLaser{0%{top:5%;opacity:0}15%{opacity:1}85%{opacity:1}to{top:95%;opacity:0}}.wa-timer-ring-container{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.wa-timer-ring-svg{transform:rotate(-90deg);width:44px;height:44px}.wa-timer-ring-bg{stroke:var(--wa-border);stroke-width:3.5;fill:none}.wa-timer-ring-bar{stroke-width:3.5;stroke-linecap:round;fill:none;transition:stroke-dashoffset 1s linear,stroke .5s ease}.wa-form-card{background:var(--wa-card-bg);border:1px solid var(--wa-border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s ease,box-shadow .2s ease}.wa-form-card:focus-within{border-color:var(--wa-teal);box-shadow:0 0 0 3px rgba(0,168,132,.12)}.wa-input-stylish{width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--wa-border-strong);background-color:var(--wa-input-bg);color:var(--wa-text-primary);font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.wa-input-stylish:focus{border-color:var(--wa-teal);box-shadow:0 0 0 3px rgba(0,168,132,.16)}.wa-input-stylish::placeholder{color:var(--wa-text-muted)}.wa-watch-mockup{width:160px;height:190px;background:#000000;border-radius:36px;border:4px solid #334155;box-shadow:0 10px 24px rgba(0,0,0,.4),inset 0 0 10px rgba(255,255,255,.1);padding:14px 10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#ffffff;position:relative;margin:0 auto}.wa-watch-screen-header{font-size:9px;font-weight:700;color:#00a884;letter-spacing:.5px;text-transform:uppercase}.wa-watch-screen-poll{background:#182229;border:1px solid #00a884;border-radius:10px;padding:6px;width:100%;text-align:center}.wa-watch-screen-poll h4{font-size:9px;margin:0 0 4px;color:#e9edef;line-height:1.2}.wa-watch-screen-btn{background:#00a884;color:#fff;border-radius:6px;font-size:8px;font-weight:700;padding:3px 0;margin-top:3px}