:root{--bg1:#0b0f1f;--bg2:#0c1630;--card:#1b2740cc;--card2:#223153cc;--stroke:rgba(255,255,255,.12);--stroke2:rgba(255,255,255,.18);--text:#e9eefc;--muted:rgba(233,238,252,.75);--purple:#7b4dff;--purple2:#4c2cff;--green:#31c46b;--red:#ff4d4d}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 20% 10%,rgba(123,77,255,.25),transparent 60%),radial-gradient(900px 500px at 80% 30%,rgba(49,196,107,.18),transparent 55%),linear-gradient(180deg,var(--bg1),var(--bg2))}a{color:inherit}.vap-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px}.vap-wrap{width:min(980px,100%)}.vap-card{background:linear-gradient(180deg,#1e2b49bf,#131e35bf);border:1px solid var(--stroke);border-radius:18px;box-shadow:0 20px 60px #00000059;padding:18px}.vap-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.vap-card-title{font-weight:800;font-size:18px}.vap-back{width:36px;height:36px;border-radius:10px;border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);cursor:pointer}.vap-center{text-align:center;padding:26px 18px}.vap-logo{font-size:44px;margin-bottom:8px}.vap-title{margin:0;font-size:26px;letter-spacing:.2px}.vap-subtitle{margin:8px 0 18px;color:var(--muted)}.vap-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.vap-btn{border:none;cursor:pointer;padding:12px 14px;border-radius:14px;font-weight:800;letter-spacing:.2px;transition:transform .05s ease,filter .15s ease}.vap-btn:active{transform:translateY(1px)}.vap-btn-primary{background:linear-gradient(90deg,var(--green),rgba(49,196,107,.72));color:#08140d}.vap-btn-outline{background:transparent;color:var(--text);border:1px solid var(--stroke2)}.vap-btn-ghost{background:#ffffff0f;color:var(--text);border:1px solid var(--stroke)}.vap-form{display:flex;flex-direction:column;gap:10px;margin-top:6px}.vap-input{width:100%;padding:12px;border-radius:14px;border:1px solid var(--stroke);background:#ffffff0d;color:var(--text);outline:none}.vap-input:focus{border-color:#7b4dff8c;box-shadow:0 0 0 3px #7b4dff29}.vap-hint{margin-top:10px;font-size:13px;color:#e9eefca6;line-height:1.4}.vap-tabs{margin:14px 0 10px}.vap-tabs-scroll{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:4px 2px 10px;scrollbar-width:none}.vap-tabs-scroll::-webkit-scrollbar{display:none}.vap-tab{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#ffffffe0;font-weight:800;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.vap-tab.active{background:linear-gradient(90deg,#7c3aed,#6366f1);border-color:#ffffff29;color:#fff;box-shadow:0 10px 24px #7c3aed2e}.vap-tab-ico{font-size:16px}.vap-panel{display:flex;flex-direction:column;gap:14px}.vap-section-title{font-weight:900;font-size:16px;margin-bottom:10px}.vap-home-hero{border:1px solid var(--stroke);border-radius:18px;padding:14px;background:linear-gradient(180deg,#7b4dff2e,#0000000f)}.vap-brand-title{font-weight:950;font-size:22px}.vap-brand-sub{color:#e9eefcb3;margin-top:2px}.vap-home-actions{margin-top:12px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.vap-quick{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.vap-chip{border:1px solid var(--stroke);background:#0000001a;color:var(--text);border-radius:16px;padding:12px 14px;cursor:pointer;font-weight:900;min-width:150px;flex:1}.vap-card-lite{border:1px solid var(--stroke);background:#ffffff0a;border-radius:18px;padding:14px}.vap-card-lite.highlight{border-color:#7b4dff73;background:linear-gradient(180deg,#7b4dff24,#ffffff08)}.vap-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:14px}@media (max-width: 860px){.vap-grid{grid-template-columns:1fr}}.vap-field{margin-bottom:12px}.vap-field label{display:block;font-size:12px;color:#e9eefcb3;margin-bottom:6px;font-weight:800}.vap-row{display:flex;gap:12px;align-items:flex-end}.vap-kpi{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap}.vap-kpi .k{font-size:12px;color:#e9eefcb3;font-weight:900}.vap-kpi .v{font-size:20px;font-weight:950}.vap-list{display:flex;flex-direction:column;gap:10px}.vap-list-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--stroke);border-radius:16px;padding:12px;background:#00000014}.vap-list-item .t{font-size:14px}.vap-list-item .s{font-size:12px;color:#e9eefcb3;margin-top:2px}.vap-mini{width:40px;height:40px;border-radius:14px;border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);cursor:pointer;font-weight:900}.vap-icon-btn{width:40px;height:40px;border-radius:14px;border:1px solid rgba(255,77,77,.35);background:#ff4d4d1a;color:var(--text);cursor:pointer;font-weight:900}.vap-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--stroke);background:#ffffff0f;color:#e9eefcd9;font-weight:700}.vap-empty{border:1px dashed rgba(255,255,255,.18);border-radius:18px;padding:18px;color:#e9eefcb3;text-align:center}.vap-empty.small{padding:14px}.vap-empty-ico{font-size:30px;margin-bottom:6px;opacity:.9}.vap-error{margin-top:12px;border:1px solid rgba(255,77,77,.35);background:#ff4d4d1f;color:#fffffff2;border-radius:14px;padding:10px 12px;font-weight:800}.vap-loading{padding:30px 10px;text-align:center;font-weight:900;color:#e9eefcbf}.vap-section{margin-bottom:14px}