.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:200;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s ease;box-shadow:2px 0 24px #fb6f920d}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-overlay{display:none}.sidebar-logo{display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--border-color);gap:12px;height:var(--header-height);min-height:var(--header-height);flex-shrink:0;position:relative;background:var(--bg-sidebar)}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:0}.sidebar-logo-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#fb6f9226,#ff8fab0d);border:1px solid var(--border-color);padding:3px;box-shadow:0 4px 14px var(--primary-glow);transition:transform .2s ease}.sidebar-logo:hover .sidebar-logo-icon{transform:scale(1.05) rotate(-3deg)}.sidebar-logo-img{width:100%;height:100%;object-fit:contain;border-radius:9px}.sidebar-logo-text{flex:1;overflow:hidden;display:flex;flex-direction:column}.sidebar-logo-name-row{display:flex;align-items:center;gap:8px}.sidebar-logo-name{font-size:1.15rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.sidebar-brand-pill{font-size:.6rem;font-weight:800;letter-spacing:.08em;padding:2px 6px;border-radius:6px;background:var(--gradient-primary);color:#fff;box-shadow:0 2px 6px var(--primary-glow)}.sidebar-logo-sub{font-size:.7rem;color:var(--text-secondary);font-weight:600;letter-spacing:.02em;margin-top:1px}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:14px 10px 24px;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.sidebar-section-group{margin-bottom:12px}.sidebar-section-title{padding:8px 12px 4px;font-size:.65rem;font-weight:800;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center}.sidebar-item{display:flex;align-items:center;gap:12px;padding:9.5px 12px;margin:2.5px 0;color:var(--text-muted);font-size:.85rem;font-weight:600;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:100%;text-align:left;position:relative;border:1px solid transparent;box-sizing:border-box}.sidebar.collapsed .sidebar-item{justify-content:center;padding:10px 0;margin:4px 0}.sidebar-item:hover{color:var(--primary);background:var(--bg-card-hover);transform:translate(3px)}.sidebar.collapsed .sidebar-item:hover{transform:none}.sidebar-item.active{color:var(--primary);background:linear-gradient(135deg,#fb6f9226,#ff8fab14);border-color:var(--border-color);font-weight:750;box-shadow:0 4px 14px var(--primary-glow)}.sidebar-item-parent.active-parent{color:var(--primary);background:var(--bg-card-hover);font-weight:700}.sidebar-icon{font-size:1.25rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,color .2s ease}.sidebar-item:hover .sidebar-icon,.sidebar-item.active .sidebar-icon{transform:scale(1.1);color:var(--primary)}.sidebar-label{flex:1;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.sidebar-badge{font-size:.62rem;font-weight:800;padding:2px 7px;border-radius:12px;background:#fb6f9226;color:var(--primary);border:1px solid var(--border-color);letter-spacing:.04em;text-transform:uppercase}.sidebar-badge.live{background:#00d68f26;color:#00d68f;border-color:#00d68f59;animation:enxLivePulse 2s infinite}@keyframes enxLivePulse{0%,to{opacity:1}50%{opacity:.6}}.sidebar-arrow{font-size:1.1rem;transition:transform .25s ease;flex-shrink:0;color:var(--text-muted)}.sidebar-arrow.rotated{transform:rotate(90deg);color:var(--primary)}.sidebar-submenu{margin:3px 0 6px 14px;padding-left:10px;border-left:1.5px dashed var(--border-color);display:flex;flex-direction:column;gap:2px}.sidebar-subitem{display:flex;align-items:center;gap:10px;padding:7.5px 12px;color:var(--text-muted);font-size:.8rem;font-weight:550;transition:all .2s ease;white-space:nowrap;border-radius:9px;text-decoration:none}.sidebar-subicon-dot{width:5px;height:5px;border-radius:50%;background:var(--text-muted);transition:all .2s ease;flex-shrink:0}.sidebar-subitem:hover{color:var(--primary);background:var(--bg-card-hover);transform:translate(3px)}.sidebar-subitem:hover .sidebar-subicon-dot{background:var(--primary);transform:scale(1.4)}.sidebar-subitem.active{color:var(--primary);background:linear-gradient(135deg,#fb6f921f,#ff8fab0d);font-weight:750}.sidebar-subitem.active .sidebar-subicon-dot{background:var(--primary);box-shadow:0 0 8px var(--primary);transform:scale(1.4)}.sidebar-footer-card{margin:10px 12px 14px;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 16px #fb6f920f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;transition:all .25s ease}.sidebar-footer-card:hover{border-color:var(--primary-light);box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-2px)}.sfc-avatar-wrap{position:relative;width:38px;height:38px;border-radius:12px;padding:1.5px;background:var(--gradient-primary);flex-shrink:0}.sfc-avatar-img{width:100%;height:100%;border-radius:10.5px;object-fit:cover;border:1.5px solid var(--bg-card)}.sfc-online-pulse{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:#00d68f;border:2px solid var(--bg-card);box-shadow:0 0 6px #00d68f}.sfc-info{display:flex;flex-direction:column;overflow:hidden;flex:1}.sfc-name{color:var(--text-primary);font-size:.82rem;font-weight:750;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.2}.sfc-role-tag{color:var(--primary);font-size:.68rem;font-weight:650;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 992px){.sidebar{transform:translate(-100%);width:var(--sidebar-width)!important}.sidebar.mobile-open{transform:translate(0);box-shadow:0 0 40px #0006}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:190;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.header{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--header-height);background:var(--bg-header);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:100;transition:left var(--transition-normal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header.collapsed{left:var(--sidebar-collapsed)}.header-left{display:flex;align-items:center;gap:12px}.header-menu-btn{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#ffffffd9;background:transparent;font-size:1.4rem;transition:all var(--transition-fast)}.header-menu-btn:hover{background:#ffffff1a;color:var(--text-white)}.header-collapsed-brand{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#9610ff1a;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.header-collapsed-brand:hover{background:#9610ff33;border-color:var(--primary-light)}.header-brand-icon{width:24px;height:24px;border-radius:6px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;box-shadow:var(--shadow-primary);overflow:hidden;padding:2px}.header-brand-name{font-size:.95rem;font-weight:700;color:var(--text-white);letter-spacing:-.01em}.header-page-info{display:flex;flex-direction:column}.header-page-title{font-size:1.1rem;font-weight:700;color:var(--text-white);letter-spacing:-.01em}.header-right{display:flex;align-items:center;gap:12px}.header-icon-btn{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#ffffffd9;font-size:1.2rem;transition:all var(--transition-fast);background:#ffffff08}.header-icon-btn:hover{background:#ffffff14;color:var(--text-primary)}.header-kyc-btn{color:var(--primary-light);background:#9610ff1a}.header-kyc-btn:hover{background:#9610ff33;color:#fff}.header-admin{position:relative;margin-left:4px}.header-admin-btn{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border-radius:30px;background:#ffffff0a;border:1px solid var(--border-color);transition:all var(--transition-fast)}.header-admin-btn:hover{background:#ffffff14;border-color:var(--border-light)}.header-admin-avatar{width:34px;height:34px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;box-shadow:var(--shadow-primary);overflow:hidden;flex-shrink:0}.header-admin-details{display:flex;flex-direction:column;text-align:left}.header-admin-name{font-size:.85rem;font-weight:600;color:var(--text-white);line-height:1.2}.header-admin-role{font-size:.72rem;color:var(--primary-light);text-transform:capitalize;line-height:1.2}.header-dropdown{position:absolute;top:calc(100% + 12px);right:0;background:#1a1a2ef2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(150,16,255,.25);border-radius:var(--radius-md);min-width:230px;box-shadow:0 10px 30px #00000080,0 0 20px #9610ff26;animation:slideDownFade .22s cubic-bezier(.16,1,.3,1);overflow:hidden;z-index:200}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.header-dropdown-info{padding:16px;background:linear-gradient(135deg,#9610ff1a,#9610ff05);border-bottom:1px solid var(--border-color)}.header-dropdown-name{font-size:.95rem;font-weight:700;color:var(--text-white)}.header-dropdown-email{font-size:.78rem;color:var(--text-muted);margin-top:2px}.header-dropdown-role{font-size:.75rem;color:var(--primary-light);margin-top:6px;text-transform:capitalize;font-weight:600;display:inline-block;padding:2px 8px;background:#9610ff26;border-radius:12px;border:1px solid rgba(150,16,255,.3)}.header-dropdown-divider{height:1px;background:var(--border-color)}.header-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 18px;color:var(--text-secondary);font-size:.88rem;font-weight:500;width:100%;text-align:left;transition:all var(--transition-fast)}.header-dropdown-item:hover{background:#9610ff1a;color:var(--primary-light);padding-left:22px}.header-dropdown-item.danger:hover{background:#ff3d711f;color:var(--danger)}.header-dropdown-item svg{font-size:1.1rem}@media (max-width: 992px){.header{left:0;padding:0 16px}.header-admin-details{display:none}.header-admin-btn{padding:2px;border-radius:50%}.header-collapsed-brand{display:none}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:var(--bg-body);overflow:hidden;padding:24px}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.login-bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;animation:float 8s ease-in-out infinite}.orb1{width:500px;height:500px;background:radial-gradient(circle,#9610ff,transparent);top:-20%;left:-10%;animation-delay:0s}.orb2{width:400px;height:400px;background:radial-gradient(circle,#6b0fd0,transparent);bottom:-15%;right:-10%;animation-delay:3s}.orb3{width:300px;height:300px;background:radial-gradient(circle,#ff3d71,transparent);top:50%;right:20%;animation-delay:6s;opacity:.1}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-20px) scale(1.05)}66%{transform:translate(-10px,15px) scale(.98)}}.login-container{position:relative;z-index:1;width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:32px}.login-logo{text-align:center}.login-logo-img{max-width:240px;height:auto;margin:0 auto 16px;display:block;background:#000;padding:12px;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 4px 20px #0000004d}.login-logo-sub{font-size:.875rem;color:var(--text-secondary);margin-top:4px}.login-card{width:100%;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:36px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-card-header{margin-bottom:28px}.login-card-header h2{font-size:1.4rem;font-weight:700;color:var(--text-white)}.login-card-header p{color:var(--text-secondary);font-size:.875rem;margin-top:4px}.login-form{display:flex;flex-direction:column;gap:20px}.login-field label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:14px;color:var(--text-muted);font-size:1.1rem;z-index:1}.login-input-wrap input{width:100%;padding:13px 44px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;transition:all var(--transition-fast)}.login-input-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.login-input-wrap input::placeholder{color:var(--text-muted)}.login-pwd-toggle{position:absolute;right:14px;color:var(--text-muted);font-size:1.1rem;display:flex;transition:color var(--transition-fast)}.login-pwd-toggle:hover{color:var(--primary-light)}.login-btn{width:100%;padding:14px;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;transition:all var(--transition-fast);box-shadow:var(--shadow-primary);display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #9610ff73}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.login-hint{margin-top:20px;text-align:center;font-size:.8rem;color:var(--text-muted)}.login-hint code{background:#9610ff1a;color:var(--primary-light);padding:2px 6px;border-radius:4px}.agent-videocall-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#080712f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeInCall .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeInCall{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.agent-videocall-container{width:100%;max-width:1050px;height:90vh;max-height:720px;background:#0f0d1b;border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 25px 60px -15px #000c,0 0 40px #fb6f9226;display:flex;flex-direction:column;position:relative;overflow:hidden}.call-header-bar{position:absolute;top:20px;left:24px;right:24px;z-index:20;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.call-user-tag{pointer-events:auto;display:flex;align-items:center;gap:12px;background:#0f0d1bbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);padding:8px 16px;border-radius:40px;box-shadow:0 4px 20px #0000004d}.call-user-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--primary)}.call-user-info h4{margin:0;font-size:.9rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px}.call-user-info span{font-size:.72rem;color:#00d68f;font-weight:600;display:flex;align-items:center;gap:4px}.call-live-ticker{pointer-events:auto;display:flex;align-items:center;gap:16px;background:#0f0d1bbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);padding:8px 18px;border-radius:40px}.call-timer-badge{display:flex;align-items:center;gap:6px;color:#ff4757;font-weight:800;font-size:.88rem;font-family:monospace}.call-timer-dot{width:8px;height:8px;border-radius:50%;background:#ff4757;animation:pulseDot 1.2s infinite}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}}.call-earnings-pill{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ffd43b33,#fb6f9233);border:1px solid rgba(255,212,59,.4);padding:4px 10px;border-radius:20px;color:#ffd43b;font-size:.78rem;font-weight:800}.call-video-grid{flex:1;position:relative;width:100%;height:100%;background:#080612;display:flex;align-items:center;justify-content:center;overflow:hidden}.remote-video-frame{width:100%;height:100%;object-fit:cover}.remote-placeholder-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;color:#fff;z-index:5}.remote-avatar-pulse{width:130px;height:130px;border-radius:50%;border:3px solid var(--primary);box-shadow:0 0 40px #fb6f9266;position:relative;overflow:hidden}.remote-avatar-pulse img{width:100%;height:100%;object-fit:cover}.self-pip-window{position:absolute;bottom:100px;right:24px;width:200px;height:140px;border-radius:16px;overflow:hidden;border:2px solid rgba(255,255,255,.25);box-shadow:0 10px 30px #0009;background:#141224;z-index:25;transition:all .3s ease}.self-pip-window:hover{transform:scale(1.03);border-color:var(--primary)}.self-pip-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.self-pip-label{position:absolute;bottom:6px;left:8px;font-size:.65rem;font-weight:700;color:#fff;background:#0009;padding:2px 6px;border-radius:4px}.call-controls-dock{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:14px;background:#0f0d1bd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);padding:10px 20px;border-radius:50px;box-shadow:0 10px 40px #00000080}.call-control-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff14;color:#fff;font-size:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.call-control-btn:hover{background:#fff3;transform:scale(1.08)}.call-control-btn.active-off{background:#ff475733;border-color:#ff4757;color:#ff4757}.call-end-btn{width:54px;height:54px;border-radius:50%;background:#ff4757;border:none;color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #ff475766;transition:all .2s ease}.call-end-btn:hover{background:#ff2a3f;transform:scale(1.1)}.call-receipt-card{background:#151329;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;width:100%;max-width:440px;text-align:center;box-shadow:0 20px 60px #000c;animation:fadeInCall .3s ease}.receipt-badge-icon{width:64px;height:64px;border-radius:50%;background:#00d68f26;border:2px solid #00d68f;color:#00d68f;font-size:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.receipt-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 24px}.receipt-stat-box{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px;text-align:center}.receipt-stat-label{font-size:.72rem;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase}.receipt-stat-value{font-size:1.15rem;font-weight:800;color:#fff}.agent-portal-wrapper{display:flex;flex-direction:column;gap:24px;padding-bottom:50px;font-family:inherit}.agent-hero-card{position:relative;background:linear-gradient(135deg,#0f172a,#1e1b4b 45%,#31103f);border-radius:20px;padding:32px 36px;color:#fff;display:flex;justify-content:space-between;align-items:center;overflow:hidden;box-shadow:0 20px 40px -10px #0f172a66;border:1px solid rgba(255,255,255,.08)}.hero-glow-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;opacity:.45}.orb-pink{top:-40px;right:-20px;width:320px;height:320px;background:radial-gradient(circle,#ec4899,#ec489900 70%)}.orb-purple{bottom:-60px;left:20%;width:280px;height:280px;background:radial-gradient(circle,#8b5cf6,#8b5cf600 70%)}.hero-left-content{display:flex;align-items:center;gap:24px;z-index:2}.agent-avatar-outer{position:relative}.agent-avatar-ring{width:90px;height:90px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#ec4899,#8b5cf6);box-shadow:0 0 24px #ec489973;display:flex;align-items:center;justify-content:center}.agent-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #0F172A}.agent-online-dot{position:absolute;bottom:4px;right:4px;width:20px;height:20px;border-radius:50%;border:3px solid #0F172A;box-shadow:0 2px 6px #0000004d}.agent-online-dot.online{background-color:#10b981;box-shadow:0 0 12px #10b981}.agent-online-dot.offline{background-color:#ef4444}.hero-info{display:flex;flex-direction:column}.hero-name-badge-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.agent-display-name{font-size:1.75rem;font-weight:800;margin:0;letter-spacing:-.5px;color:#fff}.badge-elite-verified{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.5px;background:#10b98126;color:#34d399;border:1px solid rgba(52,211,153,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.icon-emerald{color:#10b981}.hero-email-sub{margin:6px 0 10px;font-size:.9rem;color:#ffffffbf}.hero-id-chip-row{display:flex;align-items:center;gap:8px}.agent-id-pill{background:#ffffff1a;padding:4px 12px;border-radius:20px;font-size:.78rem;font-family:monospace;color:#ffffffe6;border:1px solid rgba(255,255,255,.12)}.copy-id-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fffc;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.copy-id-btn:hover{background:#fff3;color:#fff}.hero-right-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-end;z-index:2}.status-toggle-pill{padding:10px 20px;border-radius:12px;font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.pill-online{background:#10b98133;color:#34d399;border:1.5px solid rgba(52,211,153,.4);box-shadow:0 4px 14px #10b98126}.pill-online:hover{background:#10b9814d;transform:translateY(-2px)}.pill-offline{background:#ef444433;color:#f87171;border:1.5px solid rgba(248,113,113,.4)}.btn-pwa-launch{padding:10px 18px;border-radius:12px;background:#ffffff1f;color:#fff!important;border:1px solid rgba(255,255,255,.22);font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s}.btn-pwa-launch:hover{background:#ffffff38;transform:translateY(-2px)}.rate-banner-card{background:#fff;border-radius:16px;padding:20px 28px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(229,231,235,.8);box-shadow:0 8px 20px -4px #0000000a}.rate-banner-left{display:flex;align-items:center;gap:18px}.rate-icon-glow{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;font-size:1.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #d9770633}.rate-title{font-size:1.05rem;font-weight:800;margin:0;color:#1f2937}.rate-sub{font-size:.85rem;color:#6b7280;margin:3px 0 0}.btn-request-withdrawal-hero{background:linear-gradient(135deg,#e60050,#c40043);color:#fff;font-weight:700;font-size:.9rem;padding:12px 24px;border-radius:12px;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 8px 20px #e6005059;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-request-withdrawal-hero:hover{transform:translateY(-2px);box-shadow:0 12px 24px #e6005073}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.metric-card{background:#fff;border-radius:16px;padding:22px 24px;display:flex;align-items:flex-start;gap:18px;border:1px solid rgba(243,244,246,1);box-shadow:0 8px 20px -4px #00000008;transition:all .25s ease}.metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px -6px #00000014}.metric-icon-wrap{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0}.icon-gold{background:#fef3c7;color:#d97706}.icon-amber{background:#fef3c7;color:#b45309}.icon-emerald{background:#d1fae5;color:#059669}.icon-rose{background:#ffe4e6;color:#e11d48}.metric-body{display:flex;flex-direction:column}.metric-label{font-size:.82rem;color:#6b7280;font-weight:600}.metric-value{font-size:1.55rem;font-weight:800;color:#111827;margin:4px 0 3px;letter-spacing:-.5px}.metric-unit{font-size:.88rem;font-weight:500;color:#9ca3af}.metric-rupee-pill{font-size:.82rem;font-weight:700;color:#10b981}.status-tag{font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:6px;width:fit-content}.status-tag.warning{background:#fef3c7;color:#b45309}.status-tag.success{background:#d1fae5;color:#047857}.portal-two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 1024px){.portal-two-col-grid{grid-template-columns:1fr}}.portal-col-stack{display:flex;flex-direction:column;gap:24px}.card-custom{background:#fff;border-radius:18px;padding:24px 28px;border:1px solid rgba(243,244,246,1);box-shadow:0 8px 20px -4px #00000008}.card-custom-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-custom-title{font-size:1.1rem;font-weight:800;margin:0;color:#111827;display:flex;align-items:center;gap:10px}.card-custom-subtitle{font-size:.85rem;color:#6b7280;margin:4px 0 0}.badge-pill{background:#f3f4f6;color:#4b5563;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:20px}.revenue-breakdown-list{display:flex;flex-direction:column;gap:16px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f9fafb;border-radius:14px;border:1px solid #F3F4F6;transition:all .2s ease}.breakdown-item:hover{background:#fff5f7;border-color:#fce7f3}.breakdown-left{display:flex;align-items:center;gap:14px}.breakdown-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.breakdown-name{font-size:.92rem;font-weight:700;color:#1f2937;margin:0}.breakdown-meta{font-size:.78rem;color:#6b7280}.breakdown-right{display:flex;flex-direction:column;align-items:flex-end}.breakdown-coins{font-size:.95rem;font-weight:800;color:#d97706}.breakdown-rupees{font-size:.8rem;font-weight:600;color:#10b981}.calculator-box{display:flex;flex-direction:column;gap:14px}.calc-input-wrap{position:relative;display:flex;align-items:center}.calc-input{font-size:1.1rem;font-weight:700;padding-right:70px;border-radius:12px}.calc-unit{position:absolute;right:14px;font-size:.85rem;font-weight:700;color:#9ca3af}.calc-arrow-divider{display:flex;justify-content:center}.calc-result-box{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1.5px solid #A7F3D0;border-radius:14px;padding:16px;text-align:center}.payout-details-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pd-preview-item{background:#f9fafb;border-radius:12px;padding:12px 14px;border:1px solid #F3F4F6;display:flex;flex-direction:column}.pd-label{font-size:.75rem;color:#6b7280;font-weight:600;text-transform:uppercase}.pd-value{font-size:.88rem;font-weight:700;color:#1f2937;margin-top:2px}.btn-edit-account{background:#f3f4f6;border:none;color:#374151;font-size:.82rem;font-weight:700;padding:6px 14px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.btn-edit-account:hover{background:#e5e7eb;color:#111827}.btn-refresh-history{background:#f3f4f6;border:none;color:#4b5563;font-size:.82rem;font-weight:600;padding:6px 14px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px}.btn-refresh-history:hover{background:#e5e7eb}.agent-history-table th{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;background:#f9fafb;padding:14px 18px;border-bottom:2px solid #F3F4F6}.agent-history-table td{padding:16px 18px;vertical-align:middle;font-size:.9rem;border-bottom:1px solid #F3F4F6}.badge-transfer-type{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;font-size:.8rem;font-weight:700;background:#f3f4f6;color:#374151}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:.78rem;font-weight:700}.badge-paid{background:#d1fae5;color:#047857}.badge-pending{background:#fef3c7;color:#b45309}.badge-rejected{background:#fee2e2;color:#b91c1c}.agent-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172aa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.agent-modal-card{background:#fff;border-radius:24px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:modalSlide .25s cubic-bezier(.16,1,.3,1)}@keyframes modalSlide{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.agent-modal-header{padding:22px 28px;background:#f9fafb;border-bottom:1px solid #F3F4F6;display:flex;justify-content:space-between;align-items:center}.agent-modal-header h3{margin:0;font-size:1.15rem;font-weight:800;color:#111827;display:flex;align-items:center;gap:8px}.agent-modal-close{background:transparent;border:none;font-size:1.3rem;color:#9ca3af;cursor:pointer}.agent-modal-body{padding:28px}.modal-balance-banner{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1.5px solid #A7F3D0;border-radius:14px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.preset-chips-group{margin-bottom:18px}.chips-row{display:flex;gap:8px;flex-wrap:wrap}.preset-chip{background:#f3f4f6;border:1px solid #E5E7EB;color:#374151;font-size:.8rem;font-weight:700;padding:6px 14px;border-radius:8px;cursor:pointer;transition:all .2s}.preset-chip:hover{background:#fff5f7;border-color:#fce7f3;color:#e60050}.chip-all{background:#fce7f3;border-color:#fbcfe8;color:#be185d}.withdrawal-amount-input{font-size:1.15rem;font-weight:700;border-radius:12px;padding:12px 16px}.transfer-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px}.transfer-card{border:1.5px solid #E5E7EB;border-radius:14px;padding:14px 16px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease}.transfer-card.active{border-color:#e60050;background:#fff5f7;box-shadow:0 4px 12px #e600501a}.agent-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.btn-submit-payout-modal{background:linear-gradient(135deg,#e60050,#c40043);color:#fff;font-weight:700;padding:12px 24px;border-radius:12px;border:none;cursor:pointer;box-shadow:0 8px 20px #e6005059;transition:all .2s}.btn-submit-payout-modal:hover{transform:translateY(-2px)}.enx-video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:999999;display:flex;background:#0a0a0a;color:#fff;overflow:hidden;font-family:var(--font-family, "Inter", sans-serif);-webkit-user-select:none;user-select:none;box-sizing:border-box}.enx-glow-bg-1{position:absolute;top:-20%;left:-20%;width:60%;height:60%;border-radius:50%;background:#d516591f;filter:blur(120px);pointer-events:none}.enx-glow-bg-2{position:absolute;bottom:-20%;right:-20%;width:60%;height:60%;border-radius:50%;background:#b44ddc1f;filter:blur(120px);pointer-events:none}.enx-connecting-screen{flex:1;width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.enx-connecting-bg-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#121212}.enx-connecting-bg-video video{width:100%!important;height:100%!important;object-fit:cover!important;transform:scaleX(-1)}.enx-connecting-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0009,#0003,#000c);pointer-events:none}.enx-connecting-bg-audio{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#150a1a,#0a0a0a,#1a0a15)}.enx-connecting-top-header{position:relative;z-index:10;padding:24px;display:flex;align-items:center;justify-content:space-between}.enx-status-pill{display:flex;align-items:center;gap:8px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.12);font-size:.8rem;font-weight:700}.enx-status-dot-ping{width:8px;height:8px;border-radius:50%;background:#d51659;animation:enxPulse 1.5s infinite}.enx-call-type-badge{font-size:.76rem;font-weight:600;color:#cbd5e1;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.12)}.enx-connecting-center-card{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;padding:0 20px}.enx-connecting-glass-box{background:#0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);padding:32px 28px;border-radius:32px;display:flex;flex-direction:column;align-items:center;width:100%;max-width:340px;box-shadow:0 20px 60px #0009;text-align:center}.enx-connecting-avatar-wrap{position:relative;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.enx-connecting-avatar-glow{position:absolute;width:120px;height:120px;border-radius:50%;background:#d5165959;filter:blur(24px);animation:enxPulse 2s infinite}.enx-connecting-avatar-img-wrap{width:90px;height:90px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#d51659,#b44ddc);box-shadow:0 8px 30px #d5165966;position:relative;z-index:2}.enx-connecting-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #000}.enx-connecting-user-name{font-size:1.35rem;font-weight:900;color:#fff;margin:0 0 10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enx-connecting-subtext{display:flex;align-items:center;gap:8px;color:#cbd5e1;font-size:.78rem;font-weight:500;background:#ffffff0f;padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.enx-connecting-controls{position:relative;z-index:10;padding:24px 24px 36px;display:flex;align-items:center;justify-content:center;gap:20px}.enx-ctrl-btn{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .2s ease}.enx-ctrl-btn:hover{background:#ffffff29;transform:scale(1.05)}.enx-ctrl-btn.off{background:#d516594d;border-color:#d51659;color:#d51659}.enx-ctrl-btn-end{width:58px;height:58px;border-radius:50%;background:#d51659;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 24px #d5165980;transition:all .2s ease}.enx-ctrl-btn-end:hover{background:#e61965;transform:scale(1.08)}.enx-active-call-screen{flex:1;display:flex;position:relative;width:100%;height:100%;overflow:hidden}.enx-video-viewport{flex:1;height:100%;background:#121212;position:relative;overflow:hidden}.enx-remote-video-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:#000;z-index:0}.enx-remote-video-container video{width:100%!important;height:100%!important;object-fit:cover!important}.enx-waiting-remote-box{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#121212;z-index:5;padding:20px;text-align:center}.enx-waiting-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.15);margin-bottom:14px;opacity:.6}.enx-local-pip-box{position:absolute;top:20px;right:20px;width:140px;aspect-ratio:9/16;border-radius:16px;overflow:hidden;border:1.5px solid rgba(255,255,255,.25);box-shadow:0 16px 40px #000000b3;background:#1a1a1a;z-index:20}.enx-local-pip-box video{width:100%!important;height:100%!important;object-fit:cover!important;transform:scaleX(-1)}.enx-pip-tag{position:absolute;bottom:6px;left:6px;font-size:.65rem;font-weight:700;background:#000000b3;padding:2px 6px;border-radius:4px}.enx-audio-viewport{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(to bottom,#150a1a,#0a0a0a,#1a0a15);padding:24px}.enx-audio-center-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:10;margin:auto;padding-bottom:80px}.enx-audio-avatar-ring{width:140px;height:140px;border-radius:50%;padding:4px;background:linear-gradient(135deg,#d51659,#ec3f7b,#b44ddc);box-shadow:0 0 60px #d5165966;position:relative;margin-bottom:18px}.enx-audio-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #000}.enx-audio-user-name{font-size:1.8rem;font-weight:900;color:#fff;margin:0 0 8px}.enx-audio-status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#00d68f;font-size:.8rem;font-weight:700}.enx-soundwave-row{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:20px;height:36px}.enx-soundwave-bar{width:4px;background:linear-gradient(to top,#d51659,#b44ddc);border-radius:4px;transition:all .3s ease}.enx-hud-top-bar{position:absolute;top:0;left:0;right:0;padding:20px 24px;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 100%);display:flex;align-items:center;justify-content:space-between;z-index:25}.enx-hud-user-info h4{margin:0;font-size:1.1rem;font-weight:800;color:#fff}.enx-hud-live-tag{font-size:.74rem;font-weight:700;color:#d51659;display:flex;align-items:center;gap:6px;margin-top:2px}.enx-hud-bottom-dock{position:absolute;bottom:28px;left:50%;transform:translate(-50%);padding:12px 24px;background:#000000a6;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:40px;display:flex;align-items:center;gap:16px;z-index:25;box-shadow:0 16px 50px #0009}.enx-session-chat-drawer{width:320px;height:100%;background:#0f0f16f5;border-left:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;z-index:30;box-shadow:-10px 0 30px #00000080}.enx-session-chat-header{height:60px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;background:#0000004d}.enx-session-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.enx-session-chat-msg-row{display:flex;flex-direction:column}.enx-session-chat-msg-row.me{align-items:flex-end}.enx-session-chat-msg-row.remote{align-items:flex-start}.enx-session-chat-bubble{padding:10px 14px;border-radius:16px;font-size:.84rem;max-width:85%;line-height:1.4;word-break:break-word}.enx-session-chat-msg-row.me .enx-session-chat-bubble{background:linear-gradient(135deg,#d51659,#ec3f7b);color:#fff;border-bottom-right-radius:4px}.enx-session-chat-msg-row.remote .enx-session-chat-bubble{background:#ffffff1a;color:#fff;border-bottom-left-radius:4px;border:1px solid rgba(255,255,255,.1)}.enx-session-chat-input-row{padding:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:8px;background:#0003}.enx-session-chat-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:8px 14px;color:#fff;font-size:.82rem;outline:none}.enx-session-chat-send-btn{padding:8px 14px;border-radius:14px;background:#d51659;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}@keyframes enxPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.08)}}.agent-chat-station-container{display:flex;width:100%;max-width:100%;min-width:0;flex:1;height:calc(100vh - var(--header-height) - 48px);min-height:calc(100vh - var(--header-height) - 48px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);position:relative;box-sizing:border-box}.agent-chat-left-pane{width:320px;min-width:280px;max-width:340px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:var(--bg-card);flex-shrink:0;overflow:hidden;transition:all var(--transition-normal)}.agent-chat-left-header{padding:16px 16px 12px;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px;flex-shrink:0}.agent-chat-header-title-row{display:flex;justify-content:space-between;align-items:center}.agent-chat-header-title-row h2{margin:0;font-size:1.05rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:8px}.agent-chat-live-pill{background:#00d68f1f;border:1px solid rgba(0,214,143,.3);color:#00d68f;font-size:.68rem;font-weight:800;padding:3px 8px;border-radius:20px;display:flex;align-items:center;gap:5px}.agent-chat-search-input-wrap{position:relative;width:100%}.agent-chat-search-input-wrap input{width:100%;padding:9px 12px 9px 34px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.82rem;outline:none;box-sizing:border-box;transition:all var(--transition-fast)}.agent-chat-search-input-wrap input:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.agent-chat-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.agent-chat-filter-strip{display:flex;gap:6px;padding:8px 14px;border-bottom:1px solid var(--border-color);background:var(--bg-input);overflow-x:auto;flex-shrink:0;scrollbar-width:none}.agent-chat-filter-strip::-webkit-scrollbar{display:none}.agent-chat-filter-btn{background:transparent;border:1px solid transparent;color:var(--text-muted);font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:20px;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.agent-chat-filter-btn:hover{color:var(--text-primary)}.agent-chat-filter-btn.active{background:var(--primary);color:#fff;font-weight:700;border-color:var(--primary);box-shadow:0 2px 8px var(--primary-glow)}.agent-chat-conversation-list{flex:1;overflow-y:auto;min-height:0}.agent-chat-conversation-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);position:relative;border-left:3px solid transparent}.agent-chat-conversation-item:hover{background:var(--bg-card-hover)}.agent-chat-conversation-item.active{background:var(--bg-card-hover);border-left-color:var(--primary)}.agent-chat-avatar-wrap{position:relative;width:44px;height:44px;flex-shrink:0}.agent-chat-avatar-img{width:100%;height:100%;border-radius:12px;object-fit:cover;border:1px solid var(--border-color)}.agent-chat-online-indicator{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:#00d68f;border:2px solid var(--bg-card)}.agent-chat-conversation-meta{flex:1;min-width:0}.agent-chat-meta-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.agent-chat-user-name{font-size:.88rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.agent-chat-timestamp{font-size:.68rem;color:var(--text-muted)}.agent-chat-preview-text{font-size:.76rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-chat-center-pane{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg-card);position:relative;overflow:hidden}.agent-chat-top-bar{height:64px;padding:0 16px;background:var(--bg-card);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:10px;min-width:0}.agent-chat-active-user-info{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden}.agent-chat-mobile-back-btn{display:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;flex-shrink:0}.agent-chat-active-avatar{width:40px;height:40px;border-radius:12px;object-fit:cover;border:1.5px solid var(--primary);flex-shrink:0}.agent-chat-active-title{min-width:0;overflow:hidden}.agent-chat-active-title h3{margin:0;font-size:.95rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-chat-active-status{font-size:.7rem;color:#00d68f;font-weight:600;display:flex;align-items:center;gap:4px;white-space:nowrap}.agent-chat-call-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.agent-chat-voice-btn{padding:8px 12px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:700;font-size:.78rem;transition:all var(--transition-fast);white-space:nowrap}.agent-chat-voice-btn:hover{border-color:#00d68f;color:#00d68f;background:#00d68f14}.agent-chat-video-btn{padding:8px 14px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary) 0%,#ff8fab 100%);border:none;color:#fff;display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:800;font-size:.8rem;box-shadow:0 4px 14px var(--primary-glow);transition:all var(--transition-fast);white-space:nowrap}.agent-chat-video-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px var(--primary-glow)}.agent-chat-info-btn{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.agent-chat-info-btn:hover{color:var(--text-primary);border-color:var(--primary)}.agent-chat-canned-bar{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-card);border-bottom:1px solid var(--border-color);overflow-x:auto;flex-shrink:0;min-width:0;scrollbar-width:none}.agent-chat-canned-bar::-webkit-scrollbar{display:none}.agent-chat-canned-label{font-size:.68rem;color:var(--text-muted);display:flex;align-items:center;gap:4px;font-weight:800;white-space:nowrap;margin-right:2px}.agent-chat-canned-pill{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:20px;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);flex-shrink:0}.agent-chat-canned-pill:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-card-hover);transform:translateY(-1px)}.agent-chat-messages-scroll{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0}.agent-chat-msg-row{display:flex;gap:8px;max-width:75%}.agent-chat-msg-row.outgoing{align-self:flex-end;flex-direction:row-reverse}.agent-chat-msg-row.incoming{align-self:flex-start}.agent-chat-bubble{padding:10px 14px;border-radius:16px;font-size:.85rem;line-height:1.45;word-break:break-word;position:relative;cursor:pointer}.agent-chat-msg-row.outgoing .agent-chat-bubble{background:linear-gradient(135deg,var(--primary) 0%,#ff8fab 100%);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 14px #fb6f9240}.agent-chat-msg-row.incoming .agent-chat-bubble{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}.agent-chat-msg-time-row{display:flex;align-items:center;gap:4px;font-size:.65rem;color:var(--text-muted);margin-top:3px}.agent-chat-msg-row.outgoing .agent-chat-msg-time-row{justify-content:flex-end}.agent-chat-msg-row.incoming .agent-chat-msg-time-row{justify-content:flex-start}.agent-chat-bottom-dock{padding:10px 16px;background:var(--bg-card);border-top:1px solid var(--border-color);display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:0;box-sizing:border-box}.agent-chat-dock-input{flex:1;background:var(--bg-input);border:1px solid var(--border-color);border-radius:20px;padding:9px 16px;color:var(--text-primary);font-size:.86rem;outline:none;min-width:0;transition:all var(--transition-fast)}.agent-chat-dock-input:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.agent-chat-dock-send-btn{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#ff8fab 100%);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px var(--primary-glow);transition:all var(--transition-fast);flex-shrink:0}.agent-chat-dock-send-btn:hover{transform:scale(1.06)}.agent-chat-right-drawer{width:270px;min-width:250px;border-left:1px solid var(--border-color);background:var(--bg-card);padding:18px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow-y:auto;flex-shrink:0;position:relative;box-sizing:border-box}.agent-chat-drawer-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.agent-chat-drawer-header-title{font-size:.8rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.agent-chat-drawer-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:6px;transition:all var(--transition-fast)}.agent-chat-drawer-close-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.agent-chat-drawer-avatar{width:72px;height:72px;border-radius:18px;object-fit:cover;border:2.5px solid var(--primary);margin-bottom:8px}.agent-chat-drawer-name{font-size:1rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:4px;margin-bottom:2px}.agent-chat-drawer-sub{font-size:.72rem;color:var(--text-muted);margin-bottom:12px}.agent-chat-drawer-bio-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px;width:100%;text-align:left;font-size:.76rem;color:var(--text-secondary);line-height:1.4;margin-bottom:14px;box-sizing:border-box}.agent-chat-drawer-actions{width:100%;display:flex;flex-direction:column;gap:8px}@media (max-width: 1200px){.agent-chat-right-drawer{position:absolute;right:0;top:0;bottom:0;z-index:40;box-shadow:-8px 0 24px #00000040}}@media (max-width: 860px){.agent-chat-left-pane{width:100%;max-width:100%}.agent-chat-left-pane.has-active-chat{display:none}.agent-chat-center-pane{width:100%}.agent-chat-center-pane.no-chat{display:none}.agent-chat-mobile-back-btn{display:flex}}@media (max-width: 580px){.agent-chat-voice-btn span{display:none}.agent-chat-video-btn{padding:8px 10px;font-size:.74rem}.agent-chat-msg-row{max-width:88%}}.agent-discover-container{animation:fadeIn .3s ease}.discover-header-card{background:linear-gradient(135deg,#fb6f921a,#9610ff0d);border:1px solid rgba(251,111,146,.2);border-radius:var(--radius-lg);padding:24px 28px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.discover-header-title h1{margin:0 0 6px;font-size:1.6rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:10px}.discover-header-title p{margin:0;color:var(--text-secondary);font-size:.88rem}.discover-filter-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.discover-search-box{position:relative;flex:1;min-width:240px}.discover-search-box input{width:100%;padding:10px 14px 10px 38px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.85rem;outline:none;transition:all var(--transition-fast)}.discover-search-box input:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.discover-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.discover-filter-select{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 14px;border-radius:var(--radius-md);font-size:.85rem;outline:none;cursor:pointer}.discover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.discover-user-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);position:relative;display:flex;flex-direction:column}.discover-user-card:hover{transform:translateY(-4px);border-color:#fb6f9266;box-shadow:0 12px 30px #0000004d}.discover-card-photo-wrap{height:220px;position:relative;background:#191629;overflow:hidden}.discover-card-photo{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.discover-user-card:hover .discover-card-photo{transform:scale(1.05)}.discover-online-pill{position:absolute;top:12px;left:12px;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,214,143,.4);color:#00d68f;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:5px}.discover-tier-pill{position:absolute;top:12px;right:12px;background:#ffd43b26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,212,59,.4);color:#ffd43b;font-size:.7rem;font-weight:800;padding:4px 10px;border-radius:20px;text-transform:uppercase}.discover-card-content{padding:18px 20px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.discover-card-name-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.discover-card-name{font-size:1.1rem;font-weight:800;color:var(--text-primary)}.discover-card-location{font-size:.78rem;color:var(--text-muted);display:flex;align-items:center;gap:4px;margin-bottom:10px}.discover-card-bio{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.discover-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px}.discover-tag-chip{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-muted);font-size:.68rem;padding:2px 7px;border-radius:6px}.discover-card-actions{display:flex;gap:10px}.discover-chat-btn{flex:1;background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);padding:10px;border-radius:var(--radius-md);font-size:.82rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all var(--transition-fast)}.discover-chat-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-card-hover)}.discover-call-btn{flex:1;background:linear-gradient(135deg,var(--primary) 0%,#9610ff 100%);border:none;color:#fff;padding:10px;border-radius:var(--radius-md);font-size:.82rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-shadow:0 4px 14px var(--primary-glow);transition:all var(--transition-fast)}.discover-call-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow)}.call-logs-container{animation:fadeIn .3s ease}.call-logs-stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.call-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;gap:16px}.call-stat-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.call-stat-meta h3{margin:0;font-size:1.4rem;font-weight:800;color:var(--text-primary)}.call-stat-meta span{font-size:.75rem;color:var(--text-muted);font-weight:500}.call-logs-table-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.call-table-header{padding:18px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.call-table-header h2{margin:0;font-size:1.1rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:8px}:root{--rose-100: #ffe5ec;--rose-200: #ffc2d1;--rose-300: #ffb3c6;--rose-400: #ff8fab;--rose-500: #fb6f92;--primary: var(--rose-500);--primary-light: var(--rose-400);--primary-dark: #d84b70;--primary-glow: rgba(251, 111, 146, .25);--coral: var(--rose-400);--coral-light: var(--rose-300);--coral-dark: var(--rose-500);--bg-body: #fff4f6;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-card-hover: #fff0f3;--bg-input: #ffffff;--bg-header: rgba(255, 255, 255, .92);--bg-modal: #ffffff;--bg-lavender: var(--rose-100);--text-primary: #2b111c;--text-secondary: #d84b70;--text-muted: #9e6475;--text-white: #ffffff;--border-color: #ffb3c6;--border-light: #ffc2d1;--success: #00d68f;--danger: #ff3d71;--warning: #ffaa00;--info: #0095ff;--gradient-primary: linear-gradient(135deg, #fb6f92 0%, #ff8fab 100%);--gradient-sidebar: linear-gradient(135deg, #ffffff 0%, #fff4f6 100%);--gradient-success: linear-gradient(135deg, #00d68f 0%, #00b377 100%);--gradient-danger: linear-gradient(135deg, #ff3d71 0%, #db2c66 100%);--gradient-card: linear-gradient(135deg, rgba(251, 111, 146, .05) 0%, rgba(255, 229, 236, .3) 100%);--shadow-sm: 0 2px 8px rgba(251, 111, 146, .08);--shadow-md: 0 4px 16px rgba(251, 111, 146, .12);--shadow-lg: 0 8px 32px rgba(251, 111, 146, .18);--shadow-primary: 0 4px 20px rgba(251, 111, 146, .35);--sidebar-width: 260px;--sidebar-collapsed: 70px;--header-height: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}.admin-layout.dark,body.dark,html.dark{--bg-body: #0d0b14;--bg-sidebar: #13101c;--bg-card: #191424;--bg-card-hover: #221b30;--bg-input: #14101e;--bg-header: #13101c;--bg-modal: #191424;--text-primary: #ffffff;--text-secondary: var(--rose-300);--text-muted: #a38996;--text-white: #ffffff;--border-color: rgba(255, 179, 198, .15);--border-light: rgba(255, 179, 198, .28);--gradient-sidebar: linear-gradient(135deg, #13101c 0%, #0d0b14 100%);--gradient-card: linear-gradient(135deg, rgba(251, 111, 146, .1) 0%, rgba(255, 143, 171, .02) 100%)}.admin-layout.light,body.light,html.light{--bg-body: #fff4f6;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-card-hover: #fff0f3;--bg-input: #ffffff;--bg-header: rgba(255, 255, 255, .92);--bg-modal: #ffffff;--text-primary: #2b111c;--text-secondary: #d84b70;--text-muted: #9e6475;--text-white: #ffffff;--border-color: #ffb3c6;--border-light: #ffc2d1;--gradient-card: linear-gradient(135deg, rgba(251, 111, 146, .05) 0%, rgba(255, 229, 236, .3) 100%);--shadow-sm: 0 4px 12px rgba(251, 111, 146, .06);--shadow-md: 0 8px 24px rgba(251, 111, 146, .08);--shadow-lg: 0 12px 36px rgba(251, 111, 146, .12)}.admin-layout.light .header{background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.admin-layout.light .header-page-title{color:#2b111c}.admin-layout.light .header-menu-btn,.admin-layout.light .header-icon-btn{background:#fb6f920f;color:#d84b70;border:1px solid rgba(255,179,198,.3)}.admin-layout.light .header-menu-btn:hover,.admin-layout.light .header-icon-btn:hover{background:#fb6f921f;color:#fb6f92}.admin-layout.light .header-collapsed-brand{background:#fb6f9214;border-color:#ffb3c6}.admin-layout.light .header-brand-name{color:#2b111c}.admin-layout.light .header-admin-btn{background:#fff5f7;border-color:#ffb3c6}.admin-layout.light .header-admin-name{color:#2b111c}.admin-layout.light .header-admin-role{color:#fb6f92}.admin-layout.light .sidebar{background:#fff;border-right:1px solid var(--border-color);box-shadow:2px 0 24px #fb6f920f}.admin-layout.light .sidebar-logo-name{color:#2b111c}.admin-layout.light .sidebar-logo{border-bottom:1px solid var(--border-color)}.admin-layout.light .sidebar-item{color:#7a5463}.admin-layout.light .sidebar-item:hover{background:#fb6f9214;color:#fb6f92}.admin-layout.light .sidebar-item.active{color:#fb6f92;background:linear-gradient(135deg,#fb6f9224,#ffe5ec80);border-color:#ffb3c6}.admin-layout.light .sidebar-item-parent.active-parent{background:#fb6f9214;color:#fb6f92}.admin-layout.light .sidebar-submenu{border-left-color:#ffb3c6}.admin-layout.light .sidebar-subitem{color:#7a5463}.admin-layout.light .sidebar-subitem:hover{background:#fb6f9214;color:#fb6f92}.admin-layout.light .sidebar-subitem.active{color:#fb6f92;background:#fb6f921f}.admin-layout.light .card{background:#fff;border:1px solid var(--border-color);box-shadow:0 4px 16px #fb6f920f}.admin-layout.light .card:hover{border-color:#ff8fab;box-shadow:0 8px 24px #fb6f921f}.admin-layout.light .data-table{color:#2b111c}.admin-layout.light .data-table thead th{background:#fff0f4;color:#2b111c;border-bottom:2px solid #ffb3c6;font-weight:700}.admin-layout.light .data-table tbody td{border-bottom:1px solid rgba(255,179,198,.3)}.admin-layout.light .data-table tbody tr:hover{background:#ffe5ec99}.admin-layout.light .form-input,.admin-layout.light .form-select,.admin-layout.light .form-textarea{background:#fff;border:1px solid #ffb3c6;color:#2b111c}.admin-layout.light .form-input:focus,.admin-layout.light .form-select:focus,.admin-layout.light .form-textarea:focus{border-color:#fb6f92;box-shadow:0 0 0 3px #fb6f9233}.admin-layout.light .form-select option{background:#fff;color:#2b111c}.admin-layout.light .pagination-btn{background:#fff;border-color:#ffb3c6;color:#fb6f92}.admin-layout.light .pagination-btn:hover{background:#ffe5ec}.admin-layout.light .pagination-btn.active{background:#fb6f92;color:#fff;border-color:#fb6f92;box-shadow:0 4px 12px #fb6f924d}.admin-layout.light .modal-overlay .card{background:#fff;border:1px solid #ffb3c6;box-shadow:0 16px 48px #fb6f9233}.admin-layout.light .page-title,.admin-layout.light h1,.admin-layout.light h2,.admin-layout.light h3,.admin-layout.light h4,.admin-layout.light h5,.admin-layout.light h6{color:#2b111c}.admin-layout.light .form-label,.admin-layout.light label{color:#5c3041}.admin-layout.light .upload-box,.admin-layout.light .image-upload-box,.admin-layout.light [class*=upload],.admin-layout.light [class*=dropzone]{background:#fff8fa;border-color:#ffb3c6;color:#d84b70}.admin-layout.light ::-webkit-scrollbar-track{background:#ffe5ec}.admin-layout.light ::-webkit-scrollbar-thumb{background:#ffb3c6;border-radius:4px}.admin-layout.light ::-webkit-scrollbar-thumb:hover{background:#ff8fab}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--bg-body);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit;outline:none;border:none}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:#9610ff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9610ff80}.admin-layout{display:flex;min-height:100vh;flex:1;background:var(--bg-body);color:var(--text-primary)}.main-content{flex:1;margin-left:var(--sidebar-width);transition:margin-left var(--transition-normal);min-height:100vh;display:flex;flex-direction:column;background:var(--bg-body);min-width:0;max-width:calc(100vw - var(--sidebar-width));overflow-x:hidden}.main-content.collapsed{margin-left:var(--sidebar-collapsed);max-width:calc(100vw - var(--sidebar-collapsed))}.page-content{padding:24px;flex:1;margin-top:var(--header-height);background:var(--bg-body);min-width:0;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;transition:all var(--transition-normal)}.card:hover{border-color:var(--border-light);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #9610ff66}.btn-success{background:var(--gradient-success);color:#fff}.btn-danger{background:var(--gradient-danger);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border-light);color:var(--text-primary)}.btn-outline:hover{background:#ffffff0d;border-color:var(--primary)}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;font-size:.875rem;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px}.form-select,select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23b44dff' viewBox='0 0 16 16'%3E%3Cpath d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px;padding-right:36px;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.form-select:hover,select:hover{border-color:var(--primary-light);background-color:#9610ff0a}.form-select:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.form-select option,select option{background:#181828;color:#fff;padding:10px}.toggle-switch{position:relative;width:48px;height:26px;display:inline-block}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#2d2d42;border-radius:26px;transition:var(--transition-normal);cursor:pointer}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:var(--transition-normal)}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.data-table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table thead th{padding:14px 16px;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:#9610ff0d;border-bottom:1px solid var(--border-color);white-space:nowrap}.data-table thead th:first-child{border-radius:var(--radius-sm) 0 0 0}.data-table thead th:last-child{border-radius:0 var(--radius-sm) 0 0}.data-table tbody td{padding:14px 16px;border-bottom:1px solid var(--border-color);font-size:.875rem;vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:#9610ff08}.data-table tbody tr:last-child td{border-bottom:none}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.table-search{position:relative;max-width:300px}.table-search input{width:100%;padding:10px 16px 10px 40px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast)}.table-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.table-search .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px}.entries-select{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-secondary)}.entries-select select{padding:6px 12px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;flex-wrap:wrap}.pagination-info{font-size:.85rem;color:var(--text-secondary)}.pagination-buttons{display:flex;gap:4px}.pagination-btn{padding:8px 14px;border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border-color);transition:all var(--transition-fast)}.pagination-btn:hover{background:#9610ff1a;border-color:var(--primary);color:var(--primary)}.pagination-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.badge-publish{background:#00d68f1f;color:var(--success)}.badge-unpublish{background:#ff3d711f;color:var(--danger)}.badge-pending{background:#ffaa001f;color:var(--warning)}.badge-info{background:#0095ff1f;color:var(--info)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.page-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal)}.stat-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card:hover:before{opacity:1}.stat-info h4{font-size:.8rem;color:var(--primary-light);font-weight:500;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.stat-info .stat-value{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1}.stat-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#9610ff1a;color:var(--primary-light);flex-shrink:0}.file-upload{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:32px;text-align:center;cursor:pointer;transition:all var(--transition-normal);position:relative}.file-upload:hover{border-color:var(--primary);background:#9610ff08}.file-upload input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.file-upload .upload-icon{font-size:2rem;color:var(--text-muted);margin-bottom:8px}.file-upload .upload-text{font-size:.875rem;color:var(--text-secondary)}.file-upload .upload-hint{font-size:.75rem;color:var(--text-muted);margin-top:4px}.image-preview{width:120px;height:120px;border-radius:var(--radius-md);object-fit:cover;border:2px solid var(--border-color)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s ease}.modal{background:var(--bg-modal);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.1rem;font-weight:600}.modal-close{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.modal-close:hover{background:#ff3d711a;color:var(--danger)}.modal-body{padding:24px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{display:flex;align-items:center;justify-content:center;min-height:400px}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.main-content{margin-left:0}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.stats-grid{grid-template-columns:1fr}.page-content{padding:16px}.table-toolbar{flex-direction:column;align-items:stretch}.table-search{max-width:100%}}