:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#000;--brand-blue:#09198d;--brand-orange:#e85002;--brand-orange-dark:#c10801;--brand-orange-light:#f16001;--brand-sand:#d9c3ab;--dark-gray:#333;--gray:#646464;--white:#f9f9f9;--brand-gradient:linear-gradient(90deg, #000 0%, #c10801 33.333%, #f16001 66.667%, #d9c3ab 100%);--background:var(--black);--foreground:var(--white);--foreground-soft:#f9f9f9c2;--muted:var(--brand-sand);--muted-soft:#d9c3abb8;--surface-page:linear-gradient(180deg, #33333352 0%, #0000 34rem), var(--background);--surface-panel:#000000e6;--surface-panel-strong:#000000f5;--surface-panel-soft:#3333338f;--surface-header:linear-gradient(180deg, #333333db, #000000d6);--surface-row:#00000057;--surface-row-alt:#3333333d;--surface-row-hover:#3333336b;--surface-input:#000000c2;--surface-input-hover:#33333361;--surface-mobile-row:#3333338a;--border:#64646480;--border-strong:#d9c3ab47;--border-subtle:#64646457;--border-mobile-row:#6464645c;--focus-inner:#f9f9f933;--focus-outer:#e850027a;--shadow-panel:0 18px 44px #0000006b;--shadow-raised:0 24px 76px #0000008a;--button-primary-border:#f9f9f91f;--button-primary-shadow:inset 0 1px 0 #f9f9f92e, 0 10px 24px #e8500229;--button-primary-shadow-hover:inset 0 1px 0 #f9f9f93d, 0 12px 28px #e8500238;--button-secondary-border:#f9f9f91a;--button-secondary-shadow-hover:inset 0 0 0 1px var(--border-strong), 0 10px 24px #09198d3d;--button-text-shadow:0 1px 1px #000000a3;--primary:var(--brand-orange);--primary-contrast:var(--white);--secondary:var(--brand-blue);--danger:var(--brand-orange-light);--danger-bg:#f1600124;--danger-border:#f160016b;--success:var(--brand-sand);--success-bg:#d9c3ab24;--success-border:#d9c3ab57;--warning:var(--brand-orange-light);--warning-bg:#e8500224;--loading-bg:#e850021f;--loading-border:#e8500257;--badge-neutral-bg:#6464643d;--status-processing-bg:#09198d6b;--shimmer:linear-gradient(90deg, transparent, #f9f9f957, transparent)}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:hidden}body{background:var(--surface-page);color:var(--foreground);letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}body:before{background:var(--brand-gradient);content:"";pointer-events:none;z-index:10;height:3px;position:fixed;top:0;left:0;right:0}button,input,select{font:inherit}button{cursor:pointer;text-align:center;white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:800;line-height:1.2;transition:background .16s,border-color .16s,box-shadow .16s,color .16s,filter .16s,transform .16s;display:inline-flex}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,input:focus-visible,select:focus-visible{box-shadow:0 0 0 3px var(--focus-inner), 0 0 0 5px var(--focus-outer);outline:0}input,select{background:var(--surface-input);border:1px solid var(--border);color:var(--foreground);border-radius:8px;outline:0;width:100%;min-height:40px;padding:0 11px;transition:background .16s,border-color .16s,box-shadow .16s}input:hover,select:hover{background:var(--surface-input-hover);border-color:var(--border-strong)}input::placeholder{color:var(--muted-soft)}select{color:var(--foreground)}table{border-collapse:collapse;width:100%;min-width:780px}th,td{border-bottom:1px solid var(--border);overflow-wrap:anywhere;text-align:left;vertical-align:middle;padding:11px 12px}th{background:var(--surface-header);color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}tbody tr{background:var(--surface-row);transition:background .16s}tbody tr:nth-child(2n){background:var(--surface-row-alt)}tbody tr:hover{background:var(--surface-row-hover)}.app-shell{max-width:1280px;min-height:100vh;margin:0 auto;padding:24px}.topbar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding-bottom:18px;display:flex;position:relative}.topbar:after{background:var(--brand-gradient);content:"";height:1px;position:absolute;bottom:-1px;left:0;right:0}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-logo{object-fit:contain;flex:none;width:64px;height:64px;display:block}.brand-copy{gap:2px;min-width:0;display:grid}.brand-copy h1{color:var(--white);margin:0;font-size:28px;font-weight:500;line-height:1.05}.brand-copy span{color:var(--muted);overflow-wrap:anywhere;font-size:13px;font-weight:700}.brand-lockup-compact{text-align:left;justify-content:center;align-self:center}.brand-lockup-compact .brand-logo{width:78px;height:78px}.brand-lockup-compact .brand-copy h1{font-size:30px}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button-primary{background:var(--brand-gradient);border:1px solid var(--button-primary-border);box-shadow:var(--button-primary-shadow);color:var(--primary-contrast);text-shadow:var(--button-text-shadow)}.button-primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:var(--button-primary-shadow-hover)}.button-secondary{background:var(--secondary);border:1px solid var(--button-secondary-border);color:var(--white)}.button-secondary:hover:not(:disabled){box-shadow:var(--button-secondary-shadow-hover);filter:brightness(1.08)}.button-ghost{background:var(--surface-input);border:1px solid var(--border);color:var(--white)}.button-ghost:hover:not(:disabled){background:var(--surface-panel-soft);border-color:var(--border-strong)}.dashboard-grid{grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:16px;display:grid}.panel{background:linear-gradient(180deg, var(--surface-panel), var(--surface-panel-strong));border:1px solid var(--border);box-shadow:var(--shadow-panel);border-radius:8px;min-width:0;overflow:hidden}.panel-header{background:var(--surface-header);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;position:relative}.panel-header:before{background:var(--brand-gradient);content:"";height:2px;position:absolute;top:0;left:0;right:0}.panel-title{color:var(--white);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:900;display:flex}.panel-title svg{color:var(--brand-orange)}.panel-body{padding:16px}.stack{gap:12px;display:grid}.field{gap:6px;min-width:0;display:grid}.field label{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.filters{grid-template-columns:minmax(180px,1fr) minmax(130px,160px) auto;align-items:end;gap:10px;display:grid}.table-wrap{width:100%;overflow-x:auto}.muted{color:var(--muted)}.message{border:1px solid #0000;border-radius:8px;padding:10px 12px;font-weight:800}.message.error{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.message.success{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.spinner{border:2px solid;border-right-color:#0000;border-radius:999px;flex:none;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-flex}.inline-loading{background:var(--loading-bg);border:1px solid var(--loading-border);color:var(--white);border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:8px 12px;font-size:13px;font-weight:900;display:flex;position:relative;overflow:hidden}.inline-loading:after{background:var(--shimmer);content:"";opacity:.85;flex:auto;min-width:72px;height:6px;animation:1.1s ease-in-out infinite shimmer}.panel>.inline-loading{margin:12px 16px 0}.status-pill{text-transform:capitalize;border-radius:999px;min-width:86px;padding:4px 9px;font-size:12px;font-weight:900;display:inline-flex}.status-completed{background:var(--success-bg);color:var(--success)}.status-cancelled,.status-failed,.status-refunded{background:var(--warning-bg);color:var(--brand-orange-light)}.status-on-hold,.status-pending{background:var(--warning-bg);color:var(--warning)}.status-processing{background:var(--status-processing-bg);color:var(--white)}.status-control{min-width:132px}.product-name{gap:2px;min-width:0;display:grid}.product-name strong{overflow-wrap:anywhere}.badge{border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;font-weight:900;display:inline-flex}.badge.ok{background:var(--success-bg);color:var(--success)}.badge.locked{background:var(--badge-neutral-bg);color:var(--white)}.diagnostic{gap:10px;display:grid}.diagnostic-list{border:1px solid var(--border);border-radius:8px;display:grid;overflow:hidden}.diagnostic-row{background:var(--surface-row-alt);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.diagnostic-row:last-child{border-bottom:0}.login-page{align-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:linear-gradient(180deg, var(--surface-panel-soft), var(--surface-panel-strong));border:1px solid var(--border);box-shadow:var(--shadow-raised);border-radius:8px;width:100%;max-width:430px;margin:0 auto;padding:24px;position:relative;overflow:hidden}.login-panel:before{background:var(--brand-gradient);content:"";height:3px;position:absolute;top:0;left:0;right:0}.input-with-icon{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.input-with-icon svg{color:var(--brand-orange)}.icon-only{aspect-ratio:1;width:40px;padding:0}.pagination{justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:920px){.dashboard-grid{grid-template-columns:1fr}.filters{grid-template-columns:minmax(0,1fr) auto auto}}@media (max-width:720px){table{min-width:0}thead{display:none}tbody{gap:10px;padding:10px;display:grid}tbody tr,tbody tr:nth-child(2n){background:var(--surface-mobile-row);border:1px solid var(--border);border-radius:8px;padding:2px 10px;display:grid;overflow:hidden}td{border-bottom:1px solid var(--border-mobile-row);grid-template-columns:minmax(86px,34%) minmax(0,1fr);align-items:start;gap:10px;padding:9px 0;display:grid}td:before{color:var(--muted);content:attr(data-label);text-transform:uppercase;font-size:11px;font-weight:900;line-height:1.4}td:last-child{border-bottom:0}.empty-row{padding:10px}.empty-row td{border-bottom:0;padding:0;display:block}.empty-row td:before{content:none}}@media (max-width:640px){.app-shell,.login-page{padding:16px}.topbar{flex-direction:column;align-items:stretch}.topbar .actions{grid-template-columns:1fr 1fr;display:grid}.filters{grid-template-columns:1fr}.panel-header{flex-direction:column;align-items:stretch}.status-control{width:100%;min-width:0}.pagination{justify-content:space-between}}@media (max-width:420px){.brand-logo{width:56px;height:56px}.brand-copy h1{font-size:23px}.brand-lockup-compact{align-items:flex-start}.brand-lockup-compact .brand-logo{width:68px;height:68px}.brand-lockup-compact .brand-copy h1{font-size:25px}td,.topbar .actions{grid-template-columns:1fr}}