.app-shell{display:flex;height:100vh;overflow:hidden}.app-sidebar{width:240px;padding:16px;border-right:1px solid #eee;background:#fafafa;overflow-y:auto}.app-main{flex:1 1;padding:24px;overflow-y:auto;min-width:0}.app-main-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:8px}.app-nav-mobile{display:none}.app-nav-mobile>summary{list-style:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700;border:1px solid #cbd5e1;border-radius:9px;background:#f8fafc;padding:10px 12px}.app-nav-mobile>summary::-webkit-details-marker{display:none}.app-nav-mobile>summary:after{content:"▾";float:right;color:#475569}.app-nav-mobile[open]>summary:after{content:"▴"}.ts-filter-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ts-drawer-overlay{position:fixed;inset:0;background:rgba(15,23,42,.2);z-index:60}.ts-drawer{position:fixed;top:10px;right:10px;bottom:10px;width:min(560px,calc(100vw - 20px));background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:auto;z-index:70;box-shadow:0 10px 32px rgba(2,6,23,.2);padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.app-main table{max-width:100%}.table-scroll{overflow-x:auto;width:100%}@media (max-width:1200px){.app-sidebar{width:220px;padding:14px}.app-main{padding:18px}}@media (max-width:900px){.app-shell{display:block;height:auto;overflow:visible}.app-sidebar{width:auto;border-right:0;border-bottom:1px solid #eee;overflow:visible;padding:12px;position:static}.app-main{width:100%;overflow:visible;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.app-main-head{flex-direction:column;align-items:flex-start}.app-nav-desktop{display:none}.app-nav-mobile{display:block}.ts-filter-bar{flex-direction:column;align-items:stretch}.ts-filter-bar a,.ts-filter-bar button,.ts-filter-bar input,.ts-filter-bar select{width:100%}.app-main table{display:block;width:100%;overflow-x:auto;white-space:nowrap}.ts-drawer-overlay{background:rgba(15,23,42,.28)}.ts-drawer{top:auto;right:0;left:0;bottom:0;width:100%;height:min(80vh,700px);border-radius:14px 14px 0 0;padding-bottom:calc(18px + env(safe-area-inset-bottom))}}@media (min-width:901px){.app-nav-mobile{display:none}.app-nav-desktop{display:block}}