body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:#f4f7fb;color:#172033}
.app-shell{display:flex;min-height:100vh}
.sidebar{width:255px;background:#071a2d;color:#d8e3ef;position:fixed;inset:0 auto 0 0;padding:22px 16px;z-index:1000}
.brand{display:flex;gap:11px;align-items:center;color:#fff}.brand-mark{width:42px;height:42px;border-radius:12px;background:#f3b51b;color:#071a2d;display:grid;place-items:center;font-size:21px}.brand strong{display:block;letter-spacing:1px}.brand strong span{color:#f3b51b}.brand small{display:block;color:#8fa6bc;font-size:10px;text-transform:uppercase;letter-spacing:1px}
.nav-link{color:#91a7bb;border-radius:10px;margin:3px 0;padding:11px 13px}.nav-link i{width:25px}.nav-link:hover,.nav-link.active{background:#102d49;color:#fff}.nav-link.active{box-shadow:inset 3px 0 #f3b51b}
.sidebar-footer{position:absolute;bottom:18px;left:16px;right:16px;border-top:1px solid #17334d;padding-top:12px}
.main-content{margin-left:255px;width:calc(100% - 255px)}.topbar{height:76px;background:#fff;border-bottom:1px solid #e7edf3;display:flex;align-items:center;padding:0 25px;position:sticky;top:0;z-index:900}
.icon-btn{border:0;background:#f4f7fb;border-radius:10px;width:40px;height:40px;position:relative}.icon-btn span{position:absolute;width:7px;height:7px;background:#ef5350;border-radius:50%;top:8px;right:9px}
.user-chip{display:flex;align-items:center;gap:9px}.user-chip small{display:block;color:#8491a2}.avatar{width:38px;height:38px;background:#0d5c75;color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:700}
.stat-card{border:0;border-radius:16px;background:#fff;box-shadow:0 6px 25px rgba(18,39,65,.05);height:100%}.stat-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:#eef7f8;color:#0d7287}
.metric{font-size:28px;font-weight:750}.muted{color:#8a97a8}.panel{background:#fff;border:0;border-radius:16px;box-shadow:0 6px 25px rgba(18,39,65,.05)}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:6px}.green{background:#24a148}.yellow{background:#f3b51b}.red{background:#e05252}.blue{background:#2878c8}
.table> :not(caption)>*>*{padding:14px 12px}.badge-soft{background:#eef5f8;color:#0c6074;padding:7px 10px;border-radius:20px}
.hero{background:linear-gradient(115deg,#08233c,#0c5265);color:white;border-radius:18px;padding:25px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:220px;height:220px;border:35px solid rgba(255,255,255,.05);border-radius:50%;right:-60px;top:-80px}
@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.show{transform:translateX(0)}.main-content{margin-left:0;width:100%}}