:root{font-family:system-ui,sans-serif;color:#183340;background:#f4f7fa}body{max-width:1000px;margin:40px auto;padding:0 20px}main{background:white;padding:28px;border-radius:18px}a{color:#087f8c}input,button{font:inherit;padding:10px;border:1px solid #a7b8bf;border-radius:7px;box-sizing:border-box}label{display:block;margin:16px 0}label input{display:block;width:100%;max-width:480px;margin-top:7px}button{background:#087f8c;color:white;cursor:pointer}nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.error{color:#a11325;background:#fff1f2;padding:12px}.note{color:#526775}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px;border-bottom:1px solid #ddd}.scroll{overflow-x:auto}.inline{display:inline-block;margin:4px}h1{font-size:28px}input:focus,button:focus,a:focus{outline:3px solid #62c3cd}

label.remember{display:flex;align-items:center;gap:10px}label.remember input{display:inline-block;width:auto;margin:0}
