:root{--background: #1e1e1e;--foreground: #f5f5f5;--card: #2c2c2c;--card-foreground: #f5f5f5;--accent: #646cff;--accent-hover: #535bf2;--border: #3a3a3a;--radius: 8px;--font-family: "Segoe UI";--line-height: 1.5;--font-weight-normal: 400;--font-weight-bold: 500;--font-size: 20px}body{margin:5;font-family:var(--font-family);line-height:1.5;background-color:var(--background);color:var(--foreground);min-height:100vh;display:flex;flex-direction:column;font-size:var(--font-size)}a{color:var(--accent);text-decoration:none;font-weight:500;transition:color .2s}a:hover{color:var(--accent-hover)}button{border-radius:var(--radius);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--card);color:var(--card-foreground);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent)}h1,h3,h4,h5,h6{color:var(--foreground);margin:0 0 1rem;text-align:center}@media(prefers-color-scheme:light){:root{--background: #f9f9f9;--foreground: #111827;--card: #ffffff;--card-foreground: #111827;--accent: #646cff;--accent-hover: #535bf2;--border: #d1d5db}}.sidebar{width:16rem;min-height:100vh;padding:1rem;background-color:#1e1e1e66;border-right:1px solid rgba(209,213,219,.2);border-radius:0rem;box-shadow:0 0 30px #5227ff99;clip-path:polygon(0 0,100% 0,95% 100%,0 100%)}.sidebar nav{display:flex;flex-direction:column;gap:.5rem}.sidebar-link{display:block;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;color:#c5c5c5;text-decoration:none;transition:color .2s ease}.sidebar-link:hover{color:#111827}.sidebar-link.active{background-color:#1e1e1e;color:#fff}.main-layout{display:flex;width:100%;min-height:100vh}.sidebar{width:13rem;flex-shrink:0;background-color:#42424280;border-right:4px solid #332525;padding:1rem}.main-content{flex:1;padding:0rem;overflow-y:auto}