*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Sans Bengali",sans-serif;background:#f4f7fb;color:#172033}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:#10233f;color:#fff;padding:20px;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{font-size:23px;font-weight:700;padding:8px 10px 22px}.brand span{color:#55d6be}.sidebar a{display:block;color:#dbe7f5;text-decoration:none;padding:10px 12px;margin:3px 0;border-radius:8px;font-size:14px}.sidebar a:hover,.sidebar a.active{background:#1d3c64;color:#fff}.content{margin-left:260px;padding:28px;width:calc(100% - 260px)}header{display:flex;justify-content:space-between;margin-bottom:24px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards div,.panel{background:#fff;border-radius:14px;padding:20px;box-shadow:0 5px 18px #10233f0d}.cards small{display:block;color:#718096}.cards strong{font-size:28px;display:block;margin-top:8px}.panel{margin-top:18px}@media(max-width:900px){.sidebar{width:210px}.content{margin-left:210px;width:calc(100% - 210px)}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.layout{display:block}.sidebar{position:static;width:100%}.content{margin:0;width:100%;padding:15px}.cards{grid-template-columns:1fr}}