:root{--bg-dark:#0e0e0e;--bg-mid:#141414;--bg-light:#1a1a1a;--bg-border:#282828;--text-primary:#fff;--text-secondary:#ece6da;--text-body:#bcbcb8;--text-muted:#9e9e98;--text-dim:#828278;--accent:#c8b890;--accent-bright:#e0b060;--danger:#e07868;--safe:#68c880;--font-serif:Georgia,"Times New Roman",serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"Courier New",monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#vd-gate{height:100vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:.9rem;display:flex}.vd{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.vd-side{background:var(--bg-mid);border-right:1px solid var(--bg-border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.vd-brand{border-bottom:1px solid var(--bg-border);align-items:center;gap:.6rem;height:64px;padding:0 1.25rem;display:flex}.vd-brand img{width:auto;height:40px}.vd-brand span{font-family:var(--font-serif);color:var(--accent);font-size:1.05rem}.vd-nav{flex-direction:column;flex:1;gap:2px;padding:.75rem .6rem;display:flex;overflow-y:auto}.vd-nav__group{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);padding:.9rem .7rem .35rem;font-size:9px}.vd-link{color:var(--text-muted);border-left:2px solid #0000;border-radius:8px;align-items:center;gap:.7rem;padding:.6rem .7rem;font-size:.9rem;transition:background .15s,color .15s;display:flex}.vd-link svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.vd-link:hover{background:var(--bg-light);color:var(--text-secondary)}.vd-link.active{color:var(--accent);border-left-color:var(--accent);background:#c8b8901a}.vd-link span:first-of-type{flex:1}.vd-badge{background:var(--accent);color:#0e0e0e;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:flex}.vd-side__foot{border-top:1px solid var(--bg-border);flex-direction:column;gap:2px;padding:.75rem .6rem .85rem;display:flex}.vd-foot__link{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.65rem;width:100%;padding:.55rem .7rem;font-family:inherit;font-size:.85rem;transition:background .15s,color .15s;display:flex}.vd-foot__link svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.vd-foot__link:hover{background:var(--bg-light);color:var(--text-secondary)}.vd-foot__logout:hover{color:var(--danger)}.vd-foot__legal{border-top:1px solid var(--bg-border);color:var(--text-dim);justify-content:center;align-items:center;gap:.45rem;margin-top:.5rem;padding-top:.65rem;font-size:.72rem;display:flex}.vd-foot__legal a{color:var(--text-dim);transition:color .15s}.vd-foot__legal a:hover{color:var(--accent)}.vd-main{flex-direction:column;min-width:0;display:flex}.vd-top{border-bottom:1px solid var(--bg-border);z-index:5;backdrop-filter:blur(6px);background:#14141480;justify-content:space-between;align-items:center;gap:1rem;height:64px;padding:0 2rem;display:flex;position:sticky;top:0}.vd-top__title{font-family:var(--font-serif);font-size:1.5rem;font-weight:400}.vd-top__right{align-items:center;gap:1rem;display:flex}.vd-top__user{color:var(--text-muted);border-radius:8px;align-items:center;gap:.5rem;padding:.25rem .4rem;font-size:.82rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.vd-top__user:hover{color:var(--text-secondary);background:var(--bg-light)}.vd-top__avatar{width:30px;height:30px;color:var(--accent);background:#c8b89026;border:1px solid #c8b89059;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.vd-cta{color:var(--accent);font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;background:#c8b8901a;border:1px solid #c8b89073;border-radius:8px;padding:.55rem 1.1rem;font-size:11px;transition:background .2s,color .2s}.vd-cta:hover{background:var(--accent);color:#0e0e0e}.vd-content{flex:1;padding:2rem}.vd-placeholder{background:var(--bg-mid);border:1px solid var(--bg-border);text-align:center;border-radius:12px;padding:3.5rem 2rem}.vd-placeholder .ic{color:var(--accent);margin-bottom:.75rem;font-size:2rem;display:block}.vd-placeholder h2{font-family:var(--font-serif);color:var(--text-secondary);margin-bottom:.5rem;font-size:1.35rem;font-weight:400}.vd-placeholder p{color:var(--text-dim);max-width:48ch;margin:0 auto;font-size:.9rem}.vd-top__left{align-items:center;gap:.6rem;min-width:0;display:flex}.vd-burger{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem;display:none}.vd-burger svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.vd-overlay{z-index:20;background:#0000008c;display:none;position:fixed;inset:0}@media (width<=768px){.vd{grid-template-columns:1fr}.vd-side{z-index:30;width:264px;height:100dvh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.vd-side__foot{padding-bottom:calc(.85rem + env(safe-area-inset-bottom,0px))}.vd-side.vd-side--open{transform:translate(0);box-shadow:0 0 40px #0000008c}.vd-overlay.vd-overlay--show{display:block}.vd-burger{align-items:center;display:inline-flex}.vd-top{padding:0 1rem}.vd-top__title{white-space:nowrap;text-overflow:ellipsis;font-size:1.2rem;overflow:hidden}.vd-cta,.vd-top__user #vd-name{display:none}.vd-content{padding:1.25rem 1rem calc(2rem + env(safe-area-inset-bottom,0px))}}
