*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{background:#eef1f5}.login{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#243e6a,#1c2f52)}.box{background:#fff;padding:40px;border-radius:10px;width:340px;box-shadow:0 10px 25px #0003;text-align:center}.box h1{color:#243e6a;margin-bottom:20px}input,select{width:100%;padding:12px;margin-bottom:12px;border:1px solid #ccc;border-radius:6px}button{background:#9c3;border:none;padding:12px;max-width:200px;width:100%;color:#fff;font-weight:500;border-radius:6px;cursor:pointer}button:hover{background:#86b82d}.container{display:flex}.sidebar{width:230px;height:100vh;background:#243e6a;color:#fff;padding:25px;position:fixed}.sidebar h2{margin-bottom:30px}.sidebar button{display:block;width:100%;padding:10px;margin-bottom:5px;background:none;border:none;color:#fff;text-align:left;cursor:pointer;border-radius:5px}.sidebar button:hover{background:#ffffff1a}.main{margin-left:230px;padding:30px;width:100%;max-width:1200px}.topbar{background:#fff;padding:18px 25px;border-radius:10px;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 3px 10px #0000001a}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 5px 15px #00000014;text-align:center;min-height:120px;display:flex;flex-direction:column;justify-content:center}.card h3{font-size:32px;color:#243e6a;margin-bottom:5px}.group{background:#fff;padding:20px;border-radius:10px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 10px #00000014;gap:20px}.group button{width:120px}.form{background:#fff;padding:30px;border-radius:10px;max-width:420px;width:100%;box-shadow:0 4px 10px #0000001a}