body{font-family:Inter,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.appContainer{min-height:100vh;background-color:#020617;color:#e2e8f0;font-family:Inter,sans-serif;-webkit-user-select:none;user-select:none}.appContainer ::selection{background-color:#a855f7;color:#fff}.mainContent{transition:all .3s ease-in-out;padding-top:80px}@media(min-width:768px){.mainContent{margin-left:16rem;padding-top:0}}.contentWrapper{max-width:100%;margin-left:auto;margin-right:auto;padding:2.5rem}@media(max-width:767px){.contentWrapper{padding:1.5rem}}@media(min-width:1280px){.contentWrapper{max-width:1024px}}.sidebar{position:fixed;inset:0;z-index:50;width:16rem;background-color:#0f172a;border-right:1px solid #1e293b;transform:translate(-100%);transition:transform .3s ease-in-out;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;box-sizing:border-box}.sidebarOpen{transform:translate(0)}@media(min-width:768px){.sidebar{transform:translate(0)}}.sidebarBrand{margin-bottom:2rem;padding-top:.5rem;cursor:pointer}.sidebarBrand h1{font-size:1.25rem;font-weight:700;color:#a855f7;font-family:Inconsolata,monospace;display:flex;align-items:center;gap:.5rem;transition:all .2s;margin:0}.sidebarBrand:hover h1{letter-spacing:.05em}.sidebarBrand p{font-size:.75rem;color:#64748b;margin-top:.25rem;font-family:Inconsolata,monospace;padding-left:2rem;margin-bottom:0}.sidebarNav{flex:1;display:flex;flex-direction:column;gap:.5rem}.sidebarButton{margin:0 .5rem;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;transition:all .2s;font-weight:500;color:#64748b;background:transparent;border:none;cursor:pointer;text-align:left;font-size:1rem;box-sizing:border-box}.sidebarButton:hover{color:#fff;background-color:#1e293b}@keyframes subtleGlow{0%{box-shadow:0 0 4px #a855f74d}50%{box-shadow:0 0 12px #a855f799}to{box-shadow:0 0 4px #a855f74d}}.sidebarButton.active{background-color:#a855f71a;color:#a855f7;animation:subtleGlow 2.5s infinite ease-in-out}.sidebarFooter{margin-top:auto;padding-top:1.5rem;border-top:1px solid #1e293b;display:flex;align-items:center;gap:.75rem}.footerAvatar{width:2.5rem;height:2.5rem;border-radius:9999px;background-color:#0f172a;display:flex;align-items:center;justify-content:center;color:#a855f7;border:1px solid #1e293b;font-weight:700;font-size:.875rem}.footerInfo p{margin:0}.footerInfo p:first-child{font-size:.875rem;font-weight:500;color:#fff}.footerInfo p:last-child{font-size:.625rem;color:#64748b}.mobileHeader{position:fixed;top:0;left:0;right:0;z-index:50;background-color:#0f172a;border-bottom:1px solid #1e293b;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 2px #0000000d}.mobileHeader span{font-weight:700;color:#a855f7;font-family:Inconsolata,monospace;display:flex;align-items:center;gap:.5rem}.mobileHeader button{padding:.5rem;color:#fff;background:none;border:none;cursor:pointer}@media(min-width:768px){.mobileHeader{display:none}}.mobileOverlay{position:fixed;inset:0;background-color:#00000080;z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(min-width:768px){.mobileOverlay{display:none}}