@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);z-index:100;box-shadow:var(--shadow-sidebar);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#6366f133,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;left:-60px}.sidebar:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ec48991f,#0000 70%);border-radius:50%;width:160px;height:160px;position:absolute;bottom:-40px;right:-40px}.sidebar-logo{color:var(--text-inverse);z-index:1;align-items:center;gap:12px;padding:24px 20px 20px;text-decoration:none;display:flex;position:relative}.sidebar-logo-icon{border-radius:var(--r-md);background:var(--grad-brand);color:#fff;width:40px;height:40px;box-shadow:0 4px 16px var(--primary-glow);transition:transform var(--ease-spring);justify-content:center;align-items:center;font-size:17px;font-weight:900;display:flex}.sidebar-logo:hover .sidebar-logo-icon{transform:scale(1.08)rotate(-3deg)}.sidebar-logo-text{letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.sidebar-sep{background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;margin:0 16px}.sidebar-section{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-sidebar-muted);z-index:1;padding:16px 20px 6px;font-weight:700;position:relative}.sidebar-nav{z-index:1;flex-direction:column;flex:1;gap:2px;padding:8px 10px;display:flex;position:relative}.sidebar-link{border-radius:var(--r-md);color:var(--text-sidebar);font-size:var(--fs-sm);transition:all var(--ease);align-items:center;gap:12px;padding:11px 14px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-link:before{content:"";background:var(--primary-500);width:3px;height:0;transition:height var(--ease-spring);border-radius:0 3px 3px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-link:hover{background:var(--bg-sidebar-hover);color:#fff}.sidebar-link:hover .sidebar-link-icon{color:var(--primary-200)}.sidebar-link.active{background:var(--bg-sidebar-active);color:#fff}.sidebar-link.active:before{height:22px}.sidebar-link.active .sidebar-link-icon{color:var(--primary-200)}.sidebar-link-icon{color:var(--text-sidebar-muted);transition:color var(--ease), transform var(--ease);flex-shrink:0}.sidebar-link:hover .sidebar-link-icon{transform:scale(1.08)}.sidebar-link-label{flex:1}.sidebar-link-badge{border-radius:var(--r-full);background:var(--accent);color:#fff;width:18px;height:18px;box-shadow:0 2px 6px var(--accent-glow);justify-content:center;align-items:center;font-size:9px;font-weight:800;display:flex}.sidebar-bottom{z-index:1;padding:12px 10px 20px;position:relative}.sidebar-controls{gap:4px;margin-bottom:8px;padding:4px 8px;display:flex}.sidebar-ctrl-btn{border-radius:var(--r-md);color:var(--text-sidebar-muted);font-size:var(--fs-xs);transition:all var(--ease);align-items:center;gap:5px;padding:7px 11px;font-weight:600;display:flex}.sidebar-ctrl-btn:hover{background:var(--bg-sidebar-hover);color:#fff}.sidebar-ctrl-label{letter-spacing:.05em;font-size:10px}.sidebar-deposit-btn{border-radius:var(--r-lg);background:var(--accent);color:#fff;width:calc(100% - 8px);font-size:var(--fs-sm);transition:all var(--ease-spring);box-shadow:0 4px 16px var(--accent-glow);justify-content:center;align-items:center;gap:10px;margin:4px auto 0;padding:13px 16px;font-weight:700;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar-deposit-btn:before{content:"";background:linear-gradient(#ffffff26,#0000);position:absolute;inset:0}.sidebar-deposit-btn:hover{background:var(--accent-hover);box-shadow:0 8px 24px var(--accent-glow);transform:translateY(-2px)scale(1.01)}@media (width<=768px){.sidebar{display:none}}.mobile-nav{height:var(--mobile-nav-h);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:200;justify-content:space-around;align-items:center;padding:0 8px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f}.mobile-nav-item{min-width:56px;color:var(--text-muted);transition:all var(--ease-spring);border-radius:var(--r-md);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 8px;text-decoration:none;display:flex;position:relative}.mobile-nav-item:active{transform:scale(.92)}.mobile-nav-item.active{color:var(--primary-500)}.mobile-nav-item.active:after{content:"";background:var(--primary-500);width:4px;height:4px;box-shadow:0 0 8px var(--primary-glow);border-radius:50%;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.mobile-nav-item.accent .mobile-nav-icon{background:var(--accent);color:#fff;border-radius:var(--r-full);width:50px;height:50px;box-shadow:0 4px 16px var(--accent-glow), 0 0 0 4px var(--bg-card);transition:all var(--ease-spring);justify-content:center;align-items:center;margin-top:-22px;display:flex}.mobile-nav-item.accent:active .mobile-nav-icon{box-shadow:0 2px 8px var(--accent-glow), 0 0 0 3px var(--bg-card);transform:scale(.9)}.mobile-nav-item.accent{color:var(--accent)}.mobile-nav-item.accent.active:after{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.mobile-nav-icon{transition:transform var(--ease-spring)}.mobile-nav-item.active .mobile-nav-icon{transform:translateY(-2px)}.mobile-nav-label{letter-spacing:.01em;font-size:10px;font-weight:600;line-height:1}[data-theme=dark] .mobile-nav{background:#0f1222d9;border-top-color:#ffffff0a;box-shadow:0 -4px 20px #0000004d}@media (width<=768px){.mobile-nav{display:flex}}.home-page{padding:var(--sp-lg);margin-left:var(--sidebar-w);max-width:calc(100vw - var(--sidebar-w));min-height:100vh}.home-breadcrumb{margin-bottom:var(--sp-lg);font-size:var(--fs-xs);color:var(--text-muted);align-items:center;gap:6px;display:flex}.home-breadcrumb-active{color:var(--text-primary);font-weight:600}.home-breadcrumb-sep{color:var(--border)}.home-stats{gap:var(--sp-md);margin-bottom:var(--sp-xl);grid-template-columns:1fr 1fr;display:grid}.home-stat-coins .stat-icon{color:var(--primary-500);background:linear-gradient(135deg,#4f46e51f,#8b5cf61f)}.home-stat-coins:before{background:var(--primary-glow)}.home-stat-gifts .stat-icon{color:var(--green);background:linear-gradient(135deg,#10b9811f,#0596691f)}.home-stat-gifts:before{background:var(--green-glow)}.stat-trend{font-size:var(--fs-2xs);color:var(--green);align-items:center;gap:3px;margin-top:4px;font-weight:700;display:inline-flex}.home-content{grid-template-columns:1fr var(--right-panel-w);gap:var(--sp-lg);align-items:start;display:grid}.home-feed{gap:var(--sp-md);flex-direction:column;display:flex}.post-composer{padding:var(--sp-md) var(--sp-lg)}.post-composer-inner{align-items:center;gap:var(--sp-md);display:flex}.post-composer-input{border-radius:var(--r-full);cursor:pointer;background:var(--bg-input);font-size:var(--fs-sm);flex:1;padding:11px 20px}.post-composer-input:hover{border-color:var(--border-hover);background:var(--bg-card)}.post-card{border-radius:var(--r-xl);padding:0;overflow:hidden}.post-header{align-items:center;gap:var(--sp-md);padding:var(--sp-lg) var(--sp-lg) 0;display:flex}.post-header-info{flex:1;min-width:0}.post-author{align-items:center;gap:5px;display:flex}.post-author-name{font-weight:700;font-size:var(--fs-md);color:var(--text-primary)}.post-verified{color:var(--blue);filter:drop-shadow(0 1px 3px #3b82f64d);flex-shrink:0}.post-time{color:var(--text-muted);font-size:var(--fs-xs);margin-top:1px;display:block}.post-more{border-radius:var(--r-full);margin-left:auto}.post-content{padding:var(--sp-md) var(--sp-lg) var(--sp-md)}.post-text{font-size:var(--fs-md);color:var(--text-secondary);white-space:pre-line;word-break:break-word;line-height:1.7}.post-amount-box{align-items:center;gap:var(--sp-md);margin-top:var(--sp-md);padding:var(--sp-md) var(--sp-lg);background:linear-gradient(135deg, var(--primary-50), #8b5cf60a);border-radius:var(--r-lg);border:1px solid var(--primary-100);display:flex;position:relative;overflow:hidden}.post-amount-box:before{content:"";background:var(--primary-glow);filter:blur(30px);pointer-events:none;border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.post-amount-label{font-size:var(--fs-2xs);color:var(--primary-500);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--r-full);background:#6366f114;padding:3px 10px;font-weight:700}.post-amount-value{font-size:var(--fs-xl);color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;flex:1;font-weight:900}[data-theme=dark] .post-amount-box{background:linear-gradient(135deg,#4f46e514,#8b5cf60a);border-color:#6366f126}.post-stats{gap:var(--sp-xl);padding:4px var(--sp-lg) 0;font-size:var(--fs-xs);color:var(--text-muted);font-weight:500;display:flex}.post-stats span{align-items:center;gap:4px;display:flex}.post-actions{border-top:1px solid var(--border);margin-top:var(--sp-sm);display:flex}.post-action-btn{font-size:var(--fs-sm);color:var(--text-muted);transition:all var(--ease);flex:1;justify-content:center;align-items:center;gap:7px;padding:12px;font-weight:600;display:flex;position:relative}.post-action-btn:after{content:"";background:var(--primary-500);width:0;height:2px;transition:width var(--ease);border-radius:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.post-action-btn:hover{color:var(--primary-500);background:var(--bg-hover)}.post-action-btn:hover:after{width:32px}.post-action-btn span{display:inline}.post-action-btn.liked{color:var(--accent)}.post-action-btn.liked:after{background:var(--accent);width:32px}.post-comment-box{align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-lg) var(--sp-md);border-top:1px solid var(--border);display:flex}.post-comment-input-wrap{flex:1;position:relative}.post-comment-input{border-radius:var(--r-full);font-size:var(--fs-sm);background:var(--bg-input);padding:9px 40px 9px 16px}.post-comment-send{border-radius:var(--r-full);width:30px;height:30px;color:var(--text-muted);transition:all var(--ease);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.post-comment-send:hover{background:var(--primary-500);color:#fff;box-shadow:0 2px 8px var(--primary-glow)}.home-right-panel{gap:var(--sp-md);top:var(--sp-lg);flex-direction:column;display:flex;position:sticky}.panel-card{border-radius:var(--r-xl);overflow:hidden}.panel-card-header{padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.panel-card-title{font-size:var(--fs-sm);color:var(--text-primary);align-items:center;gap:8px;font-weight:700;display:flex}.panel-card-title-icon{border-radius:var(--r-sm);width:28px;height:28px;font-size:var(--fs-xs);justify-content:center;align-items:center;display:flex}.panel-users-list{padding:var(--sp-sm) var(--sp-sm)}.panel-user-row{align-items:center;gap:var(--sp-sm);border-radius:var(--r-md);transition:all var(--ease);cursor:default;padding:9px 10px;display:flex}.panel-user-row:hover{background:var(--bg-hover);transform:translate(2px)}.panel-user-rank{border-radius:var(--r-sm);width:22px;height:22px;font-size:var(--fs-2xs);flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.panel-user-rank.rank-1{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.panel-user-rank.rank-2{color:#fff;background:linear-gradient(135deg,#94a3b8,#64748b)}.panel-user-rank.rank-3{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c)}.panel-user-rank.rank-default{background:var(--bg-input);color:var(--text-muted)}.panel-user-info{flex:1;min-width:0}.panel-user-name{font-size:var(--fs-sm);color:var(--text-primary);align-items:center;gap:4px;font-weight:600;display:flex}.panel-user-days{font-size:var(--fs-2xs);color:var(--text-muted);margin-top:1px}.panel-user-amount{font-size:var(--fs-xs);white-space:nowrap;border-radius:var(--r-full);color:var(--accent);background:#fe2c550f;padding:3px 8px;font-weight:800}.panel-quick-stats{padding:var(--sp-md) var(--sp-lg);gap:var(--sp-md);grid-template-columns:1fr 1fr;display:grid}.panel-qstat{padding:var(--sp-md);background:var(--bg-input);border-radius:var(--r-lg);text-align:center;transition:all var(--ease);flex-direction:column;align-items:center;gap:6px;display:flex}.panel-qstat:hover{background:var(--bg-hover);transform:translateY(-2px)}.panel-qstat-icon{border-radius:var(--r-md);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.panel-qstat-value{font-size:var(--fs-lg);color:var(--text-primary);font-weight:800}.panel-qstat-label{font-size:var(--fs-2xs);color:var(--text-muted);font-weight:600}.panel-security{padding:var(--sp-lg);border-top:3px solid var(--green);background:linear-gradient(135deg,#10b9810a,#05966905)}.panel-security-title{font-weight:700;font-size:var(--fs-sm);color:var(--green);margin-bottom:var(--sp-sm);align-items:center;gap:8px;display:flex}.panel-security-text{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.6}@media (width<=1200px){.home-content{grid-template-columns:1fr}.home-right-panel{gap:var(--sp-md);grid-template-columns:1fr 1fr;display:grid;position:static}}@media (width<=768px){.home-page{max-width:100%;padding:var(--sp-md) var(--sp-sm);padding-bottom:calc(var(--mobile-nav-h) + var(--sp-lg));margin-left:0}.home-stats,.home-right-panel{grid-template-columns:1fr}.post-action-btn span,.home-breadcrumb{display:none}.post-header{padding:var(--sp-md) var(--sp-md) 0}.post-content{padding:var(--sp-sm) var(--sp-md) var(--sp-sm)}.post-stats{padding:4px var(--sp-md) 0}.post-comment-box{padding:var(--sp-sm) var(--sp-md)}}:root{--primary:#4f46e5;--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-glow:#6366f159;--accent:#fe2c55;--accent-hover:#ff4770;--accent-glow:#fe2c554d;--accent-cyan:#25f4ee;--accent-cyan-glow:#25f4ee33;--green:#10b981;--green-glow:#10b98126;--amber:#f59e0b;--amber-glow:#f59e0b26;--red:#ef4444;--blue:#3b82f6;--violet:#8b5cf6;--pink:#ec4899;--orange:#f97316;--grad-brand:linear-gradient(135deg, #6366f1, #8b5cf6, #a855f7);--grad-tiktok:linear-gradient(135deg, #25f4ee, #fe2c55);--grad-sunset:linear-gradient(135deg, #f97316, #ec4899);--grad-ocean:linear-gradient(135deg, #06b6d4, #3b82f6);--grad-emerald:linear-gradient(135deg, #10b981, #059669);--grad-sidebar:linear-gradient(180deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);--grad-card-shine:linear-gradient(135deg, #ffffff14 0%, #fff0 60%);--grad-mesh:radial-gradient(at 0% 0%, #6366f114 0%, transparent 50%), radial-gradient(at 100% 100%, #ec48990f 0%, transparent 50%);--bg-body:#f1f5f9;--bg-card:#fff;--bg-card-hover:#fafbff;--bg-sidebar:linear-gradient(180deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);--bg-sidebar-active:#6366f126;--bg-sidebar-hover:#ffffff0d;--bg-input:#f8fafc;--bg-hover:#6366f10a;--bg-overlay:#0f172a99;--bg-glass:#ffffffb3;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-sidebar:#ffffffe6;--text-sidebar-muted:#fff6;--text-inverse:#fff;--border:#e2e8f0;--border-hover:#c7d2fe;--border-active:#6366f1;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f, 0 1px 3px #0000000a;--shadow-lg:0 10px 30px #00000014, 0 4px 8px #0000000a;--shadow-xl:0 20px 50px #0000001a;--shadow-card:0 1px 3px #0000000a, 0 0 0 1px #00000005;--shadow-card-hover:0 8px 25px #6366f11a, 0 2px 6px #0000000a;--shadow-glow-primary:0 0 20px var(--primary-glow);--shadow-glow-accent:0 0 20px var(--accent-glow);--shadow-sidebar:4px 0 30px #00000026;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:24px;--r-full:9999px;--sp-xs:4px;--sp-sm:8px;--sp-md:16px;--sp-lg:24px;--sp-xl:32px;--sp-2xl:48px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-2xs:10px;--fs-xs:11px;--fs-sm:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:26px;--fs-3xl:32px;--sidebar-w:250px;--right-panel-w:340px;--mobile-nav-h:64px;--ease:.2s ease;--ease-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:.4s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-body:#0c1222;--bg-card:#1a2235;--bg-card-hover:#1f2a3f;--bg-input:#141d2e;--bg-hover:#6366f114;--bg-glass:#1a2235cc;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--border:#ffffff0f;--border-hover:#6366f14d;--shadow-card:0 1px 3px #0003, 0 0 0 1px #ffffff08;--shadow-card-hover:0 8px 25px #6366f126, 0 2px 6px #0003;--shadow-sidebar:4px 0 30px #0006;--grad-mesh:radial-gradient(at 0% 0%, #6366f11f 0%, transparent 50%), radial-gradient(at 100% 100%, #ec489914 0%, transparent 50%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font);font-size:var(--fs-md);color:var(--text-primary);background:var(--bg-body);background-image:var(--grad-mesh);transition:background var(--ease), color var(--ease);background-attachment:fixed;line-height:1.5;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--primary-500);color:#fff}.btn{border-radius:var(--r-md);font-size:var(--fs-sm);transition:all var(--ease);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--ease);background:linear-gradient(#ffffff1a,#0000);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:0 2px 12px var(--primary-glow)}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.btn-accent:hover{background:var(--accent-hover);box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.btn-outline{border:1.5px solid var(--border);color:var(--text-secondary);background:var(--bg-card)}.btn-outline:hover{border-color:var(--primary-500);color:var(--primary-500);background:var(--primary-50)}.btn-ghost{color:var(--text-muted);border-radius:var(--r-md)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-sm{font-size:var(--fs-xs);border-radius:var(--r-sm);padding:5px 12px}.btn-lg{font-size:var(--fs-lg);border-radius:var(--r-lg);padding:13px 28px}.btn-icon{border-radius:var(--r-md);padding:8px}.btn-pill{border-radius:var(--r-full)}.btn-full{width:100%}.input{background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--r-md);width:100%;font-size:var(--fs-md);color:var(--text-primary);transition:all var(--ease);padding:10px 16px}.input:hover{border-color:var(--border-hover)}.input:focus{border-color:var(--primary-500);background:var(--bg-card);box-shadow:0 0 0 3px #6366f11a}.input::placeholder{color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-card);transition:all var(--ease-smooth);position:relative;overflow:hidden}.card:before{content:"";background:var(--grad-card-shine);pointer-events:none;opacity:0;transition:opacity var(--ease-smooth);position:absolute;inset:0}.card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-hover)}.card:hover:before{opacity:1}.badge{font-size:var(--fs-2xs);border-radius:var(--r-full);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:4px;padding:3px 10px;font-weight:700;display:inline-flex}.badge-success{background:var(--green-glow);color:var(--green)}.badge-warning{background:var(--amber-glow);color:var(--amber)}.badge-error{color:var(--red);background:#ef44441a}.badge-info{color:var(--blue);background:#3b82f61a}.badge-brand{color:var(--primary-500);background:#6366f11a}.avatar{border-radius:var(--r-full);object-fit:cover;letter-spacing:-.02em;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex;position:relative}.avatar-sm{width:34px;height:34px;font-size:var(--fs-xs)}.avatar-md{width:42px;height:42px;font-size:var(--fs-sm)}.avatar-lg{width:48px;height:48px;font-size:var(--fs-md)}.avatar-xl{width:56px;height:56px;font-size:var(--fs-lg)}.avatar-ring{box-shadow:0 0 0 2px var(--bg-card), 0 0 0 4px var(--primary-500)}.stat-box{align-items:center;gap:var(--sp-md);padding:var(--sp-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-card);transition:all var(--ease-smooth);display:flex;position:relative;overflow:hidden}.stat-box:before{content:"";border-radius:var(--r-full);filter:blur(50px);opacity:.5;pointer-events:none;width:120px;height:120px;position:absolute;top:0;right:0}.stat-box:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{border-radius:var(--r-lg);z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.stat-value{font-size:var(--fs-xl);color:var(--text-primary);letter-spacing:-.02em;font-weight:800;line-height:1.2}.stat-label{font-size:var(--fs-xs);color:var(--text-muted);margin-top:3px}@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(-12px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.anim-fade{animation:.4s fadeIn}.anim-slide{animation:.5s cubic-bezier(.16,1,.3,1) both slideUp}.anim-slide-delay-1{animation-delay:50ms}.anim-slide-delay-2{animation-delay:.1s}.anim-slide-delay-3{animation-delay:.15s}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-brand{color:var(--primary-500)}.text-green{color:var(--green)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.text-2xs{font-size:var(--fs-2xs)}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.shine-line{background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px}