*{box-sizing:border-box}body{margin:0;font:15px/1.55 Arial,sans-serif;background:#f4f6fa;color:#172033}a{color:inherit;text-decoration:none}.top{background:#102b50;color:white;padding:15px 24px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:21px;font-weight:800}.brand span{color:#f3bd45}.layout{display:flex;min-height:calc(100vh - 58px)}.side{width:245px;background:#102b50;color:#dce7f5;padding:18px 12px}.side a{display:block;padding:10px 13px;border-radius:7px;margin:3px 0}.side a:hover,.side a.active{background:#1c4776;color:white}.main{flex:1;padding:25px;min-width:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px}.card,.panel{background:white;border-radius:12px;padding:18px;box-shadow:0 3px 15px #13294b0b;margin-bottom:18px}.stat{font-size:26px;font-weight:800;color:#102b50}.muted{color:#758196}.btn{display:inline-block;border:0;border-radius:7px;background:#e2a923;color:#14233a;padding:10px 15px;font-weight:700;cursor:pointer}.btn.blue{background:#12375f;color:white}.btn.red{background:#b72c38;color:white}.btn.light{background:#edf2f8}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}label{display:block;font-weight:700;margin-bottom:5px}input,select,textarea{width:100%;padding:10px;border:1px solid #d6dce5;border-radius:7px;background:white}textarea{min-height:85px}table{width:100%;border-collapse:collapse;background:white}th,td{padding:11px;text-align:left;border-bottom:1px solid #e8edf3}th{background:#f0f4f8;color:#263d5b} .table-wrap{overflow:auto}.badge{padding:4px 8px;border-radius:20px;background:#e8f1ff;font-size:12px}.hero{background:linear-gradient(120deg,#102b50,#1b5680);color:white;padding:55px 25px;text-align:center}.hero h1{font-size:38px;margin:0 0 8px}.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.product{background:white;border-radius:12px;padding:18px;box-shadow:0 3px 15px #13294b0b}.price{font-weight:800;color:#a56e00;font-size:20px}.footer{text-align:center;padding:22px;color:#7b8492}.login{max-width:430px;margin:8vh auto;padding:30px;background:white;border-radius:14px;box-shadow:0 10px 40px #102b5020}@media(max-width:760px){.layout{display:block}.side{width:auto;display:grid;grid-template-columns:repeat(2,1fr)}.main{padding:14px}.hero h1{font-size:29px}}