*{box-sizing:border-box}body{margin:0;background:#f5f8fc;color:#1c3049;font:14px Arial,sans-serif}h1{color:#17365D;font-size:23px}.login{min-height:100vh;background:linear-gradient(135deg,#102a49,#47749d);display:grid;place-items:center;padding:20px}.panel{background:white;border:1px solid #e0e7ef;border-radius:14px;padding:28px;box-shadow:0 5px 25px #0a294017}.login .panel{width:min(100%,400px)}.logo{background:#17365D;color:white;font-size:24px;font-weight:800;border-radius:12px;padding:20px;display:table;margin:auto}label{display:block;font-weight:bold;margin:15px 0}input{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #bdc9d7;border-radius:7px}button{background:#17365D;color:white;border:0;border-radius:7px;padding:11px 18px;cursor:pointer}.login button{width:100%}.error{background:#fff1f1;color:#a32020;padding:12px;border-radius:8px}.success{background:#edf9ef;padding:12px}.shell{display:flex;min-height:100vh}aside{background:#17365D;color:white;width:220px;flex-shrink:0;padding:20px 10px}.brand{font-size:22px;font-weight:bold;padding:10px}.brand small{font-size:12px}.menu{padding:10px 12px;color:#d7e4f0;font-size:12px;border-radius:7px}.menu.active{background:#426993;color:white}main:not(.login){padding:26px;flex:1;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;gap:10px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:24px 0}.cards article{padding:17px;border-radius:10px;background:white;border:1px solid #e0e7ef}.cards h2{color:#17365D}.cards small{color:#64748b}@media(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}aside{width:155px}}@media(max-width:550px){aside{width:88px}.brand{font-size:15px}.menu{font-size:10px;padding:9px 3px}main:not(.login){padding:12px}.cards{gap:6px}.cards article{padding:10px}}