*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:#0f0f0f;color:#e0e0e0;font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.sidebar{position:fixed;top:0;left:0;width:220px;height:100vh;background:#161616;border-right:1px solid #2a2a2a;display:flex;flex-direction:column;padding:1.5rem 0}.sidebar-logo{font-size:1rem;font-weight:700;color:#ffffff;padding:0 1.25rem 1.5rem;border-bottom:1px solid #2a2a2a;margin-bottom:.75rem}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:0 .5rem}.sidebar-nav a{display:block;padding:.5rem .75rem;border-radius:6px;color:#a0a0a0;transition:background .15s,color .15s}.sidebar-nav a:hover{background:#222222;color:#e0e0e0}.sidebar-nav a.active{background:#1e3a5f;color:#60a5fa}.main-content{margin-left:220px;padding:1.5rem;min-height:100vh}.page-heading{font-size:1.5rem;font-weight:600;color:#ffffff;margin-bottom:1.5rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.stat-card{border:1px solid #2a2a2a;border-radius:8px;padding:1rem;background:#161616}.stat-card-label{font-size:.75rem;color:#707070;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.stat-card-value{font-size:1.75rem;font-weight:700;color:#ffffff}.notice{font-size:.8rem;color:#606060;margin-top:1rem}.placeholder-text{color:#606060;margin-top:.5rem}