:root{--ink-950:#0c1117;--ink-900:#131a23;--ink-800:#1b2430;--ink-700:#26323f;--ink-600:#364556;--ink-400:#6b7d8f;--ink-300:#94a5b3;--ink-100:#d7dee4;--paper:#f3efe6;--amber-500:#e8a93c;--amber-400:#f0bc60;--amber-glow:#e8a93c2e;--teal-500:#4d9a8f;--teal-400:#6bb5aa;--red-500:#d6604d;--font-display:"Vazirmatn", "Segoe UI", sans-serif;--font-body:"Vazirmatn", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Consolas", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-card:0 1px 0 #ffffff08 inset, 0 8px 24px -8px #00000080}*{box-sizing:border-box}html,body{background:var(--ink-950);color:var(--ink-100);font-family:var(--font-body);direction:rtl;max-width:100vw;margin:0;padding:0;overflow-x:hidden}#root{min-height:100vh}body{background-image:radial-gradient(800px 500px at 20% -10%,#e8a93c0f,#0000),radial-gradient(600px 400px at 100% 10%,#4d9a8f0d,#0000);background-attachment:fixed}button{font-family:inherit}::selection{background:var(--amber-glow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ink-600);border-radius:4px}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.panel{background:var(--ink-900);border:1px solid var(--ink-700);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:18px}.panel-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.packing-toolbar{align-items:stretch}.search-input{background:var(--ink-800);border:1px solid var(--ink-700);color:var(--ink-100);border-radius:var(--radius-sm);outline:none;flex:240px;padding:9px 14px;font-size:13px}.search-input:focus{border-color:var(--amber-500)}.filter-input{background:var(--ink-800);border:1px solid var(--ink-700);color:var(--ink-100);border-radius:var(--radius-sm);outline:none;width:140px;padding:9px 12px;font-size:13px}select.filter-input{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%2394a5b3' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:12px;background-repeat:no-repeat;padding-left:28px}.filter-input:focus{border-color:var(--amber-500)}.date-filter-row{display:contents}.toolbar-actions{gap:8px;margin-right:auto;display:flex}.export-btn{color:var(--teal-400);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#4d9a8f1f;border:1px solid #4d9a8f59;padding:8px 14px;font-size:13px}.export-btn:hover{background:#4d9a8f33}.result-count{font-family:var(--font-mono);color:var(--ink-400);margin-bottom:10px;font-size:12px}.hint-box{color:var(--amber-400);border-radius:var(--radius-sm);background:#e8a93c14;border:1px solid #e8a93c40;margin-bottom:10px;padding:8px 12px;font-size:12px}.error-box{color:#e89788;border-radius:var(--radius-sm);background:#d6604d1f;border:1px solid #d6604d4d;margin-bottom:12px;padding:10px 14px;font-size:13px}.table-wrap{border-radius:var(--radius-md);border:1px solid var(--ink-700);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead{background:var(--ink-800)}th{text-align:right;color:var(--ink-300);white-space:nowrap;border-bottom:1px solid var(--ink-700);padding:11px 14px;font-size:12px;font-weight:600}th.num{text-align:left}th.ltr{text-align:left;direction:ltr}td{border-bottom:1px solid var(--ink-800);color:var(--ink-100);white-space:nowrap;padding:10px 14px}td.mono{font-family:var(--font-mono);color:var(--ink-300);font-size:12.5px}td.num,td.ltr-cell{text-align:left}tbody tr:hover{background:#ffffff05}tbody tr:last-child td{border-bottom:none}.loading-cell,.empty-cell{color:var(--ink-400);white-space:normal;text-align:center!important;padding:28px 14px!important}.tag{font-family:var(--font-mono);color:var(--ink-300);background:var(--ink-800);border:1px solid var(--ink-700);border-radius:4px;padding:3px 9px;font-size:11px;display:inline-block}.tag-mark{color:var(--ink-950);background:linear-gradient(135deg, var(--amber-400), var(--amber-500));border-color:#0000;font-weight:700;transform:rotate(-1deg)}.badge{border-radius:4px;padding:3px 9px;font-size:11px;font-weight:600}.badge-ok{color:var(--teal-400);background:#4d9a8f1f}.badge-bad{color:var(--red-500);background:#d6604d1f}@media (width<=720px){.panel{border-radius:var(--radius-md);padding:10px}.panel-toolbar{flex-direction:column;align-items:stretch;gap:8px}.search-input{flex:auto;width:100%;padding:8px 12px}.toolbar-actions{flex-wrap:wrap;width:100%;margin-right:0}.toolbar-actions button{flex:auto;min-width:0;padding:8px 10px;font-size:12px}.filter-input{flex:100px;width:auto;padding:8px 10px;font-size:12px}.date-filter-row{gap:6px;display:flex}.date-filter-row .filter-input{flex:1 1 0;min-width:0}.date-filter-row .date-field-select{text-overflow:ellipsis;white-space:nowrap;flex:none;width:auto;max-width:110px;padding-left:22px;font-size:11px;overflow:hidden}input[type=date].filter-input{padding:7px 8px}select.filter-input{height:auto;padding:8px 10px;line-height:1.3}th,td{padding:8px 10px;font-size:12px}}@media (width<=420px){.toolbar-actions{flex-direction:column}.toolbar-actions button{width:100%}}