:root{
  --bg:#090a0b;--bg2:#0d0f11;--panel:#111418;--panel2:#15191e;--line:#252a30;
  --text:#f3f4f6;--muted:#9aa1aa;--muted2:#6f7782;--orange:#F47721;--orange2:#ff6a31;
  --green:#39bd7a;--blue:#4b8df8;--red:#ed5f63;--amber:#e8a23d;--radius:14px;--shadow:0 24px 60px rgba(0,0,0,.35)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{margin:0 0 14px;color:var(--orange);font-size:.72rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:8px;padding:14px 20px;background:var(--orange);color:#101010;font-weight:850;letter-spacing:.035em;transition:.18s ease}.button:hover{background:var(--orange2);transform:translateY(-1px)}.button.secondary{background:transparent;color:var(--text);border-color:#3b4149}.button.ghost{background:transparent;color:var(--muted);border-color:var(--line)}.button.danger{background:#4b1d20;color:#ffd9db;border-color:#733036}.button.small{padding:9px 12px;font-size:.84rem}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}.field{display:grid;gap:8px}.field label{font-size:.78rem;color:var(--muted);font-weight:700;letter-spacing:.04em}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#0c0f12;color:var(--text);border-radius:9px;padding:12px 13px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5c626b;box-shadow:0 0 0 3px rgba(239,90,41,.09)}.field textarea{min-height:100px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .span-2{grid-column:1/-1}.status{display:inline-flex;align-items:center;width:max-content;border-radius:99px;padding:5px 9px;font-size:.72rem;font-weight:750;background:#20252b;color:#c7ccd2;text-transform:capitalize}.status.completed,.status.paid{background:#153c2b;color:#73dfa8}.status.en_route,.status.in_progress,.status.issued{background:#15315a;color:#83b5ff}.status.cancelled,.status.void,.status.failed{background:#452126;color:#ff9ea3}.status.draft,.status.pending{background:#3d3520;color:#edc76e}.notice{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:13px 15px;color:var(--muted)}.notice.error{border-color:#5e2b30;color:#ffb4b7}.notice.success{border-color:#24553e;color:#94e5b9}.empty{padding:32px;border:1px dashed #30353c;border-radius:12px;text-align:center;color:var(--muted)}.money{font-variant-numeric:tabular-nums}.logo-img{height:42px;width:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.button{width:100%}}

/* Krux logo: SVG artwork, proportional sizing across portals. */
.logo-img{object-fit:contain;max-width:100%;aspect-ratio:891/399}
@media print{.logo-img{content:url("/assets/krux-logo.svg")}}