*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f0ede8;height:100vh;overflow:hidden}#app{height:100vh}.wrapper-layout{display:flex;height:100vh}.wrapper-sidebar{width:240px;flex-shrink:0;background:#1a1a1a;display:flex;flex-direction:column;padding:1.5rem 0}.wrapper-sidebar-header{padding:0 1.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:1rem}.wrapper-logo{display:block;font-family:Playfair Display,serif;font-size:1.25rem;font-weight:600;color:#c9a227}.wrapper-subtitle{font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;margin-top:.25rem;display:block}.wrapper-nav{list-style:none;padding:0 .75rem;display:flex;flex-direction:column;gap:.25rem}.wrapper-nav-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem .875rem;background:none;border:none;border-radius:8px;font-family:inherit;font-size:.875rem;font-weight:500;color:#ffffff8c;cursor:pointer;transition:background .2s,color .2s;text-align:left}.wrapper-nav-item:hover{background:#ffffff0f;color:#ffffffd9}.wrapper-nav-item.active{background:#ffffff1a;color:#fff}.wrapper-nav-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.wrapper-main{flex:1;overflow:hidden}.wrapper-frame{width:100%;height:100%;border:none;display:block}.wrapper-empty{height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:.9375rem}