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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:900px){.App-header{box-sizing:border-box;font-size:1.1rem;min-height:60vh;overflow-x:hidden;padding:.5rem .2rem;width:100vw}nav{min-width:0!important;padding:0!important}nav,nav ul{box-sizing:border-box!important;overflow-x:hidden!important;width:100vw!important}nav ul{flex-direction:column!important;gap:.3rem!important;justify-content:center!important;margin:0!important;padding:.2rem 0!important}.menu-link,nav ul{align-items:center!important}.menu-link{border-radius:.7rem!important;box-sizing:border-box!important;display:flex!important;font-size:1.05rem!important;justify-content:flex-start!important;margin:0 auto!important;max-width:340px!important;padding:.6rem .7rem!important;width:96vw!important;word-break:break-word!important}.menu-link,body{overflow-x:hidden!important}.headerContent{display:none!important}.headerLeft,.headerMobile{display:flex!important}.headerLeft{align-items:center!important;gap:.5rem!important;justify-content:center!important;width:100vw!important}.headerLeft>div,.headerLeft>h1{text-align:center!important}.headerLeft>div,.headerLeft>div:last-child,.headerLeft>h1{margin:0 auto!important;max-width:340px!important;width:100vw!important}.headerLeft>div:last-child{background:none!important;box-shadow:none!important;z-index:1!important}.headerLeft>div:last-child,.headerRight{align-items:center!important;display:flex!important;flex-direction:column!important;gap:.2rem!important;position:static!important}.headerRight{justify-content:flex-start!important;margin:0!important;padding:0!important;width:100vw!important}.userInfo{background:#ffffffb3;box-shadow:0 2px 8px #0000000a;order:2!important;word-break:break-all!important}.logout-btn,.userInfo{border-radius:.4rem;display:block!important;font-size:1rem!important;margin:.2rem auto!important;max-width:340px!important;padding:.2rem .4rem;position:static!important;text-align:center!important;width:100vw!important;z-index:1!important}.logout-btn{background:#f3f4f6!important;border:none!important;box-shadow:none!important;color:#2563eb!important;font-weight:700!important;order:3!important}}body{background:#181f2a}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.login-form{background:#232b3e;border-radius:10px;box-shadow:0 4px 24px #0003;display:flex;flex-direction:column;padding:2rem 2.5rem;width:350px}.login-form h2{color:#3b82f6;font-weight:700;letter-spacing:2px;margin-bottom:1.5rem;text-align:center}.login-form input{background:#181f2a;border:1px solid #2563eb;border-radius:5px;color:#fff;font-size:1rem;margin-bottom:1rem;padding:.75rem}.login-form input:focus{background:#232b3e;outline:none}.login-form button{background:#2563eb;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:1rem;padding:.75rem;transition:background .2s}.login-form button:hover{background:#1e3c72}.register-link{color:#fff;font-size:.95rem;text-align:center}.register-link a{color:#3b82f6;cursor:pointer;text-decoration:underline;transition:color .2s,text-shadow .2s}.register-link span:hover{color:#3b82f6;cursor:pointer;text-shadow:0 0 8px #3b82f6}.error{color:#ff3860}.error,.success{margin-bottom:1rem;text-align:center}.success{color:#21e6c1}.login-message{animation:slideIn .3s ease-out;border-left:4px solid;border-radius:8px;margin-bottom:1rem;padding:1rem}.login-message.error{background:#ff38601a;border-left-color:#ff3860;color:#ff3860}.login-message.warning{background:#ffc1071a;border-left-color:#ffc107;color:#ffc107}.login-message.info{background:#3b82f61a;border-left-color:#3b82f6;color:#3b82f6}.message-content{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.message-icon{flex-shrink:0;font-size:1.2rem}.message-text{flex-grow:1;line-height:1.4}.message-help{border-top:1px solid #94a3b833;color:#94a3b8;font-size:.85rem;line-height:1.3;margin-top:.5rem;padding-top:.5rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-form button:disabled{background:#64748b;cursor:not-allowed;opacity:.7}.login-form button:disabled:hover{background:#64748b}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}