.app-layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.app-sidebar{background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:auto}.app-main{overflow:auto;padding:28px 32px}.sidebar-bottom-actions{padding:12px;border-top:1px solid var(--border)}.bottom-nav,.fab-wrap,.mobile-actions{display:none}.inv-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.inv-table-wrap table{min-width:700px}@media (max-width:768px){.app-layout{grid-template-columns:1fr;padding-bottom:60px}.app-sidebar{display:none}.app-main{padding:12px;min-height:calc(100vh - 60px)}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);z-index:100;height:60px}.bottom-nav button{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;padding:6px 0;gap:2px;font-size:10px;color:var(--text2);font-family:inherit;transition:color .15s}.bottom-nav button.active{color:var(--accent2);font-weight:600}.bottom-nav button span.icon{font-size:20px;line-height:1}.mobile-actions{display:flex;gap:8px;padding:8px 12px;background:#fff;border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;position:-webkit-sticky;position:sticky;top:0;z-index:50}.mobile-actions::-webkit-scrollbar{display:none}.fab-wrap{display:block;position:fixed;bottom:72px;right:16px;z-index:200}.fab-btn{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 4px 16px rgba(99,102,241,.45);transition:transform .2s}.fab-btn:active{transform:scale(.93)}.fab-btn.open{transform:rotate(45deg)}.fab-menu{position:absolute;bottom:68px;right:0;display:flex;flex-direction:column;gap:10px;align-items:flex-end;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .18s,transform .18s}.fab-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.fab-item{display:flex;align-items:center;gap:10px;cursor:pointer}.fab-item-label{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;color:var(--text);white-space:nowrap}.fab-item-icon,.fab-item-label{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.13)}.fab-item-icon{width:44px;height:44px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.mobile-action-btn{flex-shrink:0;padding:7px 12px;background:var(--surface2);color:var(--text2);border:1px solid var(--border);border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit}.mobile-action-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-nip{padding:8px 12px 0;font-size:11px;color:var(--text2);background:#fff}}:root{--bg:#f1f5f9;--surface:#fff;--surface2:#f8fafc;--border:#e2e8f0;--border2:#cbd5e1;--accent:#6366f1;--accent-light:#eef2ff;--accent2:#4f46e5;--green:#16a34a;--green-light:#dcfce7;--red:#dc2626;--red-light:#fee2e2;--yellow:#d97706;--yellow-light:#fef3c7;--text:#0f172a;--text2:#64748b;--text3:#94a3b8;--radius:10px;--shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.05)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;font-size:14px;min-height:100vh}