:root{font-family:Inter,Arial,sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between}h1{margin:0;color:#172a52}nav{display:flex;gap:8px;margin:25px 0}button{border:0;border-radius:7px;background:#2356c5;color:#fff;padding:10px 14px;cursor:pointer}nav button{background:#dfe6f5;color:#243555}nav .selected{background:#2356c5;color:#fff}section,article,form{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 4px #15223a17}.cards{display:flex;gap:16px}.cards article{flex:1;display:grid;gap:6px}.cards b{font-size:2rem}.inline{display:flex;gap:10px;margin-bottom:20px}.list{display:grid;gap:10px}.list article{display:flex;align-items:center;gap:15px;padding:12px}.list article button{margin-left:auto}.settings{margin-top:20px}.settings form{box-shadow:none;padding:0;margin-top:15px}form{display:grid;gap:12px;max-width:680px}input,textarea,select{padding:11px;border:1px solid #cbd4e4;border-radius:6px;font:inherit}textarea{min-height:75px}.secret{word-break:break-all;background:#fff6d8;padding:10px}table{width:100%;border-collapse:collapse;background:#fff;margin-top:16px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e7eaf0}.message{background:#daf3e3;padding:12px;border-radius:6px}.login{min-height:100vh;display:grid;place-items:center}.login form{width:360px}.login small{color:#b00020}@media (max-width:650px){.cards,.inline{flex-direction:column}.cards{display:grid}main{padding:16px}}