*,*:before,*:after{box-sizing:border-box}:root{--bg: #0d0d0f;--sidebar: #111114;--border: #222;--muted: #666;--blue: #4a9eff}.app-layout{display:flex;height:100vh;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:#e0e0e0;overflow:hidden}.app-sidebar{width:200px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--border);padding:20px 0;display:flex;flex-direction:column;gap:4px;transition:transform .25s ease;overflow-y:auto}.app-main{flex:1;overflow:auto;padding:24px;min-width:0}.mobile-header{display:none;align-items:center;gap:10px;padding:10px 14px;background:var(--sidebar);border-bottom:1px solid var(--border);flex-shrink:0}.mobile-header-title{font-size:11px;color:var(--blue);letter-spacing:2px;text-transform:uppercase;font-weight:700;flex:1}.menu-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid var(--border);border-radius:6px;color:#aaa;cursor:pointer;font-size:16px;line-height:1;flex-shrink:0}.menu-toggle:hover{border-color:#444;color:#ddd}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:99}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 639px){.app-layout{flex-direction:column;height:100dvh}.mobile-header{display:flex}.app-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:100;transform:translate(-100%);width:min(240px,80vw);padding-top:16px}.app-sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay.sidebar-open{display:block}.app-main{padding:16px 12px;flex:1;overflow:auto}button,select{min-height:40px;font-size:14px}input[type=text],input[type=number],input[type=password],select{font-size:16px;min-height:40px}table{font-size:12px}td,th{padding:6px 8px}}