:root{--xz-orange: #ff6a00;--xz-bg: #f5f5f7;--xz-border: #e2e2e7;--xz-text: #111827;--xz-text-soft: #6b7280}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--xz-bg);color:var(--xz-text)}body{font-size:14px}.app-shell{max-width:1200px;margin:0 auto;padding:16px}.card{background:#fff;border-radius:12px;border:1px solid var(--xz-border);padding:16px;box-shadow:0 4px 12px #0f172a0f}h1{font-size:24px;margin:0 0 12px}h2{font-size:18px;margin:0 0 8px}.table-wrapper{max-height:60vh;overflow:auto;border-radius:8px;border:1px solid var(--xz-border)}table{width:100%;border-collapse:collapse;font-size:13px}thead{background:#f9fafb;position:sticky;top:0;z-index:1}th,td{padding:6px 8px;border-bottom:1px solid #e5e7eb;text-align:left}th{font-weight:600}td.num{text-align:right;white-space:nowrap}.badge{display:inline-block;padding:2px 6px;border-radius:9999px;background:#eef2ff;color:#4f46e5;font-size:11px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.toolbar input,.toolbar select{padding:6px 8px;border-radius:6px;border:1px solid var(--xz-border);font-size:13px}.toolbar button{padding:6px 12px;border-radius:6px;border:none;background:var(--xz-orange);color:#fff;cursor:pointer;font-size:13px}.toolbar button:disabled{opacity:.6;cursor:default}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;font-size:12px}.pagination button{padding:4px 8px;border-radius:4px;border:1px solid var(--xz-border);background:#fff;cursor:pointer}.layout-main{display:flex;gap:16px;align-items:flex-start}.main-column{flex:3;min-width:0}.side-column{flex:1.4;min-width:260px}@media (max-width: 768px){.app-shell{padding:8px}h1{font-size:20px}table{font-size:12px}.layout-main{flex-direction:column}.side-column{min-width:0}}