html,body{height:100%;margin:0;overflow:hidden}body{background:#f4f6f9}.app-wrapper{height:100vh;display:flex;flex-direction:column}.top-header{height:64px;background:#1f2937;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.main-sidebar{width:260px;background:#111827;color:#fff;transition:width .3s ease;overflow:hidden;flex-shrink:0}.main-sidebar.collapsed{width:72px}.main-sidebar .nav-link{color:#fffc;padding:14px 18px;border-radius:10px;margin-bottom:6px;white-space:nowrap}.main-sidebar .nav-link:hover,.main-sidebar .nav-link.active{background:#ffffff14;color:#fff}.main-sidebar.collapsed .menu-text,.main-sidebar.collapsed .sidebar-title{display:none}.sub-sidebar{background:#fff;border-right:1px solid #dee2e6;width:320px}.sub-sidebar .nav-link{color:#495057;padding:12px 18px;border-radius:8px;margin-bottom:6px}.sub-sidebar .nav-link:hover,.sub-sidebar .nav-link.active{background:#e9ecef;color:#000}.main-content{background:#f8fafc}.content-card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 2px 10px #0000000d}.nav-tabs .nav-link{border:none;color:#6c757d;font-weight:500}.nav-tabs .nav-link.active{background:#fff;color:#111827;border-bottom:3px solid #0d6efd}.tab-pane{padding-top:24px}