*{box-sizing:border-box}body{margin:0;background:#07111f;color:#edf5ff;font:14px Arial}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{padding:28px 16px;background:#091522;border-right:1px solid #263f5d}aside a{display:block;padding:10px;margin:3px 0;color:#a8bed9;text-decoration:none;border-radius:6px}aside a.on,aside a:hover{background:#183252;color:#fff}button{padding:9px 13px;border:1px solid #4e91e8;border-radius:6px;background:#2878d8;color:#fff;font-weight:bold;cursor:pointer}main{padding:32px 5vw}header small{color:#5baaff;font-weight:bold}h1{margin:6px 0 24px;font-size:28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards div,section{margin:18px 0;padding:18px;background:#0d1c2e;border:1px solid #284563;border-radius:8px}.cards strong{display:block;margin-top:15px;font-size:28px}input,select,textarea{display:block;width:100%;margin:10px 0;padding:11px;background:#071522;border:1px solid #335779;border-radius:5px;color:white}textarea{min-height:120px}.msg{padding:12px;background:#143d30;color:#a4f2cb}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid #284563;text-align:left}.login section{max-width:480px;margin:15vh auto;padding:30px;background:#0d1c2e;border:1px solid #284563;border-radius:8px}.login b{display:inline-grid;place-items:center;width:34px;height:34px;background:#5baaff;color:#07111f;border-radius:7px}@media(max-width:700px){.shell{grid-template-columns:1fr}aside{border-bottom:1px solid #263f5d}.cards{grid-template-columns:1fr}main{padding:22px}}