@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-primary: #1B1E22;--color-primary-dark: #000000;--color-secondary: #1B1E22;--color-accent: #37667E;--color-accent-soft: #EAF0F3;--color-ahead: #37667E;--color-owing: #6E7A82;--color-danger: #C2503F;--color-success: #37667E;--color-bg: #F4F5F6;--color-bg-secondary: #ECEEF0;--color-surface: #FFFFFF;--color-text: #1B1E22;--color-text-light: #6E7A82;--color-muted: #9AA1A8;--color-border: #E6E8EA;--tint: #ECEEF0;--tint-2: #ECEEF0;--rule-left: linear-gradient(90deg, var(--color-border), transparent 80%);--photo-scrim: linear-gradient(180deg, rgba(0,0,0,0) 38%, rgba(0,0,0,.62) 100%);--shadow-sm: 0 1px 2px rgba(27,30,34,.05);--shadow-md: 0 2px 8px rgba(27,30,34,.06), 0 8px 24px rgba(27,30,34,.06);--shadow-lg: 0 4px 12px rgba(27,30,34,.08), 0 18px 44px rgba(27,30,34,.12);--shadow-primary: 0 6px 18px rgba(27,30,34,.18);--shadow-nav: 0 6px 24px rgba(27,30,34,.22);--ease-settle: cubic-bezier(.22, 1, .36, 1);--dur-tap: .15s;--dur-move: .32s;--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.375rem;--radius-pill: 999px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#e9ebed;color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.container{max-width:480px;margin:0 auto;min-height:100vh;background-color:var(--color-bg);box-shadow:0 0 60px #1b1e221f;position:relative;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--color-text)}.font-display{font-family:Inter,system-ui,sans-serif;font-weight:700;letter-spacing:-.025em}.tnum{font-variant-numeric:tabular-nums}.hscroll{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity}.hscroll::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.kicker{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-light)}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-md);border:none;transition:transform var(--dur-move) var(--ease-settle),box-shadow var(--dur-move) var(--ease-settle)}.card:active{transform:scale(.99)}button{cursor:pointer;font-family:inherit;transition:all var(--dur-tap) var(--ease-settle)}.btn-primary{background:var(--color-primary);color:#fff;border:none;padding:1.1rem 1.5rem;border-radius:var(--radius-pill);font-weight:700;font-size:1rem;width:100%;box-shadow:var(--shadow-primary);letter-spacing:.01em}.btn-primary:hover{background:var(--color-primary-dark)}.btn-primary:active{transform:translateY(1px) scale(.99);box-shadow:none}input,select{font-family:inherit;transition:all var(--dur-tap) var(--ease-settle);padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);width:100%;font-size:1rem;color:var(--color-text)}input:hover,select:hover{border-color:var(--color-muted)}input:focus,select:focus{outline:none;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #1b1e2214}input::placeholder{color:var(--color-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:fadeIn var(--dur-move) var(--ease-settle);width:100%}@keyframes routeFade{0%{opacity:0}to{opacity:1}}.route-transition{animation:routeFade var(--dur-move) var(--ease-settle);width:100%}@keyframes sheetPop{0%{opacity:0;transform:translateY(14px) scale(.84)}to{opacity:1;transform:translateY(0) scale(1)}}.sheet-pop{transform-origin:bottom center;animation:sheetPop var(--dur-move) var(--ease-settle)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@keyframes obRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ob-count{display:inline-block;animation:obRise .48s var(--ease-settle) both;animation-delay:80ms}@keyframes obScan{0%{transform:translateY(-120%);opacity:0}12%{opacity:1}50%{transform:translateY(120%);opacity:1}62%{opacity:0}to{transform:translateY(120%);opacity:0}}.ob-scan{position:absolute;left:0;right:0;top:0;height:36%;pointer-events:none;background:linear-gradient(180deg,#37667e00,#37667e38,#37667e00);animation:obScan 1.6s var(--ease-settle) both}@keyframes obExtract{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ob-extract{opacity:0;animation:obExtract .36s var(--ease-settle) both}.ob-receipt-tear{height:6px;background:var(--color-bg);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);-webkit-mask:linear-gradient(135deg,transparent 50%,#000 0) 0 0 / 7px 100%,linear-gradient(-135deg,transparent 50%,#000 0) 0 0 / 7px 100%;mask:linear-gradient(135deg,transparent 50%,#000 0) 0 0 / 7px 100%,linear-gradient(-135deg,transparent 50%,#000 0) 0 0 / 7px 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}@property --ob-deg{syntax: "<angle>"; inherits: false; initial-value: 360deg;}@keyframes obDraw{0%{--ob-deg: 0deg}to{--ob-deg: 360deg}}.ob-donut{--ob-deg: 360deg;-webkit-mask:conic-gradient(from 0deg,#000 var(--ob-deg),transparent 0);mask:conic-gradient(from 0deg,#000 var(--ob-deg),transparent 0);animation:obDraw .9s var(--ease-settle) both;animation-delay:.12s}@keyframes obGlowIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes obGlowPulse{0%,to{box-shadow:0 0 #37667e6b}50%{box-shadow:0 0 0 6px #37667e00}}.ob-nav-glow{position:absolute;top:50%;left:50%;width:38px;height:38px;border-radius:999px;pointer-events:none;background:#ffffff29;transform:translate(-50%,-50%);animation:obGlowIn .36s var(--ease-settle) both,obGlowPulse 2.4s var(--ease-settle) .36s infinite}.ob-snap-glow{width:66px;height:66px;background:var(--color-accent-soft)}@media(prefers-reduced-motion:reduce){.ob-scan{display:none}.ob-extract{opacity:1}.ob-donut{--ob-deg: 360deg;animation:none;-webkit-mask:none;mask:none}.ob-nav-glow{animation:none;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #37667e4d}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--color-text-light);background:var(--color-surface);border-radius:var(--radius-lg);border:none;box-shadow:var(--shadow-sm)}.empty-state-icon{margin-bottom:1rem;padding:1rem;background:var(--color-bg-secondary);border-radius:50%;color:var(--color-primary)}.input-group{position:relative;margin-bottom:1rem}