*{box-sizing:border-box}body{margin:0;background:#f6f8fc;color:#173b68;font:16px system-ui,sans-serif}main{max-width:1040px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid #dce3ee}header b{letter-spacing:.04em}#who{flex:1;color:#5d697d;font-size:.9em}section{margin:28px 0}#login,.card{background:white;border:1px solid #dae0eb;border-radius:16px;padding:20px}#login{max-width:420px}form{display:grid;gap:13px}label{display:grid;gap:5px}button,input,select{font:inherit;border-radius:8px;padding:9px 12px}input,select{border:1px solid #cbd3df}button{border:0;background:#183f78;color:white;cursor:pointer}button:disabled{opacity:.6}nav{display:flex;gap:8px;flex-wrap:wrap}nav button{background:#e8edf5;color:#173b68}nav button[aria-current=true]{background:#c51d65;color:white}#content{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px}.card h2{font-size:1.1em;margin:5px 0}.card p{color:#536273;overflow-wrap:anywhere}.card img{height:120px;width:100%;object-fit:contain;background:#faf5ef;border-radius:10px}.card button{margin:5px}#message{color:#863356}#login[hidden],#desk[hidden]{display:none}
