@import"https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800;900&display=swap";:root{--zalo-blue: #0068ff;--zalo-blue-hover: #0056d6;--zalo-blue-light: #eef4ff;--primary: #6d5efc;--primary-hover: #5546e8;--pink: #ff5fa2;--orange: #ff9f1c;--success: #12b886;--warning: #ff9f1c;--danger: #e0455f;--dark: #0f172a;--light: #f7f8fc;--border-color: #e2e8f0;--font-sans: "Nunito", sans-serif;--shadow-sm: 0 2px 8px rgba(20,20,50,.04);--shadow-md: 0 4px 20px rgba(20,20,50,.04);--shadow-lg: 0 10px 28px rgba(109,94,252,.12);--shadow-glow: 0 8px 22px rgba(109,94,252,.26)}::selection{background:#6d5efc33}@keyframes auFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes auUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes auPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes auBlob{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.08)}}.au-link{text-decoration:none;transition:color .2s ease}.au-nav{position:relative;color:#334155}.au-nav:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#6d5efc,#ff5fa2);transition:width .3s ease}.au-nav:hover{color:#0f172a}.au-nav:hover:after{width:100%}.au-up{animation:auUp .7s cubic-bezier(.16,.84,.44,1) both}.btn-hover-pri{transition:transform .2s ease,box-shadow .2s ease}.btn-hover-pri:hover{transform:translateY(-2px);box-shadow:0 12px 28px #6d5efc66!important}.btn-hover-sec{transition:transform .2s ease,box-shadow .2s ease}.btn-hover-sec:hover{transform:translateY(-2px);box-shadow:0 16px 38px #6d5efc6b!important}.btn-hover-white{transition:transform .2s ease,box-shadow .2s ease}.btn-hover-white:hover{transform:translateY(-2px);box-shadow:0 14px 40px #0000002e!important}.btn-hover-gray{transition:background .2s ease}.btn-hover-gray:hover{background:#eef0f6!important}.feature-card-hover{transition:transform .25s ease,box-shadow .25s ease}.feature-card-hover:hover{transform:translateY(-4px);box-shadow:0 18px 42px #6d5efc1f!important}.feature-card-pink-hover{transition:transform .25s ease,box-shadow .25s ease}.feature-card-pink-hover:hover{transform:translateY(-4px);box-shadow:0 18px 42px #ff5fa21f!important}.feature-card-blue-hover{transition:transform .25s ease,box-shadow .25s ease}.feature-card-blue-hover:hover{transform:translateY(-4px);box-shadow:0 18px 42px #2bb3ff1f!important}.feature-card-green-hover{transition:transform .25s ease,box-shadow .25s ease}.feature-card-green-hover:hover{transform:translateY(-4px);box-shadow:0 18px 42px #12b8861f!important}.feature-card-orange-hover{transition:transform .25s ease,box-shadow .25s ease}.feature-card-orange-hover:hover{transform:translateY(-4px);box-shadow:0 18px 42px #ff9f1c1f!important}.au-in{width:100%;box-sizing:border-box;padding:13px 14px 13px 42px;border:1.5px solid #e6e8f0;border-radius:12px;font-family:Nunito,sans-serif;font-size:14px;color:#0f172a;outline:none;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.au-in::placeholder{color:#64748b}.au-in:focus{border-color:#6d5efc;box-shadow:0 0 0 3px #6d5efc1f}.au-otp{width:52px;height:60px;box-sizing:border-box;text-align:center;border:1.5px solid #e6e8f0;border-radius:13px;font-family:Nunito,sans-serif;font-size:24px;font-weight:700;color:#0f172a;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.au-otp:focus{border-color:#6d5efc;box-shadow:0 0 0 3px #6d5efc1f}.au-form{animation:auUp .4s ease both}.pp-lbl{font-size:13px;font-weight:800;color:#0f172a;margin-bottom:12px;letter-spacing:-.01em}.pp-back{background:#16122d8c;border-radius:22px;padding:30px 26px;display:flex;align-items:center;justify-content:center}.pp-card{width:100%;background:#fff;border-radius:20px;overflow:hidden}.pp-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.pp-title{font-size:18px;font-weight:800;color:#0f172a;letter-spacing:-.01em}.pp-x{width:30px;height:30px;border-radius:9px;background:#f4f5f9;color:#475569;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer}.pp-lab{font-size:12.5px;font-weight:600;color:#334155;margin-bottom:7px;display:block}.pp-in{width:100%;box-sizing:border-box;padding:12px 14px;border:1.5px solid #e6e8f0;border-radius:11px;font-family:Nunito,sans-serif;font-size:13.5px;color:#0f172a;background:#fff}.pp-btn{cursor:pointer;font-family:Nunito,sans-serif;font-size:13.5px;font-weight:700;border:none;padding:11px 18px;border-radius:11px;transition:all .2s ease}.pp-pri{color:#fff;background:linear-gradient(135deg,#6d5efc,#5546e8);box-shadow:0 8px 20px #6d5efc47}.pp-pri:hover{transform:translateY(-2px);box-shadow:0 12px 28px #6d5efc66}.pp-ghost{color:#0f172a;background:#f1f5f9;border:1px solid #cbd5e1}.pp-ghost:hover{background:#e9ebf2}.pp-foot{display:flex;justify-content:flex-end;gap:10px;padding:0 24px 24px}body{font-family:var(--font-sans);background-color:#f8fafc;color:#1e293b;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-wrapper{display:flex;min-height:100vh;width:100%}.main-content{flex:1;min-width:0;padding:0;background-color:#f7f8fc;transition:all .25s ease}.app-sidebar{width:260px;background-color:#fff;color:#334155;display:flex;flex-direction:column;border-right:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1030}.sidebar-header{padding:1.75rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:.75rem}.sidebar-brand-icon{background:linear-gradient(135deg,var(--zalo-blue) 0%,#004ecc 100%);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 10px #0068ff4d}.sidebar-brand-text{font-size:1.15rem;font-weight:800;color:#fff;letter-spacing:-.025em}.sidebar-menu{flex:1;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.35rem}.sidebar-item{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;color:#94a3b8;text-decoration:none!important;border-radius:10px;font-weight:500;font-size:.925rem;transition:all .2s ease;cursor:pointer;border:none;background:transparent;text-align:left;width:100%}.sidebar-item:hover{color:#fff;background-color:#ffffff0d}.sidebar-item:hover svg{opacity:1;transform:scale(1.08)}.sidebar-item.active{color:#fff;background-color:#0068ff26;font-weight:600;box-shadow:inset 3px 0 0 var(--zalo-blue)}.sidebar-item.active:hover{background-color:#0068ff38}.sidebar-item svg{width:20px;height:20px;opacity:.75;transition:all .2s ease}.sidebar-item.active svg{opacity:1;color:var(--zalo-blue)}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.mobile-navbar{display:none;background-color:#fff;border-bottom:1px solid var(--border-color);padding:.75rem 1rem;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1020;box-shadow:var(--shadow-sm)}.card{background-color:#fff;border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.stat-card:hover{transform:translateY(-4px);border-color:#0068ff26;box-shadow:var(--shadow-md),0 0 15px #0068ff0d}.card-title{font-size:1.1rem;font-weight:700;color:var(--dark);letter-spacing:-.01em}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background-color:var(--card-accent, var(--zalo-blue))}.stat-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;background-color:var(--card-accent-light, var(--zalo-blue-light));color:var(--card-accent, var(--zalo-blue))}.stat-card-icon svg{width:22px;height:22px}.stat-card-value{font-size:2rem;font-weight:800;color:var(--dark);line-height:1;letter-spacing:-.03em;margin-bottom:.25rem}.stat-card-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.25rem}.stat-card-sub{font-size:.8rem;color:#94a3b8}.btn{font-weight:600;border-radius:10px;padding:.6rem 1.2rem;font-size:.9rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-sm{padding:.4rem .8rem;font-size:.8rem;border-radius:8px}.btn-primary{background-color:var(--zalo-blue);border-color:var(--zalo-blue);box-shadow:0 4px 12px #0068ff26}.btn-primary:hover,.btn-primary:focus{background-color:var(--zalo-blue-hover);border-color:var(--zalo-blue-hover);transform:translateY(-1px);box-shadow:0 6px 16px #0068ff40}.btn-primary:active{transform:translateY(0)}.btn-outline-primary{color:var(--zalo-blue);border-color:var(--zalo-blue)}.btn-outline-primary:hover{background-color:var(--zalo-blue);border-color:var(--zalo-blue);color:#fff;transform:translateY(-1px)}.btn-outline-secondary{color:#64748b;border-color:var(--border-color);background-color:#fff}.btn-outline-secondary:hover{background-color:#f1f5f9;border-color:#e2e8f0;color:#334155;transform:translateY(-1px)}.table-scroll{max-height:65vh;overflow-y:auto;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.table-scroll::-webkit-scrollbar{width:6px;height:6px}.table-scroll::-webkit-scrollbar-track{background:transparent}.table-scroll::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.table-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.table{margin-bottom:0}.table th{background-color:#f8fafc;color:#475569;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.25rem;border-bottom:1.5px solid var(--border-color)}.table td{padding:1rem 1.25rem;font-size:.875rem;border-bottom:1px solid var(--border-color)}.table tbody tr{transition:background-color .15s ease}.table tbody tr:hover{background-color:#0068ff05}.status-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid var(--border-color);background-color:#fff}.status-dot{width:8px;height:8px;border-radius:50%;position:relative}.status-on{background-color:var(--success);box-shadow:0 0 0 3px #10b98133}.status-on:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background-color:var(--success);animation:pulse 1.5s infinite}.status-off{background-color:var(--danger);box-shadow:0 0 0 3px #ef444433}@keyframes pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2.5);opacity:0}}.msg-cell{max-width:400px;white-space:pre-wrap;word-break:break-word;color:#334155;font-size:.875rem;line-height:1.5}.action-card{cursor:pointer;height:100%;background:#fff;border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative}.action-card:hover{transform:translateY(-4px);border-color:#0068ff4d;box-shadow:var(--shadow-lg),var(--shadow-glow)}.action-card-icon{width:48px;height:48px;border-radius:12px;background-color:var(--zalo-blue-light);color:var(--zalo-blue);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;font-size:1.25rem;transition:all .2s ease}.action-card:hover .action-card-icon{background-color:var(--zalo-blue);color:#fff}.action-card-title{font-weight:700;font-size:1rem;color:var(--dark);margin-bottom:.5rem}.action-card-desc{font-size:.825rem;color:#64748b;line-height:1.4;margin-bottom:1.25rem;flex:1}.action-card-arrow{color:var(--zalo-blue);font-weight:600;display:inline-flex;align-items:center;gap:.25rem;font-size:.825rem;transition:transform .2s cubic-bezier(.4,0,.2,1)}.action-card:hover .action-card-arrow{transform:translate(4px)}.ai-hub-glow{transition:all .25s cubic-bezier(.4,0,.2,1)}.ai-hub-glow:hover{border-color:#a855f766!important;box-shadow:var(--shadow-lg),0 0 20px #a855f738,0 0 40px #6366f11f!important}.ai-icon-pulse{animation:ai-pulse 2s infinite ease-in-out}@keyframes ai-pulse{0%,to{transform:scale(1);box-shadow:0 0 #a855f766}50%{transform:scale(1.05);box-shadow:0 0 20px 8px #a855f733}}.code-textarea{font-family:Fira Code,Courier New,Courier,monospace;background-color:#0f172a!important;color:#f8fafc!important;border:1px solid #1e293b!important;border-radius:12px!important;font-size:.85rem!important;line-height:1.6!important;padding:1.25rem!important}.code-textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f633!important}.alert{border-radius:12px;border:none;font-weight:500;font-size:.875rem;padding:1rem 1.25rem;box-shadow:var(--shadow-sm)}.alert-success{background-color:#ecfdf5;color:#065f46;border-left:4px solid #10b981}.alert-danger{background-color:#fef2f2;color:#991b1b;border-left:4px solid #ef4444}.alert-warning{background-color:#fffbeb;color:#92400e;border-left:4px solid #f59e0b}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.badge{font-weight:600;padding:.35em .65em;border-radius:6px;font-size:.75rem}.bg-info{background-color:#e0f2fe!important;color:#0369a1!important}.bg-primary{background-color:#e0f2fe!important;color:var(--zalo-blue)!important}.bg-secondary{background-color:#f1f5f9!important;color:#475569!important}@media (max-width: 991.98px){.app-wrapper{flex-direction:column}.app-sidebar{display:none}.mobile-navbar{display:flex}.main-content{padding:0}}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1040;animation:fadeIn .2s ease-out}.mobile-menu-drawer{position:fixed;top:0;bottom:0;left:0;width:280px;background-color:var(--dark);z-index:1050;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-drawer.show{transform:translate(0)}.close-menu-btn{position:absolute;top:1.25rem;right:1.25rem;background:transparent;border:none;color:#94a3b8;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.close-menu-btn:hover{color:#fff;transform:rotate(90deg) scale(1.1)}.btn-ai-preview{color:#a855f7!important;border-color:#a855f7!important;background-color:transparent!important;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-ai-preview:hover{background-color:#a855f7!important;border-color:#a855f7!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 12px #a855f733}.btn-ai-submit{background:linear-gradient(135deg,#a855f7,#6366f1)!important;border:none!important;color:#fff!important;box-shadow:0 4px 12px #a855f733!important;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-ai-submit:hover{background:linear-gradient(135deg,#b566ff,#7376ff)!important;transform:translateY(-1px);box-shadow:0 6px 16px #a855f74d!important}.login-screen{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(circle at 30% 20%,#13213b,#0f172a 60%)}.login-card{width:100%;max-width:420px;background:#fff;border-radius:20px;box-shadow:0 20px 50px #00000040;overflow:hidden}.login-brand{display:flex;align-items:center;gap:.85rem;padding:1.5rem;background:linear-gradient(135deg,var(--zalo-blue) 0%,#004ecc 100%);color:#fff}.login-brand-icon{width:48px;height:48px;border-radius:12px;background:#ffffff2e;display:flex;align-items:center;justify-content:center}.login-title{font-size:1.2rem;font-weight:800;letter-spacing:-.02em}.login-subtitle{font-size:.85rem;opacity:.85}.login-body{padding:2rem 1.75rem;text-align:center;display:flex;flex-direction:column;align-items:center}.login-hint{color:#475569;font-size:.92rem;line-height:1.6;margin-bottom:1.25rem}.qr-frame{padding:12px;border:2px solid var(--border-color);border-radius:16px;background:#fff;line-height:0}.qr-frame img{border-radius:8px}.login-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--zalo-blue-light)}.btn-login{background:linear-gradient(135deg,var(--zalo-blue) 0%,#004ecc 100%);border:none;color:#fff;font-weight:700;padding:.75rem 1.5rem;border-radius:12px;display:inline-flex;align-items:center;box-shadow:0 8px 18px #0068ff4d}.btn-login:hover{background:linear-gradient(135deg,#0056d6,#00399c);color:#fff}.login-error{background:#fef2f2;color:var(--danger);border-radius:10px;padding:.75rem 1rem;font-size:.9rem}.login-warn{background:#fffbeb;color:#92400e;font-size:.82rem;text-align:center;padding:.85rem 1.25rem;border-top:1px solid var(--border-color)}.account-box{display:flex;align-items:center;gap:.65rem;padding:.65rem;background:#ffffff0d;border-radius:12px;margin-bottom:.85rem}.account-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0}.account-avatar-fallback{background:var(--zalo-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.account-meta{flex:1;min-width:0}.account-name{color:#fff;font-weight:600;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-phone{color:#94a3b8;font-size:.75rem}.account-logout{background:transparent;border:none;color:#94a3b8;padding:4px;border-radius:8px;flex-shrink:0}.account-logout:hover{color:#fff;background:#ef444433}.zalo-chat-layout-wrapper{display:flex;height:76vh;background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:box-shadow .3s ease}.zalo-chat-layout-wrapper:hover{box-shadow:var(--shadow-lg)}.zalo-sidebar-nav{width:64px;background:linear-gradient(180deg,#005ae0,#0046b8);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1.25rem 0;flex-shrink:0}.zalo-sidebar-nav-top{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%}.zalo-nav-avatar-wrapper{position:relative;width:42px;height:42px;margin-bottom:.5rem;cursor:pointer;transition:transform .2s ease}.zalo-nav-avatar-wrapper:hover{transform:scale(1.05)}.zalo-nav-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.8)}.zalo-nav-avatar-fallback{background:linear-gradient(135deg,#ff7b00,#ff4500);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.zalo-nav-online-badge{position:absolute;bottom:0;right:0;width:11px;height:11px;background-color:#22c55e;border-radius:50%;border:2px solid #005ae0}.zalo-nav-btn{width:46px;height:46px;border-radius:8px;border:none;background:transparent;color:#ffffffb3;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer}.zalo-nav-btn:hover{background-color:#ffffff26;color:#fff}.zalo-nav-btn.active{background-color:#ffffff40;color:#fff;box-shadow:0 2px 4px #0000000d}.zalo-sidebar-nav-bottom{display:flex;flex-direction:column;align-items:center;width:100%}.zalo-chat-sidebar-list{width:320px;border-right:1px solid var(--border-color);background-color:#f6f8fa;display:flex;flex-direction:column;flex-shrink:0}.zalo-search-area{padding:1.25rem 1rem .75rem;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.03)}.zalo-filter-tabs{display:flex;padding:0 .5rem;border-bottom:1px solid var(--border-color);background-color:#fff;gap:.25rem}.zalo-filter-tab{flex:1;padding:.65rem 0;border:none;background:transparent;color:#64748b;font-size:.825rem;font-weight:600;text-align:center;cursor:pointer;position:relative;transition:color .2s ease}.zalo-filter-tab:hover,.zalo-filter-tab.active{color:var(--zalo-blue)}.zalo-filter-tab.active:after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:2.5px;background-color:var(--zalo-blue);border-radius:2px 2px 0 0}.zalo-conversations-scroller{flex:1;overflow-y:auto}.zalo-conversations-scroller::-webkit-scrollbar{width:4px}.zalo-conversations-scroller::-webkit-scrollbar-track{background:transparent}.zalo-conversations-scroller::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.zalo-conversation-item{display:flex;align-items:center;gap:.8rem;padding:.9rem 1.1rem;cursor:pointer;border-bottom:1px solid rgba(226,232,240,.4);transition:all .2s ease;background-color:transparent}.zalo-conversation-item:hover{background-color:#f1f5f9}.zalo-conversation-item.active{background-color:var(--zalo-blue-light)}.zalo-conversation-avatar-box{width:46px;height:46px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative}.zalo-group-avatar-icon{width:100%;height:100%;background:linear-gradient(135deg,#eef2f6,#e2e8f0);color:#475569;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.05)}.zalo-user-avatar-initials{width:100%;height:100%;background:linear-gradient(135deg,#eef4ff,#d0e1ff);color:var(--zalo-blue);font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,104,255,.08)}.zalo-conversation-item.active .zalo-user-avatar-initials{background:linear-gradient(135deg,var(--zalo-blue) 0%,#0050cc 100%);color:#fff}.zalo-conversation-info-box{flex:1;min-width:0}.zalo-conversation-name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.15rem}.zalo-conversation-name{font-weight:600;font-size:.875rem;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zalo-conversation-preview-row{display:flex;align-items:center}.zalo-conversation-preview-msg{font-size:.775rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zalo-conversation-meta-box{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.zalo-tag-badge{font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:10px}.zalo-tag-badge.friend{background-color:#0068ff14;color:var(--zalo-blue)}.zalo-tag-badge.group{background-color:#0dcaf014;color:#0dcaf0}.zalo-tag-badge.stranger{background-color:#dc354514;color:#dc3545}.zalo-unread-badge{display:inline-block;width:9px;height:9px;background-color:#ef4444;border-radius:50%;box-shadow:0 0 0 2px #fff,0 1px 3px #ef444466;margin-top:5px;animation:zalo-pulse-unread 2.2s infinite}@keyframes zalo-pulse-unread{0%{box-shadow:0 0 #ef444499,0 0 0 2px #fff}70%{box-shadow:0 0 0 5px #ef444400,0 0 0 2px #fff}to{box-shadow:0 0 #ef444400,0 0 0 2px #fff}}.zalo-chat-workspace{flex:1;display:flex;flex-direction:column;background-color:#e5e9f0;position:relative}.zalo-chat-workspace-header{padding:.85rem 1.5rem;background-color:#fff;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #00000005;z-index:5;flex-shrink:0}.zalo-header-left{display:flex;align-items:center;gap:.75rem}.zalo-header-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden}.zalo-header-info{display:flex;flex-direction:column}.zalo-header-name{font-size:.95rem;font-weight:700;color:var(--dark)}.zalo-header-status{font-size:.75rem;color:#64748b}.zalo-header-actions{display:flex;align-items:center;gap:.4rem}.zalo-header-action-btn{width:36px;height:36px;border:none;background:transparent;color:#64748b;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.zalo-header-action-btn:hover{background-color:#f1f5f9;color:var(--zalo-blue)}.zalo-chat-board-messages{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;scroll-behavior:auto!important}.zalo-chat-board-messages::-webkit-scrollbar{width:6px}.zalo-chat-board-messages::-webkit-scrollbar-track{background:transparent}.zalo-chat-board-messages::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.zalo-msg-bubble-row{display:flex;flex-direction:column;max-width:65%;position:relative}.zalo-msg-bubble-row.user{align-self:flex-start}.zalo-msg-bubble-row.assistant{align-self:flex-end}.zalo-msg-sender-name{font-size:.7rem;color:#64748b;margin-bottom:.2rem;padding-left:.5rem}.zalo-msg-bubble-body{display:flex;flex-direction:column}.zalo-msg-bubble-content{padding:.65rem .95rem;border-radius:12px;font-size:.875rem;line-height:1.45;word-break:break-word;box-shadow:0 1px 2px #0000000d}.zalo-msg-bubble-row.user .zalo-msg-bubble-content{background-color:#fff;color:#0f172a;border:1.5px solid #e2e8f0;border-radius:14px 14px 14px 4px}.zalo-msg-bubble-row.user .zalo-msg-bubble-content a{color:#6d5efc!important;text-decoration:underline;font-weight:600}.zalo-msg-bubble-row.assistant .zalo-msg-bubble-content{background:#efedff;color:#3b2cb3;border:1px solid #dcd8ff;border-radius:14px 14px 4px;box-shadow:0 2px 6px #14143205}.zalo-msg-bubble-row.assistant .zalo-msg-bubble-content a{color:#5546e8!important;text-decoration:underline;font-weight:600}.zalo-msg-bubble-time{font-size:.675rem;color:#64748bd9;margin-top:.25rem;padding:0 .25rem}.zalo-msg-bubble-row.assistant .zalo-msg-bubble-time{text-align:right}.zalo-empty-chat-state{margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;text-align:center;padding:2rem}.zalo-empty-chat-icon{width:72px;height:72px;border-radius:50%;background-color:#0068ff0d;color:var(--zalo-blue);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.zalo-chat-input-workspace{background-color:#fff;border-top:1px solid var(--border-color);padding:.75rem 1.25rem;display:flex;flex-direction:column;flex-shrink:0}.zalo-input-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.zalo-toolbar-left{display:flex;align-items:center;gap:.4rem}.zalo-toolbar-popover-wrapper{position:relative}.zalo-toolbar-icon{width:32px;height:32px;border:none;background:transparent;color:#64748b;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.zalo-toolbar-icon:hover,.zalo-toolbar-icon.active{background-color:#f1f5f9;color:var(--zalo-blue)}.zalo-toolbar-picker-box{position:absolute;bottom:38px;left:0;background-color:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);padding:.85rem;z-index:100;animation:floatUp .2s cubic-bezier(.16,1,.3,1) forwards}.zalo-toolbar-picker-box.emoji-box{width:310px}.zalo-toolbar-picker-box.quick-replies-box{width:340px}.zalo-picker-title{font-size:.75rem;font-weight:700;color:#94a3b8;margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.05em}.zalo-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.4rem;max-height:180px;overflow-y:auto}.zalo-emoji-item{font-size:1.35rem;text-align:center;cursor:pointer;padding:.2rem;border-radius:4px;transition:transform .1s ease}.zalo-emoji-item:hover{transform:scale(1.2);background-color:#f1f5f9}.zalo-quick-replies-list{display:flex;flex-direction:column;gap:.3rem;max-height:200px;overflow-y:auto}.zalo-quick-reply-item-click{font-size:.8rem;color:#334155;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:background-color .15s ease;border:1px solid rgba(0,0,0,.02);text-align:left;line-height:1.35}.zalo-quick-reply-item-click:hover{background-color:var(--zalo-blue-light);color:var(--zalo-blue)}.zalo-input-box-row{display:flex;gap:.75rem;align-items:flex-end}.zalo-textarea-field{flex:1;border-radius:8px!important;border-color:var(--border-color)!important;resize:none!important;font-size:.875rem!important;padding:.6rem .85rem!important;line-height:1.4!important}.zalo-textarea-field:focus{border-color:#0068ff66!important;box-shadow:0 0 0 3px #0068ff1a!important}.zalo-send-msg-btn{height:42px;padding:0 1.25rem!important;border-radius:8px!important;font-weight:600!important;font-size:.875rem!important;display:flex;align-items:center;justify-content:center}.zalo-input-bottom-tips{font-size:.7rem;color:#94a3b8;margin-top:.4rem}.zalo-chat-workspace-empty{flex:1;display:flex;background-color:#f8fafc}.zalo-welcome-box{margin:auto;max-width:460px;display:flex;flex-direction:column;align-items:center;padding:2.5rem;background:#fff;border-radius:20px;box-shadow:var(--shadow-sm);border:1px solid rgba(226,232,240,.8)}.zalo-welcome-icon-circle{width:80px;height:80px;border-radius:50%;background-color:var(--zalo-blue-light);color:var(--zalo-blue);display:flex;align-items:center;justify-content:center}.max-w-400{max-width:400px}.zalo-feature-tips-list{display:flex;flex-direction:column;gap:.65rem;width:100%;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f1f5f9}.zalo-tip-item{display:flex;align-items:flex-start;gap:.6rem;font-size:.825rem;color:#475569;text-align:left}.zalo-tip-icon{color:#22c55e;font-weight:700}.fs-12{font-size:.75rem!important}.fs-13{font-size:.825rem!important}@keyframes floatUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-layout{display:flex;gap:1rem;height:calc(100vh - 180px);min-height:480px}.chat-sidebar{width:300px;flex-shrink:0;background:#fff;border:1px solid var(--border-color);border-radius:16px;padding:.85rem;display:flex;flex-direction:column}.conv-list{overflow-y:auto;flex:1}.conv-item{display:flex;align-items:center;gap:.65rem;width:100%;border:none;background:transparent;padding:.55rem .5rem;border-radius:10px;text-align:left}.conv-item:hover{background:#f1f5f9}.conv-item.active{background:var(--zalo-blue-light)}.conv-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--zalo-blue),#004ecc);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.conv-meta{min-width:0}.conv-name{font-weight:600;font-size:.9rem;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-tag{font-size:.75rem;color:#94a3b8}.chat-main{flex:1;min-width:0;background:#fff;border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.chat-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#94a3b8;padding:2rem;text-align:center}.chat-header{display:flex;align-items:center;gap:.65rem;padding:.85rem 1rem;border-bottom:1px solid var(--border-color)}.chat-messages{flex:1;overflow-y:auto;padding:1rem;background:#f6f8fa}.msg-row{display:flex;margin-bottom:.6rem}.msg-row.me{justify-content:flex-end}.msg-row.them{justify-content:flex-start}.msg-bubble-wrap{position:relative;max-width:70%}.msg-bubble{padding:.55rem .8rem;border-radius:14px;font-size:.92rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.bubble-me{background:var(--zalo-blue);color:#fff;border-bottom-right-radius:4px}.bubble-them{background:#fff;color:#1e293b;border:1px solid var(--border-color);border-bottom-left-radius:4px}.msg-time{display:block;font-size:.68rem;opacity:.65;margin-top:2px;text-align:right}.msg-actions{position:absolute;top:-14px;display:flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--border-color);border-radius:20px;padding:2px 6px;box-shadow:var(--shadow-md);z-index:5}.msg-row.me .msg-actions{right:0}.msg-row.them .msg-actions{left:0}.msg-action-btn,.reaction-btn{border:none;background:transparent;cursor:pointer;font-size:1rem;padding:2px 4px;border-radius:50%;line-height:1}.msg-action-btn:hover,.reaction-btn:hover{background:#f1f5f9;transform:scale(1.2)}.reaction-bar{display:flex;gap:2px;border-left:1px solid var(--border-color);padding-left:4px}.format-toolbar{display:flex;gap:4px;padding:.4rem .75rem;border-top:1px solid var(--border-color);flex-wrap:wrap}.format-btn{width:30px;height:30px;border:1px solid var(--border-color);background:#fff;border-radius:7px;font-size:.85rem;cursor:pointer}.format-btn:hover{background:var(--zalo-blue-light);border-color:var(--zalo-blue)}.format-chips{display:flex;flex-wrap:wrap;gap:5px;padding:.4rem .75rem 0}.format-chip{background:var(--zalo-blue-light);color:var(--zalo-blue);font-size:.72rem;padding:2px 6px;border-radius:6px}.format-chip button{border:none;background:none;color:inherit;margin-left:3px;cursor:pointer}.format-chip-clear{border:none;background:#fee2e2;color:#ef4444;font-size:.72rem;padding:2px 8px;border-radius:6px;cursor:pointer}.chat-composer{display:flex;gap:.5rem;padding:.6rem .75rem .85rem;align-items:flex-end}.chat-input{flex:1;border:1px solid var(--border-color);border-radius:12px;padding:.55rem .8rem;resize:none;font-size:.92rem;outline:none}.chat-input:focus{border-color:var(--zalo-blue)}.chat-send-btn{background:var(--zalo-blue);color:#fff;border:none;border-radius:12px;padding:.55rem 1.2rem;font-weight:700}.chat-send-btn:disabled{opacity:.5}.emoji-picker{border-top:1px solid var(--border-color);padding:.6rem .75rem;max-height:200px;overflow-y:auto;background:#fafbfc}.emoji-group-label{font-size:.72rem;color:#94a3b8;margin:4px 0;font-weight:600}.emoji-grid{display:flex;flex-wrap:wrap;gap:2px}.emoji-btn{border:none;background:transparent;font-size:1.25rem;padding:3px;cursor:pointer;border-radius:6px}.emoji-btn:hover{background:#e2e8f0}.chat-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:.6rem 1.1rem;border-radius:10px;color:#fff;font-size:.85rem;z-index:2000;box-shadow:var(--shadow-lg)}.chat-toast.ok{background:var(--success)}.chat-toast.err{background:var(--danger)}@media (max-width: 768px){.chat-layout{flex-direction:column;height:auto}.chat-sidebar{width:100%;max-height:220px}.chat-main{min-height:60vh}.msg-bubble-wrap{max-width:85%}}.zalo-msg-bubble-body{position:relative}.zalo-msg-hover-actions{position:absolute;top:-34px;display:flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--border-color);border-radius:22px;padding:3px 8px;box-shadow:0 4px 14px #10182824;z-index:20;white-space:nowrap;animation:zalo-fade-in-bar-mobile .16s cubic-bezier(.34,1.56,.64,1) forwards;will-change:opacity,transform}.zalo-msg-bubble-row.user .zalo-msg-hover-actions{left:0}.zalo-msg-bubble-row.assistant .zalo-msg-hover-actions{right:0}@keyframes zalo-fade-in-bar-mobile{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes zalo-slide-in-right{0%{opacity:0;margin-left:0;transform:translateY(-50%) scale(.9)!important}to{opacity:1;margin-left:10px;transform:translateY(-50%) scale(1)!important}}@keyframes zalo-slide-in-left{0%{opacity:0;margin-right:0;transform:translateY(-50%) scale(.9)!important}to{opacity:1;margin-right:10px;transform:translateY(-50%) scale(1)!important}}@media (min-width: 768px){.zalo-msg-hover-actions{top:50%!important;transform:translateY(-50%)!important}.zalo-msg-bubble-row.user .zalo-msg-hover-actions{left:100%!important;margin-left:10px;animation:zalo-slide-in-right .16s cubic-bezier(.34,1.56,.64,1) forwards}.zalo-msg-bubble-row.user .zalo-msg-hover-actions:before{content:"";position:absolute;top:-5px;bottom:-5px;left:-15px;width:15px;background:transparent}.zalo-msg-bubble-row.assistant .zalo-msg-hover-actions{right:100%!important;left:auto!important;margin-right:10px;animation:zalo-slide-in-left .16s cubic-bezier(.34,1.56,.64,1) forwards}.zalo-msg-bubble-row.assistant .zalo-msg-hover-actions:before{content:"";position:absolute;top:-5px;bottom:-5px;right:-15px;width:15px;background:transparent}}.zalo-reaction-bar{display:flex;gap:1px}.zalo-reaction-btn,.zalo-msg-act-btn{border:none;background:transparent;cursor:pointer;font-size:1.05rem;line-height:1;padding:2px 3px;border-radius:50%;transition:transform .12s ease,background .12s ease}.zalo-msg-act-btn{color:#ef4444}.zalo-reaction-btn:hover,.zalo-msg-act-btn:hover{transform:scale(1.25);background:#f1f5f9}.zalo-msg-act-btn{border-right:1px solid var(--border-color);padding-right:6px;margin-right:2px}.chat-ctx-menu{position:fixed;z-index:3000;background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 28px #1018282e;padding:6px;min-width:200px}.chat-ctx-item{display:flex;align-items:center;gap:10px;width:100%;border:none;background:transparent;padding:8px 10px;border-radius:8px;font-size:.88rem;color:var(--dark);text-align:left;position:relative;cursor:pointer}.chat-ctx-item:hover{background:#f1f5f9}.chat-ctx-item.danger{color:#ef4444}.chat-ctx-item.has-sub{justify-content:flex-start}.chat-ctx-caret{margin-left:auto;color:#94a3b8}.chat-ctx-reacts{position:absolute;left:100%;top:0;margin-left:4px;background:#fff;border:1px solid var(--border-color);border-radius:22px;box-shadow:0 6px 18px #10182829;padding:4px 6px;display:flex;gap:2px;flex-wrap:wrap;width:200px}.chat-ctx-react-btn{border:none;background:transparent;font-size:1.1rem;padding:4px;cursor:pointer;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background-color .2s ease,box-shadow .2s ease;backface-visibility:hidden;will-change:transform}.chat-ctx-react-btn:hover{transform:scale(1.35) translateY(-2px);background-color:#f1f5f9;box-shadow:0 4px 10px #00000014}.chat-ctx-react-btn:active{animation:zalo-pop-emoji .3s cubic-bezier(.25,1,.5,1)}.zalo-react-btn-item{border:none;background:transparent;cursor:pointer;font-size:17px;line-height:1;padding:4px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background-color .2s ease,box-shadow .2s ease;backface-visibility:hidden;will-change:transform}.zalo-react-btn-item:hover{transform:scale(1.35) translateY(-2px);background-color:#f1f5f9;box-shadow:0 4px 10px #00000014}.zalo-react-btn-item:active{animation:zalo-pop-emoji .3s cubic-bezier(.25,1,.5,1)}@keyframes zalo-pop-emoji{0%{transform:scale(1.35) translateY(-2px)}40%{transform:scale(1.65) translateY(-4px)}to{transform:scale(1.35) translateY(-2px)}}.zalo-reply-banner{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;margin:0 12px 8px}.zalo-reply-bar{width:3px;align-self:stretch;background:var(--zalo-blue);border-radius:2px}.zalo-reply-content{flex:1;min-width:0}.zalo-reply-title{font-size:.75rem;font-weight:700;color:var(--zalo-blue);margin-bottom:2px}.zalo-reply-text{font-size:.82rem;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zalo-reply-close{border:none;background:transparent;color:#94a3b8;font-size:1rem;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .2s}.zalo-reply-close:hover{background:#e2e8f0;color:#475569}.zalo-uploading-hint{display:flex;align-items:center;font-size:.82rem;color:#475569;padding:4px 14px}.zalo-chat-search-bar{padding:8px 14px;border-bottom:1px solid var(--border-color);background:#fff}.zalo-search-results{max-height:220px;overflow-y:auto;margin-top:6px}.zalo-search-result-item{display:flex;gap:8px;padding:6px 8px;border-radius:8px;font-size:.83rem}.zalo-search-result-item:hover{background:#f6f8fa}.zalo-search-role{flex-shrink:0;font-weight:700;font-size:.72rem;padding:1px 6px;border-radius:5px;height:fit-content}.zalo-search-role.me{background:var(--zalo-blue-light);color:var(--zalo-blue)}.zalo-search-role.them{background:#f1f5f9;color:#475569}.zalo-search-text{color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-panel{position:relative;width:340px;flex-shrink:0;background:#fff;border-left:1px solid var(--border-color);display:flex;flex-direction:column;z-index:30}.shared-panel-header{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border-color)}.shared-panel-header .fw-700{flex:1}.shared-reminder-card:hover{background:#f1f5f9}.shared-reminder-del:hover{color:#ef4444!important}.shared-close{border:none;background:transparent;font-size:1.1rem;color:#64748b;cursor:pointer}.shared-tabs{display:flex;padding:8px;gap:4px}.shared-tab{flex:1;border:none;background:#f1f5f9;border-radius:8px;padding:6px;font-size:.8rem;font-weight:600;color:#475569;cursor:pointer}.shared-tab.active{background:var(--zalo-blue);color:#fff}.shared-body{flex:1;overflow-y:auto;padding:10px 14px}.shared-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.shared-media-cell{aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f1f5f9;display:block}.shared-media-cell img{width:100%;height:100%;object-fit:cover}.shared-media-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.shared-list-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;color:var(--dark);text-decoration:none}.shared-list-item:hover{background:#f6f8fa}.shared-list-icon{font-size:1.2rem;flex-shrink:0}.shared-list-text{font-size:.83rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--zalo-blue)}.zalo-chat-workspace{position:relative}.zalo-msg-bubble-row{touch-action:pan-y}.zalo-msg-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.zalo-react-badge{display:inline-flex;align-items:center;gap:3px;background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:1px 7px;font-size:.82rem;line-height:1.4;cursor:default;box-shadow:0 1px 2px #1018280f}.zalo-react-badge.mine{border-color:var(--zalo-blue);background:var(--zalo-blue-light);cursor:pointer}.zalo-react-count{font-size:.72rem;color:#64748b;font-weight:600}.zalo-msg-bubble-content-wrapper{display:flex;align-items:center;gap:6px}.zalo-msg-bubble-row.assistant .zalo-msg-bubble-content-wrapper{flex-direction:row-reverse}.zalo-msg-mobile-trigger{width:24px;height:24px;border-radius:50%;border:1px solid var(--border-color);background:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;opacity:.45;transition:opacity .2s,transform .2s,background-color .2s;padding:0;box-shadow:0 1px 3px #0000000d}.zalo-msg-mobile-trigger:hover{opacity:1;transform:scale(1.1);background-color:#f1f5f9;border-color:#e2e8f0}@media (hover: hover){.zalo-msg-mobile-trigger{opacity:0}.zalo-msg-bubble-body:hover .zalo-msg-mobile-trigger{opacity:.65}.zalo-msg-mobile-trigger:hover{opacity:1}}.zalo-reactions-modal .modal-content{border-radius:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 40px #0000001f;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zalo-reactions-list{max-height:320px;overflow-y:auto;padding-right:4px}.zalo-reactions-list::-webkit-scrollbar{width:4px}.zalo-reactions-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.zalo-reactions-list-item{transition:background-color .15s ease;padding:10px 8px;border-radius:8px}.zalo-reactions-list-item:hover{background-color:#f8fafc}.zalo-react-badge{cursor:pointer!important}.zalo-search-result-avatar-box img{border:4px solid white!important}.zalo-search-result-card .d-flex.gap-2>.btn{border-radius:10px!important;margin:0 4px}.zalo-reactions-modal .modal-dialog{max-width:520px}.zalo-reactions-modal-body{display:flex;min-height:280px;max-height:400px;padding:0!important}.zalo-reactions-modal-sidebar{width:140px;background-color:#f4f5f7;border-right:1px solid #e1e4e8;display:flex;flex-direction:column;padding:8px 0;overflow-y:auto}.zalo-reactions-sidebar-item{width:100%;border:none;background:transparent;padding:10px 16px;text-align:left;font-size:13px;font-weight:500;color:#4a5568;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .2s}.zalo-reactions-sidebar-item:hover{background-color:#e8eaee}.zalo-reactions-sidebar-item.active{background-color:#e1e4e8;color:#0068ff;font-weight:700}.zalo-reactions-sidebar-count{font-size:11px;color:#718096;background:#e2e8f0;padding:2px 6px;border-radius:10px}.zalo-reactions-sidebar-item.active .zalo-reactions-sidebar-count{background-color:#0068ff;color:#fff}.zalo-reactions-modal-content{flex:1;padding:12px 16px;overflow-y:auto}.zalo-reaction-user-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f5f9}.zalo-reaction-user-info{display:flex;align-items:center;gap:12px}.zalo-reaction-user-avatar{width:36px;height:36px;border-radius:50%;background-color:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#475569}.zalo-reaction-user-name{font-size:13px;font-weight:600;color:#0f172a}.zalo-reaction-user-emojis{display:flex;align-items:center;gap:4px;margin-top:2px}.zalo-reaction-user-emoji-badge{font-size:14px}.zalo-reaction-user-total-count{font-size:11px;color:#94a3b8;margin-left:2px}.zalo-quote-container{display:flex;flex-direction:column}.zalo-quote-box{border-left:3px solid var(--zalo-blue);background-color:#0000000a;border-radius:6px;padding:6px 10px;margin-bottom:4px;color:#475569;font-size:.8rem;line-height:1.4;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.zalo-msg-bubble-row.assistant .zalo-quote-box{border-left-color:#6d5efc!important;background-color:#6d5efc12!important;color:#3b2cb3!important}.zalo-msg-bubble-row.assistant .zalo-quote-box span{color:#3b2cb3!important}.zalo-msg-bubble-row.user .zalo-quote-box{border-left-color:#6d5efc!important;background-color:#0f172a0d!important;color:#334155!important}.zalo-msg-bubble-row.user .zalo-quote-box span{color:#334155!important}.zalo-msg-bubble-row.assistant a{color:#5546e8!important;text-decoration:underline!important;font-weight:600!important}.zalo-msg-bubble-row.assistant a:hover{color:#3b2cb3!important}.zalo-msg-bubble-row.user a{color:#5546e8!important;text-decoration:underline!important;font-weight:600!important}.zalo-msg-bubble-row.user a:hover{color:#6d5efc!important}@keyframes flash-highlight-user{0%{background-color:#0068ff4d;box-shadow:0 0 10px #0068ff33}to{background-color:#fff;box-shadow:0 1px 2px #0000000d}}@keyframes flash-highlight-assistant{0%{background-color:#0068ff40;box-shadow:0 0 10px #0068ff26}to{background-color:#e5efff;box-shadow:0 1px 2px #0000000d}}.zalo-msg-flash-highlight.user .zalo-msg-bubble-content{animation:flash-highlight-user 1.5s ease-out}.zalo-msg-flash-highlight.assistant .zalo-msg-bubble-content{animation:flash-highlight-assistant 1.5s ease-out}.zalo-scroll-down-btn{position:absolute;right:24px;bottom:125px;width:38px;height:38px;border-radius:50%;background-color:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;color:var(--zalo-blue);cursor:pointer;z-index:99;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none}.zalo-scroll-down-btn:hover{background-color:#f1f5f9;transform:translateY(-2px);box-shadow:0 6px 16px #0003;color:#004ecc}.zalo-scroll-down-btn:active{transform:translateY(0)}.zalo-contact-category-item{display:flex;align-items:center;gap:.85rem;padding:.85rem 1.1rem;cursor:pointer;border-bottom:1px solid rgba(226,232,240,.4);transition:all .2s ease;background-color:transparent}.zalo-contact-category-item:hover{background-color:#f1f5f9}.zalo-contact-category-item.active{background-color:var(--zalo-blue-light)}.zalo-category-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.bg-warning-light{background-color:#fffbeb!important}.bg-primary-light{background-color:#eff6ff!important}.bg-info-light{background-color:#ecfeff!important}.bg-success-light{background-color:#f0fdf4!important}.bg-danger-light{background-color:#fef2f2!important}.zalo-category-text{flex:1;min-width:0}.zalo-category-title{font-weight:600;font-size:.875rem;color:var(--dark)}.zalo-contacts-content-panel{height:calc(100% - 53px);overflow-y:auto;background-color:#fff}.zalo-contact-alphabet-header{font-size:.8rem;color:var(--zalo-blue);border-bottom:1px solid rgba(0,104,255,.1);padding-bottom:.25rem;margin-top:.5rem;letter-spacing:.05em}.zalo-contact-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:12px;background-color:#fff;transition:all .15s ease;border:1px solid transparent}.zalo-contact-row:hover{background-color:#f8fafc;border-color:#f1f5f9;transform:translateY(-1px);box-shadow:0 2px 6px #00000005}.zalo-contact-detail-wrapper{background-color:#f3f4f6;animation:fadeIn .25s ease-out}.zalo-contact-detail-card{border:1px solid var(--border-color);border-radius:16px;overflow:hidden;max-width:400px;width:100%}.zalo-contact-detail-cover{background:linear-gradient(135deg,#0068ff,#004ecc);height:100px}.zalo-request-card{background-color:#fff;border:1px solid var(--border-color);transition:all .2s ease}.zalo-request-card:hover{box-shadow:var(--shadow-sm);border-color:#e2e8f0}.bg-secondary-light{background-color:#f1f5f9!important}.zalo-stranger-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-bottom:1px solid #fcd34d;flex-wrap:wrap;animation:slideDownBanner .3s ease-out}.zalo-blocked-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom:1px solid #fca5a5;animation:slideDownBanner .3s ease-out}@keyframes slideDownBanner{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.zalo-stranger-banner .warning-icon,.zalo-blocked-banner .warning-icon{font-size:1.25rem;flex-shrink:0}.zalo-stranger-banner .warning-content{flex:1;min-width:0}.zalo-stranger-banner .warning-text,.zalo-blocked-banner .warning-text{font-size:.82rem;color:#78350f;line-height:1.5}.zalo-blocked-banner .warning-text{color:#991b1b}.zalo-stranger-banner .warning-actions{display:flex;gap:.5rem;flex-wrap:wrap}.zalo-profile-modal .modal-content{border-radius:20px;overflow:hidden;border:none;box-shadow:0 25px 50px -12px #00000040}.zalo-profile-modal .modal-body{padding:0}.zalo-profile-cover{width:100%;height:160px;background:linear-gradient(135deg,#0068ff,#004ecc 60%,#002d7a);background-size:cover;background-position:center;position:relative}.zalo-profile-cover:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(transparent,#00000026)}.zalo-profile-avatar-wrapper{display:flex;justify-content:center;margin-top:-55px;position:relative;z-index:2}.zalo-profile-avatar-img{width:110px;height:110px;border-radius:50%;border:4px solid white;object-fit:cover;box-shadow:0 8px 24px #00000026;background-color:#fff}.zalo-profile-avatar-fallback{width:110px;height:110px;border-radius:50%;border:4px solid white;box-shadow:0 8px 24px #00000026;background:linear-gradient(135deg,#e0f2fe,#bfdbfe);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:800;color:var(--zalo-blue)}.zalo-profile-body{padding:1rem 2rem 2rem;text-align:center}.zalo-profile-name{font-size:1.4rem;font-weight:800;color:#0f172a;margin-bottom:.25rem;letter-spacing:-.02em}.zalo-profile-username{font-size:.85rem;color:#64748b;margin-bottom:1rem}.zalo-profile-status{font-size:.85rem;color:#475569;font-style:italic;padding:.5rem 1rem;background-color:#f8fafc;border-radius:10px;margin-bottom:1.25rem;display:inline-block}.zalo-profile-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem;text-align:left}.zalo-profile-info-item{padding:.75rem 1rem;background-color:#f8fafc;border-radius:12px;border:1px solid #f1f5f9;transition:all .2s ease}.zalo-profile-info-item:hover{border-color:#e2e8f0;background-color:#f1f5f9}.zalo-profile-info-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:.2rem}.zalo-profile-info-value{font-size:.88rem;font-weight:600;color:#1e293b}.zalo-profile-actions{display:flex;gap:.75rem;margin-top:1.5rem;justify-content:center;flex-wrap:wrap}.zalo-profile-actions .btn{min-width:120px}.zalo-profile-relation-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;border-radius:20px;font-size:.78rem;font-weight:700;margin-bottom:.75rem}.zalo-profile-relation-badge.friend{background-color:#dcfce7;color:#166534}.zalo-profile-relation-badge.stranger{background-color:#fef3c7;color:#92400e}.zalo-profile-relation-badge.blocked{background-color:#fee2e2;color:#991b1b}.zalo-add-friend-modal .modal-content{border-radius:20px;overflow:hidden;border:none;box-shadow:0 25px 50px -12px #00000040}.zalo-add-friend-modal .modal-header{background:linear-gradient(135deg,#0068ff,#004ecc);color:#fff;border-bottom:none;padding:1.25rem 1.5rem}.zalo-add-friend-modal .modal-header .modal-title{color:#fff;font-weight:700}.zalo-add-friend-modal .modal-header .btn-close{filter:brightness(0) invert(1);opacity:.8}.zalo-add-friend-modal .modal-header .btn-close:hover{opacity:1}.zalo-add-friend-target{display:flex;align-items:center;gap:.85rem;padding:1rem;background-color:#f8fafc;border-radius:12px;margin-bottom:1.25rem;border:1px solid #f1f5f9}.zalo-add-friend-target-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#e0f2fe,#bfdbfe);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;color:var(--zalo-blue);flex-shrink:0}.zalo-add-friend-target-name{font-weight:700;font-size:1rem;color:#0f172a}.zalo-add-friend-target-id{font-size:.78rem;color:#94a3b8}.zalo-add-friend-textarea{border-radius:12px!important;border-color:#e2e8f0!important;font-size:.9rem;resize:none;transition:border-color .2s ease}.zalo-add-friend-textarea:focus{border-color:var(--zalo-blue)!important;box-shadow:0 0 0 3px #0068ff1a!important}.zalo-contact-actions-grid{display:flex;flex-wrap:wrap;gap:.5rem;width:100%;justify-content:center}.zalo-contact-action-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid var(--border-color);background-color:#fff;color:#475569;transition:all .2s ease;white-space:nowrap}.zalo-contact-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.zalo-contact-action-btn.primary{background-color:var(--zalo-blue);border-color:var(--zalo-blue);color:#fff}.zalo-contact-action-btn.primary:hover{background-color:var(--zalo-blue-hover);box-shadow:0 4px 12px #0068ff33}.zalo-contact-action-btn.danger{color:#dc2626;border-color:#fecaca}.zalo-contact-action-btn.danger:hover{background-color:#fef2f2;border-color:#fca5a5}.zalo-contact-action-btn.success{color:#16a34a;border-color:#bbf7d0}.zalo-contact-action-btn.success:hover{background-color:#f0fdf4;border-color:#86efac}.zalo-contact-action-btn.warning{color:#d97706;border-color:#fde68a}.zalo-contact-action-btn.warning:hover{background-color:#fffbeb;border-color:#fcd34d}.zalo-chat-input-workspace.blocked-input{opacity:.55;pointer-events:none;position:relative}.zalo-chat-input-workspace.blocked-input:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff4d;cursor:not-allowed;z-index:5}.zalo-profile-skeleton{display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;gap:1rem}.zalo-skeleton-circle{width:110px;height:110px;border-radius:50%;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.zalo-skeleton-line{height:16px;border-radius:8px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.zalo-skeleton-line.w-60{width:60%}.zalo-skeleton-line.w-40{width:40%}.zalo-skeleton-line.w-80{width:80%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.zalo-phone-search-modal .modal-content{border-radius:20px;overflow:hidden;border:none;box-shadow:0 25px 50px -12px #00000040}.zalo-phone-search-modal .modal-header{background:linear-gradient(135deg,#0068ff,#004ecc);color:#fff;border-bottom:none;padding:1.25rem 1.5rem}.zalo-phone-search-modal .modal-header .modal-title{color:#fff;font-weight:700;font-size:1.1rem}.zalo-phone-search-modal .modal-header .btn-close{filter:brightness(0) invert(1);opacity:.8}.zalo-phone-search-modal .modal-header .btn-close:hover{opacity:1}.zalo-phone-search-modal .modal-body{padding:1.5rem}.zalo-phone-search-modal .form-control{border-radius:12px 0 0 12px!important;border-color:#e2e8f0;padding:.6rem 1rem;font-size:.9rem}.zalo-phone-search-modal .form-control:focus{border-color:var(--zalo-blue);box-shadow:0 0 0 3px #0068ff1a}.zalo-phone-search-modal .btn-primary{border-radius:0 12px 12px 0!important;background-color:var(--zalo-blue);border-color:var(--zalo-blue);padding:.6rem 1.25rem}.zalo-phone-search-modal .btn-primary:hover{background-color:var(--zalo-blue-hover);border-color:var(--zalo-blue-hover)}.zalo-reactions-modal .modal-header{background:linear-gradient(135deg,#0068ff,#004ecc);color:#fff;border-bottom:none;padding:1.25rem 1.5rem}.zalo-reactions-modal .modal-header .modal-title{color:#fff;font-weight:700;font-size:1.1rem}.zalo-reactions-modal .modal-header .btn-close{filter:brightness(0) invert(1);opacity:.8}.zalo-reactions-modal .modal-header .btn-close:hover{opacity:1}.zalo-profile-modal .btn-close{background-color:#0000004d!important;border-radius:50%!important;padding:8px!important;filter:brightness(0) invert(1)!important;transition:background-color .2s!important;opacity:.8}.zalo-profile-modal .btn-close:hover{background-color:#0009!important;opacity:1}.zalo-chat-layout-wrapper.fb-theme .zalo-sidebar-nav{background:linear-gradient(180deg,#0084ff,#1877f2)}.zalo-chat-layout-wrapper.fb-theme .zalo-nav-online-badge{border-color:#0084ff}.zalo-chat-layout-wrapper.fb-theme .zalo-user-avatar-initials{color:#0084ff;border-color:#0084ff14}.zalo-chat-layout-wrapper.fb-theme .zalo-conversation-item.active{background-color:#0084ff14}.zalo-chat-layout-wrapper.fb-theme .zalo-conversation-item.active .zalo-user-avatar-initials{background:linear-gradient(135deg,#0084ff,#1877f2);color:#fff}.zalo-chat-layout-wrapper.fb-theme .zalo-msg-bubble-row.assistant .zalo-msg-bubble-content{background-color:#e6f2ff;border-color:#0084ff26}.zalo-chat-layout-wrapper.fb-theme .zalo-msg-bubble-row.assistant .zalo-msg-bubble-content a{color:#0084ff!important}.zalo-chat-layout-wrapper.fb-theme .zalo-tag-badge.friend{background-color:#0084ff14;color:#0084ff}.zalo-chat-layout-wrapper.fb-theme .zalo-header-action-btn:hover{color:#0084ff}.zalo-chat-layout-wrapper.fb-theme .zalo-empty-chat-icon{background-color:#0084ff0d;color:#0084ff}.zalo-chat-layout-wrapper.fb-theme .zalo-send-msg-btn{background-color:#0084ff;border-color:#0084ff}.zalo-chat-layout-wrapper.fb-theme .zalo-send-msg-btn:hover{background-color:#006edf;border-color:#006edf}.chipchip-form-title:after{content:"";position:absolute;bottom:0;left:0;width:130px;height:8px;background:url(https://chipchip.edu.vn/img/theme-chipchip/c2-line-orange.svg) no-repeat center;background-size:contain}.chipchip-form-select-wrapper:after{content:"";position:absolute;top:50%;right:20px;transform:translateY(-50%);width:14px;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2357595c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;background-size:contain;pointer-events:none}.theme-sales .chipchip-header{background-color:#fff;border-bottom:1px solid #e2e8f0}.theme-sales .chipchip-hero-wrapper{background:linear-gradient(135deg,#f8fafc,#eef0f6)!important;padding:60px 0}.theme-sales .chipchip-register-card{background:#fff!important;border-radius:18px!important;box-shadow:0 20px 40px #1414320d!important;border:1px solid #e2e8f0!important;padding:40px!important;overflow:hidden;align-items:stretch}.theme-sales .chipchip-left-banner img{border-radius:14px!important;box-shadow:0 4px 20px #6d5efc14!important}.theme-sales .chipchip-right-form{color:#1a202c!important}.theme-sales .chipchip-form-title{font-weight:800!important;font-size:28px!important;text-transform:none!important;color:#1a202c!important;margin-bottom:16px!important;padding-bottom:0!important;font-family:Nunito,sans-serif!important}.theme-sales .chipchip-form-title:after{display:none!important}.theme-sales .chipchip-right-form p.description-text{color:#4a5568!important}.theme-sales .chipchip-form-label{color:#4a5568!important;font-weight:700!important;font-family:Nunito,sans-serif!important}.theme-sales .chipchip-form-control{border-radius:12px!important;height:48px!important;border:1.5px solid #e2e8f0!important;background-color:#f8fafc!important;font-family:Nunito,sans-serif!important}.theme-sales .chipchip-form-control:focus{border-color:#6d5efc!important;background-color:#fff!important;box-shadow:0 0 0 4px #6d5efc26!important}.theme-sales textarea.chipchip-form-control{border-radius:12px!important}.theme-sales .chipchip-submit-btn{background:linear-gradient(135deg,#6d5efc,#ff5fa2)!important;color:#fff!important;border-radius:12px!important;height:50px!important;font-size:16px!important;font-weight:700!important;animation:none!important;border:none!important;box-shadow:0 4px 15px #6d5efc40!important;font-family:Nunito,sans-serif!important}.theme-sales .chipchip-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #6d5efc59!important;transform:translateY(-2px)!important}.theme-sales .chipchip-success-card{border-radius:18px!important;box-shadow:0 20px 40px #1414320d!important;margin:20px auto!important;border:1px solid #e2e8f0!important}.theme-sales .chipchip-success-icon{background-color:#12b8861a!important;color:#12b886!important}.theme-sales .chipchip-success-title{font-weight:800!important;color:#1a202c!important;font-family:Nunito,sans-serif!important}.chipchip-form-title:after{content:"";position:absolute;bottom:0;left:0;width:130px;height:8px;background:url(https://chipchip.edu.vn/img/theme-chipchip/c2-line-orange.svg) no-repeat center;background-size:contain}.chipchip-form-select-wrapper:after{content:"";position:absolute;top:50%;right:20px;transform:translateY(-50%);width:14px;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2357595c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;background-size:contain;pointer-events:none}.theme-custom .chipchip-header{background-color:#fff;border-bottom:1px solid #e2e8f0}.theme-custom .chipchip-hero-wrapper{background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;padding:60px 0}.theme-custom .chipchip-register-card{background:#fff!important;border-radius:16px!important;box-shadow:0 20px 40px -15px #00000014!important;border:1px solid #e2e8f0!important;padding:40px!important;overflow:hidden;align-items:stretch}.theme-custom .chipchip-left-banner img{border-radius:12px!important;box-shadow:0 4px 20px #0000000d!important}.theme-custom .chipchip-right-form{color:#0f172a!important}.theme-custom .chipchip-form-title{font-weight:700!important;font-size:28px!important;text-transform:none!important;color:#0f172a!important;margin-bottom:16px!important;padding-bottom:0!important}.theme-custom .chipchip-form-title:after{display:none!important}.theme-custom .chipchip-right-form p.description-text{color:#475569!important}.theme-custom .chipchip-form-label{color:#334155!important;font-weight:600!important}.theme-custom .chipchip-form-control{border-radius:8px!important;height:48px!important;border:1px solid #e2e8f0!important}.theme-custom .chipchip-form-control:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important}.theme-custom textarea.chipchip-form-control{border-radius:8px!important}.theme-custom .chipchip-submit-btn{background-color:#2563eb!important;color:#fff!important;border-radius:8px!important;height:48px!important;font-size:16px!important;font-weight:600!important;animation:none!important;box-shadow:0 4px 12px #2563eb33!important}.theme-custom .chipchip-submit-btn:hover:not(:disabled){background-color:#1d4ed8!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 8px 20px #2563eb4d!important}.theme-custom .chipchip-success-card{border-radius:16px!important;box-shadow:0 20px 40px -15px #00000014!important;margin:20px auto!important;border:1px solid #e2e8f0!important}.theme-custom .chipchip-success-icon{background-color:#2563eb1a!important;color:#2563eb!important}.theme-custom .chipchip-success-title{font-weight:700!important;color:#0f172a!important}.theme-dentist .chipchip-header{background-color:#fff;border-bottom:1px solid #ccfbf1}.theme-dentist .chipchip-hero-wrapper{background:linear-gradient(135deg,#f0fdfa,#ccfbf1)!important;padding:60px 0}.theme-dentist .chipchip-register-card{background:#fff!important;border-radius:16px!important;box-shadow:0 20px 40px -15px #0d948814!important;border:1px solid #ccfbf1!important;padding:40px!important}.theme-dentist .chipchip-left-banner img{border-radius:12px!important;box-shadow:0 4px 20px #0d94880d!important}.theme-dentist .chipchip-right-form{color:#0f172a!important}.theme-dentist .chipchip-form-title{font-weight:700!important;font-size:28px!important;text-transform:none!important;color:#0f766e!important;margin-bottom:16px!important;padding-bottom:0!important}.theme-dentist .chipchip-form-title:after{display:none!important}.theme-dentist .chipchip-right-form p.description-text{color:#475569!important}.theme-dentist .chipchip-form-label{color:#0f766e!important;font-weight:600!important}.theme-dentist .chipchip-form-control{border-radius:8px!important;height:48px!important;border:1px solid #99f6e4!important}.theme-dentist .chipchip-form-control:focus{border-color:#0d9488!important;box-shadow:0 0 0 3px #0d948826!important}.theme-dentist textarea.chipchip-form-control{border-radius:8px!important}.theme-dentist .chipchip-submit-btn{background-color:#0d9488!important;color:#fff!important;border-radius:8px!important;height:48px!important;font-size:16px!important;font-weight:600!important;animation:none!important;box-shadow:0 4px 12px #0d948833!important}.theme-dentist .chipchip-submit-btn:hover:not(:disabled){background-color:#0f766e!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 8px 20px #0d94884d!important}.theme-dentist .chipchip-success-card{border-radius:16px!important;box-shadow:0 20px 40px -15px #0d948814!important;margin:20px auto!important;border:1px solid #ccfbf1!important}.theme-dentist .chipchip-success-icon{background-color:#0d94881a!important;color:#0d9488!important}.theme-dentist .chipchip-success-title{font-weight:700!important;color:#0f766e!important}.theme-spa .chipchip-header{background-color:#fdfbf7;border-bottom:1px solid #efe5db}.theme-spa .chipchip-hero-wrapper{background:linear-gradient(135deg,#fdfbf7,#f5eae0)!important;padding:60px 0}.theme-spa .chipchip-register-card{background:#fff!important;border-radius:16px!important;box-shadow:0 20px 40px -15px #4a3f3514!important;border:1px solid #efe5db!important;padding:40px!important}.theme-spa .chipchip-left-banner img{border-radius:12px!important;box-shadow:0 4px 20px #4a3f350d!important}.theme-spa .chipchip-right-form{color:#2e251c!important}.theme-spa .chipchip-form-title{font-family:Playfair Display,Georgia,serif!important;font-weight:700!important;font-size:28px!important;text-transform:none!important;color:#4a3f35!important;margin-bottom:16px!important;padding-bottom:0!important}.theme-spa .chipchip-form-title:after{display:none!important}.theme-spa .chipchip-right-form p.description-text{color:#6e5e50!important}.theme-spa .chipchip-form-label{color:#4a3f35!important;font-weight:600!important}.theme-spa .chipchip-form-control{border-radius:8px!important;height:48px!important;border:1px solid #e5d5c5!important}.theme-spa .chipchip-form-control:focus{border-color:#bca38a!important;box-shadow:0 0 0 3px #bca38a26!important}.theme-spa textarea.chipchip-form-control{border-radius:8px!important}.theme-spa .chipchip-submit-btn{background-color:#4a3f35!important;color:#fff!important;border-radius:8px!important;height:48px!important;font-size:16px!important;font-weight:600!important;animation:none!important;box-shadow:0 4px 12px #4a3f3533!important}.theme-spa .chipchip-submit-btn:hover:not(:disabled){background-color:#382f27!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 8px 20px #4a3f354d!important}.theme-spa .chipchip-success-card{border-radius:16px!important;box-shadow:0 20px 40px -15px #4a3f3514!important;margin:20px auto!important;border:1px solid #efe5db!important}.theme-spa .chipchip-success-icon{background-color:#bca38a1a!important;color:#4a3f35!important}.theme-spa .chipchip-success-title{font-family:Playfair Display,Georgia,serif!important;font-weight:700!important;color:#4a3f35!important}.theme-yoga .chipchip-header{background-color:#f7fee7;border-bottom:1px solid #ecfccb}.theme-yoga .chipchip-hero-wrapper{background:linear-gradient(135deg,#f7fee7,#ecfccb)!important;padding:60px 0}.theme-yoga .chipchip-register-card{background:#fff!important;border-radius:16px!important;box-shadow:0 20px 40px -15px #4d7c0f14!important;border:1px solid #d9f99d!important;padding:40px!important}.theme-yoga .chipchip-left-banner img{border-radius:12px!important;box-shadow:0 4px 20px #4d7c0f0d!important}.theme-yoga .chipchip-right-form{color:#1e293b!important}.theme-yoga .chipchip-form-title{font-weight:700!important;font-size:28px!important;text-transform:none!important;color:#3f6212!important;margin-bottom:16px!important;padding-bottom:0!important}.theme-yoga .chipchip-form-title:after{display:none!important}.theme-yoga .chipchip-right-form p.description-text{color:#4f5e3f!important}.theme-yoga .chipchip-form-label{color:#3f6212!important;font-weight:600!important}.theme-yoga .chipchip-form-control{border-radius:8px!important;height:48px!important;border:1px solid #e2e8f0!important}.theme-yoga .chipchip-form-control:focus{border-color:#4d7c0f!important;box-shadow:0 0 0 3px #4d7c0f26!important}.theme-yoga textarea.chipchip-form-control{border-radius:8px!important}.theme-yoga .chipchip-submit-btn{background-color:#4d7c0f!important;color:#fff!important;border-radius:8px!important;height:48px!important;font-size:16px!important;font-weight:600!important;animation:none!important;box-shadow:0 4px 12px #4d7c0f33!important}.theme-yoga .chipchip-submit-btn:hover:not(:disabled){background-color:#3f6212!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 8px 20px #4d7c0f4d!important}.theme-yoga .chipchip-success-card{border-radius:16px!important;box-shadow:0 20px 40px -15px #4d7c0f14!important;margin:20px auto!important;border:1px solid #d9f99d!important}.theme-yoga .chipchip-success-icon{background-color:#4d7c0f1a!important;color:#4d7c0f!important}.theme-yoga .chipchip-success-title{font-weight:700!important;color:#3f6212!important}.theme-gym .chipchip-header{background-color:#090d16;border-bottom:1px solid #334155}.theme-gym .chipchip-header .text-dark,.theme-gym .chipchip-header span,.theme-gym .chipchip-header div{color:#fff!important}.theme-gym .chipchip-hero-wrapper{background:linear-gradient(135deg,#090d16,#1e293b)!important;padding:60px 0}.theme-gym .chipchip-register-card{background:#1e293b!important;border-radius:16px!important;box-shadow:0 20px 40px -15px #0000004d!important;border:1px solid #334155!important;padding:40px!important}.theme-gym .chipchip-left-banner img{border-radius:12px!important;box-shadow:0 4px 20px #0003!important}.theme-gym .chipchip-right-form{color:#f8fafc!important}.theme-gym .chipchip-form-title{font-weight:800!important;font-size:30px!important;text-transform:uppercase!important;letter-spacing:.5px!important;color:#fff!important;margin-bottom:16px!important;padding-bottom:0!important}.theme-gym .chipchip-form-title:after{display:none!important}.theme-gym .chipchip-right-form p.description-text{color:#94a3b8!important}.theme-gym .chipchip-form-label{color:#e2e8f0!important;font-weight:600!important}.theme-gym .chipchip-form-control{background-color:#0f172a!important;color:#fff!important;border-radius:8px!important;height:48px!important;border:1px solid #475569!important}.theme-gym .chipchip-form-control::placeholder{color:#64748b!important}.theme-gym select.chipchip-form-control option{background-color:#0f172a!important;color:#fff!important}.theme-gym .chipchip-form-control:focus{border-color:#ea580c!important;box-shadow:0 0 0 3px #ea580c33!important;background-color:#0f172a!important;color:#fff!important}.theme-gym textarea.chipchip-form-control{border-radius:8px!important}.theme-gym .chipchip-submit-btn{background-color:#ea580c!important;color:#fff!important;border-radius:8px!important;height:48px!important;font-size:16px!important;font-weight:700!important;text-transform:uppercase!important;animation:none!important;box-shadow:0 4px 14px #ea580c4d!important;border:none!important}.theme-gym .chipchip-submit-btn:hover:not(:disabled){background-color:#c2410c!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 8px 22px #ea580c73!important}.theme-gym .chipchip-success-card{background:#1e293b!important;border-radius:16px!important;box-shadow:0 20px 40px -15px #0000004d!important;margin:20px auto!important;border:1px solid #334155!important;color:#fff!important}.theme-gym .chipchip-success-icon{background-color:#ea580c26!important;color:#ea580c!important}.theme-gym .chipchip-success-title{font-weight:700!important;color:#fff!important}.theme-gym .chipchip-success-desc{color:#94a3b8!important}.theme-gym .chipchip-footer{background-color:#090d16!important;border-top:1px solid #334155!important}.theme-gym .chipchip-footer p,.theme-gym .chipchip-footer span,.theme-gym .chipchip-footer div{color:#64748b!important}.theme-english .chipchip-header{background-color:#fff;border-bottom:1px solid #bae6fd}.theme-english .chipchip-hero-wrapper{background:linear-gradient(135deg,#f0f9ff,#bae6fd)!important;padding:60px 0}.theme-english .chipchip-register-card{background:#fff!important;border-radius:16px!important;box-shadow:0 20px 40px -15px #0284c714!important;border:1px solid #bae6fd!important;padding:40px!important}.theme-english .chipchip-left-banner img{border-radius:12px!important;box-shadow:0 4px 20px #0284c70d!important}.theme-english .chipchip-right-form{color:#0f172a!important}.theme-english .chipchip-form-title{font-weight:700!important;font-size:28px!important;text-transform:none!important;color:#0369a1!important;margin-bottom:16px!important;padding-bottom:0!important}.theme-english .chipchip-form-title:after{display:none!important}.theme-english .chipchip-right-form p.description-text{color:#475569!important}.theme-english .chipchip-form-label{color:#0369a1!important;font-weight:600!important}.theme-english .chipchip-form-control{border-radius:8px!important;height:48px!important;border:1px solid #bae6fd!important}.theme-english .chipchip-form-control:focus{border-color:#0284c7!important;box-shadow:0 0 0 3px #0284c726!important}.theme-english textarea.chipchip-form-control{border-radius:8px!important}.theme-english .chipchip-submit-btn{background-color:#0284c7!important;color:#fff!important;border-radius:8px!important;height:48px!important;font-size:16px!important;font-weight:600!important;animation:none!important;box-shadow:0 4px 12px #0284c733!important}.theme-english .chipchip-submit-btn:hover:not(:disabled){background-color:#0369a1!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 8px 20px #0284c74d!important}.theme-english .chipchip-success-card{border-radius:16px!important;box-shadow:0 20px 40px -15px #0284c714!important;margin:20px auto!important;border:1px solid #bae6fd!important}.theme-english .chipchip-success-icon{background-color:#0284c71a!important;color:#0284c7!important}.theme-english .chipchip-success-title{font-weight:700!important;color:#0369a1!important}.theme-realestate .chipchip-header{background-color:#fff;border-bottom:1px solid #e2e8f0}.theme-realestate .chipchip-hero-wrapper{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important;padding:60px 0}.theme-realestate .chipchip-register-card{background:#fff!important;border-radius:16px!important;box-shadow:0 20px 40px -15px #0f172a14!important;border:1px solid #e2e8f0!important;padding:40px!important}.theme-realestate .chipchip-left-banner img{border-radius:12px!important;box-shadow:0 4px 20px #0f172a0d!important}.theme-realestate .chipchip-right-form{color:#0f172a!important}.theme-realestate .chipchip-form-title{font-weight:700!important;font-size:28px!important;text-transform:none!important;color:#0f172a!important;margin-bottom:16px!important;padding-bottom:0!important}.theme-realestate .chipchip-form-title:after{display:none!important}.theme-realestate .chipchip-right-form p.description-text{color:#475569!important}.theme-realestate .chipchip-form-label{color:#0f172a!important;font-weight:600!important}.theme-realestate .chipchip-form-control{border-radius:8px!important;height:48px!important;border:1px solid #e2e8f0!important}.theme-realestate .chipchip-form-control:focus{border-color:#0f172a!important;box-shadow:0 0 0 3px #0f172a26!important}.theme-realestate textarea.chipchip-form-control{border-radius:8px!important}.theme-realestate .chipchip-submit-btn{background-color:#0f172a!important;color:#fff!important;border-radius:8px!important;height:48px!important;font-size:16px!important;font-weight:600!important;animation:none!important;box-shadow:0 4px 12px #0f172a33!important}.theme-realestate .chipchip-submit-btn:hover:not(:disabled){background-color:#1e293b!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 8px 20px #0f172a4d!important}.theme-realestate .chipchip-success-card{border-radius:16px!important;box-shadow:0 20px 40px -15px #0f172a14!important;margin:20px auto!important;border:1px solid #e2e8f0!important}.theme-realestate .chipchip-success-icon{background-color:#0f172a1a!important;color:#0f172a!important}.theme-realestate .chipchip-success-title{font-weight:700!important;color:#0f172a!important}.theme-restaurant .chipchip-header{background-color:#fffaf5;border-bottom:1px solid #fed7aa}.theme-restaurant .chipchip-hero-wrapper{background:linear-gradient(135deg,#fffaf5,#fed7aa)!important;padding:60px 0}.theme-restaurant .chipchip-register-card{background:#fff!important;border-radius:16px!important;box-shadow:0 20px 40px -15px #c2410c14!important;border:1px solid #fdba74!important;padding:40px!important}.theme-restaurant .chipchip-left-banner img{border-radius:12px!important;box-shadow:0 4px 20px #c2410c0d!important}.theme-restaurant .chipchip-right-form{color:#2b1502!important}.theme-restaurant .chipchip-form-title{font-weight:700!important;font-size:28px!important;text-transform:none!important;color:#c2410c!important;margin-bottom:16px!important;padding-bottom:0!important}.theme-restaurant .chipchip-form-title:after{display:none!important}.theme-restaurant .chipchip-right-form p.description-text{color:#7c2d12!important}.theme-restaurant .chipchip-form-label{color:#c2410c!important;font-weight:600!important}.theme-restaurant .chipchip-form-control{border-radius:8px!important;height:48px!important;border:1px solid #fdba74!important}.theme-restaurant .chipchip-form-control:focus{border-color:#c2410c!important;box-shadow:0 0 0 3px #c2410c26!important}.theme-restaurant textarea.chipchip-form-control{border-radius:8px!important}.theme-restaurant .chipchip-submit-btn{background-color:#c2410c!important;color:#fff!important;border-radius:8px!important;height:48px!important;font-size:16px!important;font-weight:600!important;animation:none!important;box-shadow:0 4px 12px #c2410c33!important}.theme-restaurant .chipchip-submit-btn:hover:not(:disabled){background-color:#9a3412!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 8px 20px #c2410c4d!important}.theme-restaurant .chipchip-success-card{border-radius:16px!important;box-shadow:0 20px 40px -15px #c2410c14!important;margin:20px auto!important;border:1px solid #fdba74!important}.theme-restaurant .chipchip-success-icon{background-color:#c2410c1a!important;color:#c2410c!important}.theme-restaurant .chipchip-success-title{font-weight:700!important;color:#c2410c!important}.chipchip-reg-page{font-family:Be Vietnam Pro,sans-serif;background-color:#fff;min-height:100vh;display:flex;flex-direction:column}.chipchip-header{background-color:#fff;border-bottom:1px solid #ebecef;padding:12px 24px;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000000d}.chipchip-header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.chipchip-logo img{height:40px;display:block}.chipchip-hotline{font-size:16px;font-weight:600;color:#272b30;display:flex;align-items:center;gap:8px}.chipchip-hotline-phone{color:#4ab749;font-size:18px;font-weight:700}.chipchip-hero-wrapper{background:linear-gradient(180deg,#54c033,#72e350);padding:60px 0;flex-grow:1;display:flex;align-items:center;position:relative}.chipchip-hero-container{max-width:1100px;margin:0 auto;padding:0 20px;width:100%}.chipchip-register-card{display:flex;background:transparent;align-items:center;gap:40px;width:100%}@media (max-width: 991.98px){.chipchip-register-card{flex-direction:column;gap:30px}}.chipchip-left-banner{flex:1;width:50%}@media (max-width: 991.98px){.chipchip-left-banner{width:100%;max-width:500px}}.chipchip-left-banner img{width:100%;border-radius:20px;box-shadow:0 10px 30px #00000026}.chipchip-right-form{flex:1;width:50%;color:#fff}@media (max-width: 991.98px){.chipchip-right-form{width:100%}}.chipchip-form-title{font-family:Be Vietnam Pro,sans-serif;font-weight:800;font-size:32px;text-transform:uppercase;color:#fff;margin-bottom:24px;line-height:1.3;position:relative;display:inline-block;padding-bottom:12px}.chipchip-form-title:after{content:"";position:absolute;bottom:0;left:0;width:130px;height:8px;background:url(https://chipchip.edu.vn/img/theme-chipchip/c2-line-orange.svg) no-repeat center;background-size:contain}@media (max-width: 575.98px){.chipchip-form-title{font-size:22px}}.chipchip-form-group{margin-bottom:18px}.chipchip-form-label{font-size:14px;font-weight:500;margin-bottom:6px;display:block;color:#fff}.chipchip-form-control{background-color:#fff!important;color:#272b30!important;border:1px solid #ebecef!important;border-radius:9999px!important;height:52px!important;padding:0 24px!important;font-size:15px!important;box-shadow:none!important;transition:border-color .25s,box-shadow .25s!important}.chipchip-form-control:focus{border-color:#ef673a!important;box-shadow:0 0 0 3px #ef673a40!important}textarea.chipchip-form-control{border-radius:20px!important;height:auto!important;padding:16px 24px!important;resize:none!important}.chipchip-form-select-wrapper{position:relative}.chipchip-form-select-wrapper:after{content:"";position:absolute;top:50%;right:20px;transform:translateY(-50%);width:14px;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2357595c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;background-size:contain;pointer-events:none}.chipchip-form-select{-moz-appearance:none;appearance:none;-webkit-appearance:none}.chipchip-submit-btn{background-color:#fff!important;color:#339316!important;border:none!important;border-radius:9999px!important;height:56px!important;font-size:18px!important;font-weight:700!important;width:100%;margin-top:10px;box-shadow:0 4px 15px #0000001a!important;transition:all .2s ease-in-out!important;animation:chipchipCrescendo 1.2s alternate infinite ease-in-out}.chipchip-submit-btn:hover:not(:disabled){background-color:#f8fafc!important;color:#277b10!important;transform:scale(1.02)}.chipchip-submit-btn:disabled{background-color:#ffffffb3!important;color:#64748b!important}@keyframes chipchipCrescendo{0%{transform:scale(1)}to{transform:scale(1.03)}}.chipchip-footer{background-color:#fff;padding:40px 20px;border-top:1px solid #ebecef}.chipchip-footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:30px}@media (max-width: 767.98px){.chipchip-footer-content{flex-direction:column;align-items:center;text-align:center}}.chipchip-footer-info{flex:2;min-width:280px}.chipchip-footer-title{font-size:16px;font-weight:700;color:#272b30;margin-bottom:12px}.chipchip-footer-text{font-size:14px;color:#57595c;line-height:1.6;margin-bottom:8px;display:flex;align-items:center;gap:8px}@media (max-width: 767.98px){.chipchip-footer-text{justify-content:center}}.chipchip-footer-socials{flex:1;display:flex;gap:16px;justify-content:flex-end;align-items:center;min-width:200px}@media (max-width: 767.98px){.chipchip-footer-socials{justify-content:center}}.chipchip-social-icon{width:36px;height:36px;border-radius:50%;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#57595c;transition:all .2s;text-decoration:none!important}.chipchip-social-icon:hover{background-color:#4ab749;color:#fff;transform:translateY(-2px)}.chipchip-success-card{background-color:#fff;border-radius:24px;box-shadow:0 10px 40px #0000001a;padding:40px;text-align:center;max-width:500px;width:100%;margin:40px auto;border:1px solid #e2e8f0}.chipchip-success-icon{width:80px;height:80px;border-radius:50%;background-color:#4ab7491a;color:#4ab749;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 24px}.chipchip-success-title{font-family:Be Vietnam Pro,sans-serif;font-weight:800;font-size:28px;color:#272b30;margin-bottom:16px}.chipchip-success-desc{font-size:15px;color:#57595c;line-height:1.6;margin-bottom:0}.account-quick-switcher{background:#fff;border:1px solid var(--border-color);border-radius:16px;padding:1rem 1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.75rem}.switcher-label-wrapper{display:flex;align-items:center;gap:.5rem}.switcher-label-dot{width:6px;height:6px;border-radius:50%;background-color:var(--zalo-blue);box-shadow:0 0 8px var(--zalo-blue)}.switcher-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.switcher-list{display:flex;flex-wrap:wrap;gap:.75rem}.switcher-card{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;text-align:left}.switcher-card:hover{background-color:#f1f5f9;border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.switcher-card.active{background:linear-gradient(135deg,#fff,#f0f7ff);border-color:var(--zalo-blue);box-shadow:0 4px 12px #0068ff1f,0 0 0 1px #0068ff0d}.avatar-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.switcher-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1.5px solid white;box-shadow:0 2px 4px #0000000d}.switcher-avatar-fallback{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;border:1.5px solid white;box-shadow:0 2px 4px #0000000d;font-size:.95rem}.switcher-avatar-fallback.oa{background:linear-gradient(135deg,#ff9800,#f57c00)}.switcher-avatar-fallback.personal{background:linear-gradient(135deg,var(--zalo-blue) 0%,#004ecc 100%)}.platform-badge-dot{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid white}.platform-badge-dot.oa{background-color:#ff9800}.platform-badge-dot.personal{background-color:var(--zalo-blue)}.switcher-info{display:flex;flex-direction:column}.switcher-name{font-size:.925rem;font-weight:600;color:#1e293b;line-height:1.25}.switcher-card.active .switcher-name{color:var(--zalo-blue)}.switcher-platform{font-size:.75rem;font-weight:500;color:#64748b;margin-top:.15rem}.active-checkmark{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:var(--zalo-blue);color:#fff;margin-left:.75rem;box-shadow:0 2px 4px #0068ff33;animation:switcherScaleIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes switcherScaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(circle at 10% 20%,#02254e,#000a19);position:relative;overflow:hidden;font-family:var(--font-sans);padding:20px}.auth-background-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.auth-background-shapes .shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15}.auth-background-shapes .shape-1{top:-10%;left:10%;width:400px;height:400px;background:var(--zalo-blue);animation:floatShape1 20s infinite alternate ease-in-out}.auth-background-shapes .shape-2{bottom:-10%;right:10%;width:500px;height:500px;background:#a855f7;animation:floatShape2 25s infinite alternate ease-in-out}@keyframes floatShape1{0%{transform:translate(0) scale(1)}to{transform:translate(50px,30px) scale(1.1)}}@keyframes floatShape2{0%{transform:translate(0) scale(1)}to{transform:translate(-40px,-50px) scale(.9)}}.auth-card{width:100%;max-width:450px;background:#ffffff08;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 8px 32px #0000005e;z-index:2;transition:transform .3s ease,box-shadow .3s ease;animation:cardFadeIn .6s cubic-bezier(.16,1,.3,1)}.auth-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000073}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-card-inner{padding:40px}.auth-brand-header{margin-bottom:24px}.auth-brand-logo{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--zalo-blue),#004ecc);color:#fff;border-radius:16px;box-shadow:0 4px 15px #0068ff4d}.auth-title{color:#fff;font-weight:800;font-size:24px;margin-bottom:6px;letter-spacing:-.02em}.auth-subtitle{color:#94a3b8;font-size:13px;line-height:1.5;margin-bottom:0}.auth-form .form-group{position:relative}.auth-form .form-label{color:#e2e8f0;font-weight:500;font-size:11px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:#64748b;font-size:15px}.auth-input{width:100%;padding:12px 14px 12px 42px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;transition:all .2s ease}.auth-input::placeholder{color:#475569}.auth-input:focus{outline:none;background:#0f172acc;border-color:var(--zalo-blue);box-shadow:0 0 0 3px #0068ff40}.auth-link-btn{background:none;border:none;color:var(--zalo-blue);font-weight:600;padding:0;cursor:pointer;transition:color .2s ease}.auth-link-btn:hover{color:#3b82f6;text-decoration:underline}.auth-link-btn.small{font-size:12px}.btn-auth-submit{width:100%;padding:12px;background:linear-gradient(135deg,var(--zalo-blue),#004ecc);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0068ff33;display:flex;align-items:center;justify-content:center;height:48px}.btn-auth-submit:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0068ff59}.btn-auth-submit:active{transform:translateY(0)}.btn-auth-submit:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.auth-switch{color:#64748b;font-size:13px}.otp-input-container{display:flex;justify-content:center}.letter-spacing-lg{letter-spacing:.5em;font-weight:700}.animate-fade-in{animation:elementFadeIn .3s ease}@keyframes elementFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.saas-user-box{background:#0f172a66;border:1px solid rgba(255,255,255,.08);margin-bottom:12px}.saas-meta .saas-plan-badge{background:#10b9811a;color:#10b981;padding:1px 4px;border-radius:4px;font-weight:700;text-transform:uppercase}.auth-separator{display:flex;align-items:center;text-align:center;color:#64748b;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.auth-separator:before,.auth-separator:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.08)}.auth-separator:not(:empty):before{margin-right:.5em}.auth-separator:not(:empty):after{margin-left:.5em}.google-btn-wrapper{display:flex;justify-content:center;width:100%;margin-top:10px}.google-btn-wrapper iframe{max-width:100%}.google-btn-wrapper>div{margin:0 auto!important;display:flex!important;justify-content:center!important}.form-control,.form-select,.pp-in{font-family:var(--font-sans);font-size:14px;color:var(--dark);background-color:#fff;border:1.5px solid #e2e8f0;border-radius:12px!important;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.form-control:focus,.form-select:focus,.pp-in:focus{color:var(--dark);background-color:#fff;border-color:var(--primary);outline:0;box-shadow:0 0 0 4px #6d5efc1f!important}.form-control::placeholder{color:#64748b;opacity:1}textarea.form-control{min-height:80px;resize:vertical}.form-label{font-family:var(--font-sans);font-weight:700;font-size:13px;color:var(--dark);margin-bottom:8px;letter-spacing:-.01em}.form-text{font-size:12px;color:#475569;margin-top:6px}.form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.form-check-input:focus{box-shadow:0 0 0 4px #6d5efc1f!important;border-color:var(--primary)}.form-check-label{font-family:var(--font-sans);font-size:13.5px;font-weight:600;color:var(--dark)}.btn{font-family:var(--font-sans);font-size:13.5px;font-weight:700;padding:10px 20px;border-radius:11px!important;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:none}.btn:active,.btn:focus{outline:0;box-shadow:0 0 0 4px #6d5efc1f!important}.btn-primary{color:#fff!important;background:linear-gradient(135deg,var(--primary),var(--primary-hover))!important;border:none!important;box-shadow:var(--shadow-lg)!important}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{transform:translateY(-2px);box-shadow:var(--shadow-glow)!important;opacity:.95}.btn-success{color:#fff!important;background:linear-gradient(135deg,var(--success),#0ca678)!important;border:none!important;box-shadow:0 6px 20px #12b88633!important}.btn-success:hover,.btn-success:focus,.btn-success:active{transform:translateY(-2px);box-shadow:0 8px 24px #12b88659!important;opacity:.95}.btn-danger{color:#fff!important;background:linear-gradient(135deg,var(--danger),#c2255c)!important;border:none!important;box-shadow:0 6px 20px #e0455f33!important}.btn-danger:hover,.btn-danger:focus,.btn-danger:active{transform:translateY(-2px);box-shadow:0 8px 24px #e0455f59!important;opacity:.95}.btn-outline-primary{color:var(--primary)!important;background-color:transparent!important;border:1.5px solid var(--primary)!important}.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active{color:#fff!important;background:linear-gradient(135deg,var(--primary),var(--primary-hover))!important;border-color:transparent!important;transform:translateY(-2px);box-shadow:var(--shadow-lg)!important}.btn-outline-secondary{color:#334155!important;background-color:transparent!important;border:1.5px solid var(--border-color)!important}.btn-outline-secondary:hover{background-color:#f4f5f9!important;border-color:var(--border-color)!important;color:var(--dark)!important}.btn-link{color:var(--primary);font-weight:600;text-decoration:none}.btn-link:hover{color:var(--primary-hover);text-decoration:underline}.card{background:#fff;border:1px solid var(--border-color)!important;border-radius:20px!important;box-shadow:var(--shadow-sm)!important;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card.shadow-sm{box-shadow:var(--shadow-md)!important}.card-header{background-color:#fff!important;border-bottom:1px solid var(--border-color)!important;padding:20px 24px!important}.card-title{font-family:var(--font-sans);font-weight:800;font-size:16px;color:var(--dark);letter-spacing:-.02em}.card-footer{background-color:#fff!important;border-top:1px solid var(--border-color)!important;padding:16px 24px!important}.table-scroll{border-radius:12px;overflow:hidden;border:1px solid var(--border-color);background:#fff}.table{font-family:var(--font-sans);border-collapse:collapse;width:100%}.table thead th{background-color:#f8fafc!important;font-size:12px;font-weight:800;text-transform:uppercase;color:#334155!important;letter-spacing:.05em;padding:14px 18px!important;border-bottom:2px solid var(--border-color)!important}.table tbody td{padding:14px 18px!important;border-bottom:1px solid #e2e8f0!important;font-size:13.5px;color:#334155;vertical-align:middle}.table-hover tbody tr:hover{background-color:#f9fafd!important;cursor:pointer}.table-hover tbody tr:hover td{color:var(--dark)!important}.modal-content{border:none!important;border-radius:22px!important;box-shadow:0 20px 50px #00000026!important;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color)!important;padding:24px 28px 16px!important;background-color:#fff}.modal-title{font-family:var(--font-sans);font-weight:800;font-size:18px;color:var(--dark);letter-spacing:-.02em}.modal-header .btn-close{box-shadow:none!important;opacity:.5;transition:opacity .2s ease}.modal-header .btn-close:hover{opacity:.8}.modal-body{padding:24px 28px!important;background-color:#fff}.modal-footer{border-top:1px solid var(--border-color)!important;padding:16px 28px 24px!important;background-color:#fff;gap:12px}.badge{font-family:var(--font-sans);font-weight:700;font-size:11px;padding:6px 12px!important;border-radius:30px!important;letter-spacing:.02em}.bg-primary{background-color:#6d5efc1a!important;color:var(--primary)!important}.bg-success{background-color:#12b8861a!important;color:var(--success)!important}.bg-danger{background-color:#e0455f1a!important;color:var(--danger)!important}.bg-warning{background-color:#ff9f1c1a!important;color:var(--warning)!important}.bg-info{background-color:#0dcaf01a!important;color:#0dcaf0!important}.bg-secondary{background-color:#f1f3f9!important;color:#334155!important}@media (max-width: 768px){.profile-grid,.renew-grid,.policy-grid{grid-template-columns:1fr!important}}.aurio-chat-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;cursor:pointer;margin-bottom:2px;transition:all .2s ease}.aurio-chat-item:hover{background-color:#f5f6fa!important}.aurio-chat-item.active{background-color:#efedff!important}.aurio-scroll::-webkit-scrollbar{width:6px;height:6px}.aurio-scroll::-webkit-scrollbar-track{background:transparent}.aurio-scroll::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.aurio-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.pc-root{--pc-primary: #0068ff;--pc-primary-hover: #0056d6;--pc-primary-active: #0048b3;--pc-primary-soft: #e7f0ff;--pc-primary-soft-2: #f2f7ff;--pc-teal: #00b8b8;--pc-success: #2fbf71;--pc-warning: #ff9f1c;--pc-danger: #f0425a;--pc-purple: #7c5cfc;--pc-bg: #eef0f3;--pc-panel: #ffffff;--pc-panel-2: #f7f8fa;--pc-rail-bg: #ffffff;--pc-rail-border: #e5e7eb;--pc-border: #e6e8eb;--pc-border-strong: #d7dade;--pc-text: #1c1e21;--pc-text-2: #3a3d42;--pc-muted: #8a8f98;--pc-muted-2: #a9adb5;--pc-icon: #616874;--pc-font: "Nunito", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;--pc-fs-xs: 11px;--pc-fs-sm: 12px;--pc-fs-md: 13px;--pc-fs-base: 14px;--pc-fs-lg: 16px;--pc-fw-normal: 400;--pc-fw-medium: 600;--pc-fw-bold: 700;--pc-space-1: 2px;--pc-space-2: 4px;--pc-space-3: 8px;--pc-space-4: 12px;--pc-space-5: 16px;--pc-space-6: 20px;--pc-space-7: 24px;--pc-radius-sm: 4px;--pc-radius: 6px;--pc-radius-md: 8px;--pc-radius-lg: 12px;--pc-radius-pill: 999px;--pc-shadow-sm: 0 1px 2px rgba(16,24,40,.06);--pc-shadow: 0 2px 6px rgba(16,24,40,.08);--pc-shadow-md: 0 6px 18px rgba(16,24,40,.1);--pc-shadow-pop: 0 8px 28px rgba(16,24,40,.16);--pc-rail-w: 64px;--pc-list-w: 320px;--pc-rightpanel-w: 340px;--pc-topbar-h: 52px;color:var(--pc-text);font-family:var(--pc-font);font-size:var(--pc-fs-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.pc-root *,.pc-root *:before,.pc-root *:after{box-sizing:border-box}.pc-app{display:flex;width:100%;height:100vh;min-height:0;background:var(--pc-bg);overflow:hidden}.pc-rail{flex:0 0 var(--pc-rail-w);width:var(--pc-rail-w);display:flex;flex-direction:column;align-items:center;gap:var(--pc-space-3);padding:var(--pc-space-4) 0;background:var(--pc-rail-bg);border-right:1px solid var(--pc-rail-border);overflow-y:auto;overflow-x:hidden}.pc-rail::-webkit-scrollbar{width:0}.pc-rail.pc-rail--collapsed{flex-basis:0;width:0;padding:0;border:none;overflow:hidden}.pc-main{flex:1 1 auto;min-width:0;display:flex;min-height:0;background:var(--pc-bg);overflow:hidden}.pc-rightpanel{flex:0 0 var(--pc-rightpanel-w);width:var(--pc-rightpanel-w);min-height:0;background:var(--pc-panel);border-left:1px solid var(--pc-border);overflow-y:auto}.pc-rightpanel.pc-rightpanel--hidden{flex-basis:0;width:0;border:none;overflow:hidden}.pc-rail-logo{width:38px;height:38px;border-radius:var(--pc-radius-md);display:grid;place-items:center;background:var(--pc-primary);color:#fff;font-weight:var(--pc-fw-bold);font-size:var(--pc-fs-lg);margin-bottom:var(--pc-space-2)}.pc-rail-sep{width:28px;height:1px;background:var(--pc-border);margin:var(--pc-space-2) 0}.pc-rail-item{position:relative;width:44px;height:44px;border-radius:var(--pc-radius-md);display:grid;place-items:center;color:var(--pc-icon);font-size:20px;cursor:pointer;border:none;background:transparent;transition:background .15s ease,color .15s ease}.pc-rail-item:hover{background:var(--pc-panel-2);color:var(--pc-text)}.pc-rail-item.pc-active{background:var(--pc-primary-soft);color:var(--pc-primary)}.pc-rail-item.pc-active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--pc-primary)}.pc-rail-item .pc-rail-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--pc-radius-pill);background:var(--pc-danger);color:#fff;font-size:10px;font-weight:var(--pc-fw-bold);display:grid;place-items:center;border:2px solid var(--pc-rail-bg)}.pc-avatar{border-radius:var(--pc-radius-pill);object-fit:cover;display:inline-grid;place-items:center;background:var(--pc-panel-2);color:var(--pc-muted);font-weight:var(--pc-fw-bold);overflow:hidden;flex:none}.pc-avatar--xs{width:24px;height:24px;font-size:10px}.pc-avatar--sm{width:32px;height:32px;font-size:12px}.pc-avatar--md{width:40px;height:40px;font-size:14px}.pc-avatar--lg{width:56px;height:56px;font-size:18px}.pc-avatar--square{border-radius:var(--pc-radius-md)}.pc-avatar-channel{position:relative;display:inline-block}.pc-avatar-channel .pc-channel-dot{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;border-radius:var(--pc-radius-pill);border:2px solid var(--pc-panel);display:grid;place-items:center;font-size:9px;color:#fff}.pc-channel-dot--fb{background:#1877f2}.pc-channel-dot--zalo{background:#0068ff}.pc-channel-dot--ig{background:#e1306c}.pc-channel-dot--tiktok{background:#010101}.pc-sidebar{flex:0 0 220px;width:220px;display:flex;flex-direction:column;background:var(--pc-panel);border-right:1px solid var(--pc-border);min-height:0}.pc-sidebar-head{padding:var(--pc-space-4) var(--pc-space-5);font-size:var(--pc-fs-lg);font-weight:var(--pc-fw-bold);border-bottom:1px solid var(--pc-border)}.pc-sidebar-nav{padding:var(--pc-space-3) var(--pc-space-3);overflow-y:auto}.pc-nav-item{display:flex;align-items:center;gap:var(--pc-space-4);width:100%;padding:var(--pc-space-3) var(--pc-space-4);margin-bottom:var(--pc-space-1);border-radius:var(--pc-radius);color:var(--pc-text-2);font-size:var(--pc-fs-base);font-weight:var(--pc-fw-medium);cursor:pointer;border:none;background:transparent;text-align:left;transition:background .15s ease,color .15s ease}.pc-nav-item i{font-size:18px;color:var(--pc-icon);width:20px;text-align:center}.pc-nav-item:hover{background:var(--pc-panel-2)}.pc-nav-item.pc-active{background:var(--pc-primary-soft);color:var(--pc-primary)}.pc-nav-item.pc-active i{color:var(--pc-primary)}.pc-nav-item .pc-nav-count{margin-left:auto;background:var(--pc-panel-2);color:var(--pc-muted);border-radius:var(--pc-radius-pill);font-size:var(--pc-fs-xs);font-weight:var(--pc-fw-bold);padding:1px 7px}.pc-nav-item.pc-active .pc-nav-count{background:var(--pc-primary);color:#fff}.pc-nav-section{padding:var(--pc-space-4) var(--pc-space-4) var(--pc-space-2);font-size:var(--pc-fs-xs);font-weight:var(--pc-fw-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--pc-muted-2)}.pc-panel{background:var(--pc-panel);border:1px solid var(--pc-border);border-radius:var(--pc-radius-md)}.pc-panel-col{display:flex;flex-direction:column;min-height:0;height:100%;background:var(--pc-panel)}.pc-topbar{flex:0 0 var(--pc-topbar-h);height:var(--pc-topbar-h);display:flex;align-items:center;gap:var(--pc-space-3);padding:0 var(--pc-space-5);background:var(--pc-panel);border-bottom:1px solid var(--pc-border)}.pc-section{padding:var(--pc-space-5);border-bottom:1px solid var(--pc-border)}.pc-section-title{font-size:var(--pc-fs-sm);font-weight:var(--pc-fw-bold);text-transform:uppercase;letter-spacing:.03em;color:var(--pc-muted);margin-bottom:var(--pc-space-3)}.pc-kv{display:flex;justify-content:space-between;gap:var(--pc-space-3);padding:var(--pc-space-2) 0;font-size:var(--pc-fs-base)}.pc-kv .pc-kv-k{color:var(--pc-muted)}.pc-kv .pc-kv-v{color:var(--pc-text);font-weight:var(--pc-fw-medium);text-align:right}.pc-conv-list{flex:0 0 var(--pc-list-w);width:var(--pc-list-w);display:flex;flex-direction:column;min-height:0;background:var(--pc-panel);border-right:1px solid var(--pc-border)}.pc-conv-list-body{overflow-y:auto;flex:1 1 auto}.pc-conv-item{display:flex;gap:var(--pc-space-3);padding:var(--pc-space-4) var(--pc-space-5);cursor:pointer;border-bottom:1px solid var(--pc-border);transition:background .12s ease}.pc-conv-item:hover{background:var(--pc-panel-2)}.pc-conv-item.pc-active{background:var(--pc-primary-soft-2);box-shadow:inset 3px 0 0 var(--pc-primary)}.pc-conv-body{min-width:0;flex:1 1 auto}.pc-conv-row{display:flex;align-items:center;gap:var(--pc-space-3)}.pc-conv-name{font-size:var(--pc-fs-base);font-weight:var(--pc-fw-medium);color:var(--pc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.pc-conv-time{font-size:var(--pc-fs-xs);color:var(--pc-muted-2);flex:none}.pc-conv-snippet{font-size:var(--pc-fs-md);color:var(--pc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:var(--pc-space-1)}.pc-conv-item.pc-unread .pc-conv-name{font-weight:var(--pc-fw-bold);color:var(--pc-text)}.pc-conv-item.pc-unread .pc-conv-snippet{color:var(--pc-text-2);font-weight:var(--pc-fw-medium)}.pc-conv-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--pc-primary);flex:none}.pc-conv-unread-count{flex:none;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font-size:10.5px;font-weight:800;line-height:18px;text-align:center}.pc-chat{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;min-height:0;background:var(--pc-bg)}.pc-chat-scroll{flex:1 1 auto;overflow-y:auto;padding:var(--pc-space-5);display:flex;flex-direction:column;gap:var(--pc-space-3)}.pc-msg-row{display:flex;gap:var(--pc-space-3);max-width:74%}.pc-msg-row.pc-out{align-self:flex-end;flex-direction:row-reverse}.pc-bubble{padding:var(--pc-space-3) var(--pc-space-4);border-radius:16px;font-size:var(--pc-fs-base);line-height:1.4;background:var(--pc-panel);color:var(--pc-text);border:1px solid var(--pc-border);box-shadow:var(--pc-shadow-sm)}.pc-msg-row.pc-in .pc-bubble{border-bottom-left-radius:4px}.pc-msg-row.pc-out .pc-bubble{background:var(--pc-primary);color:#fff;border-color:var(--pc-primary);border-bottom-right-radius:4px}.pc-msg-meta{font-size:var(--pc-fs-xs);color:var(--pc-muted-2);margin-top:var(--pc-space-1)}.pc-msg-row.pc-msg-grouped{margin-top:calc(var(--pc-space-3) * -1 + 2px)}.pc-time-sep{align-self:center;margin:var(--pc-space-2) 0;font-size:var(--pc-fs-xs);color:var(--pc-muted-2);font-weight:600;text-transform:uppercase;letter-spacing:.02em}.pc-composer{flex:none;padding:var(--pc-space-4) var(--pc-space-5);background:var(--pc-panel);border-top:1px solid var(--pc-border);display:flex;align-items:center;gap:var(--pc-space-3)}.pc-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:var(--pc-radius-pill);font-size:var(--pc-fs-xs);font-weight:var(--pc-fw-bold);line-height:18px;background:var(--pc-panel-2);color:var(--pc-text-2)}.pc-badge--primary{background:var(--pc-primary-soft);color:var(--pc-primary)}.pc-badge--success{background:#e4f7ed;color:#1a9d5a}.pc-badge--warning{background:#fff2df;color:#b9741a}.pc-badge--danger{background:#fde5e9;color:#c92a41}.pc-badge--muted{background:var(--pc-panel-2);color:var(--pc-muted)}.pc-tag{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--pc-radius-pill);font-size:var(--pc-fs-sm);font-weight:var(--pc-fw-medium);background:var(--pc-primary-soft);color:var(--pc-primary)}.pc-tag .pc-tag-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.pc-tag--closable{padding-right:5px}.pc-tag-x{cursor:pointer;opacity:.7}.pc-tag-x:hover{opacity:1}.pc-tag-panel{padding:10px 16px;border-top:1px solid var(--pc-border);background:var(--pc-panel-2);max-height:180px;overflow-y:auto}.pc-tagbar{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}.pc-tagchip{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:5px 10px;border:none;border-radius:var(--pc-radius, 8px);color:#fff;font-size:var(--pc-fs-sm);font-weight:var(--pc-fw-medium);cursor:pointer;opacity:.55;transition:opacity .12s ease,box-shadow .12s ease,transform .05s ease}.pc-tagchip:hover{opacity:.8}.pc-tagchip--on{opacity:1;box-shadow:inset 0 0 0 2px #ffffffa6}.pc-tagchip:active{transform:scale(.97)}.pc-tagchip .bi{font-size:13px}.pc-tagchip .pc-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-tagchip-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;margin-left:4px;padding:0 4px;border-radius:999px;background:var(--pc-primary);color:#fff;font-size:10px;font-weight:var(--pc-fw-semibold, 600);line-height:1}.pc-btn--active{background:var(--pc-primary-soft);color:var(--pc-primary)}.pc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 var(--pc-space-5);border-radius:var(--pc-radius);border:1px solid var(--pc-border-strong);background:var(--pc-panel);color:var(--pc-text);font-family:var(--pc-font);font-size:var(--pc-fs-base);font-weight:var(--pc-fw-medium);cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.pc-btn:hover{background:var(--pc-panel-2)}.pc-btn:active{transform:translateY(.5px)}.pc-btn--primary{background:var(--pc-primary);border-color:var(--pc-primary);color:#fff}.pc-btn--primary:hover{background:var(--pc-primary-hover);border-color:var(--pc-primary-hover)}.pc-btn--primary:active{background:var(--pc-primary-active)}.pc-btn--ghost{background:transparent;border-color:transparent;color:var(--pc-text-2)}.pc-btn--ghost:hover{background:var(--pc-panel-2)}.pc-btn--sm{height:28px;padding:0 var(--pc-space-4);font-size:var(--pc-fs-md)}.pc-btn--icon{width:34px;padding:0}.pc-btn--block{width:100%}.pc-btn i{font-size:16px}.pc-input,.pc-textarea,.pc-select{width:100%;height:34px;padding:0 var(--pc-space-4);border:1px solid var(--pc-border-strong);border-radius:var(--pc-radius);background:var(--pc-panel);color:var(--pc-text);font-family:var(--pc-font);font-size:var(--pc-fs-base);transition:border-color .15s ease,box-shadow .15s ease;outline:none}.pc-textarea{height:auto;min-height:72px;padding:var(--pc-space-3) var(--pc-space-4);resize:vertical}.pc-input:focus,.pc-textarea:focus,.pc-select:focus{border-color:var(--pc-primary);box-shadow:0 0 0 3px #0068ff1f}.pc-input::placeholder,.pc-textarea::placeholder{color:var(--pc-muted-2)}.pc-search{position:relative;display:flex;align-items:center}.pc-search i{position:absolute;left:var(--pc-space-3);color:var(--pc-muted-2);font-size:16px;pointer-events:none}.pc-search .pc-input{padding-left:32px;background:var(--pc-panel-2);border-color:var(--pc-border)}.pc-flex{display:flex}.pc-flex-col{display:flex;flex-direction:column}.pc-items-center{align-items:center}.pc-justify-between{justify-content:space-between}.pc-gap-1{gap:var(--pc-space-2)}.pc-gap-2{gap:var(--pc-space-3)}.pc-gap-3{gap:var(--pc-space-4)}.pc-grow{flex:1 1 auto;min-width:0}.pc-mt-1{margin-top:var(--pc-space-2)}.pc-mt-2{margin-top:var(--pc-space-3)}.pc-p-2{padding:var(--pc-space-3)}.pc-p-3{padding:var(--pc-space-4)}.pc-p-4{padding:var(--pc-space-5)}.pc-muted{color:var(--pc-muted)}.pc-strong{font-weight:var(--pc-fw-bold)}.pc-text-sm{font-size:var(--pc-fs-md)}.pc-text-xs{font-size:var(--pc-fs-xs)}.pc-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-divider{height:1px;background:var(--pc-border);border:none;margin:0}.pc-scroll::-webkit-scrollbar,.pc-conv-list-body::-webkit-scrollbar,.pc-rightpanel::-webkit-scrollbar,.pc-chat-scroll::-webkit-scrollbar{width:8px;height:8px}.pc-scroll::-webkit-scrollbar-thumb,.pc-conv-list-body::-webkit-scrollbar-thumb,.pc-rightpanel::-webkit-scrollbar-thumb,.pc-chat-scroll::-webkit-scrollbar-thumb{background:#cfd3d9;border-radius:8px}.pc-scroll::-webkit-scrollbar-thumb:hover{background:#b7bcc3}@media (max-width: 1100px){.pc-root{--pc-list-w: 280px;--pc-rightpanel-w: 300px}}@media (max-width: 900px){.pc-rightpanel{display:none}}.pc-msg-row{position:relative}.pc-msg-actions{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:10;gap:4px}.pc-msg-row.pc-in .pc-msg-actions{left:calc(100% + 8px)}.pc-msg-row.pc-out .pc-msg-actions{right:calc(100% + 8px);flex-direction:row-reverse}.pc-msg-row:hover .pc-msg-actions{display:flex}.pc-msg-row.pc-in:hover,.pc-msg-row.pc-out:hover{background-color:#00000003}@keyframes pulse-highlight{0%{background-color:var(--pc-primary-soft);box-shadow:0 0 0 8px var(--pc-primary-soft);border-radius:4px}to{background-color:transparent;box-shadow:none}}.pc-bubble-highlight{animation:pulse-highlight 2.5s ease-out}.pc-img-wrap{position:relative;display:inline-block;border-radius:10px;overflow:hidden;line-height:0}.pc-img-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:linear-gradient(100deg,var(--pc-border, #e5e7eb) 30%,rgba(255,255,255,.55) 50%,var(--pc-border, #e5e7eb) 70%);background-size:200% 100%;animation:pc-shimmer 1.2s ease-in-out infinite}.pc-img-skeleton--standalone{position:static;width:180px;height:140px;display:flex;align-items:center;justify-content:center;color:var(--pc-muted, #94a3b8);font-size:22px}.pc-img-msg{display:block;max-width:220px;max-height:260px;border-radius:10px;transition:opacity .25s ease}.pc-img-msg--loading{opacity:0}@keyframes pc-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pc-rp{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;min-height:0;background:var(--pc-bg)}.pc-rp-scroll{flex:1 1 auto;overflow-y:auto;padding:var(--pc-space-5)}.pc-rp-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--pc-space-3);margin-bottom:var(--pc-space-5)}.pc-rp-presets{display:inline-flex;gap:var(--pc-space-2);flex-wrap:wrap}.pc-rp-range{display:inline-flex;align-items:center;gap:var(--pc-space-2);margin-left:auto}.pc-rp-range .pc-input{width:auto}.pc-rp-range-sep{color:var(--pc-muted)}.pc-rp-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--pc-space-4);margin-bottom:var(--pc-space-5)}.pc-rp-stat{display:flex;align-items:flex-start;gap:var(--pc-space-4);padding:var(--pc-space-4) var(--pc-space-5)}.pc-rp-stat-icon{flex:none;width:40px;height:40px;border-radius:var(--pc-radius-md);display:grid;place-items:center;font-size:20px}.pc-rp-stat-body{min-width:0}.pc-rp-stat-label{font-size:var(--pc-fs-sm);color:var(--pc-muted);font-weight:var(--pc-fw-medium)}.pc-rp-stat-value{font-size:22px;font-weight:var(--pc-fw-bold);color:var(--pc-text);line-height:1.25;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-rp-stat-value--muted{color:var(--pc-muted-2)}.pc-rp-stat-hint{font-size:var(--pc-fs-xs);color:var(--pc-muted);margin-top:2px}.pc-rp-stat-hint--placeholder{color:var(--pc-warning)}.pc-rp-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--pc-space-4);margin-bottom:var(--pc-space-5)}@media (max-width: 1000px){.pc-rp-grid{grid-template-columns:1fr}}.pc-rp-card{padding:var(--pc-space-5)}.pc-rp-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--pc-space-3);margin-bottom:var(--pc-space-4)}.pc-rp-card-title{font-size:var(--pc-fs-base);font-weight:var(--pc-fw-bold);color:var(--pc-text)}.pc-rp-card-sub{font-size:var(--pc-fs-xs);color:var(--pc-muted)}.pc-rp-chart{width:100%}.pc-rp-chart-empty{display:grid;place-items:center;min-height:180px;color:var(--pc-muted);font-size:var(--pc-fs-md);text-align:center;padding:var(--pc-space-5)}.pc-rp-donut{display:flex;align-items:center;gap:var(--pc-space-5);flex-wrap:wrap}.pc-rp-legend{list-style:none;margin:0;padding:0;flex:1 1 auto;min-width:140px}.pc-rp-legend li{display:flex;align-items:center;gap:var(--pc-space-3);padding:var(--pc-space-2) 0;font-size:var(--pc-fs-md)}.pc-rp-legend-dot{width:10px;height:10px;border-radius:3px;flex:none}.pc-rp-legend-label{flex:1 1 auto;color:var(--pc-text-2)}.pc-rp-legend-val{color:var(--pc-muted);font-weight:var(--pc-fw-medium);white-space:nowrap}.pc-rp-table-wrap{width:100%;overflow-x:auto}.pc-rp-table{width:100%;border-collapse:collapse;font-size:var(--pc-fs-md)}.pc-rp-table thead th{text-align:left;font-size:var(--pc-fs-xs);font-weight:var(--pc-fw-bold);text-transform:uppercase;letter-spacing:.03em;color:var(--pc-muted);padding:var(--pc-space-3) var(--pc-space-4);border-bottom:1px solid var(--pc-border);white-space:nowrap}.pc-rp-table tbody td{padding:var(--pc-space-3) var(--pc-space-4);border-bottom:1px solid var(--pc-border);color:var(--pc-text)}.pc-rp-table tbody tr:hover{background:var(--pc-panel-2)}.pc-rp-table tfoot td{padding:var(--pc-space-3) var(--pc-space-4);font-weight:var(--pc-fw-bold);border-top:2px solid var(--pc-border-strong)}.pc-rp-table-empty{text-align:center;color:var(--pc-muted);padding:var(--pc-space-6)!important}.pc-rp-muted-cell{color:var(--pc-muted-2)}.pc-rp-state{display:grid;place-items:center;gap:var(--pc-space-3);min-height:240px;color:var(--pc-muted);text-align:center}.pc-rp-state i{font-size:32px}.pc-rp-note{display:flex;align-items:flex-start;gap:var(--pc-space-3);padding:var(--pc-space-3) var(--pc-space-4);background:#fff8ec;border:1px solid #ffe0b0;color:#8a5a12;border-radius:var(--pc-radius);font-size:var(--pc-fs-sm);margin-top:var(--pc-space-3)}.pc-rp-note i{color:var(--pc-warning);font-size:15px;margin-top:1px}.pc-rp-spin{animation:pc-rp-rotate .9s linear infinite;display:inline-block}@keyframes pc-rp-rotate{to{transform:rotate(360deg)}}