:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000b3;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#1658a0;text-decoration:inherit}a:hover{color:#535bf2}.header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background-color:var(--primary-color, #1658a0);color:#fff;flex-wrap:wrap}.logo{font-size:1.1rem;font-weight:700;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%}.nav{align-items:center;display:flex;gap:15px}.nav-left{margin-right:auto;margin-left:20px}.nav-link{text-decoration:none;color:#fff;font-size:1rem}.nav-link.active{border-bottom:2px solid #61dafb}.nav-right{margin-top:auto;margin-left:auto}@media screen and (max-width: 576px){.header{padding:8px 12px;flex-direction:column;align-items:flex-start}.logo{font-size:1rem;margin-bottom:8px;max-width:100%}.nav{width:100%;justify-content:space-between;gap:8px}.nav-left{margin-left:0}}@media screen and (min-width: 577px) and (max-width: 768px){.header{padding:10px 15px}.logo{font-size:1rem}.nav-left{margin-left:10px}.nav{gap:10px}}.auth-button{width:70px;padding:5px;background-color:#1658a0;color:#fff;border:2px solid white;border-radius:10px;cursor:pointer}.auth-button:hover{background-color:#fff;color:#1658a0}.footer{background-color:#282c34;color:#fff;padding:20px;font-family:Arial,sans-serif;width:100%;box-sizing:border-box}.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1280px;margin:0 auto}.footer-section{flex:1;min-width:200px;margin:10px}.footer-section h4{font-size:18px;margin-bottom:10px}.footer-section p,.footer-section ul{font-size:14px;margin:0}.footer-section ul{list-style:none;padding:0;display:inline-flex;flex-wrap:wrap}.footer-section ul li{margin-bottom:5px;margin-right:10px}.footer-section ul li a{text-decoration:none;color:#61dafb}.footer-section ul li a:hover{text-decoration:underline}.footer-bottom{text-align:center;margin-top:20px;font-size:14px;color:#888}.social-links{display:flex;gap:10px;flex-wrap:wrap}.social-links a{text-decoration:none;color:#61dafb}.social-links a:hover{color:#fff}@media screen and (max-width: 576px){.footer{padding:15px 10px}.footer-section{min-width:100%;margin:5px 0}.footer-section h4{font-size:16px;margin-bottom:8px}.footer-section p,.footer-section ul{font-size:13px}.footer-bottom{margin-top:15px;font-size:12px}}@media screen and (min-width: 577px) and (max-width: 768px){.footer{padding:15px}.footer-section{min-width:45%}.footer-section h4{font-size:16px}.footer-section p,.footer-section ul{font-size:13px}}.login{display:grid;justify-content:center;margin:10vh auto 0;width:min(90%,400px);padding:20px;box-sizing:border-box}.login h1{font-size:var(--font-size-xl, 24px);color:var(--text-color, #666666);margin-bottom:20px;text-align:center}.login input{border-radius:7px;font-size:var(--font-size-md, 16px);padding:12px;margin:8px 0;border:2px solid white;background-color:#f5f5f5;color:#666;width:100%;box-sizing:border-box}.login input::placeholder{color:#999;opacity:1}.login button{height:44px;background-color:var(--primary-color, #1658a0);color:#fff;border:none;border-radius:4px;margin:15px 0 0;cursor:pointer;width:100%;font-size:var(--font-size-md, 16px);transition:background-color .3s ease}.login button:hover{background-color:#1658a0d4}.login p{color:#ff4d4f;margin-top:10px;text-align:center;font-size:var(--font-size-sm, 14px)}@media screen and (max-width: 576px){.login{margin-top:5vh;padding:15px}.login h1{font-size:var(--font-size-lg, 18px);margin-bottom:15px}.login input{padding:10px;font-size:var(--font-size-sm, 14px)}.login input::placeholder{font-size:var(--font-size-sm, 14px);padding-top:2px}.login button{height:40px;font-size:var(--font-size-sm, 14px)}}@media screen and (min-width: 577px) and (max-width: 768px){.login{margin-top:8vh}}#root{margin:0;text-align:center}body{width:100%;margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.main-content{max-width:1280px;margin:0 auto;padding:0 15px;display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box}:root{--breakpoint-xs: 480px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--primary-color: #1658a0;--text-color: #666666;--bg-color: #ffffff;--border-color: #f0f0f0}@media screen and (max-width: 576px){.hide-xs{display:none!important}}@media screen and (min-width: 577px) and (max-width: 768px){.hide-sm{display:none!important}}@media screen and (min-width: 769px) and (max-width: 992px){.hide-md{display:none!important}}@media screen and (min-width: 993px){.hide-lg{display:none!important}}