@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@500;700;800&family=JetBrains+Mono:wght@500;600;700&display=swap";:root{--color-surface-base: #0B1326;--color-surface-dim: #0B1326;--color-surface-bright: #31394D;--color-surface-container-lowest: #060E20;--color-surface-container-low: #131B2E;--color-surface-container: #171F33;--color-surface-container-high: #222A3D;--color-surface-container-highest: #2D3449;--color-on-surface: #DAE2FD;--color-on-surface-variant: #C3C5D9;--color-outline: #8D90A2;--color-outline-variant: #434656;--color-primary: #B7C4FF;--color-on-primary: #002682;--color-primary-container: #0052FF;--color-on-primary-container: #DFE3FF;--color-secondary: #4AE176;--color-on-secondary: #003915;--color-secondary-container: #00B954;--color-on-secondary-container: #004119;--color-tertiary: #FFB95F;--color-on-tertiary: #472A00;--color-tertiary-container: #905A00;--color-error: #FFB4AB;--color-on-error: #690005;--color-error-container: #93000A;--status-pending-sync: #C3C5D9;--status-pending: #FFB95F;--status-ready: #B7C4FF;--status-issued: #DFE3FF;--status-delivered: #4AE176;--status-voided: #8D90A2;--status-rejected: #FFB4AB;--font-family-sans: "Hanken Grotesk", -apple-system, sans-serif;--font-family-mono: "JetBrains Mono", monospace;--touch-target-min: 48px;--touch-target-lg: 64px;--border-radius-sm: .125rem;--border-radius-default: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--color-surface-base);color:var(--color-on-surface);font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;min-height:100vh}.font-mono{font-family:var(--font-family-mono)}.glass-card{background:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--border-radius-lg)}.flex-between-wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.app-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;row-gap:12px;padding:12px 24px}.app-header-nav{display:flex;gap:6px;flex-wrap:wrap}.app-header-actions{display:flex;align-items:center;gap:12px}.page-container{padding:24px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.app-header{padding:12px 16px}.app-header-title,.app-header-nav,.app-header-actions{width:100%}.app-header-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-header-nav::-webkit-scrollbar{display:none}.app-header-nav>*{flex-shrink:0}.app-header-actions{justify-content:space-between}.page-container{padding:16px}}@media (max-width: 480px){.form-grid-2{grid-template-columns:1fr}}