body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-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}:root{--primary:#2563eb;--secondary:#1e293b;--accent:#f59e0b;--light:#f8fafc;--dark:#0f172a;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #0000001a;--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}.app,body{background:#f8fafc;background:var(--light);color:#1e293b;color:var(--secondary);display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh}.navbar{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffffffa;border-bottom:1px solid #0000000d;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.nav-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 auto;max-width:1200px;padding:1rem}.nav-btn{background:#0000;border:none;border-radius:4px;color:#1e293b;color:var(--secondary);cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;transition:var(--transition)}.nav-btn:hover{color:#2563eb;color:var(--primary);transform:translateY(-2px)}.nav-btn.active{background:#f59e0b;background:var(--accent);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);color:#fff}.page-content{flex:1 1;width:100%}@media (max-width:768px){.nav-container{gap:.25rem;justify-content:space-around;padding:.5rem}.nav-btn{font-size:.9rem;padding:.5rem}}@media (max-width:480px){.nav-container{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.nav-container::-webkit-scrollbar{display:none}.nav-btn{font-size:.8rem;padding:.4rem .8rem;white-space:nowrap}}.loading-spinner{align-items:center;color:#64748b;display:flex;font-size:1.2rem;height:200px;justify-content:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner:before{animation:spin 1s ease-in-out infinite;border:3px solid #64748b4d;border-radius:50%;border-top-color:#64748b;content:"";display:inline-block;height:20px;margin-right:10px;width:20px}
/*# sourceMappingURL=main.c75ba9fd.css.map*/