body{background:#f1f4fb;font-family:system-ui,sans-serif}
.topbar{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 2px 12px #0001;margin-left:240px}
.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:linear-gradient(180deg,#128c7e,#075e54 60%,#1b2a4a);display:flex;flex-direction:column;z-index:30}
.sidebar a{color:#d7f5ef;padding:.8rem 1.2rem;text-decoration:none;transition:.25s}
.sidebar a:hover,.sidebar a.active{background:#ffffff22;color:#fff;padding-left:1.6rem}
.sidebar i{margin-right:.5rem}.content{margin-left:240px;padding:1.5rem}
@media(max-width:991px){.topbar,.content{margin-left:0}.sidebar{width:240px}}
.stat{border:0;border-radius:18px;color:#fff;padding:1.2rem;animation:up .6s both;box-shadow:0 8px 22px #0002;transition:.3s}
.stat:hover{transform:translateY(-6px) scale(1.02)}.stat h2{font-weight:800;margin:0}.stat i{font-size:2rem;opacity:.8;float:right}
.g1{background:linear-gradient(135deg,#667eea,#764ba2)}.g2{background:linear-gradient(135deg,#11998e,#38ef7d)}
.g3{background:linear-gradient(135deg,#f7971e,#ffd200);color:#333}.g4{background:linear-gradient(135deg,#ee0979,#ff6a00)}.g5{background:linear-gradient(135deg,#00c6ff,#0072ff)}
.card{border:0;border-radius:18px;box-shadow:0 4px 18px #0001;animation:up .7s both}
@keyframes up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.table thead{background:#075e54;color:#fff}.progress{height:14px;border-radius:10px}