*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#000;color:#fff;min-height:100vh}#root{min-height:100vh}h1{text-align:center;font-size:2.5em;margin-top:40px}.page{display:flex;flex-direction:column;align-items:center}.layout{min-height:100vh}header{display:flex;flex-direction:column;align-items:center;padding:20px}.logo{height:115px;width:auto;margin-bottom:20px}nav{display:flex;gap:24px}nav a{color:#fff;text-decoration:none;font-size:18px;padding:8px 16px;border:2px solid transparent;transition:border-color .2s}nav a:hover{border-color:#ff9800}nav a.active{border-color:#fff}main{padding:20px}.logout-btn{background:transparent;color:#fff;border:2px solid transparent;font-size:18px;padding:8px 16px;cursor:pointer;transition:border-color .2s}.logout-btn:hover{border-color:#ff9800}.login-container{display:flex;flex-direction:column;align-items:center;padding:40px 20px}.login-container h2{margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:16px;width:100%;max-width:300px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px}.form-group input{padding:10px 12px;font-size:16px;border:2px solid #333;border-radius:4px;background-color:#1a1a1a;color:#fff}.form-group input:focus{outline:none;border-color:#ff9800}.login-form button{padding:12px;font-size:16px;background-color:#ff9800;color:#000;border:none;border-radius:4px;cursor:pointer;font-weight:600;margin-top:8px}.login-form button:hover{background-color:#e68a00}.error{color:#f44;font-size:14px;text-align:center}