*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#e5e7eb;background:radial-gradient(circle at top,#0f172a 0%,#020617 45%,#000 100%);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.vr-app{background:radial-gradient(circle at 0 0,#38bdf826 0,#0000 55%),radial-gradient(circle at 100% 100%,#818cf829 0,#0000 55%),radial-gradient(circle at 0 100%,#0e749033 0,#0000 55%);min-height:100vh;display:flex}.vr-sidebar{background:linear-gradient(#0f172af5,#0f172afa);border-right:1px solid #38bdf840;flex-direction:column;justify-content:space-between;width:230px;padding:20px 18px;display:flex;box-shadow:0 0 30px #082f49cc}.vr-logo-block{margin-bottom:28px}.vr-logo-tag{letter-spacing:.25em;text-transform:uppercase;color:#22d3ee;font-size:10px}.vr-logo-main{color:#e5e7eb;margin-top:4px;font-size:20px;font-weight:700}.vr-logo-sub{color:#9ca3af;margin-top:2px;font-size:11px}.vr-nav{list-style:none}.vr-nav-item{margin-bottom:4px}.vr-nav-link{color:#e5e7eb;border:1px solid #0000;border-radius:999px;padding:9px 10px;font-size:14px;text-decoration:none;transition:background-color .18s,border-color .18s,color .18s,transform .12s,box-shadow .18s;display:block}.vr-nav-link:hover{background:#0f766e59;border-color:#22d3ee66;transform:translate(2px)}.vr-nav-link--active{color:#e0f2fe;background:radial-gradient(circle at 0 0,#38bdf859,#0000 70%);border-color:#60a5facc}.vr-sidebar-footer{color:#9ca3af;border-top:1px solid #1e40afb3;align-items:center;gap:10px;margin-top:24px;padding-top:14px;font-size:11px;display:flex}.vr-avatar{color:#e5e7eb;background:radial-gradient(circle at 30% 0,#22d3ee,#1d4ed8);border:1px solid #38bdf8cc;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:flex;box-shadow:0 0 12px #3b82f6cc}.vr-main{flex-direction:column;flex:1;padding:18px 24px;display:flex}.vr-topbar{border-bottom:1px solid #1e40af99;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}.vr-topbar-title{font-size:18px;font-weight:600}.vr-topbar-sub{color:#9ca3af;font-size:11px}.vr-grid-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.vr-card{overflow-wrap:break-word;word-break:break-word;background:radial-gradient(circle at 0 0,#38bdf826,#0f172afa);border:1px solid #38bdf847;border-radius:14px;min-width:0;padding:14px 16px;box-shadow:0 0 20px #082f49e6,0 0 40px #0f172a}.vr-card-label{text-transform:uppercase;letter-spacing:.1em;color:#a5b4fc;font-size:11px}.vr-card-value{color:#e5e7eb;margin-top:6px;font-size:24px;font-weight:600}.vr-card-sub{color:#9ca3af;margin-top:4px;font-size:11px}.vr-grid-2{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;margin-top:18px;display:grid}.vr-section-title{margin-bottom:4px;font-size:13px;font-weight:600}.vr-section-sub{color:#9ca3af;font-size:11px}.vr-list{color:#e5e7eb;overflow-wrap:break-word;word-break:break-word;min-width:0;margin-top:8px;font-size:11px}.vr-list li{overflow-wrap:break-word;word-break:break-word;min-width:0;margin-bottom:4px}.vr-pill{border-radius:999px;padding:2px 8px;font-size:10px;font-weight:500}.vr-pill--ok{color:#6ee7b7;background:#10b98133;border:1px solid #10b981b3}.vr-pill--warn{color:#facc15;background:#f59e0b29;border:1px solid #f59e0b99}.vr-sidebar-brand{background:radial-gradient(circle at 0 0,#38bdf81f,#0000 80%);border:1px solid #38bdf84d;border-radius:12px;align-items:center;gap:12px;margin-bottom:32px;padding:12px;transition:box-shadow .25s,transform .25s;display:flex;box-shadow:0 0 8px #38bdf840,0 0 16px #38bdf82e,inset 0 0 6px #38bdf826}.vr-sidebar-brand:hover{transform:translateY(-1px);box-shadow:0 0 12px #38bdf873,0 0 20px #38bdf859,inset 0 0 8px #38bdf840}.vr-brand-icon{filter:drop-shadow(0 0 8px #38bdf899);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.vr-brand-text{flex:1;min-width:0}.vr-brand-name{color:#e5e7eb;letter-spacing:-.01em;font-size:16px;font-weight:700}.vr-brand-tagline{color:#22d3ee;text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:10px}.vr-nav-link{position:relative;overflow:hidden}.vr-nav-link:before{content:"";opacity:0;background:linear-gradient(#22d3ee,#6366f1);width:3px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.vr-nav-link:hover:before{opacity:.6}.vr-nav-link--active:before{opacity:1}.vr-nav-link:hover{background:#0f766e4d;border-color:#22d3ee80;box-shadow:0 0 12px #22d3ee33}.vr-nav-link--active{background:radial-gradient(circle at 0 0,#38bdf84d,#0000 70%);border-color:#60a5fae6;box-shadow:0 0 16px #38bdf866}.vr-user-info{flex:1;min-width:0}.vr-user-name{color:#e5e7eb;font-size:13px;font-weight:600}.vr-user-role{color:#22d3ee;margin-top:2px;font-size:10px}.vr-avatar{flex-shrink:0}@media (max-width:768px){.vr-app{flex-direction:column}.vr-sidebar{flex-direction:row;align-items:center;gap:18px;width:100%}.vr-logo-block{margin-bottom:0}.vr-sidebar-footer{display:none}.vr-sidebar-brand{margin-bottom:0;padding:8px 12px}.vr-brand-icon{width:32px;height:32px}.vr-brand-name{font-size:14px}.vr-brand-tagline{font-size:9px}.vr-grid-2{grid-template-columns:1fr}.vr-card{overflow-wrap:break-word;word-break:break-word}.vr-list{word-break:break-all;overflow-wrap:anywhere;font-size:10px}.vr-list li{word-break:break-all;overflow-wrap:anywhere}}