:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f6f7f4;--foreground:#1d241f;--muted:#66706a;--line:#d8ddd6;--panel:#fff;--panel-2:#eef3ec;--accent:#0f6b4d;--accent-2:#244b75;--danger:#9f2f2f;--warning:#95610f}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh}.topbar{color:#fff;background:#10291f;align-items:center;gap:24px;min-height:64px;padding:0 28px;display:flex}.brand{white-space:nowrap;font-size:16px;font-weight:700}.nav{flex-wrap:wrap;gap:8px;display:flex}.nav a,.button,button{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;min-height:38px;padding:8px 12px;display:inline-flex}.nav a{color:#ffffffd1}.nav a:hover{color:#fff;background:#ffffff1a}.main{max-width:1180px;margin:0 auto;padding:28px}.page-title{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}h1,h2,h3,p{margin-top:0}h1{margin-bottom:6px;font-size:28px;line-height:1.2}h2{font-size:18px}.muted{color:var(--muted)}.grid{gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.panel,.card{background:var(--panel);border:1px solid var(--line);border-radius:8px}.panel{padding:18px}.metric{min-height:112px}.metric-value{font-size:30px;font-weight:700}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 10px}.table th{color:var(--muted);font-size:13px;font-weight:700}.badge{text-transform:capitalize;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.badge.sent,.badge.processed,.badge.fulfilled{color:#175c33;background:#dff3e6}.badge.failed,.badge.error,.badge.blocked{color:var(--danger);background:#f9dedc}.badge.unhandled,.badge.pending,.badge.received,.badge.new,.badge.in_progress{color:var(--warning);background:#f5ebcf}.button,button{background:var(--accent);color:#fff}.button.secondary,button.secondary{border-color:var(--line);color:var(--foreground);background:#fff}.button.danger{background:var(--danger)}.form{gap:14px;max-width:720px;display:grid}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:13px;font-weight:700}input,select,textarea{border:1px solid var(--line);color:var(--foreground);background:#fff;border-radius:7px;width:100%;min-height:40px;padding:9px 10px}textarea{resize:vertical;min-height:90px}.login{align-items:center;min-height:100vh;padding:24px;display:grid}.login .panel{width:100%;max-width:440px;margin:0 auto}.stack{gap:16px;display:grid}.split{justify-content:space-between;align-items:center;gap:10px;display:flex}.button-row,.filter-form{flex-wrap:wrap;gap:10px;display:flex}.filter-form input,.filter-form select{width:auto}.mini-form{gap:8px;min-width:180px;display:grid}.mini-form textarea{min-height:70px}.pre-wrap{font:inherit;white-space:pre-wrap;margin:0}.report-card{gap:6px;display:grid}.report-product-name{margin-bottom:8px;font-weight:700}@media (max-width:760px){.topbar,.page-title,.split{flex-direction:column;align-items:stretch}.grid-3{grid-template-columns:1fr}.main{padding:18px}.table{display:block;overflow-x:auto}}