:root{--color-bg: #0f172a;--color-bg-elevated: rgba(15, 23, 42, .65);--color-border: rgba(148, 163, 184, .2);--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-accent: #cbd5e1;--color-accent: #6366f1;--color-accent-hover: #4f46e5;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);background:linear-gradient(135deg,#0f172a,#1e293b,#312e81);color:var(--color-text);min-height:100vh}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}button{font-family:inherit;font-size:1rem;padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);cursor:pointer;transition:background .12s}button:hover{background:#6366f126}button.primary{background:var(--color-accent);border-color:var(--color-accent)}button.primary:hover{background:var(--color-accent-hover)}button.danger{background:var(--color-danger);border-color:var(--color-danger)}button:disabled{opacity:.5;cursor:not-allowed}code{font-family:var(--font-mono);background:#0f172a99;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.125rem .5rem;font-size:.95em}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{border-bottom:1px solid var(--color-border);padding:var(--space-md) var(--space-xl);display:flex;align-items:center;justify-content:space-between;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-header h1{margin:0;font-size:1.25rem;font-weight:600}.app-nav{display:flex;gap:var(--space-md)}.app-nav a{color:var(--color-text-accent);padding:.25rem .5rem;border-radius:var(--radius-sm)}.app-nav a:hover{background:#6366f11a;text-decoration:none}.app-main{flex:1;padding:var(--space-xl);max-width:64rem;margin:0 auto;width:100%}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.empty-state{text-align:center;padding:var(--space-xl);color:var(--color-text-muted)}.state-badge{display:inline-block;padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;text-transform:capitalize}.state-badge.accepted{background:#3b82f633;color:var(--color-info)}.state-badge.running{background:#f59e0b33;color:var(--color-warning)}.state-badge.delivered{background:#10b98133;color:var(--color-success)}.state-badge.failed{background:#ef444433;color:var(--color-danger)}.state-badge.refunded{background:#94a3b833;color:var(--color-text-muted)}.state-badge.partialcredit{background:#f59e0b26;color:var(--color-warning)}.list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--color-border)}.list-item:last-child{border-bottom:none}.list-item .left{flex:1}.muted{color:var(--color-text-muted)}.row{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--space-md)}.wizard-steps{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl)}.wizard-step{flex:1;padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elevated);text-align:center;font-weight:500;opacity:.5}.wizard-step.active{opacity:1;border-color:var(--color-accent);color:var(--color-accent)}.wizard-step.completed{opacity:1;color:var(--color-success);border-color:var(--color-success)}