.dash-wrapper{color:#1e293b;background-color:#f8fafc;height:100vh;font-family:Inter,system-ui,sans-serif;display:flex;overflow:hidden}.dash-sidebar{z-index:10;background-color:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:260px;padding:24px 0;transition:transform .3s;display:flex}.dash-sidebar-mobile-overlay{z-index:9;background:#00000080;display:none;position:fixed;inset:0}.dash-main{flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.dash-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background-color:#ffffffe6;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;position:sticky;top:0}.dash-content{width:100%;max-width:1400px;margin:0 auto;padding:32px}.dash-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000000d}.dash-card:hover{border-color:#cbd5e1;box-shadow:0 10px 15px -3px #0000000d}.dash-grid-kpi{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px;display:grid}.dash-grid-2col{grid-template-columns:2fr 1fr;gap:24px;display:grid}.dash-table-container{border-radius:12px;overflow-x:auto}.dash-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.dash-table th{color:#475569;background-color:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:20px;font-weight:600}.dash-table td{border-bottom:1px solid #e2e8f0;padding:20px}.dash-nav-link{color:#64748b;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.dash-nav-link:hover{color:#0f172a;background-color:#f1f5f9}.dash-nav-link.active{color:#059669;background-color:#10b9811a}@media screen and (max-width:991px){.dash-grid-2col{grid-template-columns:1fr}.dash-sidebar{height:100%;position:absolute;transform:translate(-100%)}.dash-sidebar.open{transform:translate(0)}.dash-sidebar-mobile-overlay.open{display:block}.dash-header{padding:0 16px}.dash-content{padding:16px}.mobile-menu-btn{display:block!important}}.mobile-menu-btn{color:#1e293b;cursor:pointer;background:0 0;border:none;padding:8px;display:none}