body{background:#f4f6f9;color:#20252b}.app{display:flex;min-height:100vh}.sidebar{width:250px;background:#111827;color:#fff;position:fixed;inset:0 auto 0 0;z-index:20;padding:18px;display:flex;flex-direction:column}.brand{font-size:20px;font-weight:800;padding:10px 8px 22px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar a{color:#cbd5e1;text-decoration:none;padding:10px 12px;border-radius:9px}.sidebar a:hover{background:#1f2937;color:#fff}.sidebar i{width:22px}.sidebar-bottom{margin-top:auto}.main{margin-left:250px;width:calc(100% - 250px)}.topbar{height:64px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:10}.card{border:0;box-shadow:0 3px 16px rgba(15,23,42,.06);border-radius:14px}.stat{padding:20px}.stat .icon{font-size:24px;margin-bottom:12px}.stat .value{font-size:25px;font-weight:800}.table-card{overflow:hidden}.table thead th{font-size:12px;text-transform:uppercase;color:#64748b}.btn{border-radius:9px}.form-control,.form-select{border-radius:9px;padding:.65rem .8rem}.badge{font-weight:600}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.show{transform:none}.main{margin-left:0;width:100%}}