.app-topbar{display:none}.app-shell{display:flex;min-height:100vh;width:100%}@media (max-width: 768px){#root,.app-shell{display:block}.app-sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .2s ease}.app-sidebar.open{transform:translate(0)}.app-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:999}.app-topbar{display:flex;align-items:center;gap:14px;padding:14px 16px;background:linear-gradient(185deg,#171a2e,#121426);color:#fff;position:sticky;top:0;z-index:500}.app-topbar button{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:0}.app-main{padding:16px!important}}.grid-2,.grid-3,.grid-4,.grid-5{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr;gap:12px}}@media (min-width: 769px) and (max-width: 1100px){.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}}.periods-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (max-width: 768px){.periods-grid{grid-template-columns:repeat(2,1fr)}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.profit-bar-row{display:grid;grid-template-columns:220px 1fr 110px;gap:10px;align-items:center}@media (max-width: 600px){.profit-bar-row{grid-template-columns:96px 1fr 72px;gap:6px}}.merge-row{display:grid;grid-template-columns:1fr auto 1fr auto;gap:8px;align-items:end}@media (max-width: 600px){.merge-row{grid-template-columns:1fr}.merge-row>div:nth-child(2){display:none}}