@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-glass:#fffffff2;--border-color:#e2e8f0;--border-highlight:#1e88e559;--primary:#1e88e5;--primary-hover:#1565c0;--primary-gradient:linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);--accent-cyan:#0284c7;--accent-cyan-gradient:linear-gradient(135deg, #0284c7 0%, #2563eb 100%);--accent-emerald:#059669;--accent-amber:#d97706;--accent-rose:#e11d48;--accent-rose-gradient:linear-gradient(135deg, #e11d48 0%, #f43f5e 100%);--text-main:#0f172a;--text-muted:#475569;--text-dim:#64748b;--text-color:#0f172a;--surface:#fff;--surface-color:#fff;--bg-color:#f8fafc;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--glow-primary:0 4px 14px #1e88e540;--glow-rose:0 4px 14px #e11d4840;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed08 0%,#f8fafc00 70%);width:600px;height:600px;position:fixed;top:-150px;left:20%}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#0284c708 0%,#f8fafc00 70%);width:500px;height:500px;position:fixed;bottom:-150px;right:15%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-container{z-index:1;min-height:100vh;display:flex;position:relative}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:40;flex-direction:column;width:260px;height:100vh;padding:1.5rem 1rem;transition:all .3s;display:flex;position:sticky;top:0;box-shadow:1px 0 3px #00000005}.brand-section{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:0 .5rem 1.5rem;display:flex}.brand-logo-badge{border-radius:var(--radius-md);background:var(--primary-gradient);width:40px;height:40px;box-shadow:var(--glow-primary);color:#fff;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.brand-title{letter-spacing:-.02em;color:var(--text-main);font-size:1.15rem;font-weight:800}.brand-live-pill{color:#e11d48;text-transform:uppercase;background:#e11d481a;border:1px solid #e11d4840;border-radius:9999px;align-items:center;gap:4px;margin-left:auto;padding:2px 6px;font-size:.65rem;font-weight:700;display:inline-flex}.pulsing-dot{background:#e11d48;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-ring}@keyframes pulse-ring{0%{opacity:1;transform:scale(.9)}50%{opacity:.5;transform:scale(1.4)}to{opacity:1;transform:scale(.9)}}.nav-links{flex-direction:column;flex:1;gap:.15rem;padding-right:.25rem;display:flex;overflow-y:auto}.nav-section-group{margin-bottom:.5rem}.nav-section-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.4rem .75rem .2rem;font-size:.65rem;font-weight:700;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.65rem;width:100%;padding:.52rem .75rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:var(--text-main);background:var(--bg-card-hover)}.nav-item.active{color:#fff;background:var(--primary);border-color:var(--primary);font-weight:600;box-shadow:0 3px 10px #7c3aed38}.nav-badge{color:#7c3aed;background:#7c3aed1f;border-radius:999px;margin-left:auto;padding:1px 6px;font-size:.68rem;font-weight:700}.nav-item.active .nav-badge{color:#fff;background:#ffffff40}.sidebar-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.admin-profile-pill{align-items:center;gap:.65rem;display:flex;overflow:hidden}.avatar-img{object-fit:cover;border:1.5px solid var(--primary);border-radius:50%;width:34px;height:34px}.admin-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.admin-role{color:var(--primary);text-transform:capitalize;font-size:.7rem;font-weight:600}.main-layout{flex-direction:column;flex:1;min-width:0;display:flex}.top-navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);z-index:30;background:#fffffff2;justify-content:space-between;align-items:center;height:68px;padding:0 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.navbar-left{align-items:center;gap:1rem;display:flex}.page-title{letter-spacing:-.02em;color:var(--text-main);font-size:1.25rem;font-weight:700}.navbar-right{align-items:center;gap:1rem;display:flex}.server-pill{color:#059669;background:#10b9811a;border:1px solid #10b98140;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:flex}.server-dot{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #10b981}.content-area{flex:1;padding:2rem;overflow-y:auto}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.4rem;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-top{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.stat-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.stat-icon-wrap{border-radius:var(--radius-md);justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.stat-value{letter-spacing:-.03em;color:var(--text-main);margin-bottom:.35rem;font-size:1.85rem;font-weight:800}.stat-sub{color:var(--text-dim);align-items:center;gap:4px;font-size:.75rem;display:flex}.panel-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.75rem;padding:1.5rem}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.panel-title{color:var(--text-main);align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-family:inherit;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #1e88e540}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #1e88e559}.btn-secondary{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.btn-secondary:hover{color:#0f172a;background:#e2e8f0}.btn-danger{background:var(--accent-rose);color:#fff;box-shadow:0 2px 8px #e11d4840}.btn-danger:hover{background:#be123c;transform:translateY(-1px)}.btn-sm{border-radius:var(--radius-sm);padding:.35rem .65rem;font-size:.75rem}.search-input-wrap{align-items:center;display:flex;position:relative}.search-input-wrap svg{color:var(--text-dim);position:absolute;left:.85rem}.input-field{border-radius:var(--radius-md);color:var(--text-main);background:#fff;border:1px solid #cbd5e1;width:100%;padding:.6rem .85rem;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.search-input-wrap .input-field{padding-left:2.35rem}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #7c3aed1f}.select-field{border-radius:var(--radius-md);color:var(--text-main);cursor:pointer;background:#fff;border:1px solid #cbd5e1;padding:.6rem 1rem;font-family:inherit;font-size:.875rem}.select-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #7c3aed1f}.table-responsive{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#7c3aed4d transparent;width:100%;overflow-x:auto}.table-responsive::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-track{background:0 0}.table-responsive::-webkit-scrollbar-thumb{background:#1e88e540;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover{background:#7c3aed73}.custom-table,.data-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:960px}.custom-table th,.data-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);white-space:nowrap;background:#f8fafc;padding:.85rem 1rem;font-size:.75rem;font-weight:700}.custom-table td,.data-table td{border-bottom:1px solid var(--border-color);color:var(--text-main);vertical-align:middle;white-space:nowrap;padding:.95rem 1rem;font-size:.875rem}.custom-table tr:hover td,.data-table tr:hover td{background:#f8fafc}[data-theme=dark] .custom-table th,[data-theme=dark] .data-table th{color:#94a3b8;background:#1e293b}[data-theme=dark] .custom-table tr:hover td,[data-theme=dark] .data-table tr:hover td{background:#ffffff08}.user-id-cell{width:120px;min-width:120px;white-space:nowrap!important}.user-id-badge{font-family:var(--font-mono);color:#6d28d9;letter-spacing:.5px;cursor:pointer;-webkit-user-select:all;user-select:all;background:#7c3aed1f;border-radius:6px;flex-shrink:0;align-items:center;padding:4px 10px;font-size:.88rem;font-weight:800;transition:all .15s;display:inline-flex;white-space:nowrap!important}.user-id-badge:hover{background:#7c3aed38;transform:translateY(-1px)}.badge{text-transform:capitalize;border-radius:999px;align-items:center;gap:4px;padding:.25rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-primary{color:#6d28d9;background:#7c3aed1a;border:1px solid #1e88e540}.badge-success{color:#047857;background:#10b9811a;border:1px solid #10b98140}.badge-warning{color:#b45309;background:#f59e0b1a;border:1px solid #f59e0b40}.badge-danger{color:#be123c;background:#e11d481a;border:1px solid #e11d4840}.badge-secondary{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.stream-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.5rem;display:grid}.stream-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.stream-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.stream-cover-wrap{background:#f1f5f9;height:160px;position:relative;overflow:hidden}.stream-cover{object-fit:cover;width:100%;height:100%}.stream-live-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#e11d48e6;border-radius:999px;align-items:center;gap:5px;padding:.2rem .55rem;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:.75rem;left:.75rem}.stream-viewer-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0f172abf;border-radius:999px;align-items:center;gap:4px;padding:.2rem .55rem;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:.75rem;right:.75rem}.stream-body{padding:1.15rem}.stream-title{color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.65rem;font-size:.95rem;font-weight:700;display:-webkit-box;overflow:hidden}.stream-host-info{align-items:center;gap:.6rem;margin-bottom:.85rem;display:flex}.modal-overlay,.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-box,.modal-card,.modal-container{border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:min(90vh,90dvh);color:var(--text-main);overscroll-behavior:contain;background:#fff;flex-direction:column;padding:1.75rem;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 40px -10px #00000026}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.toast-container{z-index:9999;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text-main);align-items:center;gap:.65rem;padding:.75rem 1.25rem;font-size:.85rem;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.umi-loader-container{justify-content:center;align-items:center;width:100%;padding:3rem 1.5rem;display:flex}.umi-loader-fullscreen{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#f8fafce0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.umi-loader-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;display:flex}.umi-loader-visual{justify-content:center;align-items:center;display:flex;position:relative}.umi-loader-halo{pointer-events:none;background:radial-gradient(circle,#7c3aed2e 0%,#0284c714 50%,#0000 70%);border-radius:50%;animation:2.4s ease-in-out infinite umi-pulse-halo;position:absolute;inset:-12px}.umi-loader-ring{border:2.5px solid #0000;border-radius:50%;position:absolute}.umi-ring-outer{filter:drop-shadow(0 0 8px #7c3aed66);border-top-color:#7c3aed;border-bottom-color:#7c3aed26;border-right-color:#0284c7;animation:1.2s cubic-bezier(.5,0,.5,1) infinite umi-spin-clockwise}.umi-ring-inner{filter:drop-shadow(0 0 6px #f59e0b59);border-top-color:#f59e0b26;border-bottom-color:#f59e0b;border-left-color:#e11d48;animation:.9s cubic-bezier(.5,0,.5,1) infinite umi-spin-counter}.umi-loader-core{z-index:2;background:linear-gradient(135deg,#ede9fe 0%,#e0e7ff 100%);border:1px solid #7c3aed4d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;animation:1.6s ease-in-out infinite alternate umi-pulse-core;display:flex;box-shadow:0 0 14px #1e88e540}.umi-loader-text{color:var(--text-muted);letter-spacing:-.01em;align-items:center;gap:6px;font-weight:600;display:flex}.umi-loader-text span:first-child{background:linear-gradient(90deg,#475569 0%,#7c3aed 50%,#475569 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:2.5s linear infinite umi-text-shimmer}.umi-loader-dots{align-items:center;gap:3px;display:inline-flex}.umi-loader-dots span{background-color:#7c3aed;border-radius:50%;width:4px;height:4px;animation:1.4s ease-in-out infinite both umi-dot-bounce}.umi-loader-dots span:first-child{animation-delay:-.32s}.umi-loader-dots span:nth-child(2){animation-delay:-.16s}.umi-loader-dots span:nth-child(3){animation-delay:0s}@keyframes umi-spin-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes umi-spin-counter{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes umi-pulse-halo{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}@keyframes umi-pulse-core{0%{transform:scale(.92);box-shadow:0 0 10px #7c3aed33}to{transform:scale(1.08);box-shadow:0 0 18px #7c3aed73}}@keyframes umi-text-shimmer{to{background-position:200%}}@keyframes umi-dot-bounce{0%,80%,to{opacity:.4;transform:scale(.4)}40%{opacity:1;transform:scale(1.1)}}.mobile-menu-btn,.mobile-close-sidebar-btn,.sidebar-mobile-backdrop{display:none}.table-responsive,.table-container{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);width:100%;overflow-x:auto}.dashboard-columns-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:1.5rem;display:grid}.gifts-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;display:grid}@media (width<=1024px){.mobile-menu-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;width:38px;height:38px;color:var(--text-main);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.mobile-menu-btn:hover{background:var(--bg-card-hover);border-color:var(--primary)}.mobile-close-sidebar-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:#f1f5f9;justify-content:center;align-items:center;margin-left:auto;transition:all .2s;display:inline-flex}.mobile-close-sidebar-btn:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.sidebar-mobile-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;background:#0f172a8c;animation:.2s fadeIn;display:block;position:fixed;inset:0}.sidebar{z-index:999;width:280px;max-width:85vw;height:100dvh;box-shadow:none;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:0 0 50px #00000059}.top-navbar{height:64px;padding:0 1.25rem}.content-area{padding:1.25rem}.dashboard-columns-grid{grid-template-columns:1fr;gap:1.25rem}}@media (width<=768px){.top-navbar{height:58px;padding:0 1rem}.navbar-left{gap:.65rem}.page-title{white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:1.05rem;overflow:hidden}.content-area{padding:1rem .85rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;margin-bottom:1.25rem}.stat-card{border-radius:var(--radius-md);padding:1rem}.stat-value{font-size:1.45rem}.panel-card{border-radius:var(--radius-md);margin-bottom:1.25rem;padding:1rem}.panel-header{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1rem}.panel-title{font-size:1rem}.custom-table{min-width:660px}.custom-table th{white-space:nowrap;padding:.65rem .75rem;font-size:.7rem}.custom-table td{padding:.75rem;font-size:.82rem}.modal-overlay{align-items:center;padding:.65rem}.modal-box,.modal-card{border-radius:var(--radius-lg);max-height:88dvh;overflow-y:auto;width:100%!important;max-width:100%!important;padding:1.2rem 1rem!important}.stream-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.gifts-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.85rem}}@media (width<=520px){.top-navbar{height:54px;padding:0 .65rem}.page-title{max-width:130px;font-size:.95rem}.server-pill{padding:.3rem .55rem;font-size:.7rem}.server-pill span:last-child{display:none}.navbar-right{gap:.5rem}.content-area{padding:.75rem .5rem}.stats-grid{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:.85rem}.stat-value{font-size:1.35rem}.stream-grid{grid-template-columns:1fr;gap:.85rem}.gifts-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.toast-container{bottom:.75rem;left:.75rem;right:.75rem}.toast{width:100%;padding:.65rem .85rem;font-size:.8rem}}.pagination-wrapper{border-top:1px solid var(--border-color);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.pagination-info{color:var(--text-muted);align-items:center;gap:1rem;font-size:.82rem;display:flex}.pagination-pagesize-wrap{align-items:center;gap:6px;display:flex}.pagination-select{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-main);cursor:pointer;outline:none;padding:3px 8px;font-size:.8rem}.pagination-controls{align-items:center;gap:4px;display:flex}.pagination-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:4px;padding:5px 10px;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.pagination-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--primary);color:var(--primary)}.pagination-btn:disabled{opacity:.45;cursor:not-allowed}.pagination-pages-list{align-items:center;gap:3px;margin:0 4px;display:flex}.pagination-num-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.pagination-num-btn:hover:not(.active){background:var(--bg-card-hover);color:var(--text-main)}.pagination-num-btn.active{background:var(--primary);color:#fff;font-weight:700;box-shadow:0 2px 8px #7c3aed4d}.pagination-ellipsis{color:var(--text-dim);padding:0 4px;font-size:.85rem}@media (width<=640px){.pagination-wrapper{text-align:center;flex-direction:column;align-items:center;gap:.65rem;padding:.75rem}.pagination-btn-label{display:none}}.clickable-row{cursor:pointer;transition:background-color .15s}.clickable-row:hover td{background:#7c3aed0d!important}.dropdown-menu-card{border:1px solid var(--border-color);z-index:100;background:#fff;border-radius:12px;flex-direction:column;gap:2px;width:200px;padding:6px;animation:.15s ease-out dropdownFadeIn;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 28px #00000024,0 4px 10px #0000000f}[data-theme=dark] .dropdown-menu-card{background:#1e293b;border-color:#334155;box-shadow:0 16px 36px #00000080,0 4px 12px #0000004d}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-item-btn{width:100%;color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.dropdown-item-btn:hover{color:#7c3aed;background:#7c3aed1a}.dropdown-item-btn.danger{color:#ef4444}.dropdown-item-btn.danger:hover{color:#dc2626;background:#ef44441f}.vip-luxury-header{background:linear-gradient(135deg,#f59e0b14 0%,#8b5cf614 50%,#06b6d414 100%);border:1px solid #f59e0b47;border-radius:20px;margin-bottom:1.75rem;padding:1.75rem 2rem;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #f59e0b1f}.vip-luxury-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#f59e0b26 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-50px;right:-50px}.vip-flow-container{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:14px;margin-bottom:1.75rem;padding:1rem 1.25rem}.vip-flow-track{scrollbar-width:thin;align-items:center;gap:.65rem;padding-bottom:4px;display:flex;overflow-x:auto}.vip-flow-pill{white-space:nowrap;border:1px solid;border-radius:12px;align-items:center;gap:8px;padding:.5rem .95rem;font-size:.82rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000008}.vip-flow-arrow{color:var(--text-dim);opacity:.5;flex-shrink:0}.vip-nav-segmented{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:14px;flex-wrap:wrap;gap:6px;margin-bottom:1.75rem;padding:6px;display:flex}.vip-nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.vip-nav-btn:hover{color:var(--text-main);background:#7c3aed0f}.vip-nav-btn.active{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);box-shadow:0 4px 14px #1e88e559}.vip-nav-count{border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:800}.vip-tier-suite{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:18px;margin-bottom:1.5rem;transition:all .25s;overflow:hidden}.vip-tier-suite:hover{box-shadow:var(--shadow-md);border-color:#1e88e540}.vip-suite-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.vip-privilege-chip{border-radius:9px;align-items:center;gap:6px;padding:6px 11px;font-size:.76rem;font-weight:600;transition:all .15s;display:inline-flex}.vip-privilege-chip.active{color:#059669;background:#10b9811a;border:1px solid #10b9814d}.vip-privilege-chip.inactive{color:var(--text-dim);opacity:.7;background:#94a3b814;border:1px solid #94a3b833}.vip-package-pill-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;justify-content:space-between;gap:.85rem;padding:1rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.vip-package-pill-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.vip-switch-card{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:.85rem 1rem;transition:all .15s;display:flex}.vip-switch-card:hover{background:#7c3aed08;border-color:#1e88e540}.vip-matrix-table-wrap{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;overflow:hidden}.vip-matrix-table th,.vip-matrix-table td{padding:1rem 1.25rem;font-size:.84rem}.post-hero-header{border:1px solid var(--border-color);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fffffff2 0%,#f8fafce6 100%);justify-content:space-between;align-items:center;gap:1.25rem;padding:1.4rem 1.75rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -4px #0000000a}.post-hero-header:before{content:"";background:var(--primary-gradient);width:5px;height:100%;position:absolute;top:0;left:0}.post-stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:1rem;padding:1.15rem 1.25rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.post-stat-card:hover{border-color:var(--border-highlight);transform:translateY(-3px);box-shadow:0 10px 25px -5px #00000014}.post-stat-card .stat-icon-wrapper{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .25s;display:flex}.post-stat-card:hover .stat-icon-wrapper{transform:scale(1.08)}.post-feed-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.35rem 1.5rem;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 2px 8px -2px #0000000a}.post-feed-card:hover{border-color:#1e88e559;transform:translateY(-2px);box-shadow:0 12px 28px -6px #00000012}.post-feed-card.selected{border-color:var(--primary);background:linear-gradient(#7c3aed09 0%,#fff 100%);box-shadow:0 0 0 2px #7c3aed26}.post-author-avatar-wrap{cursor:pointer;flex-shrink:0;width:46px;height:46px;position:relative}.post-author-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:46px;height:46px;transition:transform .2s;box-shadow:0 2px 8px #0000001a}.post-author-avatar:hover{transform:scale(1.08)}.post-media-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem;margin-top:.85rem;margin-bottom:.85rem;display:grid}.post-media-card{border-radius:var(--radius-md);background:#090d16;border:1px solid #ffffff14;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000001f}.post-media-card:hover{border-color:#7c3aed66;transform:scale(1.015);box-shadow:0 8px 24px #00000040}.post-media-card video{object-fit:cover;background:#000;width:100%;height:200px;display:block}.post-media-card img{object-fit:cover;cursor:pointer;width:100%;height:200px;transition:transform .25s;display:block}.post-media-card img:hover{transform:scale(1.04)}.post-filter-chip{cursor:pointer;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-muted);-webkit-user-select:none;user-select:none;border-radius:24px;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.post-filter-chip:hover{color:var(--text-main);border-color:var(--primary);background:#7c3aed0a;transform:translateY(-1px)}.post-filter-chip.active{background:var(--primary-gradient);color:#fff;border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 14px #7c3aed4d}.post-engagement-pill{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-muted);border-radius:20px;align-items:center;gap:.45rem;padding:.32rem .85rem;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.post-engagement-pill:hover{background:#fff;box-shadow:0 2px 8px #0000000f}.post-table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.post-table{border-collapse:collapse;text-align:left;width:100%}.post-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);background:var(--bg-primary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:.85rem 1rem;font-size:.75rem;font-weight:700}.post-table td{color:var(--text-main);border-bottom:1px solid var(--border-color);vertical-align:middle;padding:.9rem 1rem;font-size:.86rem}.post-table tr:last-child td{border-bottom:none}.post-table tr:hover td{background:#7c3aed05}.post-table tr.selected td{background:#7c3aed0a}.legal-studio-container{flex-direction:column;gap:1.25rem;width:100%;animation:.3s ease-out legalFadeIn;display:flex}@keyframes legalFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.legal-header-card{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 4px 16px #0000000a}.legal-header-info{align-items:center;gap:1rem;display:flex}.legal-icon-box{color:#1e88e5;background:linear-gradient(135deg,#1e88e51f,#1565c02e);border:1px solid #1e88e540;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #1e88e526}.legal-title-wrap h1{color:var(--text-main,#0f172a);align-items:center;gap:.6rem;margin:0 0 .25rem;font-size:1.25rem;font-weight:700;display:flex}.legal-sync-badge{color:#059669;background:#10b9811a;border:1px solid #10b98140;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.legal-pulse-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s infinite legalPulse;box-shadow:0 0 8px #10b981}@keyframes legalPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.legal-title-wrap p{color:var(--text-dim,#64748b);margin:0;font-size:.82rem}.legal-header-actions{align-items:center;gap:.75rem;display:flex}.legal-btn-ghost{color:var(--text-muted,#475569);border:1px solid var(--border-color,#e2e8f0);cursor:pointer;background:#f8fafc;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.legal-btn-ghost:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.legal-btn-publish{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e88e5,#1565c0);border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 18px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #1e88e54d}.legal-btn-publish:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #1e88e573}.legal-btn-publish:disabled{opacity:.6;cursor:not-allowed}.legal-control-bar{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:.85rem 1.25rem;display:flex;box-shadow:0 2px 10px #00000008}.legal-tab-group{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:4px;display:flex}.legal-tab-btn{color:var(--text-muted,#475569);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:7px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.legal-tab-btn:hover{color:var(--text-main,#0f172a)}.legal-tab-btn.active{color:#fff;background:linear-gradient(135deg,#1e88e5,#1565c0);box-shadow:0 2px 8px #1e88e54d}.legal-title-input-wrap{flex:1;align-items:center;gap:8px;min-width:240px;max-width:420px;display:flex}.legal-title-input{width:100%;color:var(--text-main,#0f172a);border:1px solid var(--border-color,#cbd5e1);background:#f8fafc;border-radius:8px;outline:none;padding:7px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.legal-title-input:focus{background:#fff;border-color:#1e88e5;box-shadow:0 0 0 3px #1e88e51f}.legal-meta-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.legal-stat-pill{color:var(--text-muted,#475569);background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:.74rem;font-weight:500;display:inline-flex}.legal-view-switcher{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;padding:3px;display:flex}.legal-view-btn{color:var(--text-muted,#475569);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 9px;font-size:.74rem;font-weight:600;transition:all .2s}.legal-view-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.legal-workspace{gap:1.25rem;min-height:650px;display:grid}.legal-workspace.split{grid-template-columns:1fr 1fr}.legal-workspace.editor-only,.legal-workspace.preview-only{grid-template-columns:1fr}@media (width<=1024px){.legal-workspace.split{grid-template-columns:1fr}}.legal-editor-card{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 16px #0000000a}.legal-toolbar{border-bottom:1px solid var(--border-color,#e2e8f0);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.legal-tool-group{align-items:center;gap:3px;display:flex}.legal-tool-btn{width:30px;height:30px;color:var(--text-muted,#475569);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex}.legal-tool-btn:hover{color:#0f172a;background:#e2e8f0}.legal-tool-btn:active{transform:scale(.95)}.legal-tool-divider{background:#cbd5e1;width:1px;height:18px;margin:0 4px}.legal-tool-quick-action{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:600;transition:all .2s;display:inline-flex}.legal-tool-quick-action:hover{color:#1e40af;background:#dbeafe}.legal-textarea{color:#0f172a;resize:vertical;background:#fff;border:none;outline:none;flex:1;min-height:580px;padding:1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.86rem;line-height:1.7}.legal-textarea::placeholder{color:#94a3b8}.legal-preview-card{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 16px #0000000a}.legal-preview-browser-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.legal-mac-dots{align-items:center;gap:6px;display:flex}.legal-dot{border-radius:50%;width:10px;height:10px}.legal-dot-red{background:#ff5f56}.legal-dot-yellow{background:#ffbd2e}.legal-dot-green{background:#27c93f}.legal-url-pill{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:5px;padding:3px 14px;font-size:.72rem;font-weight:600;display:inline-flex}.legal-preview-content{background:#fff;flex:1;min-height:580px;max-height:750px;padding:2.25rem 2.5rem;overflow-y:auto}.legal-preview-content .markdown-body{color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.95rem;line-height:1.75}.legal-preview-content .md-h1{color:#0f172a;border-bottom:2px solid #e2e8f0;margin:0 0 1.25rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:800}.legal-preview-content .md-h2{color:#1e293b;border-bottom:1px solid #f1f5f9;margin:1.75rem 0 .85rem;padding-bottom:.35rem;font-size:1.3rem;font-weight:700}.legal-preview-content .md-h3{color:#334155;margin:1.25rem 0 .5rem;font-size:1.1rem;font-weight:700}.legal-preview-content .md-p{color:#334155;margin:0 0 1rem}.legal-preview-content .md-bold{color:#0f172a;font-weight:700}.legal-preview-content .md-list,.legal-preview-content .md-ordered-list{margin:0 0 1.25rem;padding-left:1.5rem}.legal-preview-content .md-list-item,.legal-preview-content .md-ordered-item{color:#334155;margin-bottom:.4rem}.legal-preview-content .md-blockquote{color:#475569;background:#f8fafc;border-left:4px solid #1e88e5;border-radius:0 8px 8px 0;margin:1.25rem 0;padding:.75rem 1.25rem;font-style:italic}.legal-preview-content .md-inline-code{color:#1e88e5;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.85em}.legal-preview-content .md-link{color:#1e88e5;text-underline-offset:3px;text-decoration:underline}.legal-preview-content .md-hr{background:#e2e8f0;border:none;height:1px;margin:2rem 0}:root{--umi-bg-canvas:#fff;--umi-bg-subtle:#f8fafc;--umi-bg-card:#fff;--umi-bg-glass:#fffffff0;--umi-border:#e2e8f0;--umi-border-subtle:#f1f5f9;--umi-border-hover:#1e88e566;--umi-border-glow:#7c3aed59;--umi-primary:#1e88e5;--umi-primary-hover:#1565c0;--umi-violet:#7c3aed;--umi-violet-hover:#6d28d9;--umi-pink:#d946ef;--umi-rose:#e11d48;--umi-cyan:#0284c7;--umi-gold:#f59e0b;--umi-emerald:#059669;--umi-grad-hero:linear-gradient(135deg, #1e88e5 0%, #7c3aed 50%, #d946ef 100%);--umi-grad-btn:linear-gradient(135deg, #1e88e5 0%, #7c3aed 100%);--umi-grad-card:linear-gradient(180deg, #fff 0%, #f8fafc 100%);--umi-grad-gold:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--umi-grad-cyan:linear-gradient(135deg, #0284c7 0%, #2563eb 100%);--umi-text-title:#0f172a;--umi-text-main:#1e293b;--umi-text-muted:#475569;--umi-text-dim:#64748b;--umi-shadow-sm:0 1px 3px #0000000d;--umi-shadow-md:0 4px 14px -2px #0000000f, 0 2px 6px -1px #0000000a;--umi-shadow-lg:0 12px 32px -4px #00000014, 0 4px 12px -2px #0000000a;--umi-shadow-3d:0 24px 60px -12px #1e88e52e, 0 12px 28px -6px #7c3aed1a;--umi-glow-btn:0 8px 24px #1e88e552}.umi-landing-wrapper{background-color:var(--umi-bg-canvas);min-height:100vh;color:var(--umi-text-main);flex-direction:column;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow-x:hidden}.umi-landing-bg-orb{filter:blur(140px);pointer-events:none;z-index:0;opacity:.7;border-radius:50%;position:fixed}.umi-landing-bg-orb-1{background:radial-gradient(circle,#1e88e51a 0%,#7c3aed0f 70%,#0000 100%);width:600px;height:600px;top:-100px;right:-50px}.umi-landing-bg-orb-2{background:radial-gradient(circle,#d946ef14 0%,#0284c70a 70%,#0000 100%);width:550px;height:550px;top:450px;left:-120px}.umi-landing-bg-orb-3{background:radial-gradient(circle,#10b9810f 0%,#0000 100%);width:700px;height:700px;bottom:80px;right:10%}.umi-container{z-index:2;width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem;position:relative}.umi-navbar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--umi-border);background:#ffffffeb;transition:all .25s;position:sticky;top:0;box-shadow:0 1px 4px #00000008}.umi-navbar-inner{justify-content:space-between;align-items:center;height:78px;display:flex}.umi-brand{cursor:pointer;align-items:center;gap:12px;text-decoration:none;display:flex}.umi-brand-icon{background:var(--umi-grad-btn);border:1px solid #ffffff59;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden;box-shadow:0 4px 16px #1e88e540}.umi-brand-logo-img{object-fit:cover;width:100%;height:100%}.umi-brand-title{color:var(--umi-text-title);letter-spacing:-.02em;align-items:center;gap:6px;font-size:1.35rem;font-weight:800;display:flex}.umi-brand-tagline{color:var(--umi-text-dim);font-size:.72rem;font-weight:600;display:block}.umi-nav-links{align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.umi-nav-item button{color:var(--umi-text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 15px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.umi-nav-item button:hover{color:var(--umi-text-title);background:var(--umi-bg-subtle)}.umi-nav-item.active button{color:var(--umi-primary);background:#1e88e514;border:1px solid #1e88e540;font-weight:700}.umi-nav-actions{align-items:center;gap:12px;display:flex}.umi-btn-nav-download{background:var(--umi-grad-btn);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:9px 18px;font-size:.86rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 3px 12px #1e88e540;color:#fff!important}.umi-btn-nav-download:hover{transform:translateY(-1px);box-shadow:0 6px 18px #1e88e559}.umi-mobile-menu-btn{border:1px solid var(--umi-border);color:var(--umi-text-title);cursor:pointer;background:#fff;border-radius:10px;padding:8px;display:none}.umi-mobile-drawer{border-bottom:1px solid var(--umi-border);background:#fff;flex-direction:column;gap:8px;padding:1.25rem 1.5rem;display:flex;box-shadow:0 10px 25px #00000014}.umi-hero-section{padding:50px 0 70px}.umi-hero-grid{grid-template-columns:1fr;align-items:center;gap:40px;display:grid}@media (width>=1024px){.umi-hero-grid{grid-template-columns:1.15fr .85fr}}.umi-hero-left{text-align:left}.umi-hero-badge{color:var(--umi-primary);text-transform:uppercase;letter-spacing:.6px;background:#1e88e514;border:1px solid #1e88e540;border-radius:9999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:.82rem;font-weight:700;display:inline-flex}.umi-hero-title{letter-spacing:-.035em;color:var(--umi-text-title);margin-bottom:20px;font-size:clamp(2.5rem,5.5vw,3.8rem);font-weight:800;line-height:1.12}.umi-hero-gradient-text{background:var(--umi-grad-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.umi-hero-desc{color:var(--umi-text-muted);max-width:580px;margin-bottom:34px;font-size:1.15rem;line-height:1.7}.umi-hero-cta-group{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:30px;display:flex}.umi-btn-primary{background:var(--umi-grad-btn);cursor:pointer;box-shadow:var(--umi-glow-btn);border:none;border-radius:14px;align-items:center;gap:10px;padding:14px 28px;font-size:.98rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;color:#fff!important}.umi-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #1e88e573}.umi-btn-secondary{color:var(--umi-text-title);cursor:pointer;box-shadow:var(--umi-shadow-sm);background:#fff;border:1px solid #cbd5e1;border-radius:14px;align-items:center;gap:10px;padding:14px 24px;font-size:.98rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.umi-btn-secondary:hover{background:var(--umi-bg-subtle);border-color:#94a3b8;transform:translateY(-2px)}.umi-hero-indicators{flex-wrap:wrap;align-items:center;gap:20px;padding-top:10px;display:flex}.umi-indicator-chip{color:var(--umi-text-dim);align-items:center;gap:7px;font-size:.82rem;font-weight:600;display:flex}.live-pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse-dot;box-shadow:0 0 8px #10b981}@keyframes pulse-dot{0%{opacity:1;transform:scale(.9)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(.9)}}.umi-3d-stage-wrapper{perspective:1200px;justify-content:center;display:flex;position:relative}.umi-3d-stage-card{border:1px solid var(--umi-border);width:100%;max-width:380px;box-shadow:var(--umi-shadow-3d);z-index:5;background:#fff;border-radius:36px;padding:20px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:relative;transform:rotateY(-8deg)rotateX(6deg)rotate(1deg)}.umi-3d-stage-card:hover{transform:rotateY(-2deg)rotateX(2deg)translateY(-8px);box-shadow:0 32px 75px -10px #1e88e540}.umi-float-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--umi-text-title);z-index:10;background:#fffffff2;border:1px solid #e2e8f0e6;border-radius:14px;align-items:center;gap:9px;padding:10px 14px;font-size:.8rem;font-weight:700;animation:4s ease-in-out infinite float-gentle;display:flex;position:absolute;box-shadow:0 10px 25px #00000014}.umi-float-badge-top{animation-delay:0s;top:-24px;right:-20px}.umi-float-badge-bottom{animation-delay:2s;bottom:30px;left:-28px}@keyframes float-gentle{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.umi-stage-screen{color:#fff;background:linear-gradient(#0f172a 0%,#1e1b4b 100%);border-radius:26px;padding:16px;position:relative;overflow:hidden}.umi-stage-topbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.umi-host-profile{align-items:center;gap:8px;display:flex}.umi-host-avatar{object-fit:cover;border:2px solid #f59e0b;border-radius:50%;width:38px;height:38px}.umi-host-info{flex-direction:column;display:flex}.umi-host-name{color:#fff;font-size:.85rem;font-weight:700}.umi-host-stars{color:#fbbf24;align-items:center;gap:3px;font-size:.7rem;display:flex}.umi-live-tag{color:#fff;text-transform:uppercase;background:#e11d48;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.68rem;font-weight:800;display:flex}.umi-seats-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.umi-seat-slot{background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:72px;display:flex;position:relative;overflow:hidden}.umi-seat-avatar{object-fit:cover;border:1px solid #fff6;border-radius:50%;width:32px;height:32px}.umi-seat-num{color:#94a3b8;margin-top:3px;font-size:.65rem}.umi-seat-speaking{border-color:#10b981;box-shadow:0 0 10px #10b98166}.umi-stage-gift-burst{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ad9;border:1px solid #f59e0b80;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;animation:2.5s infinite pulse-gift;display:flex}@keyframes pulse-gift{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.umi-gift-left{align-items:center;gap:8px;display:flex}.umi-gift-icon-box{font-size:1.4rem}.umi-gift-text{font-size:.76rem;line-height:1.25}.umi-gift-combo{color:#fbbf24;text-shadow:0 0 10px #f59e0b99;font-size:1.15rem;font-style:italic;font-weight:900}.umi-stage-chat-bubble{color:#e2e8f0;background:#ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:.72rem;display:flex}.umi-stats-bar{border:1px solid var(--umi-border);box-shadow:var(--umi-shadow-lg);background:#fff;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:80px;padding:24px;display:grid}.umi-stat-item{text-align:center}.umi-stat-num{color:var(--umi-text-title);background:var(--umi-grad-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:2.1rem;font-weight:800;display:inline-block}.umi-stat-lbl{color:var(--umi-text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.umi-section-header{text-align:center;margin-bottom:45px}.umi-section-badge{color:var(--umi-violet);text-transform:uppercase;letter-spacing:.8px;background:#7c3aed14;border:1px solid #7c3aed38;border-radius:9999px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.umi-section-header h2{color:var(--umi-text-title);letter-spacing:-.025em;margin-bottom:10px;font-size:2.4rem;font-weight:800}.umi-section-header p{color:var(--umi-text-muted);max-width:650px;margin:0 auto;font-size:1.05rem;line-height:1.6}.umi-tabs-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:40px;display:flex}.umi-tab-btn{color:var(--umi-text-muted);border:1px solid var(--umi-border);cursor:pointer;box-shadow:var(--umi-shadow-sm);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:.92rem;font-weight:700;transition:all .2s;display:inline-flex}.umi-tab-btn:hover{background:var(--umi-bg-subtle);color:var(--umi-text-title)}.umi-tab-btn.active{background:var(--umi-primary);color:#fff;border-color:var(--umi-primary);box-shadow:0 4px 14px #1e88e54d}.umi-showcase-box{border:1px solid var(--umi-border);box-shadow:var(--umi-shadow-lg);background:#fff;border-radius:28px;grid-template-columns:1fr;align-items:center;gap:40px;margin-bottom:80px;padding:40px;display:grid}@media (width>=1024px){.umi-showcase-box{grid-template-columns:1.1fr .9fr}}.umi-showcase-content h3{color:var(--umi-text-title);margin-bottom:14px;font-size:1.8rem;font-weight:800}.umi-showcase-content p{color:var(--umi-text-muted);margin-bottom:24px;font-size:1rem;line-height:1.7}.umi-showcase-bullets{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.umi-showcase-bullets li{color:var(--umi-text-main);align-items:center;gap:10px;font-size:.92rem;font-weight:600;display:flex}.umi-bullet-check{color:#10b981;background:#10b98126;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.umi-showcase-visual{background:var(--umi-bg-subtle);border:1px solid var(--umi-border);border-radius:20px;flex-direction:column;gap:16px;padding:24px;display:flex}.umi-features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:80px;display:grid}.umi-feature-card{border:1px solid var(--umi-border);box-shadow:var(--umi-shadow-sm);background:#fff;border-radius:22px;padding:32px 28px;transition:all .3s;position:relative;overflow:hidden}.umi-feature-card:hover{border-color:var(--umi-border-hover);transform:translateY(-5px);box-shadow:0 16px 36px -8px #1e88e524}.umi-feature-icon{border:1px solid #0000000d;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;display:flex}.umi-feature-card h3{color:var(--umi-text-title);margin-bottom:10px;font-size:1.25rem;font-weight:800}.umi-feature-card p{color:var(--umi-text-muted);margin:0;font-size:.92rem;line-height:1.65}.umi-simulator-box{box-shadow:var(--umi-shadow-lg);text-align:center;background:linear-gradient(135deg,#1e88e50a 0%,#7c3aed0a 100%);border:1px solid #1e88e540;border-radius:28px;margin-bottom:80px;padding:40px}.umi-simulator-counter-bubble{border:1px solid var(--umi-border);box-shadow:var(--umi-shadow-md);background:#fff;border-radius:9999px;align-items:center;gap:12px;margin-bottom:24px;padding:10px 24px;display:inline-flex}.umi-simulator-btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.umi-sim-btn{cursor:pointer;border:1px solid var(--umi-border);color:var(--umi-text-title);box-shadow:var(--umi-shadow-sm);background:#fff;border-radius:14px;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.umi-sim-btn:hover{box-shadow:var(--umi-shadow-md);transform:translateY(-2px)}.umi-sim-btn:active{transform:scale(.96)}.umi-download-banner{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);border-radius:28px;grid-template-columns:1fr;align-items:center;gap:36px;margin-bottom:80px;padding:48px;display:grid;box-shadow:0 20px 50px #0f172a33}@media (width>=900px){.umi-download-banner{grid-template-columns:1.2fr .8fr}}.umi-download-left h2{color:#fff;margin-bottom:12px;font-size:2.2rem;font-weight:800}.umi-download-left p{color:#94a3b8;margin-bottom:24px;font-size:1.05rem;line-height:1.6}.umi-download-badges-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.umi-download-badge-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff38;border-radius:14px;align-items:center;gap:12px;padding:12px 20px;text-decoration:none;transition:all .2s;display:inline-flex}.umi-download-badge-btn:hover{background:#ffffff38;transform:translateY(-2px)}.umi-download-badge-icon{font-size:1.5rem}.umi-download-badge-text{text-align:left}.umi-download-badge-sub{color:#94a3b8;text-transform:uppercase;font-size:.68rem;font-weight:700}.umi-download-badge-main{color:#fff;font-size:.95rem;font-weight:800}.umi-faq-section{max-width:800px;margin:0 auto 80px}.umi-faq-item{border:1px solid var(--umi-border);box-shadow:var(--umi-shadow-sm);background:#fff;border-radius:16px;margin-bottom:12px;transition:border-color .2s;overflow:hidden}.umi-faq-item.open{border-color:var(--umi-primary)}.umi-faq-question{cursor:pointer;text-align:left;width:100%;color:var(--umi-text-title);background:0 0;border:none;justify-content:space-between;align-items:center;padding:18px 24px;font-size:1rem;font-weight:700;display:flex}.umi-faq-answer{color:var(--umi-text-muted);padding:0 24px 20px;font-size:.92rem;line-height:1.7}.umi-doc-card{border:1px solid var(--umi-border);box-shadow:var(--umi-shadow-lg);background:#fff;border-radius:24px;max-width:900px;margin:0 auto;padding:48px}.umi-doc-meta{border-bottom:1px solid var(--umi-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:24px;display:flex}.umi-doc-date{color:var(--umi-text-dim);align-items:center;gap:6px;font-size:.85rem;display:flex}.markdown-body{color:#334155;font-size:.96rem;line-height:1.85}.markdown-body .md-h1{color:#0f172a;border-bottom:1px solid var(--umi-border);letter-spacing:-.02em;margin:0 0 1.25rem;padding-bottom:.75rem;font-size:2rem;font-weight:800}.markdown-body .md-h2{color:#0f172a;letter-spacing:-.01em;align-items:center;gap:8px;margin:2.25rem 0 .85rem;font-size:1.45rem;font-weight:700;display:flex}.markdown-body .md-h2:before{content:"";background:var(--umi-primary);border-radius:2px;width:4px;height:1.2rem;display:inline-block}.markdown-body .md-h3{color:var(--umi-primary);margin:1.75rem 0 .65rem;font-size:1.18rem;font-weight:700}.markdown-body .md-h4{color:var(--umi-violet);margin:1.4rem 0 .5rem;font-size:1.02rem;font-weight:600}.markdown-body .md-p{color:#334155;margin-bottom:1.25rem}.markdown-body .md-bold{color:#0f172a;font-weight:700}.markdown-body .md-list{margin:0 0 1.5rem;padding:0;list-style:none}.markdown-body .md-list-item{color:#334155;margin-bottom:8px;padding-left:24px;position:relative}.markdown-body .md-list-item:before{content:"✦";color:var(--umi-primary);font-size:.75rem;position:absolute;top:1px;left:4px}.markdown-body .md-ordered-list{margin:0 0 1.5rem;padding-left:24px}.markdown-body .md-ordered-item{color:#334155;margin-bottom:8px}.markdown-body .md-link{color:var(--umi-primary);text-underline-offset:3px;font-weight:600;text-decoration:underline;transition:color .2s}.markdown-body .md-blockquote{border-left:4px solid var(--umi-primary);color:#475569;background:#f8fafc;border-radius:0 12px 12px 0;margin:1.5rem 0;padding:12px 20px;font-style:italic}.markdown-body .md-inline-code{color:var(--umi-cyan);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 6px;font-family:monospace;font-size:.88rem}.umi-form-card{border:1px solid var(--umi-border);box-shadow:var(--umi-shadow-lg);background:#fff;border-radius:24px;max-width:640px;margin:0 auto;padding:40px}.umi-form-group{margin-bottom:22px}.umi-form-label{color:#0f172a;margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}.umi-form-label span.req{color:var(--umi-rose);margin-left:3px}.umi-input{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:14px 18px;font-family:inherit;font-size:.95rem;transition:all .2s}.umi-input:focus{border-color:var(--umi-primary);background:#fff;outline:none;box-shadow:0 0 0 3px #1e88e526}textarea.umi-input{resize:vertical;min-height:110px}.umi-checkbox-label{cursor:pointer;color:#334155;background:#dc26260a;border:1px solid #dc262633;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:.85rem;line-height:1.5;display:flex}.umi-checkbox-label input[type=checkbox]{accent-color:var(--umi-rose);cursor:pointer;width:16px;height:16px;margin-top:3px}.umi-alert{border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px 20px;font-size:.9rem;line-height:1.55;display:flex}.umi-alert-success{color:#065f46;background:#10b9811a;border:1px solid #10b9814d}.umi-alert-error{color:#991b1b;background:#ef444414;border:1px solid #ef444440}.umi-footer{border-top:1px solid var(--umi-border);background:#f8fafc;margin-top:auto;padding:60px 0 32px}.umi-footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:40px;display:grid}.umi-footer-col h5{color:#0f172a;margin-bottom:18px;font-size:.95rem;font-weight:700}.umi-footer-links{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.umi-footer-links button,.umi-footer-links a{color:var(--umi-text-dim);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s}.umi-footer-links button:hover,.umi-footer-links a:hover{color:var(--umi-primary)}.umi-footer-bottom{color:var(--umi-text-dim);border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;font-size:.82rem;display:flex}@media (width<=900px){.umi-nav-links{display:none}.umi-mobile-menu-btn{display:block}.umi-stats-bar{grid-template-columns:repeat(2,1fr)}.umi-footer-grid{grid-template-columns:1fr 1fr}.umi-3d-stage-card,.umi-3d-stage-card:hover{transform:none}}@media (width<=600px){.umi-footer-grid,.umi-stats-bar{grid-template-columns:1fr}.umi-form-card{padding:24px 18px}}.chat-mod-container{flex-direction:column;gap:1.5rem;width:100%;display:flex}.chat-mod-header{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm,0 1px 3px #0000000d);flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}@media (width>=768px){.chat-mod-header{flex-direction:row;justify-content:space-between;align-items:center}}.chat-mod-header-left{align-items:center;gap:1rem;display:flex}.chat-mod-icon-badge{width:48px;height:48px;color:var(--primary,#1e88e5);background:#1e88e51a;border:1px solid #1e88e533;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-mod-title{color:var(--text-main,#0f172a);letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:800}.chat-mod-subtitle{color:var(--text-muted,#64748b);margin-top:.25rem;font-size:.85rem;line-height:1.4}.chat-search-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm,0 1px 3px #0000000d);padding:1rem 1.25rem;position:relative}.chat-search-form{flex-direction:column;gap:.75rem;display:flex}@media (width>=768px){.chat-search-form{flex-direction:row;align-items:center}}.chat-search-input-wrap{flex:1;width:100%;position:relative}.chat-search-icon{color:var(--text-dim,#94a3b8);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.chat-search-input{background:var(--bg-primary,#f8fafc);border:1px solid var(--border-color,#cbd5e1);width:100%;height:42px;color:var(--text-main,#0f172a);border-radius:10px;outline:none;padding:0 2.5rem 0 2.75rem;font-size:.875rem;transition:all .2s}.chat-search-input:focus{border-color:var(--primary,#1e88e5);background:#fff;box-shadow:0 0 0 3px #1e88e526}.chat-search-clear{color:var(--text-dim,#94a3b8);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.chat-search-clear:hover{color:var(--text-main,#0f172a)}.chat-search-dropdown{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#cbd5e1);box-shadow:var(--shadow-lg,0 10px 25px -5px #0000001a);z-index:50;border-radius:12px;max-height:320px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.chat-user-item{cursor:pointer;border:none;border-bottom:1px solid var(--border-color,#f1f5f9);text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;transition:background .15s;display:flex}.chat-user-item:hover{background:var(--bg-card-hover,#f8fafc)}.chat-selected-filter-badge{background:#1e88e514;border:1px solid #1e88e540;border-radius:10px;justify-content:space-between;align-items:center;margin-top:.75rem;padding:.65rem 1rem;display:flex}.chat-split-grid{grid-template-columns:1fr;gap:1.25rem;min-height:600px;display:grid}@media (width>=1024px){.chat-split-grid{grid-template-columns:420px 1fr}}.chat-conversations-panel{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm,0 1px 3px #0000000d);flex-direction:column;max-height:720px;padding:1.25rem;display:flex}.chat-panel-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim,#64748b);border-bottom:1px solid var(--border-color,#f1f5f9);align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;font-size:.8rem;font-weight:700;display:flex}.chat-conv-scroll{flex-direction:column;flex:1;gap:.5rem;padding-right:4px;display:flex;overflow-y:auto}.chat-conv-card{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-secondary,#fff);cursor:pointer;border-radius:12px;flex-direction:column;gap:.65rem;padding:.85rem 1rem;transition:all .2s;display:flex}.chat-conv-card:hover{background:var(--bg-card-hover,#f8fafc);border-color:var(--border-highlight,#1e88e559)}.chat-conv-card.active{border-color:var(--primary,#1e88e5);background:#1e88e50f;box-shadow:0 2px 8px #1e88e526}.chat-conv-header-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.chat-avatars-pair{align-items:center;display:flex;position:relative}.chat-avatar-circle{object-cover:cover;width:36px;height:36px;box-shadow:var(--shadow-sm);border:2px solid #fff;border-radius:50%}.chat-avatar-circle.overlap{margin-left:-10px}.chat-conv-info{flex:1;min-width:0}.chat-conv-names{color:var(--text-main,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:700;overflow:hidden}.chat-conv-snippet{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.75rem;overflow:hidden}.chat-media-pill{border-radius:6px;align-items:center;gap:3px;padding:2px 7px;font-size:.7rem;font-weight:600;display:inline-flex}.pill-image{color:#059669;background:#0596691a;border:1px solid #05966933}.pill-video{color:#d97706;background:#d977061a;border:1px solid #d9770633}.pill-voice{color:#7c3aed;background:#7c3aed1a;border:1px solid #7c3aed33}.chat-messages-panel{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm,0 1px 3px #0000000d);flex-direction:column;max-height:720px;padding:1.25rem 1.5rem;display:flex}.chat-messages-stream{flex-direction:column;flex:1;gap:1rem;padding:.5rem .25rem;display:flex;overflow-y:auto}.chat-msg-row{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:14px;flex-direction:column;gap:.4rem;padding:.85rem 1rem;transition:all .2s;display:flex}.chat-msg-row.user1-bubble{background:#fff;border-color:#e2e8f0;margin-right:1.5rem}.chat-msg-row.user2-bubble{background:#1e88e50a;border-color:#1e88e533;margin-left:1.5rem}.chat-msg-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.chat-msg-sender{align-items:center;gap:.5rem;display:flex}.chat-sender-img{object-fit:cover;border-radius:50%;width:24px;height:24px}.chat-sender-name{color:var(--text-main,#0f172a);font-size:.8rem;font-weight:700}.chat-msg-text{color:var(--text-main,#1e293b);word-break:break-word;padding-left:1.75rem;font-size:.875rem;line-height:1.5}.chat-msg-media-wrap{margin-top:.35rem;padding-left:1.75rem}.chat-msg-thumb{border:1px solid var(--border-color,#cbd5e1);cursor:pointer;max-height:220px;box-shadow:var(--shadow-sm);border-radius:10px;transition:transform .2s}.chat-msg-thumb:hover{transform:scale(1.02)}.chat-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172aa6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.chat-modal-content{background:var(--bg-card,#fff);border:1px solid var(--border-color,#cbd5e1);border-radius:18px;flex-direction:column;gap:1rem;width:100%;max-width:460px;padding:1.5rem;display:flex;box-shadow:0 20px 40px #00000026}.games-page{padding-bottom:3rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.games-header-banner{border-radius:var(--radius-xl,20px);background:linear-gradient(135deg,#1e1b4b 0%,#311042 50%,#1e1b4b 100%);border:1px solid #8b5cf64d;flex-direction:column;gap:1.25rem;margin-bottom:1.75rem;padding:1.75rem 2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #7c3aed40}.games-header-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#a855f740 0%,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;top:-80px;right:-80px}.games-header-top{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.games-header-badge{color:#d8b4fe;letter-spacing:.05em;text-transform:uppercase;background:#a855f72e;border:1px solid #a855f766;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.games-header-title{color:#fff;letter-spacing:-.02em;align-items:center;gap:12px;margin-top:6px;font-size:1.75rem;font-weight:800;display:flex}.games-header-subtitle{color:#cbd5e1;max-width:720px;margin-top:6px;font-size:.9rem;line-height:1.55}.games-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.75rem;display:grid}.games-stat-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm,0 1px 3px #0000000d);justify-content:space-between;align-items:center;padding:1.25rem 1.4rem;transition:transform .2s,box-shadow .2s;display:flex}.games-stat-card:hover{box-shadow:var(--shadow-md,0 4px 12px #00000014);transform:translateY(-2px)}.games-stat-label{color:var(--text-dim,#64748b);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.75rem;font-weight:700;display:block}.games-stat-value{color:var(--text-main,#0f172a);font-size:1.75rem;font-weight:800}.games-stat-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.games-toolbar{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm,0 1px 3px #0000000d);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin-bottom:1.5rem;padding:.85rem 1.25rem;display:flex}.games-search-box{flex:1;min-width:220px;max-width:400px;position:relative}.games-search-input{background:var(--bg-primary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,10px);width:100%;color:var(--text-main,#0f172a);outline:none;padding:.55rem .85rem .55rem 2.25rem;font-family:inherit;font-size:.82rem;transition:border-color .2s,box-shadow .2s}.games-search-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.games-search-icon{color:var(--text-dim,#94a3b8);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.games-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:1.5rem;display:grid}@media (width<=640px){.games-grid{grid-template-columns:1fr}}.game-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-xl,20px);box-shadow:var(--shadow-sm,0 2px 6px #0000000a);flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;overflow:hidden}.game-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 12px 28px -6px #00000017}.game-card.active-border{border-top:4px solid #10b981}.game-card.disabled-border{opacity:.82;border-top:4px solid #94a3b8}.game-card-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.game-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.game-card-identity{align-items:center;gap:1rem;min-width:0;display:flex}.game-card-icon{background:linear-gradient(135deg,#7c3aed1f 0%,#0284c71f 100%);border:1.5px solid #7c3aed33;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex;overflow:hidden;box-shadow:inset 0 2px 4px #fff9}.game-card-icon img{object-fit:contain;width:100%;height:100%}.game-card-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.game-card-title{color:var(--text-main,#0f172a);letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:800}.game-category-pill{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;padding:2px 8px;font-size:.68rem;font-weight:700}.game-card-description{color:var(--text-dim,#64748b);margin-top:4px;font-size:.83rem;line-height:1.48}.toggle-switch-wrap{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.toggle-switch{cursor:pointer;background:#cbd5e1;border:none;border-radius:9999px;align-items:center;width:52px;height:28px;padding:2px;transition:background .2s;display:flex;position:relative}.toggle-switch.is-active{background:#10b981}.toggle-slider{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s cubic-bezier(.16,1,.3,1);transform:translate(0);box-shadow:0 2px 6px #0003}.toggle-switch.is-active .toggle-slider{transform:translate(24px)}.toggle-label{letter-spacing:.05em;text-transform:uppercase;font-size:.68rem;font-weight:800}.toggle-label.active{color:#059669}.toggle-label.inactive{color:#94a3b8}.game-specs-grid{border-top:1px solid var(--border-color,#f1f5f9);grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:1rem;padding-top:1rem;display:grid}.game-spec-box{background:var(--bg-primary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,12px);padding:.65rem .75rem}.game-spec-title{color:var(--text-dim,#64748b);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:700;display:block}.game-spec-val{color:var(--text-main,#0f172a);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.82rem;font-weight:700;display:block;overflow:hidden}.game-actions-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.25rem;padding-top:.75rem;display:flex}.game-btn{border-radius:var(--radius-md,10px);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:.52rem .95rem;font-family:inherit;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .18s;display:inline-flex}.game-btn-admin{color:#7c3aed;background:#7c3aed14;border-color:#7c3aed40}.game-btn-admin:hover{color:#fff;background:#7c3aed;box-shadow:0 4px 12px #7c3aed40}.game-btn-play{color:#059669;background:#10b98114;border-color:#10b98140}.game-btn-play:hover{color:#fff;background:#10b981;box-shadow:0 4px 12px #10b98140}.game-btn-copy{background:var(--bg-primary,#f1f5f9);border-color:var(--border-color,#e2e8f0);color:var(--text-muted,#475569);margin-left:auto}.game-btn-copy:hover{color:var(--text-main,#0f172a);background:#e2e8f0}.game-btn-copy.is-copied{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.game-btn-edit{color:#d97706;background:#f59e0b14;border-color:#f59e0b40}.game-btn-edit:hover{color:#fff;background:#f59e0b;box-shadow:0 4px 12px #f59e0b40}.game-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;animation:.2s forwards fadeIn;display:flex;position:fixed;inset:0}.game-modal-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-xl,20px);flex-direction:column;width:100%;max-width:540px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.game-modal-header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.game-modal-title{color:var(--text-main,#0f172a);align-items:center;gap:8px;font-size:1.15rem;font-weight:800;display:flex}.game-modal-close{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;transition:all .15s}.game-modal-close:hover{background:var(--bg-primary,#f1f5f9);color:var(--text-main,#0f172a)}.game-modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.game-form-group{flex-direction:column;gap:6px;display:flex}.game-form-label{color:var(--text-main,#1e293b);font-size:.8rem;font-weight:700}.game-form-input,.game-form-textarea{border:1px solid var(--border-color,#cbd5e1);background:var(--bg-input,#fff);width:100%;color:var(--text-main,#0f172a);border-radius:10px;outline:none;padding:.65rem .85rem;font-family:inherit;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.game-form-input:focus,.game-form-textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.game-image-upload-wrap{align-items:center;gap:14px;display:flex}.game-image-preview{object-fit:cover;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.game-image-preview img{object-fit:cover;width:100%;height:100%}.game-modal-footer{border-top:1px solid var(--border-color,#e2e8f0);justify-content:flex-end;align-items:center;gap:10px;padding:1.25rem 1.5rem;display:flex}.game-btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:10px;align-items:center;gap:6px;padding:.6rem 1.3rem;font-size:.85rem;font-weight:700;transition:all .15s;display:inline-flex}.game-btn-save:hover:not(:disabled){opacity:.95;transform:translateY(-1px);box-shadow:0 4px 14px #6d28d959}.game-btn-cancel{background:var(--bg-primary,#f1f5f9);border:1px solid var(--border-color,#cbd5e1);color:var(--text-muted,#475569);cursor:pointer;border-radius:10px;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .15s}.game-btn-cancel:hover{color:var(--text-main,#0f172a);background:#e2e8f0}