:root{--font-heading:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "SF Pro", "Helvetica Neue", Arial, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "SF Pro", "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", ui-monospace, Menlo, Monaco, "Cascadia Mono", Consolas, monospace;--bg-primary:#090d16;--bg-secondary:#111827;--bg-card:#121a2bd6;--bg-card-hover:#1a263ef0;--bg-card-solid:#121a2b;--border-subtle:#ffffff1c;--border-focus:#0a84ff;--border-glow:#0a84ff59;--text-main:#f5f5f7;--text-muted:#98a2b3;--text-sub:#cbd5e1;--accent-primary:#0a84ff;--accent-primary-hover:#0071e3;--accent-glow:#0a84ff52;--accent-gradient:linear-gradient(135deg, #0a84ff 0%, #0071e3 55%, #5e5ce6 100%);--success:#30d158;--success-bg:#30d15824;--success-border:#30d15861;--success-glow:#30d15838;--danger:#ff453a;--danger-bg:#ff453a24;--danger-border:#ff453a6b;--danger-glow:#ff453a47;--warning:#ff9f0a;--warning-bg:#ff9f0a24;--warning-border:#ff9f0a6b;--warning-glow:#ff9f0a38;--info:#64d2ff;--info-bg:#64d2ff24;--info-border:#64d2ff6b;--info-glow:#64d2ff38;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 6px #0000002e;--shadow-md:0 10px 28px -4px #00000052;--shadow-lg:0 24px 48px -10px #0000007a;--shadow-card:0 12px 32px -6px #00000059, inset 0 1px 0 #ffffff14}[data-theme=light]{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-card:#ffffffe0;--bg-card-hover:#f8fafc;--bg-card-solid:#fff;--border-subtle:#0f172a17;--border-focus:#0071e3;--border-glow:#0071e32e;--text-main:#1d1d1f;--text-muted:#6e6e73;--text-sub:#424245;--accent-primary:#0071e3;--accent-primary-hover:#0077ed;--accent-glow:#0071e333;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 8px 24px -4px #0000000f;--shadow-lg:0 20px 42px -8px #0000001f;--shadow-card:0 4px 20px -2px #0000000d, 0 0 0 1px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:radial-gradient(at 10% 0%, #0a84ff21 0px, transparent 48%), radial-gradient(at 90% 0%, #5e5ce61f 0px, transparent 48%), radial-gradient(at 50% 100%, #30d1580f 0px, transparent 55%), var(--bg-primary);color:var(--text-main);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-attachment:fixed;min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.024em;font-weight:700}code,pre,.mono{font-family:var(--font-mono)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:saturate(180%)blur(24px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s,border-color .22s}.glass-panel:hover{border-color:#ffffff2e}.card-glow-halo{filter:blur(35px);pointer-events:none;opacity:.5;border-radius:50%;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.btn{font-family:var(--font-body);cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:-.01em;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:9px 17px;font-size:.86rem;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px var(--accent-glow), inset 0 1px 0 #fff3;border:1px solid #ffffff1f}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px var(--accent-glow), inset 0 1px 0 #ffffff40;filter:brightness(1.06);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-danger{color:#fff;box-shadow:0 4px 14px var(--danger-glow), inset 0 1px 0 #fff3;background:linear-gradient(135deg,#ff453a 0%,#e11d48 100%);border:1px solid #ffffff1f}.btn-danger:hover:not(:disabled){box-shadow:0 6px 20px var(--danger-glow);filter:brightness(1.06);transform:translateY(-1px)}.btn-success{color:#fff;box-shadow:0 4px 14px var(--success-glow), inset 0 1px 0 #fff3;background:linear-gradient(135deg,#30d158 0%,#10b981 100%);border:1px solid #ffffff1f}.btn-success:hover:not(:disabled){box-shadow:0 6px 20px var(--success-glow);filter:brightness(1.06);transform:translateY(-1px)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12}.btn-secondary:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff38;transform:translateY(-1px)}.btn-sm{border-radius:9px;padding:6px 12px;font-size:.79rem}.badge{border-radius:var(--radius-full);letter-spacing:-.005em;align-items:center;gap:5px;padding:4px 11px;font-size:.74rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:#34d399;border:1px solid var(--success-border)}.badge-danger{background:var(--danger-bg);color:#ff6961;border:1px solid var(--danger-border);animation:2.2s ease-in-out infinite pulse-danger}.badge-warning{background:var(--warning-bg);color:#ffb340;border:1px solid var(--warning-border)}.badge-info{background:var(--info-bg);color:#64d2ff;border:1px solid var(--info-border)}@keyframes pulse-danger{0%,to{box-shadow:0 0 #ff453a59}50%{box-shadow:0 0 0 5px #ff453a00}}.input,.select,.form-input{width:100%;font-family:var(--font-body);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-main);border-radius:11px;outline:none;padding:10px 14px;font-size:.9rem;transition:all .18s}.input:focus,.select:focus,.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);background:var(--bg-card-hover)}.modal-overlay{-webkit-backdrop-filter:saturate(180%)blur(16px);z-index:1000;background:#04070fad;justify-content:center;align-items:center;padding:16px;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card-solid);border:1px solid var(--border-subtle);width:100%;max-width:580px;box-shadow:var(--shadow-lg);border-radius:20px;animation:.22s cubic-bezier(.16,1,.3,1) scaleUp;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.table-container{border:1px solid var(--border-subtle);border-radius:14px;width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.865rem}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);background:#ffffff09;padding:13px 16px;font-size:.72rem;font-weight:600}td{border-bottom:1px solid var(--border-subtle);color:var(--text-main);padding:14px 16px}tr{transition:background .15s}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff09}[data-theme=light] body{background:radial-gradient(at 0 0,#0071e30f 0,#0000 50%),radial-gradient(at 100% 0,#5e5ce60d 0,#0000 50%),#f5f5f7}[data-theme=light] .modal-overlay{background:#1d1d1f61}[data-theme=light] .modal-content{background:#fff;border:1px solid #00000014;box-shadow:0 24px 48px -12px #00000029}[data-theme=light] .glass-panel{background:#ffffffe0;border:1px solid #00000012;box-shadow:0 4px 20px -2px #0000000a}[data-theme=light] .glass-panel:hover{border-color:#0000001f}[data-theme=light] .table-container{border-color:#00000012}[data-theme=light] th{color:#6e6e73;background:#f5f5f7;border-bottom:1px solid #00000012}[data-theme=light] td{border-bottom:1px solid #0000000d}[data-theme=light] tr:hover td{background:#0071e308}[data-theme=light] .btn-secondary{color:#1d1d1f;background:#f5f5f7;border:1px solid #0000001a}[data-theme=light] .btn-secondary:hover:not(:disabled){background:#e8e8ed;border-color:#00000029}[data-theme=light] .badge-success{color:#059669;background:#10b9811f}[data-theme=light] .badge-danger{color:#e11d48;background:#f43f5e1f}[data-theme=light] .badge-warning{color:#d97706;background:#f59e0b1f}[data-theme=light] .badge-info{color:#0071e3;background:#0071e31a;border-color:#0071e340}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#94a3b84d}::-webkit-scrollbar-thumb:hover{background:#94a3b880}.mdm-command-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.mdm-zone-card{background:#fff;border:1px solid #00000014;border-radius:16px;flex-direction:column;gap:11px;padding:15px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 2px 10px #00000008}.mdm-zone-card:hover{border-color:#00000024;box-shadow:0 8px 24px -4px #00000012}.mdm-zone-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.mdm-zone-title{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:.73rem;font-weight:700;display:inline-flex}.mdm-btn-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px;display:grid}.mdm-action-btn{min-height:38px;font-family:var(--font-body);letter-spacing:-.01em;color:#1d1d1f;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #d2d2d7;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:7px 11px;font-size:.81rem;font-weight:600;text-decoration:none;transition:all .16s cubic-bezier(.16,1,.3,1);display:inline-flex;overflow:hidden}.mdm-action-btn:hover:not(:disabled){background:#f5f5f7;border-color:#86868b;transform:translateY(-1px);box-shadow:0 4px 12px #00000012}.mdm-action-btn:active:not(:disabled){transform:translateY(0)}.mdm-action-btn:disabled{opacity:.5;cursor:not-allowed}.mdm-tabs-bar{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid #d2d2d7;gap:24px;margin-bottom:20px;display:flex;overflow-x:auto}.mdm-tabs-bar::-webkit-scrollbar{display:none}.wallpaper-modal-grid{flex:1;grid-template-columns:260px 1fr;gap:24px;padding:24px;display:grid;overflow-y:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@media (width<=1024px){main{padding:16px!important}.mdm-command-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (width<=768px){main{padding:12px!important}.glass-panel{border-radius:14px;padding:16px!important}.modal-overlay{padding:8px!important}.wallpaper-modal-grid{grid-template-columns:1fr!important;padding:16px!important}.mdm-command-grid{grid-template-columns:1fr}.mdm-btn-grid{grid-template-columns:repeat(2,1fr)}.mdm-tabs-bar{gap:16px}th,td{padding:10px 12px;font-size:.8rem}}@media (width<=480px){.mdm-btn-grid{grid-template-columns:1fr 1fr;gap:6px}.mdm-action-btn{min-height:36px;padding:6px 8px;font-size:.76rem}.btn{padding:7px 12px;font-size:.8rem}}.vtp-navbar{z-index:100;background:var(--bg-card-solid,#fff);border-bottom:1px solid var(--border-subtle,#dce3ed);position:sticky;top:0;box-shadow:0 3px 18px #0f172a0a}.vtp-nav-shell{min-width:0;max-width:1440px;margin:auto;padding:12px 22px 10px}.vtp-nav-top{justify-content:space-between;align-items:center;gap:14px;min-width:0;display:flex}.vtp-brand{text-align:left;min-width:0;color:var(--text-main);cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:11px;padding:0;display:flex}.vtp-brand-mark{color:#fff;background:linear-gradient(135deg,#0a84ff,#5e5ce6);border-radius:13px;flex:0 0 42px;place-items:center;height:42px;display:grid;box-shadow:0 4px 12px #0a84ff33}.vtp-brand>span:last-child{min-width:0}.vtp-brand strong{letter-spacing:-.04em;font-size:19px;display:block}.vtp-brand small{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:300px;margin-top:2px;font-size:11px;display:block;overflow:hidden}.vtp-nav-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.vtp-nav-account{color:var(--text-main);align-items:center;gap:8px;font-size:12px;display:flex}.vtp-nav-account span{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.vtp-nav-account b{color:#0a84ff;background:#0a84ff19;border-radius:7px;padding:5px 8px;font-size:10px}.vtp-nav-control{border:1px solid var(--border-subtle);min-width:38px;min-height:38px;color:var(--text-main);font:inherit;cursor:pointer;background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:12px;display:inline-flex}.vtp-nav-control:hover{background:#0a84ff14}.vtp-nav-logout{color:#e04755}.vtp-desktop-navigation{border-top:1px solid var(--border-subtle);box-sizing:border-box;flex-wrap:wrap;gap:5px;width:100%;margin-top:12px;padding-top:10px;display:flex}.vtp-nav-link{min-height:38px;color:var(--text-sub);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:650;display:inline-flex}.vtp-nav-link:hover{color:#0a84ff;background:#0a84ff12}.vtp-nav-link.is-active{color:#fff;background:#0a84ff;box-shadow:0 3px 9px #0a84ff2b}.vtp-nav-toggle,.vtp-mobile-navigation{display:none}.vtp-nav-trial{max-width:270px}.vtp-nav-control:focus-visible,.vtp-nav-link:focus-visible,.vtp-brand:focus-visible{outline-offset:3px;outline:2px solid #0a84ff}@media (width<=1100px){.vtp-nav-account span{max-width:110px}.vtp-brand small,.vtp-nav-trial{max-width:220px}}@media (width<=959px){.vtp-nav-shell{padding:12px 16px}.vtp-desktop-navigation{display:none}.vtp-nav-toggle{display:inline-flex}.vtp-mobile-navigation{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:5px;margin-top:14px;padding-top:10px;display:grid}.vtp-nav-trial{display:none}}@media (width<=600px){.vtp-nav-shell{padding:10px 12px}.vtp-nav-account{display:none}.vtp-brand small{max-width:145px}.vtp-brand strong{font-size:17px}.vtp-brand-mark{flex-basis:36px;height:36px}.vtp-nav-logout span{display:none}.vtp-nav-controls{gap:5px}.vtp-nav-top{gap:8px}.vtp-nav-control{min-width:36px;min-height:40px;padding:7px}.vtp-mobile-navigation .vtp-nav-link{min-height:44px}}
