*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:#e5e7eb;background:#111827;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}.layout-root{max-width:100%;min-height:100vh;display:flex}.nav-toggle{display:none}.layout-sidebar{background:#fff;border-right:1px solid #e5e7eb;flex:0 0 240px;width:240px;padding:16px}.layout-main-wrapper{flex-direction:column;flex:1;min-width:0;display:flex}.layout-main{flex:1;max-width:100%;padding:24px;overflow-x:hidden}.layout-header{display:none}@media (max-width:768px){.layout-header{z-index:60;background:#111827;border-bottom:1px solid #94a3b859;align-items:center;gap:10px;padding:12px 14px;display:flex;position:fixed;top:0;left:0;right:0}.layout-header-title{color:#e5e7eb;flex:1;font-size:16px;font-weight:800}.nav-hamburger{cursor:pointer;background:#0f172ae6;border:1px solid #94a3b8e6;border-radius:999px;flex-direction:column;justify-content:center;gap:4px;width:36px;height:36px;padding:7px;display:inline-flex}.nav-hamburger span{background:#e5e7eb;border-radius:999px;height:2px;display:block}.nav-close{color:#e5e7eb;cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:20px}.layout-sidebar{z-index:55;width:240px;transition:transform .2s ease-out;position:fixed;top:52px;bottom:0;left:0;transform:translate(-260px);box-shadow:4px 0 12px #0f172a80}.nav-toggle:checked~.layout-sidebar{transform:translate(0)}.layout-main{padding:66px 16px 16px}.nav-toggle:checked~.layout-main-wrapper:before{content:"";z-index:50;background:#0f172aa6;position:fixed;inset:0}img,video,canvas,svg{max-width:100%;height:auto}input,select,textarea,button{max-width:100%}}.responsive-table{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}