*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{transition:color .2s ease}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root{--header-bg-color:#6366f1;--header-text-color:#fff;--bg-color:#f8fafc;--text-color:#1e293b;--link-color:#6366f1;--link-hover-color:#4f46e5;--nav-bg-color:#fff;--nav-text-color:#64748b;--nav-link-color:#64748b;--nav-link-hover-color:#6366f1;--nav-link-active-color:#6366f1;--nav-link-active-bg-color:#eef2ff;--button-bg-color:#6366f1;--button-text-color:#fff;--button-hover-bg-color:#4f46e5;--button-hover-text-color:#fff;--button-border:1px solid #6366f1;--button-hover-border:1px solid #4f46e5}.general-content{display:grid;grid-template-areas:"header header" "nav main";grid-template-columns:260px 1fr;grid-template-rows:auto 1fr;height:100vh;text-shadow:none}.App-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#fff;color:var(--header-text-color);grid-area:header;padding:24px 32px;position:relative;text-align:center;z-index:10}.App-nav{background-color:#fff;background-color:var(--nav-bg-color);border-right:1px solid #e2e8f0;box-shadow:0 1px 3px 0 #0000001a;grid-area:nav;padding:24px 16px;text-align:left}.App-main{background-color:#f8fafc;background-color:var(--bg-color);color:#1e293b;color:var(--text-color);grid-area:main;overflow-y:auto;padding:32px}.App-content{background-color:#f9f9f9;border-top:1px solid #ddd;padding:20px}.App-content div{margin-bottom:20px}.App-content h1{font-size:24px;margin-bottom:10px}.App-content p{font-size:16px;margin:5px 0}ul{list-style-type:none;margin:0;padding:0}li{margin-bottom:8px}a{color:#6366f1;color:var(--link-color);font-weight:500;text-decoration:none;transition:all .2s ease}a:hover{color:#4f46e5;color:var(--link-hover-color)}@media (max-width:768px){.general-content{grid-template-areas:"header" "main";grid-template-columns:1fr;grid-template-rows:auto 1fr}.App-nav{display:none}.App-main{padding:16px}.App-header{font-size:18px;padding:20px;position:relative}.hamburger-button{align-items:center;background:#0000;color:#fff;display:inline-flex;justify-content:center;left:12px;pointer-events:auto;position:fixed;top:12px;z-index:60}.App-nav{background-color:#fff;background-color:var(--nav-bg-color);box-shadow:0 8px 20px #0206171f;left:0;max-height:calc(100vh - 72px);overflow-y:auto;position:absolute;right:0;top:72px;transform:translateX(-100%);transition:transform .24s ease-in-out,opacity .2s ease-in-out;width:100%;z-index:30}.App-nav.open{opacity:1;transform:translateX(0)}.App-nav.closed{opacity:0;transform:translateX(-100%)}.nav-overlay{background:#00000073;inset:0 0 0 0;opacity:0;pointer-events:none;position:fixed;transition:opacity .18s ease-in-out;z-index:25}.nav-overlay.visible{opacity:1;pointer-events:auto}.nav-overlay.hidden{opacity:0;pointer-events:none}}
/*# sourceMappingURL=main.c3390b84.css.map*/