.dashboard-container{width:100%;min-height:100vh;background:#f4f6f8;transform-origin:top left;transition:transform .2s ease,scale .2s ease}.layout-desktop{display:grid;grid-template-columns:220px 1fr 220px;grid-template-rows:auto 1fr auto;gap:10px;height:100vh;padding:10px;box-sizing:border-box}.header-full{grid-column:1 / span 3}.sidebar-left{grid-column:1}.main-content{grid-column:2}.sidebar-right{grid-column:3;grid-row:2 / span 2}.footer-charts{grid-column:1 / 3}@media screen and (max-width: 1366px) and (min-width: 1181px) and (orientation: landscape){.dashboard-container.ipad-scale{transform:scale(.9);width:111%}}@media screen and (max-width: 1180px) and (orientation: landscape){.dashboard-container.ipad-scale{transform:scale(.8);width:125%}}@media screen and (orientation: portrait) and (max-width: 1366px){.dashboard-container.ipad-scale{transform:none!important;width:100%!important;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;background:#f4f6f8;padding:0 12px 24px!important;box-sizing:border-box}.layout-desktop{display:flex!important;flex-direction:column!important;gap:10px!important;height:auto!important}.header{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:16px!important;padding:0!important;width:100%!important;background:transparent!important}.header>div:nth-child(1){order:2}.header>div:nth-child(2){order:1}.header>div:nth-child(3){order:3}.header>div{width:100%!important;max-width:100%!important;margin:0!important}.total-penjualan-box{margin-left:0!important}.header>div:nth-child(3){margin-right:0!important}.header>div:nth-child(2){min-height:auto!important;padding:10px!important}.header>div:nth-child(3) button{width:100%!important;padding:14px 0!important;font-size:16px!important;border-radius:6px!important}.sidebar-left,.sidebar-right,.main-content,.footer-charts{width:100%!important;display:flex!important;flex-direction:column!important;gap:16px!important}.footer-charts .line-charts{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.footer-charts .line-charts>div{width:100%!important}.header *{overflow:visible!important;flex-wrap:wrap!important;transform:none!important}.header-full{order:0!important}.sidebar-left{order:1!important}.main-content{order:2!important}.footer-charts{order:3!important}.sidebar-right{order:4!important}}@media screen and (max-width: 820px) and (orientation: portrait){.main-content>div{overflow:visible!important;height:auto!important;min-height:unset!important}.main-content>div>div{overflow:visible!important}.main-content .recharts-wrapper{transform:scale(.8);transform-origin:top center}}body{margin:0;font-family:Arial,sans-serif;background:#f5f6fa}