@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@500;600;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.flex{display:flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{--bg:#f0f2f5;--card:#fff;--subtle:#f7f8fa;--border:#e8eaef;--border-mid:#d0d4dd;--ink:#0f1117;--ink-2:#4a5168;--ink-3:#8c93a8;--green:#00c48c;--green-bg:#e6faf4;--green-border:#b3f0dc;--green-dark:#008f67;--amber:#f5a623;--amber-bg:#fff8ec;--amber-border:#fde0a0;--amber-dark:#b57800;--blue:#3b7cff;--blue-bg:#eef3ff;--blue-border:#c7d8ff;--red:#ff4d4f;--red-bg:#fff1f0;--sh-sm:0 1px 4px #0f111712;--sh-md:0 4px 20px #0f111717;--sh-lg:0 12px 40px #0f11171c;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:26px;--r-pill:9999px;--font:"Sora", sans-serif;--mono:"JetBrains Mono", monospace;--ease:.25s cubic-bezier(.4,0,.2,1);--ease-spring:.48s cubic-bezier(.34,1.4,.64,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{font-family:var(--font);background:var(--bg);color:var(--ink)}.app-root{background:radial-gradient(ellipse 70% 50% at 15% 0%, #3b7cff0f 0%, transparent 55%), radial-gradient(ellipse 60% 45% at 85% 105%, #00c48c12 0%, transparent 55%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.app-shell{flex-direction:column;width:100%;max-width:468px;display:flex}.brand{text-align:center;margin-bottom:1.75rem}.brand-pill{background:var(--card);border:1px solid var(--border);border-radius:var(--r-pill);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);box-shadow:var(--sh-sm);align-items:center;gap:6px;margin-bottom:10px;padding:4px 13px;font-size:10.5px;font-weight:700;display:inline-flex}.brand-name{letter-spacing:-.045em;color:var(--ink);font-size:2rem;font-weight:800;line-height:1}.brand-name span{color:var(--blue)}.brand-tag{color:var(--ink-3);margin-top:4px;font-size:12px;font-weight:400}.step-track{justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.step-item{flex-direction:column;align-items:center;gap:5px;display:flex}.step-circle{border:2px solid var(--border-mid);background:var(--card);width:30px;height:30px;color:var(--ink-3);transition:all var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.step-circle.active{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 0 0 3px #0f11171a}.step-circle.done{background:var(--green);border-color:var(--green);color:#fff}.step-label{letter-spacing:.04em;color:var(--ink-3);white-space:nowrap;font-size:10px;font-weight:600}.step-label.active{color:var(--ink)}.step-label.done{color:var(--green-dark)}.step-line{background:var(--border);width:44px;height:2px;transition:background var(--ease);border-radius:2px;flex-shrink:0;margin:0 5px 18px}.step-line.done{background:var(--green)}.card{background:var(--card);border-radius:var(--r-xl);border:1px solid var(--border);box-shadow:var(--sh-md);padding:1.875rem}.screen-enter{animation:.38s cubic-bezier(.34,1.15,.64,1) both screenIn}.card-head{margin-bottom:1.375rem}.card-title{color:var(--ink);letter-spacing:-.03em;font-size:1.3rem;font-weight:800}.card-sub{color:var(--ink-3);margin-top:4px;font-size:13px;font-weight:400;line-height:1.5}.row-between{justify-content:space-between;align-items:flex-start;display:flex}.form-stack{flex-direction:column;gap:14px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:11px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px;font-weight:700}.field-input{border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--subtle);font-family:var(--font);color:var(--ink);transition:all var(--ease);outline:none;padding:11px 15px;font-size:13.5px}.field-input::placeholder{color:var(--ink-3);opacity:.8}.field-input:hover{border-color:var(--border-mid)}.field-input:focus{border-color:var(--blue);background:var(--card);box-shadow:0 0 0 3px #3b7cff1f}.field-input.field-error-state{border-color:var(--red);background:var(--red-bg)}.field-error-msg{color:var(--red);align-items:center;gap:4px;font-size:11.5px;font-weight:500;display:flex}.btn{border-radius:var(--r-md);width:100%;font-family:var(--font);letter-spacing:.01em;cursor:pointer;transition:all var(--ease);border:none;justify-content:center;align-items:center;gap:7px;padding:13px 22px;font-size:13.5px;font-weight:700;display:flex}.btn:active{transform:scale(.985)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-dark{background:var(--ink);color:#fff;box-shadow:0 2px 8px #0f11172e}.btn-dark:hover:not(:disabled){background:#1a2030;transform:translateY(-1px);box-shadow:0 4px 14px #0f111738}.btn-green{background:var(--green);color:#fff;box-shadow:0 2px 8px #00c48c47}.btn-green:hover:not(:disabled){background:#00b07d;transform:translateY(-1px);box-shadow:0 4px 14px #00c48c59}.btn-disabled{background:var(--subtle);color:var(--ink-3);border:1.5px solid var(--border);cursor:not-allowed}.badge{border-radius:var(--r-pill);letter-spacing:.04em;white-space:nowrap;border:1px solid;align-items:center;gap:5px;padding:4px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.badge-green{background:var(--green-bg);color:var(--green-dark);border-color:var(--green-border)}.badge-amber{background:var(--amber-bg);color:var(--amber-dark);border-color:var(--amber-border)}.pulse-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.pulse-dot.green{background:var(--green);animation:1.8s ease-in-out infinite pulse}.pulse-dot.amber{background:var(--amber);animation:1.4s ease-in-out infinite pulse}.detail-box{background:var(--subtle);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.detail-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.detail-row:last-child{border-bottom:none}.row-key{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px;font-weight:700}.row-val{color:var(--ink);font-size:13px;font-weight:700}.row-val.row-green{color:var(--green-dark)}.row-val.row-mono{font-family:var(--mono);font-size:12.5px}.escrow-note{background:var(--green-bg);border:1px solid var(--green-border);border-radius:var(--r-md);color:var(--green-dark);align-items:center;gap:8px;margin:1.125rem 0;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:9px;font-size:10.5px;font-weight:700}.money-flow{border-radius:var(--r-lg);background:linear-gradient(135deg,#f0f5ff 0%,#f0fbf7 100%);border:1px solid #3b7cff26;justify-content:space-between;align-items:center;margin-bottom:.875rem;padding:1.375rem 1rem;display:flex;position:relative;overflow:hidden}.money-flow:before{content:"";pointer-events:none;background:radial-gradient(80% 60%,#ffffff8c 0%,#0000 75%);position:absolute;inset:0}.flow-node{z-index:1;flex-direction:column;align-items:center;gap:4px;min-width:64px;display:flex}.flow-icon{width:42px;height:42px;transition:all var(--ease-spring);border:2px solid;border-radius:50%;justify-content:center;align-items:center;display:flex}.flow-icon-muted{border-color:var(--border-mid);color:var(--ink-2);background:#fff}.flow-icon-locked{border-color:var(--border);color:var(--ink-3);background:#fff}.flow-icon-active{background:var(--ink);border-color:var(--ink);color:#fff;transform:scale(1.1);box-shadow:0 0 0 5px #0f111717}.flow-node-role{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:9.5px;font-weight:700}.flow-node-name{color:var(--ink);font-size:11.5px;font-weight:700}.flow-node-held{color:var(--ink-3);text-align:center;font-size:10px;font-weight:500;line-height:1.3}.flow-node-amount{color:var(--green-dark);font-size:11px;font-weight:800;font-family:var(--mono);margin-top:1px}.flow-arrow{z-index:1;flex:1;align-items:center;max-width:48px;margin-bottom:22px;display:flex;position:relative}.flow-arrow-track{background:var(--blue);border-radius:2px;width:100%;height:2px;position:relative;overflow:hidden}.flow-arrow-track.inactive{background:var(--border)}.flow-arrow-anim{background:linear-gradient(90deg,#0000,#fff,#0000);width:100%;height:100%;animation:1.8s linear infinite flowPulse;position:absolute;top:0;left:-100%}.flow-arrow-tip{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid var(--blue);position:absolute;top:50%;right:-1px;transform:translateY(-50%)}.flow-arrow-tip.inactive{border-left-color:var(--border-mid)}.flow-caption{color:var(--ink-3);text-align:center;margin-bottom:1.125rem;font-size:11.5px;font-weight:500;line-height:1.5}.rider-card{background:var(--amber-bg);border:1px solid var(--amber-border);border-radius:var(--r-lg);align-items:center;gap:13px;margin-bottom:1.25rem;padding:14px;display:flex}.rider-avatar{background:linear-gradient(135deg,#f5a623 0%,#f07c00 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:21px;display:flex;box-shadow:0 4px 12px #f5a6234d}.rider-info{flex:1}.rider-label{letter-spacing:.07em;text-transform:uppercase;color:var(--amber-dark);font-size:9.5px;font-weight:700}.rider-name{color:var(--ink);letter-spacing:-.025em;font-size:16px;font-weight:800}.rider-eta{color:var(--amber-dark);margin-top:2px;font-size:11.5px;font-weight:600}.rider-item-tag{text-align:right}.rider-item-label{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin-bottom:3px;font-size:9.5px;font-weight:700}.rider-item-name{color:var(--ink-2);max-width:90px;font-size:12px;font-weight:700;line-height:1.3}.delivery-steps{flex-direction:column;margin-bottom:.5rem;display:flex}.d-step{gap:12px;display:flex}.d-step-left{flex-direction:column;flex-shrink:0;align-items:center;width:28px;display:flex}.d-icon{border:2px solid var(--border-mid);background:var(--subtle);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.d-icon-done{background:var(--green);border-color:var(--green);color:#fff}.d-icon-active{background:var(--amber-bg);border-color:var(--amber);color:var(--amber);animation:1.8s ease-in-out infinite pulseRing;box-shadow:0 0 0 3px #f5a62326}.d-icon-pending{background:var(--subtle);border-color:var(--border);color:var(--ink-3);opacity:.65}.d-line{background:var(--border);width:2px;min-height:24px;transition:background var(--ease);border-radius:2px;flex:1;margin:3px 0}.d-line-done{background:var(--green)}.d-content{padding-top:3px;padding-bottom:18px}.d-title{color:var(--ink);font-size:13.5px;font-weight:700;line-height:1}.d-title-muted{color:var(--ink-3)}.d-time{color:var(--ink-3);margin-top:3px;font-size:11px;font-weight:500}.d-time-active{color:var(--amber-dark);font-weight:600}.inspect-notice{background:var(--blue-bg);border:1px solid var(--blue-border);border-radius:var(--r-md);color:var(--blue);align-items:flex-start;gap:11px;margin-bottom:1.125rem;padding:13px 15px;display:flex}.inspect-notice-title{color:#2260d9;margin-bottom:2px;font-size:12.5px;font-weight:700}.inspect-notice-sub{color:#4a7acc;font-size:11.5px;font-weight:400;line-height:1.4}.checklist{flex-direction:column;gap:9px;margin-bottom:1.125rem;display:flex}.check-item{border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--subtle);cursor:pointer;transition:all var(--ease);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:12px 13px;display:flex}.check-item:hover{border-color:var(--border-mid)}.check-item.checked{border-color:var(--green);background:var(--green-bg)}.check-box{border:2px solid var(--border-mid);background:var(--card);width:20px;height:20px;transition:all var(--ease);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.check-item.checked .check-box{background:var(--green);border-color:var(--green);color:#fff}.check-label{color:var(--ink);font-size:13px;font-weight:700}.check-item.checked .check-label{color:var(--green-dark)}.check-sub{color:var(--ink-3);margin-top:1px;font-size:11px;font-weight:400}.pin-section{border-top:1px solid var(--border);margin-top:.25rem;padding-top:1.125rem;animation:.3s cubic-bezier(.34,1.15,.64,1) both screenIn}.pin-amount-row{background:var(--subtle);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;align-items:center;gap:3px;margin-bottom:1.125rem;padding:18px;display:flex}.pin-amount-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:700}.pin-amount-value{color:var(--ink);letter-spacing:-.03em;font-size:26px;font-weight:800;font-family:var(--mono)}.pin-amount-to{color:var(--ink-3);font-size:11.5px;font-weight:500}.pin-field .field-input{font-family:var(--mono);letter-spacing:.3em;text-align:center;margin-bottom:.8em;font-size:20px;font-weight:700}.success-wrap{text-align:center;flex-direction:column;align-items:center;padding:1.25rem 0;display:flex}.success-ring{background:var(--green-bg);border:2px solid var(--green-border);width:76px;height:76px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;animation:.5s cubic-bezier(.34,1.56,.64,1) both popIn;display:flex}.success-title{color:var(--ink);letter-spacing:-.03em;margin-bottom:5px;font-size:1.3rem;font-weight:800}.success-sub{color:var(--ink-3);max-width:260px;font-size:13px;line-height:1.55}.success-sub strong{color:var(--ink-2);font-weight:700}.success-detail{background:linear-gradient(135deg, var(--green-bg) 0%, #f0fdf8 100%);border:1px solid var(--green-border);border-radius:var(--r-md);margin-top:1.25rem;overflow:hidden}.success-banner{background:var(--green);color:#fff;text-align:center;letter-spacing:.02em;margin-top:2em;padding:11px;font-size:12.5px;font-weight:700}.app-footer{color:var(--ink-3);justify-content:center;align-items:center;gap:5px;margin-top:1.25rem;font-size:11px;font-weight:500;display:flex}@keyframes screenIn{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.72)}}@keyframes pulseRing{0%,to{box-shadow:0 0 0 3px #f5a62326}50%{box-shadow:0 0 0 6px #f5a6230f}}@keyframes flowPulse{0%{left:-100%}to{left:100%}}@keyframes popIn{0%{opacity:0;transform:scale(.45)}65%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (width<=480px){.card{border-radius:var(--r-lg);padding:1.375rem}.form-row{grid-template-columns:1fr}.money-flow{padding:1rem .75rem}.flow-node{min-width:52px}.flow-node-amount{font-size:10px}.pin-amount-value{font-size:22px}}