.vphub-app{display:flex;min-height:calc(100vh - 60px);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}.vphub-sidebar{width:280px;background:#0b1220;color:#e5e7eb;display:flex;flex-direction:column;border-radius:14px;overflow:hidden}.vphub-brand{padding:18px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.vphub-brand-title{font-weight:800;letter-spacing:.2px}.vphub-brand-sub{opacity:.7;font-size:12px;margin-top:4px}.vphub-nav{padding:10px;display:flex;flex-direction:column;gap:6px;flex:1}.vphub-nav-group{margin-top:10px;padding:10px 10px 4px;font-size:12px;opacity:.7}.vphub-nav-btn{appearance:none;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#e5e7eb;padding:10px;border-radius:12px;text-align:left;cursor:pointer}.vphub-nav-btn.is-active{border-color:rgba(124,92,255,.7);background:rgba(124,92,255,.18)}.vphub-user{padding:14px 16px;border-top:1px solid rgba(255,255,255,.08);font-size:12px}.vphub-user-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.vphub-user-name{font-weight:700}.vphub-user-hint{opacity:.7;margin-top:6px}.vphub-link{color:#c7d2fe;text-decoration:none}.vphub-main{flex:1;padding:18px;background:#f7f7fb;border-radius:14px;margin-left:14px}.vphub-topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}.vphub-topbar h1{margin:0;font-size:22px}.vphub-topbar-sub{opacity:.7;font-size:12px;margin-top:4px}.vphub-btn{appearance:none;border:none;background:#6d28d9;color:#fff;padding:10px 12px;border-radius:12px;cursor:pointer;text-decoration:none;font-weight:700}.vphub-btn-ghost{appearance:none;border:1px solid #e5e7eb;background:#fff;color:#111827;padding:10px 12px;border-radius:12px;cursor:pointer}.vphub-btn-mini{appearance:none;border:1px solid #e5e7eb;background:#fff;color:#111827;padding:8px 10px;border-radius:12px;cursor:pointer;font-size:12px}.vphub-content{margin-top:14px}.vphub-view{display:none}.vphub-view.is-active{display:block}.vphub-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:1100px){.vphub-cards{grid-template-columns:repeat(2,1fr)}.vphub-sidebar{display:block;position:fixed;left:0;top:0;height:100vh;z-index:60;transform:translateX(-105%);transition:transform .2s ease}.vphub-sidebar.is-open{transform:translateX(0)}.vphub-main{margin-left:0}}@media(max-width:560px){.vphub-cards{grid-template-columns:1fr}}.vphub-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px}.vphub-card-label{font-size:12px;opacity:.7;margin-bottom:8px}.vphub-card-value{font-size:28px;font-weight:800}.vphub-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}@media(max-width:980px){.vphub-split{grid-template-columns:1fr}}.vphub-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.vphub-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 14px;border-bottom:1px solid #e5e7eb}.vphub-panel-title{font-weight:800}.vphub-panel-sub{opacity:.7;font-size:12px;margin-top:4px}.vphub-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:10px;margin-bottom:10px}.vphub-input,.vphub-select{border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;outline:none;background:#fff}.vphub-textarea{border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;outline:none;background:#fff;width:100%}.vphub-table-wrap{overflow:auto}.vphub-table{width:100%;border-collapse:collapse}.vphub-table th,.vphub-table td{padding:10px 12px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:13px}.vphub-table th{font-size:12px;opacity:.7;background:#fafafa}.vphub-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid #e5e7eb;font-size:12px;background:#fff}.vphub-actions{display:flex;gap:8px}.vphub-a{color:#6d28d9;text-decoration:none;font-weight:700}.vphub-muted{opacity:.7;font-size:12px}.vphub-modal{display:none;position:fixed;inset:0;z-index:99999}.vphub-modal.is-open{display:block}.vphub-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35)}.vphub-modal-card{position:relative;width:min(620px, calc(100vw - 24px));margin:6vh auto;background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden}.vphub-modal-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #e5e7eb}.vphub-modal-title{font-weight:900}.vphub-form{padding:14px;display:flex;flex-direction:column;gap:10px}.vphub-form-row{display:flex;flex-direction:column;gap:6px}.vphub-form-row label{font-size:12px;opacity:.7}.vphub-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.vphub-login-wrap{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding:20px}.vphub-login-card{width:min(420px, 100%);background:#0b1220;color:#e5e7eb;border-radius:16px;padding:22px;border:1px solid rgba(255,255,255,.08)}.vphub-login-brand{font-weight:900;letter-spacing:.3px}.vphub-login-title{font-size:20px;font-weight:900;margin-top:8px}.vphub-login-sub{opacity:.7;font-size:12px;margin:6px 0 14px}.vphub-label{display:block;font-size:12px;opacity:.7;margin-top:8px;margin-bottom:6px}.vphub-login-card .vphub-input{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#e5e7eb}.vphub-login-card .vphub-btn{width:100%;margin-top:10px}.vphub-login-foot{margin-top:10px;font-size:12px}.vphub-login-foot a{color:#c7d2fe;text-decoration:none}.vphub-actions{white-space:nowrap}.vphub-a{color:#6d28d9 !important;text-decoration:none}.vphub-a:hover{color:#6d28d9 !important;text-decoration:underline}.vphub-danger{color:#b91c1c !important}.vphub-danger:hover{color:#b91c1c !important}.vphub-row-alert td{background:rgba(220,38,38,.08)}.vphub-row-alert td:first-child{border-left:3px solid rgba(220,38,38,.45)}.vphub-row-alert:hover td{background:rgba(220,38,38,.12)}@media(max-width:560px){.vphub-topbar-right{display:flex;width:100%;gap:10px;flex-wrap:wrap}.vphub-topbar-right .vphub-btn,.vphub-topbar-right .vphub-btn-ghost{flex:1;text-align:center}}.vphub-burger{display:none;border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:8px 10px;margin-right:10px}.vphub-sidebar-backdrop{display:none}@media(max-width:1100px){.vphub-burger{display:inline-flex;align-items:center;justify-content:center}.vphub-sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:50}.vphub-sidebar-backdrop.is-open{opacity:1;pointer-events:auto}}.vphub-modal-card{max-height:85vh;overflow:auto}.vphub-modal-body{overflow:auto}.vphub-table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}