:root{--blue:#0756a8;--blue2:#0b7bdc;--orange:#f58220;--bg:#f4f7fb;--text:#1d2939}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text)}aside{position:fixed;left:0;top:0;bottom:0;width:235px;background:linear-gradient(180deg,#063c78,#071f3e);padding:25px 15px;color:#fff}.brand{font-size:24px;font-weight:800;margin:5px 10px 30px}.brand span{color:var(--orange);margin-left:4px}aside a{display:block;color:#dcecff;text-decoration:none;padding:13px 15px;border-radius:9px;margin:5px 0}aside a:hover{background:var(--orange);color:#fff}main{margin-left:235px}header{height:70px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 28px;box-shadow:0 2px 12px #00000010}.content{padding:25px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 5px 18px #0000000b;border-left:5px solid var(--blue2)}.card.orange{border-left-color:var(--orange)}.value{font-size:28px;font-weight:800;margin-top:10px}.panel{background:#fff;padding:22px;border-radius:14px;margin-top:22px;box-shadow:0 5px 18px #0000000b}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #edf0f5;text-align:left}th{background:#f7f9fc}.btn{display:inline-block;padding:10px 15px;background:var(--blue2);color:#fff;border:0;border-radius:8px;text-decoration:none;cursor:pointer}.btn.orange{background:var(--orange)}input,select{padding:11px;border:1px solid #d9e1ec;border-radius:7px;width:100%;margin:5px 0 12px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.login{max-width:430px;margin:90px auto;background:#fff;padding:35px;border-radius:18px;box-shadow:0 10px 35px #0002}@media(max-width:900px){aside{width:70px}.brand{font-size:0}.brand span{font-size:14px}aside a{font-size:0}main{margin-left:70px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cards,.grid{grid-template-columns:1fr}.content{padding:12px}}