:root{--vx-font-sans:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--vx-font-mono:"JetBrains Mono", "Fira Code", Consolas, Menlo, monospace;--vx-primary:#0077fe;--vx-primary-hover:#0066dc;--vx-primary-active:#0055b8;--vx-primary-subtle:#0077fe1f;--vx-primary-border:#0077fe59;--vx-blue:#0077fe;--vx-cyan:#00d2ff;--vx-purple:#7c3aed;--vx-primary-gradient:linear-gradient(135deg, #00d2ff 0%, #0077fe 50%, #7c3aed 100%);--vx-canvas:#f4f6f8;--vx-surface:#fff;--vx-surface-subtle:#f8fafc;--vx-surface-inset:#eef2f5;--vx-border-subtle:#e2e8f0;--vx-border-strong:#cbd5e1;--vx-border-hover:#0077fe66;--vx-text-primary:#0f172a;--vx-text-secondary:#475569;--vx-text-muted:#64748b;--vx-success:#15803d;--vx-success-bg:#f0fdf4;--vx-success-border:#86efac;--vx-warning:#b45309;--vx-warning-bg:#fffbeb;--vx-warning-border:#fde68a;--vx-error:#b91c1c;--vx-error-bg:#fef2f2;--vx-error-border:#fca5a5;--vx-info:#0284c7;--vx-info-bg:#f0f9ff;--vx-info-border:#bae6fd;--vx-prototype:#4f46e5;--vx-prototype-bg:#eef2ff;--vx-prototype-border:#c7d2fe;--vx-radius-sm:6px;--vx-radius-md:10px;--vx-radius-lg:14px;--vx-radius-full:9999px;--vx-shadow-sm:0 1px 2px 0 #0000000d;--vx-shadow-md:0 4px 6px -1px #00000014;--vx-shadow-modal:0 20px 25px -5px #00000026, 0 10px 10px -5px #0000000a;--vx-scrollbar-track:transparent;--vx-scrollbar-thumb:#0f172a2e;--vx-scrollbar-thumb-hover:#0f172a59;--vx-scrollbar-thumb-active:var(--vx-primary)}[data-theme=dark]{--vx-canvas:#080c14;--vx-surface:#0e1524;--vx-surface-subtle:#131d31;--vx-surface-inset:#0b101c;--vx-border-subtle:#ffffff14;--vx-border-strong:#ffffff26;--vx-border-hover:#0077fe66;--vx-text-primary:#f8fafc;--vx-text-secondary:#94a3b8;--vx-text-muted:#64748b;--vx-success-bg:#062812;--vx-success-border:#166534;--vx-warning-bg:#2c1503;--vx-warning-border:#78350f;--vx-error-bg:#2d0b0b;--vx-error-border:#7f1d1d;--vx-info-bg:#082f49;--vx-info-border:#0369a1;--vx-prototype-bg:#1e1b4b;--vx-prototype-border:#3730a3;--vx-shadow-sm:0 1px 2px 0 #0006;--vx-shadow-md:0 4px 10px 0 #00000080;--vx-shadow-modal:0 25px 50px -12px #000000b3;--vx-scrollbar-track:transparent;--vx-scrollbar-thumb:#ffffff29;--vx-scrollbar-thumb-hover:#ffffff52;--vx-scrollbar-thumb-active:var(--vx-primary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--vx-font-sans);background-color:var(--vx-canvas);color:var(--vx-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}:focus-visible{outline:2px solid var(--vx-primary);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--vx-scrollbar-thumb) var(--vx-scrollbar-track)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--vx-scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--vx-scrollbar-thumb);border-radius:var(--vx-radius-full);background-clip:padding-box;border:1px solid #0000;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background-color:var(--vx-scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--vx-scrollbar-thumb-active)}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-button{width:0;height:0;display:none}.vx-shell{min-height:100vh;display:flex}.vx-sidebar{background-color:var(--vx-surface);border-right:1px solid var(--vx-border-subtle);flex-direction:column;flex-shrink:0;width:260px;transition:transform .2s;display:flex}.vx-sidebar-brand{border-bottom:1px solid var(--vx-border-subtle);align-items:center;gap:.75rem;padding:1.25rem;display:flex}.vx-brand-icon{background:linear-gradient(135deg, var(--vx-primary), #0e3f4a);border-radius:var(--vx-radius-sm);color:#fff;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;font-weight:700;display:flex}.vx-brand-title{letter-spacing:-.01em;color:var(--vx-text-primary);font-size:.9375rem;font-weight:700}.vx-brand-badge{background-color:var(--vx-primary-subtle);color:var(--vx-primary);border:1px solid var(--vx-primary-border);border-radius:var(--vx-radius-sm);padding:2px 6px;font-size:.6875rem;font-weight:600}.vx-sidebar-nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--vx-scrollbar-thumb) transparent;flex-direction:column;flex-grow:1;gap:.25rem;padding:1rem .75rem;display:flex;overflow-y:auto}.vx-sidebar-nav::-webkit-scrollbar{width:5px}.vx-sidebar-nav::-webkit-scrollbar-track{background:0 0}.vx-sidebar-nav::-webkit-scrollbar-thumb{background-color:var(--vx-scrollbar-thumb);border-radius:9999px;transition:background-color .2s}.vx-sidebar-nav::-webkit-scrollbar-thumb:hover{background-color:var(--vx-scrollbar-thumb-hover)}.vx-sidebar-nav::-webkit-scrollbar-thumb:active{background-color:var(--vx-scrollbar-thumb-active)}.vx-nav-item{border-radius:var(--vx-radius-md);color:var(--vx-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.625rem;width:100%;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.vx-nav-item:hover{background-color:var(--vx-surface-subtle);color:var(--vx-text-primary)}.vx-nav-item.active{background-color:var(--vx-primary-subtle);color:var(--vx-primary);font-weight:600}.vx-nav-icon{text-align:center;width:20px;font-size:1rem}.vx-sidebar-footer{border-top:1px solid var(--vx-border-subtle);color:var(--vx-text-muted);padding:1rem .75rem;font-size:.75rem}.vx-main-wrap{flex-direction:column;flex-grow:1;min-width:0;display:flex}.vx-topbar{background-color:var(--vx-surface);border-bottom:1px solid var(--vx-border-subtle);justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex}.vx-topbar-left{flex-shrink:0;align-items:center;gap:1rem;display:flex}.vx-topbar-right{align-items:center;gap:.75rem;display:flex}.vx-content-area{flex-grow:1;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem}.vx-card{background-color:var(--vx-surface);border:1px solid var(--vx-border-subtle);border-radius:var(--vx-radius-lg);box-shadow:var(--vx-shadow-sm);margin-bottom:1.25rem;padding:1.25rem}.vx-card-header{border-bottom:1px solid var(--vx-border-subtle);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.vx-card-title{color:var(--vx-text-primary);align-items:center;gap:.5rem;font-size:1.0625rem;font-weight:600;display:flex}.vx-card-desc{color:var(--vx-text-muted);margin-top:.25rem;font-size:.8125rem}.vx-metric-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.vx-metric-box{background-color:var(--vx-surface);border:1px solid var(--vx-border-subtle);border-radius:var(--vx-radius-md);padding:1rem 1.25rem;position:relative}.vx-metric-label{text-transform:uppercase;letter-spacing:.04em;color:var(--vx-text-muted);margin-bottom:.375rem;font-size:.75rem;font-weight:600}.vx-metric-value{color:var(--vx-text-primary);font-size:1.5rem;font-weight:700;font-family:var(--vx-font-mono);letter-spacing:-.02em}.vx-metric-sub{color:var(--vx-text-secondary);margin-top:.25rem;font-size:.75rem}.vx-btn,.vx-button{border-radius:var(--vx-radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.45rem .875rem;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.25;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.vx-btn:active,.vx-button:active{transform:scale(.98)}.vx-btn:disabled,.vx-button:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.vx-btn-primary,.vx-button-primary{background:var(--vx-primary);border-color:#ffffff26;box-shadow:0 1px 2px #00000026,inset 0 1px #fff3;color:#fff!important}.vx-btn-primary:hover,.vx-button-primary:hover{background:var(--vx-primary-hover);border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 3px 10px #0077fe59,inset 0 1px #ffffff40}.vx-btn-primary:active,.vx-button-primary:active{background:var(--vx-primary-active);transform:translateY(0)scale(.98);box-shadow:0 1px 2px #0003}.vx-btn-secondary,.vx-button-secondary{background-color:var(--vx-surface);color:var(--vx-text-primary);border:1px solid var(--vx-border-strong);box-shadow:0 1px 2px #0000000a}.vx-btn-secondary:hover,.vx-button-secondary:hover{background-color:var(--vx-surface-subtle);border-color:var(--vx-primary);color:var(--vx-primary);transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.vx-btn-secondary:active,.vx-button-secondary:active{background-color:var(--vx-surface-inset);transform:translateY(0)scale(.98)}[data-theme=dark] .vx-btn-secondary,[data-theme=dark] .vx-button-secondary{color:var(--vx-text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff0a;border:1px solid #ffffff1f;box-shadow:0 1px 2px #00000040}[data-theme=dark] .vx-btn-secondary:hover,[data-theme=dark] .vx-button-secondary:hover{color:#fff;background-color:#ffffff14;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 4px 12px #00000059}[data-theme=dark] .vx-btn-secondary:active,[data-theme=dark] .vx-button-secondary:active{background-color:#ffffff08;transform:translateY(0)scale(.98)}.vx-btn-danger,.vx-button-danger{background-color:var(--vx-error);border-color:var(--vx-error);box-shadow:0 1px 2px #00000026;color:#fff!important}.vx-btn-danger:hover,.vx-button-danger:hover{background-color:#991b1b;border-color:#991b1b;transform:translateY(-1px);box-shadow:0 3px 10px #b91c1c59}.vx-btn-ghost,.vx-button-ghost{color:var(--vx-text-secondary);background:0 0;border-color:#0000}.vx-btn-ghost:hover,.vx-button-ghost:hover{background-color:var(--vx-surface-subtle);color:var(--vx-text-primary)}.vx-btn-sm,.vx-button-sm{border-radius:var(--vx-radius-sm);padding:.3rem .65rem;font-size:.75rem}.vx-btn-lg,.vx-button-lg{border-radius:var(--vx-radius-md);padding:.65rem 1.25rem;font-size:1rem}.vx-btn-group,.vx-button-group{background-color:var(--vx-surface-inset);border:1px solid var(--vx-border-subtle);border-radius:var(--vx-radius-md);align-items:center;gap:2px;padding:3px;display:inline-flex;box-shadow:inset 0 1px 2px #0000000a}.vx-btn-group .vx-btn,.vx-btn-group .vx-button,.vx-btn-group button,.vx-button-group .vx-btn,.vx-button-group .vx-button,.vx-button-group button{border-radius:calc(var(--vx-radius-md) - 3px);color:var(--vx-text-muted);cursor:pointer;background:0 0;font-weight:600;transition:all .15s;box-shadow:none!important;border:1px solid #0000!important;padding:.3rem .75rem!important;font-size:.75rem!important;transform:none!important}.vx-btn-group button:hover,.vx-button-group button:hover{color:var(--vx-text-primary);background-color:#7d7d7d14}.vx-btn-group .vx-btn-primary,.vx-btn-group .vx-button-primary,.vx-btn-group button.active,.vx-button-group .vx-btn-primary,.vx-button-group .vx-button-primary,.vx-button-group button.active{background-color:var(--vx-primary)!important;color:#fff!important;border-color:#ffffff26!important;box-shadow:0 1px 3px #0077fe59!important}.vx-btn-group .vx-btn-secondary,.vx-btn-group .vx-button-secondary,.vx-button-group .vx-btn-secondary,.vx-button-group .vx-button-secondary{color:var(--vx-text-secondary)!important;box-shadow:none!important;background:0 0!important;border:1px solid #0000!important}[data-theme=dark] .vx-btn-group,[data-theme=dark] .vx-button-group{background-color:#0b101c;border-color:#ffffff14}[data-theme=dark] .vx-btn-group button:hover,[data-theme=dark] .vx-button-group button:hover{color:#fff;background-color:#ffffff0f}@keyframes vx-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vx-spin{animation:.85s cubic-bezier(.4,0,.2,1) infinite vx-spin}.vx-badge{border-radius:var(--vx-radius-sm);border:1px solid #0000;align-items:center;gap:.375rem;padding:.2rem .5rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.vx-badge-success{background-color:var(--vx-success-bg);color:var(--vx-success);border-color:var(--vx-success-border)}.vx-badge-warning{background-color:var(--vx-warning-bg);color:var(--vx-warning);border-color:var(--vx-warning-border)}.vx-badge-error{background-color:var(--vx-error-bg);color:var(--vx-error);border-color:var(--vx-error-border)}.vx-badge-info{background-color:var(--vx-info-bg);color:var(--vx-info);border-color:var(--vx-info-border)}.vx-badge-demo{background-color:var(--vx-prototype-bg);color:var(--vx-prototype);border-color:var(--vx-prototype-border);letter-spacing:.05em;font-weight:700}.vx-table-wrap{border:1px solid var(--vx-border-subtle);border-radius:var(--vx-radius-md);background-color:var(--vx-surface);width:100%;overflow-x:auto}.vx-table{border-collapse:collapse;text-align:left;width:100%;font-size:.8125rem}.vx-table th{background-color:var(--vx-surface-subtle);color:var(--vx-text-secondary);border-bottom:1px solid var(--vx-border-subtle);white-space:nowrap;padding:.625rem .875rem;font-weight:600}.vx-table td{border-bottom:1px solid var(--vx-border-subtle);color:var(--vx-text-primary);vertical-align:middle;padding:.625rem .875rem}.vx-table tr:last-child td{border-bottom:none}.vx-table tr:hover td{background-color:var(--vx-surface-subtle)}.vx-code-block{color:#e2e8f0;border-radius:var(--vx-radius-md);font-family:var(--vx-font-mono);background-color:#0d1518;border:1px solid #1e2c31;margin-top:.5rem;font-size:.8125rem;position:relative;overflow:hidden}.vx-code-header{color:#94a3b8;background-color:#141f24;border-bottom:1px solid #1e2c31;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.6875rem;display:flex}.vx-code-content{white-space:pre;padding:.875rem;line-height:1.6;overflow-x:auto}.vx-form-group{margin-bottom:1rem}.vx-label{color:var(--vx-text-primary);margin-bottom:.375rem;font-size:.8125rem;font-weight:600;display:block}.vx-input,.vx-select{background-color:var(--vx-surface);border:1px solid var(--vx-border-strong);border-radius:var(--vx-radius-md);width:100%;color:var(--vx-text-primary);padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.vx-input:focus,.vx-select:focus{border-color:var(--vx-primary)}.vx-hint{color:var(--vx-text-muted);margin-top:.25rem;font-size:.75rem}.vx-alert{border-radius:var(--vx-radius-md);border:1px solid #0000;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.875rem 1rem;font-size:.8125rem;display:flex}.vx-alert-warning{background-color:var(--vx-warning-bg);border-color:var(--vx-warning-border);color:var(--vx-warning)}.vx-alert-info{background-color:var(--vx-info-bg);border-color:var(--vx-info-border);color:var(--vx-info)}.vx-alert-danger{background-color:var(--vx-error-bg);border-color:var(--vx-error-border);color:var(--vx-error)}.vx-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.vx-modal-dialog{background-color:var(--vx-surface);border:1px solid var(--vx-border-strong);border-radius:var(--vx-radius-lg);box-shadow:var(--vx-shadow-modal);width:100%;max-width:540px;overflow:hidden}.vx-modal-header{border-bottom:1px solid var(--vx-border-subtle);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.vx-modal-body{padding:1.25rem}.vx-modal-footer{border-top:1px solid var(--vx-border-subtle);background-color:var(--vx-surface-subtle);justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;display:flex}.vx-usage-bar-track{background-color:var(--vx-surface-inset);border-radius:var(--vx-radius-full);border:1px solid var(--vx-border-subtle);height:12px;margin:.75rem 0;display:flex;overflow:hidden}.vx-usage-bar-segment{height:100%;transition:width .3s}.vx-sidebar-close-btn,#mobile-toggle-btn,.vx-sidebar-backdrop{display:none}.vx-wallet-grid{grid-template-columns:1fr 220px;align-items:start;gap:1.5rem;display:grid}@media (max-width:768px){#mobile-toggle-btn{display:inline-flex!important}.vx-sidebar{z-index:1000!important;width:280px!important;box-shadow:none!important;transition:left .25s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:-280px!important}.vx-sidebar.open{left:0!important;box-shadow:4px 0 25px #00000080!important}.vx-sidebar.open+.vx-sidebar-backdrop,.vx-sidebar-backdrop.active{z-index:999!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;background:#00000080!important;display:block!important;position:fixed!important;inset:0!important}.vx-sidebar-close-btn{display:inline-flex!important}.vx-main-wrap{width:100%!important;min-width:0!important}.vx-topbar{height:56px!important;padding:0 .75rem!important}.vx-topbar-wallet-label,.vx-topbar-wallet-currency{display:none!important}#current-view-title{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:120px!important;font-size:.9375rem!important;overflow:hidden!important}.vx-content-area{width:100%!important;max-width:100%!important;padding:.75rem!important}.vx-metric-grid{grid-template-columns:1fr!important;gap:.75rem!important}.vx-card{margin-bottom:.875rem!important;padding:.875rem!important}.vx-card-header{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.vx-wallet-grid{grid-template-columns:1fr!important;gap:1rem!important}.vx-table-wrap{-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.vx-table{min-width:520px!important}}.is-mobile #mobile-toggle-btn,.is-tablet #mobile-toggle-btn{display:inline-flex!important}.is-mobile .vx-sidebar,.is-tablet .vx-sidebar{z-index:1000!important;width:280px!important;box-shadow:none!important;transition:left .25s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:-280px!important}.is-mobile .vx-sidebar.open,.is-tablet .vx-sidebar.open{left:0!important;box-shadow:4px 0 25px #00000080!important}.is-mobile .vx-sidebar-close-btn,.is-tablet .vx-sidebar-close-btn{display:inline-flex!important}.is-mobile .vx-main-wrap,.is-tablet .vx-main-wrap{width:100%!important;min-width:0!important}.is-mobile .vx-topbar,.is-tablet .vx-topbar{height:56px!important;padding:0 .75rem!important}.is-mobile .vx-topbar-wallet-label,.is-mobile .vx-topbar-wallet-currency{display:none!important}.is-mobile #current-view-title{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:110px!important;font-size:.9375rem!important;overflow:hidden!important}.is-mobile .vx-content-area,.is-tablet .vx-content-area{width:100%!important;max-width:100%!important;padding:.75rem!important}.is-mobile .vx-metric-grid,.is-tablet .vx-metric-grid{grid-template-columns:1fr!important;gap:.75rem!important}.is-mobile .vx-card,.is-tablet .vx-card{margin-bottom:.875rem!important;padding:.875rem!important}.is-mobile .vx-card-header,.is-tablet .vx-card-header{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.is-mobile .vx-wallet-grid,.is-tablet .vx-wallet-grid{grid-template-columns:1fr!important;gap:1rem!important}.is-mobile .vx-table-wrap,.is-tablet .vx-table-wrap{-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.is-mobile .vx-table,.is-tablet .vx-table{min-width:520px!important}.vx-project-carousel{scrollbar-width:thin;gap:1rem;margin-bottom:1.25rem;padding:.25rem .25rem .75rem;display:flex;overflow-x:auto}.vx-project-card-visual{background-color:var(--vx-surface);border:1px solid var(--vx-border-subtle);border-radius:var(--vx-radius-lg);box-shadow:var(--vx-shadow-sm);flex-direction:column;flex:0 0 300px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.vx-project-card-visual:hover{border-color:var(--vx-primary);box-shadow:var(--vx-shadow-md);transform:translateY(-2px)}.vx-project-card-create{background-color:var(--vx-surface-subtle);border:2px dashed var(--vx-border-strong);border-radius:var(--vx-radius-lg);text-align:center;cursor:pointer;flex-direction:column;flex:0 0 220px;justify-content:center;align-items:center;padding:1.5rem 1rem;transition:all .15s;display:flex}.vx-project-card-create:hover{border-color:var(--vx-primary);background-color:var(--vx-primary-subtle)}.vx-project-thumb{background:linear-gradient(135deg,#0e3f4a 0%,#176b7c 100%);justify-content:center;align-items:center;height:100px;display:flex;position:relative;overflow:hidden}.vx-project-thumb-badge{position:absolute;top:.625rem;right:.625rem}.vx-project-thumb-env{color:#fff;border-radius:var(--vx-radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;padding:2px 6px;font-size:.6875rem;position:absolute;bottom:.625rem;left:.625rem}.vx-project-body{flex-direction:column;flex-grow:1;gap:.5rem;padding:.875rem 1rem;display:flex}.vx-project-grid-view{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.vx-service-selector-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.5rem;display:grid}.vx-service-option{border:2px solid var(--vx-border-subtle);border-radius:var(--vx-radius-md);cursor:pointer;text-align:center;background-color:var(--vx-surface);padding:.875rem .625rem;transition:all .15s}.vx-service-option:hover{border-color:var(--vx-primary)}.vx-service-option.selected{border-color:var(--vx-primary);background-color:var(--vx-primary-subtle)}.vx-service-toggle-row{background-color:var(--vx-surface-subtle);border-radius:var(--vx-radius-md);border:1px solid var(--vx-border-subtle);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.875rem;display:flex}.vx-switch{width:44px;height:24px;display:inline-block;position:relative}.vx-switch input{opacity:0;width:0;height:0}.vx-slider{cursor:pointer;background-color:var(--vx-border-strong);border-radius:24px;transition:all .2s;position:absolute;inset:0}.vx-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.vx-slider{background-color:var(--vx-primary)}input:checked+.vx-slider:before{transform:translate(20px)}.vx-filter-bar{background:var(--vx-surface-subtle);border-radius:var(--vx-radius-md);border:1px solid var(--vx-border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.75rem 1rem;display:flex}.vx-breadcrumb{color:var(--vx-text-secondary);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.875rem;display:flex}.vx-breadcrumb-link{color:var(--vx-text-muted);cursor:pointer;font-size:inherit;background:0 0;border:none;align-items:center;gap:.25rem;padding:0;font-family:inherit;text-decoration:none;transition:color .15s;display:inline-flex}.vx-breadcrumb-link:hover{color:var(--vx-primary)}.vx-breadcrumb-separator{color:var(--vx-text-muted);-webkit-user-select:none;user-select:none}.vx-breadcrumb-current{color:var(--vx-text-primary);font-weight:600}.vx-tabs-nav{border-bottom:1px solid var(--vx-border-subtle);align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.vx-tab-btn{color:var(--vx-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.75rem .25rem;font-size:.9375rem;font-weight:500;transition:all .15s;display:inline-flex}.vx-tab-btn:hover{color:var(--vx-text-primary)}.vx-tab-btn.active{color:var(--vx-primary);border-bottom-color:var(--vx-primary);font-weight:600}.vx-subtabs-nav{align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.vx-subtab-btn{background:var(--vx-surface-subtle);border:1px solid var(--vx-border-subtle);border-radius:var(--vx-radius-full);color:var(--vx-text-secondary);cursor:pointer;padding:.375rem 1rem;font-size:.8125rem;font-weight:500;transition:all .15s}.vx-subtab-btn:hover{background:var(--vx-surface-inset);color:var(--vx-text-primary)}.vx-subtab-btn.active{background:var(--vx-primary);color:#fff;border-color:var(--vx-primary);font-weight:600}.vx-project-hero{border:1px solid var(--vx-primary-border);border-radius:var(--vx-radius-lg);background:linear-gradient(135deg,#176b7c14 0%,#0284c714 100%);justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.vx-project-hero-content{align-items:center;gap:1.25rem;display:flex}.vx-project-hero-icon{border-radius:var(--vx-radius-md);background:linear-gradient(135deg, var(--vx-primary), #0284c7);color:#fff;width:56px;height:56px;box-shadow:var(--vx-shadow-md);flex-shrink:0;justify-content:center;align-items:center;font-size:2rem;display:flex}.vx-project-hero-title{color:var(--vx-text-primary);margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.vx-project-hero-desc{color:var(--vx-text-secondary);font-size:.875rem}.vx-project-hero-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.vx-info-grid{background:var(--vx-surface-subtle);border:1px solid var(--vx-border-subtle);border-radius:var(--vx-radius-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:1.5rem;padding:1.25rem;display:grid}.vx-info-item{flex-direction:column;gap:.25rem;display:flex}.vx-info-label{color:var(--vx-text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.75rem;font-weight:600}.vx-info-value{color:var(--vx-text-primary);align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;display:flex}.vx-secret-box{background:var(--vx-surface);border:1px solid var(--vx-border-subtle);border-radius:var(--vx-radius-md);margin-bottom:1.5rem;padding:1.25rem}.vx-secret-row{border-bottom:1px solid var(--vx-border-subtle);grid-template-columns:200px 1fr auto;align-items:center;gap:1rem;padding:.875rem 0;display:grid}.vx-secret-row:last-child{border-bottom:none;padding-bottom:0}.vx-secret-row:first-child{padding-top:0}.vx-secret-title{color:var(--vx-text-primary);font-size:.875rem;font-weight:600}.vx-secret-content{font-family:var(--vx-font-mono);color:var(--vx-text-secondary);background:var(--vx-surface-subtle);border-radius:var(--vx-radius-sm);border:1px solid var(--vx-border-subtle);white-space:nowrap;padding:.375rem .75rem;font-size:.8125rem;overflow-x:auto}.vx-secret-actions{align-items:center;gap:.5rem;display:flex}.vx-service-table{border-collapse:collapse;width:100%;margin-top:.5rem}.vx-service-table th{text-align:left;color:var(--vx-text-muted);text-transform:uppercase;border-bottom:1px solid var(--vx-border-strong);background:var(--vx-surface-subtle);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.vx-service-table td{border-bottom:1px solid var(--vx-border-subtle);vertical-align:middle;padding:1rem;font-size:.875rem}.vx-service-table tr:hover td{background:var(--vx-surface-subtle)}@container appframe (max-width:768px){#mobile-toggle-btn{display:inline-flex!important}.vx-sidebar{z-index:1000!important;width:280px!important;transition:left .25s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:-280px!important}.vx-sidebar.open{left:0!important;box-shadow:4px 0 25px #00000080!important}.vx-sidebar-close-btn{display:inline-flex!important}.vx-main-wrap{width:100%!important;min-width:0!important}.vx-topbar{height:56px!important;padding:0 .75rem!important}.vx-topbar-wallet-label,.vx-topbar-wallet-currency{display:none!important}#current-view-title{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:110px!important;font-size:.9375rem!important;overflow:hidden!important}.vx-metric-grid{grid-template-columns:1fr!important;gap:.75rem!important}.vx-content-area{padding:.75rem!important}.vx-card{padding:.875rem!important}.vx-card-header{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.vx-wallet-grid{grid-template-columns:1fr!important}.vx-table{min-width:520px!important}}.vx-brand-icon-img{object-fit:contain;filter:drop-shadow(0 0 10px #0077fe73);border-radius:8px;width:34px;height:34px}.vx-engine-pulse{color:#10b981;font-size:11px;font-weight:600;font-family:var(--vx-font-mono);background:#10b98114;border:1px solid #10b98133;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex}.pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite vxPulse;display:inline-block;box-shadow:0 0 8px #10b981}@keyframes vxPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.vx-telemetry-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.vx-telemetry-card{background:var(--vx-surface);border:1px solid var(--vx-border-subtle);border-radius:var(--vx-radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.1rem;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.vx-telemetry-card:hover{border-color:var(--vx-border-hover);transform:translateY(-1px)}.vx-telemetry-header{color:var(--vx-text-secondary);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;font-weight:600;display:flex}.vx-telemetry-val{color:var(--vx-text-primary);font-size:1.5rem;font-weight:800;font-family:var(--vx-font-sans);letter-spacing:-.02em}.vx-telemetry-delta{color:var(--vx-success);margin-top:4px;font-size:11px;font-weight:600}.vx-sparkline-svg{width:100%;height:28px;margin-top:8px}.vx-sandbox-card{background:var(--vx-surface);border:1px solid var(--vx-border-subtle);border-radius:var(--vx-radius-md);margin-top:1.5rem;padding:1.25rem}.vx-sandbox-viewport{border:1px solid var(--vx-border-subtle);background:#05080e;border-radius:8px;flex-direction:column;justify-content:space-between;height:200px;padding:10px;display:flex;position:relative;overflow:hidden}.vx-sandbox-sim{background:radial-gradient(circle,#152238 0%,#060b12 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vx-sandbox-pulse{background:linear-gradient(135deg,#0077fe,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;animation:2.5s infinite vxPulse;display:flex;box-shadow:0 0 25px #0077fe66}.vx-sandbox-overlay-top{z-index:2;color:#94a3b8;font-size:11px;font-family:var(--vx-font-mono);justify-content:space-between;display:flex;position:relative}.vx-sandbox-controls{z-index:2;justify-content:center;gap:8px;display:flex;position:relative}.vx-btn-ctrl{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .15s;display:flex}.vx-btn-ctrl:hover{background:#0077fe66;transform:scale(1.08)}.vx-btn-ctrl.danger{background:#ef444466;border-color:#ef4444}.vx-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);overscroll-behavior:contain;background-color:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.vx-modal-dialog{background-color:var(--vx-surface);border:1px solid var(--vx-border-strong);border-radius:var(--vx-radius-lg);box-shadow:var(--vx-shadow-modal);flex-direction:column;width:100%;max-width:560px;max-height:min(90vh,100dvh - 2.5rem);margin:auto;animation:.2s cubic-bezier(.16,1,.3,1) vxModalEnter;display:flex;position:relative;overflow:hidden}@keyframes vxModalEnter{0%{opacity:0;transform:scale(.97)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.vx-modal-dialog>form,.vx-modal-form{flex-direction:column;flex:auto;min-height:0;margin:0;display:flex;overflow:hidden}.vx-modal-header{border-bottom:1px solid var(--vx-border-subtle);background-color:var(--vx-surface);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.125rem 1.25rem;display:flex;position:sticky;top:0}.vx-modal-title{color:var(--vx-text-primary);align-items:center;gap:.5rem;margin:0;font-size:1.0625rem;font-weight:700;display:flex}.vx-modal-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--vx-scrollbar-thumb) transparent;flex:auto;min-height:0;padding:1.25rem;overflow-y:auto}.vx-modal-body::-webkit-scrollbar{width:6px}.vx-modal-body::-webkit-scrollbar-track{background:0 0}.vx-modal-body::-webkit-scrollbar-thumb{background-color:var(--vx-scrollbar-thumb);border-radius:var(--vx-radius-full)}.vx-modal-body::-webkit-scrollbar-thumb:hover{background-color:var(--vx-scrollbar-thumb-hover)}.vx-modal-footer{border-top:1px solid var(--vx-border-subtle);background-color:var(--vx-surface-subtle);z-index:10;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex;position:sticky;bottom:0}@media (max-width:640px){.vx-modal-backdrop{padding:.5rem}.vx-modal-dialog{border-radius:var(--vx-radius-md);max-height:min(94vh,100dvh - 1rem)}.vx-modal-header,.vx-modal-body{padding:1rem}.vx-modal-footer{flex-wrap:wrap;padding:.875rem 1rem}.vx-modal-footer .vx-btn{flex:auto;justify-content:center;min-width:120px}}