:root{--tg-bg:#fff;--tg-text:#000;--tg-hint:#999;--tg-link:#2481cc;--tg-button:#3390ea;--tg-button-text:#fff;--tg-secondary-bg:#f4f4f5;--tg-section-bg:#fff;--tg-header-bg:#efeff3;--tg-accent:#3390ea;--tg-destructive:#ff3b30;--tg-bottom-safe:0px;--gradient-1:linear-gradient(135deg, #06b6d4, #2563eb);--gradient-2:linear-gradient(135deg, #8b5cf6, #06b6d4);--shadow-card:0 2px 8px #0000000f;--shadow-lg:0 8px 30px #0000001a;--glass-bg:#ffffffb3;--card-border:.5px solid #0000000f;--bg:#f0f4f8;--bg-card:#ffffffe6;--bg-glass:#fffc;--accent:#2563eb;--accent-light:#eff6ff;--text:#1e293b;--text-secondary:#64748b;--border:#0000000f;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--sidebar-width:220px;--sidebar-icon-width:64px;--topbar-height:56px;--bottom-nav-height:56px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;overflow-x:hidden}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);border:1px solid #ffffff4d}.card{background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:12px;transition:all .2s}.card:hover{box-shadow:var(--shadow-md)}.card-pad{padding:20px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);border:1px solid #ffffff4d;border-radius:12px;padding:20px;transition:all .2s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card .stat-label{color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:500}.stat-card .stat-value{color:var(--accent);font-size:24px;font-weight:700;line-height:1.2}.stat-card .stat-change{color:var(--text-secondary);margin-top:6px;font-size:11px}.stat-card .stat-change.up{color:#16a34a}.stat-card .stat-change.down{color:#dc2626}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid #f1f5f9;padding:12px;font-size:12px;font-weight:600}td{color:var(--text);border-bottom:1px solid #f8fafc;padding:12px}tr:hover td{background:#f8fafc}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #e2e8f0}.btn-ghost:hover{color:var(--text);background:#f1f5f9}.btn-sm{padding:5px 14px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 14px;font-size:13.5px;transition:border-color .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.input::placeholder{color:#94a3b8}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.page-info{color:var(--text-secondary);font-size:13px}.spinner{border:2px solid #e2e8f0;border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.stagger-enter-active{transition:all .3s ease-out}.stagger-leave-active{transition:all .2s ease-in}.stagger-enter-from{opacity:0;transform:translateY(8px)}.stagger-leave-to{opacity:0;transform:translateY(-8px)}.btn-press:active{transform:scale(.95)!important}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.shimmer{border-radius:8px;background:linear-gradient(90deg, var(--tg-secondary-bg) 25%, var(--tg-section-bg) 50%, var(--tg-secondary-bg) 75%)!important;background-size:200px 100%!important;animation:1.5s ease-in-out infinite shimmer!important}.safe-top{padding-top:env(safe-area-inset-top,0px)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}@media (width>=768px){.tg-content,.tg-app{max-width:480px;margin:0 auto}}.dark-mode{--tg-bg:#18222d;--bg:#18222d;--tg-text:#fff;--tg-hint:#7d8b99;--tg-link:#2ea6ff;--tg-button:#2ea6ff;--tg-button-text:#fff;--tg-secondary-bg:#232e3c;--tg-section-bg:#1e2a38;--tg-header-bg:#131c26;--tg-accent:#2ea6ff;--tg-destructive:#ff453a;--shadow-card:0 2px 8px #0003;--shadow-lg:0 8px 30px #0000004d;--glass-bg:#1e2a38b3;--card-border:.5px solid #ffffff14}.dark-mode body,body.dark-mode{background:var(--tg-bg);color:var(--tg-text)}.status-badge{border-radius:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.status-badge.success{color:#16a34a;background:#dcfce7}.status-badge.pending{color:#a16207;background:#fef9c3}.status-badge.fail{color:#dc2626;background:#fee2e2}.status-badge.info{color:#2563eb;background:#dbeafe}.status-badge.muted{color:#64748b;background:#f1f5f9}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=640px){.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)!important}.stats-grid .stat-card{padding:14px}.stat-card .stat-value{font-size:20px}.card-pad{padding:14px!important}body{font-size:14px}.btn{min-height:42px;padding:10px 18px;font-size:14px}.btn-sm{min-height:36px;padding:8px 14px;font-size:13px}.input{padding:10px 12px;font-size:15px}table{font-size:13px}th,td{padding:10px 8px}h1.page-title{font-size:18px}h2.page-title{font-size:16px}}@media (width>=641px) and (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width>=1920px){.plan-center,.agent-dashboard{max-width:1400px;margin:0 auto}}