*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.main-layout{display:flex;flex:1 1}.sidebar{background:#111827;color:#fff;flex-shrink:0;padding:1rem}.sidebar h2{font-size:1.25rem;margin-bottom:1rem}.topbar{box-shadow:0 1px 4px #0000000d;z-index:10}.main-content{box-sizing:border-box;flex:1 1;margin-left:220px;max-width:100%;overflow-x:auto;padding:2rem}@media (max-width:768px){.main-content{margin-left:0;padding:1rem}}@media (max-width:480px){.main-content{padding:.75rem .5rem}}@media (max-width:768px){.main-layout{flex-direction:column}.sidebar{padding:1rem .5rem;text-align:center;width:100%}.sidebar h2{font-size:1.2rem;margin-bottom:1rem}.sidebar ul{padding:0}.sidebar li{font-size:.9rem;padding:.5rem .75rem}.main-content{margin-left:0;padding:1rem}.grid.md-grid-cols-2{grid-template-columns:1fr}}@media (max-width:480px){.sidebar{padding:.75rem .25rem}.sidebar h2{font-size:1rem;margin-bottom:.75rem}.sidebar li{font-size:.85rem;padding:.4rem .5rem}.main-content{padding:.75rem .5rem}.grid.md-grid-cols-2{grid-template-columns:1fr}}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.md-grid-cols-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000f;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-4px)}.sidebar{background:#1e293b;box-shadow:2px 0 10px #00000014;color:#f1f5f9;height:100vh;overflow-y:auto;padding:1.5rem 1rem;position:fixed;width:220px}@media (max-width:768px){.sidebar{box-shadow:none;height:auto;overflow-y:visible;padding:1rem .5rem;position:relative;width:100%}}@media (max-width:480px){.sidebar{padding:.75rem .25rem}}.sidebar h2{color:#facc15;font-size:1.4rem;margin-bottom:2rem}.sidebar ul{list-style:none}.sidebar li{border-radius:8px;cursor:pointer;margin-bottom:.5rem;padding:.75rem 1rem;transition:background .2s ease}.sidebar li:hover{background-color:#334155}html{scroll-behavior:smooth}.main-content{scroll-padding-top:80px;scroll-snap-type:y mandatory}.section{margin-bottom:2rem;scroll-snap-align:start}body{background:#f9fafb;color:#1f2937;font-family:Segoe UI,Roboto,sans-serif;line-height:1.6}.sidebar li,a{color:#f1f5f9}a:hover{color:#facc15}.topbar{background:#fff;box-shadow:0 2px 6px #00000014;padding:1rem 2rem;position:sticky;top:0;z-index:100}.fade-in{animation:fadeIn .5s ease-in-out both}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.92822855.css.map*/