#app{width:100%;height:100vh}.page-container{height:calc(100vh - 60px);background-color:#f0f2f5;display:flex;flex-direction:column;overflow:hidden;padding:24px}.page-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.query-form{margin-bottom:24px;padding:16px;background-color:#fff;border-radius:8px;flex-shrink:0}.content-container{flex:1;background-color:#fff;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;min-height:0}.table-container{flex:1;overflow:auto;padding:16px;min-height:0}.pagination-container{padding:16px;border-top:1px solid #e0e0e0;display:flex;justify-content:center;flex-shrink:0;background:#fff}.table-container::-webkit-scrollbar{width:8px;height:8px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.form-container{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:nowrap}.left-buttons{display:flex;align-items:center;gap:8px;flex-shrink:0}.right-inputs{display:flex;align-items:center;gap:16px;flex-grow:1;justify-content:flex-end;flex-wrap:nowrap}