:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#172033;background:#f4f6fa}*{box-sizing:border-box}body{margin:0}header{height:64px;background:#172033;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 32px}nav{display:flex;align-items:center;gap:22px}nav a{color:#dce5f5;text-decoration:none;font-size:14px}nav form{margin:0}button,input{font:inherit}button{border:1px solid #cfd7e6;background:white;border-radius:7px;padding:9px 14px;cursor:pointer}.primary{background:#356df3;color:white;border-color:#356df3}main{max-width:1440px;margin:auto;padding:32px}.toolbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.toolbar h1{margin:0 0 7px;font-size:26px}.toolbar p{margin:0;color:#6b7484}.toolbar form{display:flex;gap:10px}input{border:1px solid #ccd4e2;border-radius:7px;padding:10px 12px;background:white}.empty,.login{background:white;border:1px solid #e2e7f0;border-radius:10px;min-height:300px;padding:32px}.empty{display:grid;place-content:center;text-align:center;color:#6b7484}.login{max-width:420px;min-height:0;margin:80px auto}.login form{display:grid;gap:18px}.login label{display:grid;gap:7px}.login h1{margin-top:0}@media(max-width:800px){header{padding:0 16px}nav a{display:none}main{padding:18px}.toolbar{align-items:start;gap:18px;flex-direction:column}}