@import "https://fonts.googleapis.com/css2?family=Audiowide&display=swap";
:root{--background:#0a0a0a;--foreground:#f0f0f0;--card-bg:#141414;--border-col:#2a2a2a;--text-sec:#888;--accent:#7c3aed;--btn-bg:#222;--btn-color:#e0e0e0}.light{--background:#fff;--foreground:#111;--card-bg:#f9f9f9;--border-col:#e0e0e0;--text-sec:#666;--accent:#6d28d9;--btn-bg:#eee;--btn-color:#111}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);height:100%;color:var(--foreground);font-family:Inter,system-ui,-apple-system,sans-serif}body{-webkit-font-smoothing:antialiased}.bg-grid-pattern{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:40px 40px}.sidebar{background-color:var(--card-bg);border-right:1px solid var(--border-col);flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:1.75rem 0;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-close,.sidebar-overlay{display:none}.hamburger-btn{border:1px solid var(--border-col);color:var(--text-sec);cursor:pointer;background:0 0;border-radius:.5rem;padding:.5rem;display:none}.main-content{padding:2.5rem 3rem}@media (max-width:1023px){.sidebar{z-index:30;height:100vh;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar[data-open=true]{transform:translate(0)}.sidebar-overlay{z-index:20;pointer-events:none;background:0 0;transition:background .3s;display:block;position:fixed;inset:0}.sidebar-overlay[data-open=true]{pointer-events:all;background:#0009}.sidebar-close{color:var(--text-sec);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.4rem;display:flex;position:absolute;top:1rem;right:1rem}.hamburger-btn{justify-content:center;align-items:center;display:flex}:root{--main-padding:1.25rem}}@media (min-width:1024px){:root{--main-padding:2.5rem 3rem}}