*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;width:100%}body{margin:0;padding:0;overflow-x:hidden;background:#08080f;width:100%;min-height:100vh}#root{width:100%;min-height:100vh;overflow-x:hidden}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}@media (max-width: 900px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-5{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.grid-4,.grid-3,.grid-5,.grid-2{grid-template-columns:1fr}}@media (max-width: 700px){.dash-topbar{padding:8px 12px!important;height:auto!important;min-height:48px;flex-wrap:wrap;gap:8px}.dash-topbar .nav-links{display:none!important}.dash-body{padding:20px 12px 60px!important}.dash-welcome h1{font-size:18px!important}.dash-welcome{flex-direction:column;gap:12px}}@media (max-width: 700px){.sim-row{grid-template-columns:36px 1fr!important;grid-template-rows:auto auto;gap:4px 8px!important;padding:12px!important}.sim-row .sim-meta{display:none!important}}@media (max-width: 768px){.admin-layout{flex-direction:column!important}.admin-sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid #1a1a1a;padding:8px 0!important}.admin-sidebar .admin-nav{display:flex;overflow-x:auto;gap:0}.admin-sidebar .admin-nav button{white-space:nowrap;padding:8px 12px!important;font-size:12px!important;border-left:none!important;border-bottom:2px solid transparent;min-width:auto!important}.admin-sidebar .admin-brand,.admin-sidebar .admin-logout{display:none}.admin-content{padding:16px 12px!important;max-height:none!important}}@media (max-width: 700px){.token-packages{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 450px){.token-packages{grid-template-columns:1fr!important}}@media (max-width: 768px){.sim-progress-layout{grid-template-columns:1fr!important}}@media (max-width: 700px){.admin-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 600px){.report-header{flex-direction:column!important;gap:12px}}@media (max-width: 600px){.template-grid{grid-template-columns:1fr!important}}@media (max-width: 600px){.page-container{padding-left:14px!important;padding-right:14px!important}}