:root{--color-paper:oklch(97% .008 250);--color-paper-2:oklch(94% .014 130);--color-ink:oklch(15% .01 260);--color-ink-2:oklch(45% .01 260);--color-rule:oklch(88% .006 260);--color-rule-2:oklch(82% .008 260);--color-accent:oklch(52% .22 265);--color-accent-2:oklch(78% .19 128);--color-accent-ink:oklch(98% .005 260);--color-card-dark:oklch(18% .015 260);--color-card-dark-ink:oklch(96% .006 260);--color-focus:oklch(52% .22 265);--color-error:oklch(52% .19 25);--color-error-bg:oklch(95% .03 25);--color-success:oklch(50% .14 145);--color-success-bg:oklch(94% .05 145);--font-display:"Geist", system-ui, sans-serif;--font-accent:"Instrument Serif", Georgia, serif;--font-body:"Geist", system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-display:2.75rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.18s;--dur-base:.24s;--radius-card:16px;--radius-pill:999px;--radius-input:10px}*{box-sizing:border-box}html,body{overflow-x:clip}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--content-max:72rem}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0;line-height:1.5}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 var(--space-lg);font-weight:700;line-height:1.15}h2{font-size:var(--text-lg);margin-top:var(--space-2xl)}.accent-word{font-family:var(--font-accent);color:var(--color-accent);letter-spacing:-.01em;font-style:italic;font-weight:400}p{color:var(--color-ink-2);margin:0}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.login-page{min-height:100dvh;padding:var(--space-md);justify-content:center;align-items:center;display:flex}.login-page form{gap:var(--space-md);background:color-mix(in oklch, var(--color-paper) 40%, white 60%);border:1px solid var(--color-rule);border-radius:var(--radius-card);width:100%;max-width:20rem;padding:var(--space-xl);flex-direction:column;display:flex}.login-page h1{font-size:var(--text-xl);margin-bottom:var(--space-xs)}.app-layout nav{align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--color-rule);background:color-mix(in oklch, var(--color-paper) 60%, white 40%);display:flex}.app-layout nav .brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);margin-right:auto;font-weight:700}.app-layout nav a{font-size:var(--text-sm);color:var(--color-ink-2);padding:var(--space-2xs) 0;border-bottom:2px solid #0000;font-weight:500}.app-layout nav a:hover{color:var(--color-ink);text-decoration:none}.app-layout nav a.active{color:var(--color-ink);border-bottom-color:var(--color-accent)}.app-layout main{max-width:var(--content-max);padding:var(--space-xl);margin:0 auto}label{font-size:var(--text-sm);color:var(--color-ink);font-weight:500}.field-hint{font-size:var(--text-xs);color:var(--color-ink-2)}input,select{appearance:none;font:inherit;font-size:var(--text-md);color:var(--color-ink);border:1px solid var(--color-rule-2);border-radius:var(--radius-input);padding:var(--space-xs) var(--space-sm);outline-offset:1px;transition:background-color var(--dur-fast) var(--ease-out);background:#fff;outline:2px solid #0000}@media (hover:hover){input:hover,select:hover{border-color:var(--color-rule)}}input:focus-visible,select:focus-visible{outline-color:var(--color-focus);border-color:var(--color-focus)}input:disabled,select:disabled{opacity:.5;cursor:not-allowed}button{font:inherit;font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-pill);padding:var(--space-xs) var(--space-md);border:1px solid var(--color-rule-2);min-height:36px;color:var(--color-ink);cursor:pointer;outline-offset:2px;transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:#fff;outline:2px solid #0000}@media (hover:hover){button:hover:not(:disabled){background:color-mix(in oklch, white 92%, var(--color-paper-2) 8%);border-color:var(--color-rule)}}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline-color:var(--color-focus)}button:disabled{opacity:.5;cursor:not-allowed}.login-page button[type=submit]{background:var(--color-accent-2);color:var(--color-ink);border-color:#0000}@media (hover:hover){.login-page button[type=submit]:hover:not(:disabled){box-shadow:0 4px 14px color-mix(in oklch, var(--color-accent-2) 45%, transparent);transform:translateY(-1.5px)}}table{border-collapse:collapse;width:100%;margin:0 0 var(--space-xl);font-size:var(--text-sm)}th{text-align:left;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--color-ink-2);padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-rule-2);font-weight:500}td{padding:var(--space-sm);border-bottom:1px solid var(--color-rule);vertical-align:middle}tbody tr{transition:background-color var(--dur-fast) var(--ease-out)}@media (hover:hover){tbody tr:hover{background:color-mix(in oklch, var(--color-paper-2) 30%, white 70%)}}.mono{font-family:var(--font-mono)}.drift-warning{background:var(--color-error-bg)}@media (hover:hover){.drift-warning:hover{background:color-mix(in oklch, var(--color-error-bg) 80%, white 20%)}}.status-pill{align-items:center;gap:var(--space-2xs);font-size:var(--text-xs);border-radius:var(--radius-pill);padding:var(--space-3xs) var(--space-sm);white-space:nowrap;font-weight:500;display:inline-flex}.status-pill .status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-pending{background:color-mix(in oklch, var(--color-accent) 12%, white);color:var(--color-accent)}.status-pending .status-dot{background:var(--color-accent)}.status-success{background:var(--color-success-bg);color:var(--color-success)}.status-success .status-dot{background:var(--color-success)}.status-failed{background:var(--color-error-bg);color:var(--color-error)}.status-failed .status-dot{background:var(--color-error)}.order-detail-page .back-link{font-size:var(--text-sm);margin-bottom:var(--space-md);display:inline-block}dl{gap:var(--space-xs) var(--space-lg);margin:0 0 var(--space-xl);grid-template-columns:max-content 1fr;display:grid}dt{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--color-ink-2)}dd{font-family:var(--font-mono);font-size:var(--text-sm);margin:0}.order-actions{gap:var(--space-sm);margin:0 0 var(--space-xl);padding:var(--space-md);background:color-mix(in oklch, var(--color-paper) 40%, white 60%);border:1px solid var(--color-rule);border-radius:var(--radius-card);flex-wrap:wrap;display:flex}.timeline{border-left:2px solid var(--color-rule);margin:0;padding:0;list-style:none}.timeline li{padding:0 0 var(--space-md) var(--space-md);font-size:var(--text-sm);position:relative}.timeline li:before{content:"";background:var(--color-accent);border-radius:50%;width:8px;height:8px;position:absolute;top:.4em;left:-5px}.timeline li:last-child{padding-bottom:0}.timeline strong{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.02em;color:var(--color-ink)}.alert{gap:var(--space-xs);font-size:var(--text-sm);border-radius:var(--radius-input);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);align-items:flex-start;display:flex}.alert-error,.error{background:var(--color-error-bg);color:var(--color-error);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-input);display:inline-block}@media (width<=40rem){.app-layout nav{gap:var(--space-sm) var(--space-md);flex-wrap:wrap}.app-layout main{padding:var(--space-md)}table{display:block;overflow-x:auto}}