html,body,#root{width:100%;min-height:100vh;margin:0}body{background:#fff}.app-header{text-align:center;width:100%}.login-page{justify-content:center;width:100%;margin-top:24px;display:flex}.login-form{flex-direction:column;gap:8px;width:300px;max-width:90%;display:flex}.form-field{flex-direction:column;gap:4px;display:flex}.login-form input,.login-form button{box-sizing:border-box;width:100%;padding:10px;font-size:16px}.login-form input{text-align:left;direction:ltr;background:#fff;border:1px solid #ccc;border-radius:6px}.login-form button{color:#fff;cursor:pointer;background:#222;border:none;border-radius:6px}.login-form button:hover{background:#444}.login-form input:focus{outline-offset:2px;outline:2px solid #222}.login-form h2{text-align:center;margin:0 0 8px}.login-error{color:red}.error-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex}.error-message{color:red}.app-layout{box-sizing:border-box;text-align:center;width:100%;max-width:1100px;margin:0 auto;padding:20px}.app-navigation{box-sizing:border-box;background-color:#e5e7eb;border-radius:6px;flex-direction:row;justify-content:center;align-items:center;gap:40px;width:100%;margin-bottom:30px;padding:12px 16px;display:flex}.app-navigation a{color:#222;background-color:#fff;border-radius:6px;padding:10px 16px;text-decoration:none}.app-navigation a:hover{background-color:#d5d5d5}.app-navigation .account-link{background-color:#f8d7da}.app-navigation .account-link:hover{background-color:#f1b0b7}.page-title{text-align:center;margin-bottom:24px}.page-content{text-align:center;width:100%}.home-image{width:100%;max-width:800px;height:auto;margin:0 auto;display:block}.app-navigation a.active{font-weight:700;box-shadow:inset 0 0 0 2px #555}.system-button{box-sizing:border-box;color:#fff;cursor:pointer;background:#222;border:none;border-radius:6px;width:15%;padding:10px;font-size:16px}.system-button:hover{background:#444}