@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Noto+Sans+Georgian:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--mnp-teal-900: #123840;--mnp-teal-800: #1B5563;--mnp-teal-700: #237487;--mnp-teal-600: #2CA4C6;--mnp-teal-500: #48B6D3;--mnp-teal-400: #74C9DF;--mnp-teal-300: #A5DCEB;--mnp-teal-200: #CFEBF3;--mnp-teal-100: #E6F4F8;--mnp-teal-50: #F4FAFC;--mnp-ink: #31545E;--mnp-red: #D5282E;--mnp-red-dark: #A61E23;--mnp-kraft: #62462F;--mnp-kraft-light: #A27A55;--mnp-black: #111314;--mnp-gray-900: #1D2022;--mnp-gray-800: #2B2F33;--mnp-gray-700: #454B51;--mnp-gray-600: #6B7178;--mnp-gray-500: #9BA1A8;--mnp-gray-400: #C4C9CE;--mnp-gray-300: #DCE0E3;--mnp-gray-200: #EAEDEF;--mnp-gray-100: #F4F6F7;--mnp-gray-50: #F9FAFB;--mnp-white: #FFFFFF;--mnp-bg: var(--mnp-white);--mnp-bg-alt: var(--mnp-gray-50);--mnp-bg-brand: var(--mnp-teal-600);--mnp-bg-brand-soft: var(--mnp-teal-100);--mnp-fg-1: var(--mnp-ink);--mnp-fg-2: var(--mnp-gray-700);--mnp-fg-3: var(--mnp-gray-500);--mnp-fg-on-brand: var(--mnp-white);--mnp-border: var(--mnp-gray-300);--mnp-border-soft: var(--mnp-gray-200);--mnp-border-strong: var(--mnp-gray-400);--mnp-link: var(--mnp-teal-700);--mnp-link-hover: var(--mnp-teal-800);--mnp-success: #2F9A68;--mnp-warning: #E0A419;--mnp-danger: var(--mnp-red);--mnp-font-display: "Montserrat", "Noto Sans Georgian", system-ui, sans-serif;--mnp-font-body: "Inter", "Noto Sans Georgian", "Helvetica Neue", Arial, sans-serif;--mnp-font-mono: "JetBrains Mono", "Menlo", "Consolas", monospace;--mnp-text-xs: 12px;--mnp-text-sm: 14px;--mnp-text-base: 16px;--mnp-text-md: 18px;--mnp-text-lg: 20px;--mnp-text-xl: 24px;--mnp-text-2xl: 30px;--mnp-text-3xl: 36px;--mnp-text-4xl: 48px;--mnp-text-5xl: 64px;--mnp-text-6xl: 80px;--mnp-fw-regular: 400;--mnp-fw-medium: 500;--mnp-fw-semibold: 600;--mnp-fw-bold: 700;--mnp-fw-black: 900;--mnp-lh-tight: 1.1;--mnp-lh-snug: 1.25;--mnp-lh-normal: 1.5;--mnp-lh-relaxed: 1.7;--mnp-space-0: 0;--mnp-space-1: 4px;--mnp-space-2: 8px;--mnp-space-3: 12px;--mnp-space-4: 16px;--mnp-space-5: 20px;--mnp-space-6: 24px;--mnp-space-8: 32px;--mnp-space-10: 40px;--mnp-space-12: 48px;--mnp-space-16: 64px;--mnp-space-20: 80px;--mnp-space-24: 96px;--mnp-radius-xs: 4px;--mnp-radius-sm: 6px;--mnp-radius-md: 10px;--mnp-radius-lg: 16px;--mnp-radius-xl: 24px;--mnp-radius-2xl: 32px;--mnp-radius-pill: 9999px;--mnp-radius-circle: 50%;--mnp-shadow-xs: 0 1px 2px rgba(18, 56, 64, .06);--mnp-shadow-sm: 0 2px 6px rgba(18, 56, 64, .08);--mnp-shadow-md: 0 6px 16px rgba(18, 56, 64, .1);--mnp-shadow-lg: 0 16px 32px rgba(18, 56, 64, .12);--mnp-shadow-focus: 0 0 0 3px rgba(44, 164, 198, .35);--mnp-ease: cubic-bezier(.4, 0, .2, 1);--mnp-ease-out: cubic-bezier(.16, 1, .3, 1);--mnp-dur-fast: .12s;--mnp-dur: .2s;--mnp-dur-slow: .32s;--mnp-container: 1200px;--mnp-container-narrow: 840px}html,body{font-family:var(--mnp-font-body);font-size:var(--mnp-text-base);line-height:var(--mnp-lh-normal);color:var(--mnp-fg-1);background:var(--mnp-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mnp-h1,h1.mnp,h1{font-family:var(--mnp-font-display);font-weight:var(--mnp-fw-black);font-size:clamp(36px,5vw,var(--mnp-text-5xl));line-height:var(--mnp-lh-tight);letter-spacing:-.02em;color:var(--mnp-fg-1);margin:0 0 var(--mnp-space-4)}.mnp-h2,h2.mnp{font-family:var(--mnp-font-display);font-weight:var(--mnp-fw-bold);font-size:clamp(28px,4vw,var(--mnp-text-4xl));line-height:var(--mnp-lh-snug);letter-spacing:-.01em;color:var(--mnp-fg-1);margin:0 0 var(--mnp-space-4)}.mnp-h3,h3.mnp{font-family:var(--mnp-font-display);font-weight:var(--mnp-fw-bold);font-size:var(--mnp-text-2xl);line-height:var(--mnp-lh-snug);color:var(--mnp-fg-1);margin:0 0 var(--mnp-space-3)}.mnp-h4,h4.mnp{font-family:var(--mnp-font-display);font-weight:var(--mnp-fw-semibold);font-size:var(--mnp-text-xl);line-height:var(--mnp-lh-snug);color:var(--mnp-fg-1);margin:0 0 var(--mnp-space-2)}.mnp-eyebrow{font-family:var(--mnp-font-body);font-weight:var(--mnp-fw-semibold);font-size:var(--mnp-text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--mnp-teal-700)}.mnp-lead{font-size:var(--mnp-text-lg);line-height:var(--mnp-lh-relaxed);color:var(--mnp-fg-2)}.mnp-p,p.mnp{font-size:var(--mnp-text-base);line-height:var(--mnp-lh-relaxed);color:var(--mnp-fg-2);margin:0 0 var(--mnp-space-4);text-wrap:pretty}.mnp-small{font-size:var(--mnp-text-sm);color:var(--mnp-fg-3)}.mnp-mono,code.mnp,pre.mnp{font-family:var(--mnp-font-mono);font-size:.92em;background:var(--mnp-gray-100);padding:2px 6px;border-radius:var(--mnp-radius-xs);color:var(--mnp-ink)}.mnp-price{font-family:var(--mnp-font-display);font-weight:var(--mnp-fw-bold);font-size:var(--mnp-text-md);color:var(--mnp-fg-1);letter-spacing:.02em}.mnp-a,a.mnp{color:var(--mnp-link);text-decoration:none;transition:color var(--mnp-dur) var(--mnp-ease)}.mnp-a:hover,a.mnp:hover{color:var(--mnp-link-hover);text-decoration:underline}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#e8ebee;font-family:var(--mnp-font-body);color:var(--mnp-fg-1);-webkit-font-smoothing:antialiased;overflow-x:hidden}.stage{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px 120px;gap:32px;flex-wrap:wrap}.viewport{width:375px;height:720px;background:var(--mnp-bg);border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -20px #12384040,0 10px 20px -10px #12384026;display:flex;flex-direction:column;position:relative;transition:transform var(--mnp-dur) var(--mnp-ease)}.viewport[data-active=true]{outline:3px solid var(--mnp-teal-600);outline-offset:6px}.tg-header{height:44px;flex:0 0 44px;background:var(--mnp-gray-100);border-bottom:1px solid var(--mnp-border-soft);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-family:var(--mnp-font-body);font-size:15px;font-weight:600;color:var(--mnp-fg-1);z-index:5}.tg-header .tg-title{font-size:15px;font-weight:600}.tg-header .tg-btn{font-size:14px;font-weight:500;color:var(--mnp-teal-700);background:none;border:0;padding:4px 2px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.tg-header .tg-btn:hover{color:var(--mnp-teal-800)}.screen{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;background:var(--mnp-bg);position:relative}.screen::-webkit-scrollbar{width:4px}.screen::-webkit-scrollbar-thumb{background:var(--mnp-gray-300);border-radius:2px}.screen.pad{padding:16px}.screen.pad-lg{padding:20px}.tabbar{flex:0 0 64px;height:64px;background:var(--mnp-bg);border-top:1px solid var(--mnp-border-soft);display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch}.tabbar button{background:none;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--mnp-fg-3);font-family:var(--mnp-font-body);font-size:10px;font-weight:500;cursor:pointer;padding:6px 4px 8px;transition:color var(--mnp-dur) var(--mnp-ease);position:relative}.tabbar button[data-active=true]{color:var(--mnp-teal-700)}.tabbar button[data-active=true]:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--mnp-teal-600);border-radius:0 0 3px 3px}.tabbar svg{width:22px;height:22px;stroke-width:1.8}.t-eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mnp-teal-700);margin:0}.t-h1{font-family:var(--mnp-font-display);font-weight:800;font-size:26px;line-height:1.15;letter-spacing:-.01em;margin:0;color:var(--mnp-fg-1)}.t-h2{font-family:var(--mnp-font-display);font-weight:700;font-size:20px;line-height:1.2;margin:0;color:var(--mnp-fg-1)}.t-h3{font-family:var(--mnp-font-display);font-weight:700;font-size:16px;line-height:1.25;margin:0;color:var(--mnp-fg-1)}.t-body{font-size:14px;line-height:1.5;color:var(--mnp-fg-2);margin:0}.t-small{font-size:12px;line-height:1.4;color:var(--mnp-fg-3);margin:0}.t-label{font-size:12px;font-weight:600;color:var(--mnp-fg-2);margin:0 0 6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--mnp-font-body);font-size:15px;font-weight:600;padding:12px 18px;border-radius:var(--mnp-radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--mnp-dur) var(--mnp-ease);white-space:nowrap}.btn-primary{background:var(--mnp-teal-600);color:#fff}.btn-primary:hover:not(:disabled){background:var(--mnp-teal-700)}.btn-primary:disabled{background:var(--mnp-gray-200);color:var(--mnp-gray-500);cursor:not-allowed}.btn-secondary{background:var(--mnp-gray-100);color:var(--mnp-fg-1)}.btn-secondary:hover{background:var(--mnp-gray-200)}.btn-ghost{background:transparent;color:var(--mnp-teal-700)}.btn-ghost:hover{background:var(--mnp-teal-50)}.btn-danger{background:#fff;color:var(--mnp-red);border-color:var(--mnp-gray-200)}.btn-danger:hover{background:#fef4f4}.btn-block{display:flex;width:100%}.btn-lg{padding:14px 20px;font-size:16px}.btn-sm{padding:8px 12px;font-size:13px}.field{display:block;margin-bottom:14px}.field>label{display:block;font-size:12px;font-weight:600;color:var(--mnp-fg-2);margin-bottom:6px}.input{width:100%;font-family:var(--mnp-font-body);font-size:15px;padding:12px 14px;background:#fff;border:1px solid var(--mnp-border);border-radius:var(--mnp-radius-md);color:var(--mnp-fg-1);transition:all var(--mnp-dur) var(--mnp-ease);outline:none}.input::placeholder{color:var(--mnp-gray-500)}.input:focus{border-color:var(--mnp-teal-600);box-shadow:0 0 0 3px #2ca4c640}.input.is-error{border-color:var(--mnp-red)}.input.is-ok{border-color:var(--mnp-success)}.help-err{font-size:12px;color:var(--mnp-red);margin-top:4px}.help-ok{font-size:12px;color:var(--mnp-success);margin-top:4px}.card{background:#fff;border:1px solid var(--mnp-border-soft);border-radius:var(--mnp-radius-lg);padding:16px}.card-tight{padding:12px}.card-flat{box-shadow:none}.stamp-card{--scallop: 6px;background:#fff;padding:18px 16px;position:relative;filter:drop-shadow(0 2px 6px rgba(18,56,64,.08));--mask: radial-gradient(circle at var(--scallop) var(--scallop), transparent var(--scallop), #000 calc(var(--scallop) + .5px)) top left, radial-gradient(circle at calc(100% - var(--scallop)) var(--scallop), transparent var(--scallop), #000 calc(var(--scallop) + .5px)) top right, radial-gradient(circle at var(--scallop) calc(100% - var(--scallop)), transparent var(--scallop), #000 calc(var(--scallop) + .5px)) bottom left, radial-gradient(circle at calc(100% - var(--scallop)) calc(100% - var(--scallop)), transparent var(--scallop), #000 calc(var(--scallop) + .5px)) bottom right}.stamp-edge{position:relative;background:#fff;--perf-size: 8px;--perf-color: var(--mnp-bg);padding:18px 16px;mask:radial-gradient(circle 5px at 14px 0,transparent 98%,#000) top/20px 10px repeat-x,radial-gradient(circle 5px at 14px 100%,transparent 98%,#000) bottom/20px 10px repeat-x,linear-gradient(#000 0 0) center/100% calc(100% - 20px) no-repeat;-webkit-mask:radial-gradient(circle 5px at 14px 0,transparent 98%,#000) top/20px 10px repeat-x,radial-gradient(circle 5px at 14px 100%,transparent 98%,#000) bottom/20px 10px repeat-x,linear-gradient(#000 0 0) center/100% calc(100% - 20px) no-repeat;mask-composite:intersect;-webkit-mask-composite:source-in;filter:drop-shadow(0 2px 6px rgba(18,56,64,.08))}.rubber-stamp{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border:2px solid var(--mnp-teal-700);color:var(--mnp-teal-700);font-family:var(--mnp-font-display);font-weight:800;font-size:11px;letter-spacing:.1em;text-transform:uppercase;border-radius:4px;transform:rotate(-6deg);opacity:.85}.rubber-stamp.done{border-color:var(--mnp-success);color:var(--mnp-success)}.rubber-stamp.red{border-color:var(--mnp-red);color:var(--mnp-red)}.perf-divider{display:flex;gap:4px;justify-content:center;padding:6px 0}.perf-divider i{width:5px;height:5px;background:var(--mnp-gray-200);border-radius:50%;display:block}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:var(--mnp-radius-pill);background:var(--mnp-gray-100);color:var(--mnp-fg-2);line-height:1.3}.badge-brand{background:var(--mnp-teal-100);color:var(--mnp-teal-800)}.badge-warn{background:#fef3d4;color:#8a5a0b}.badge-danger{background:#fdeced;color:var(--mnp-red)}.badge-ok{background:#def2e7;color:#1e6e44}.badge-purple{background:#efe5f7;color:#6c2ea3}.badge-blue{background:#dcebfe;color:#1f56b0}.badge-gray{background:var(--mnp-gray-100);color:var(--mnp-fg-2)}.chip{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;padding:6px 12px;border-radius:var(--mnp-radius-pill);background:var(--mnp-gray-100);color:var(--mnp-fg-2);cursor:pointer;transition:all var(--mnp-dur) var(--mnp-ease);border:1px solid transparent}.chip:hover{background:var(--mnp-gray-200)}.chip[data-active=true]{background:var(--mnp-teal-600);color:#fff}.tabs{display:flex;gap:4px;background:var(--mnp-gray-100);padding:4px;border-radius:var(--mnp-radius-md)}.tabs button{flex:1;background:none;border:0;padding:8px 12px;font-size:13px;font-weight:600;color:var(--mnp-fg-2);font-family:var(--mnp-font-body);border-radius:8px;cursor:pointer;transition:all var(--mnp-dur) var(--mnp-ease)}.tabs button[data-active=true]{background:#fff;color:var(--mnp-fg-1);box-shadow:0 1px 3px #00000014}.row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--mnp-border-soft)}.row:last-child{border-bottom:0}.row-body{flex:1;min-width:0}.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hub-card{position:relative;background:#fff;border:1px solid var(--mnp-border-soft);border-radius:var(--mnp-radius-lg);padding:14px 14px 16px;cursor:pointer;transition:all var(--mnp-dur) var(--mnp-ease);min-height:112px;display:flex;flex-direction:column;justify-content:space-between}.hub-card:hover{border-color:var(--mnp-teal-300)}.hub-card.primary{background:var(--mnp-teal-600);border-color:var(--mnp-teal-600);color:#fff}.hub-card.primary .hub-title{color:#fff}.hub-card.primary .hub-sub{color:#fffc}.hub-card[data-disabled=true]{background:var(--mnp-gray-50);color:var(--mnp-fg-3);cursor:not-allowed;opacity:.7}.hub-card[data-disabled=true] .hub-icon{opacity:.5}.hub-title{font-family:var(--mnp-font-display);font-weight:700;font-size:14px;line-height:1.2;margin:0}.hub-sub{font-size:11px;color:var(--mnp-fg-3);margin:2px 0 0}.hub-icon{width:36px;height:36px;border-radius:10px;background:var(--mnp-teal-100);color:var(--mnp-teal-700);display:inline-flex;align-items:center;justify-content:center}.hub-card.primary .hub-icon{background:#fff3;color:#fff}.hub-soon{position:absolute;top:10px;right:10px;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;background:var(--mnp-gray-200);color:var(--mnp-fg-3);border-radius:4px}.hub-list{display:flex;flex-direction:column;gap:8px}.hub-list .hub-card{flex-direction:row;align-items:center;min-height:auto;padding:12px 14px;gap:12px}.hub-list .hub-card>div:last-child{flex:1;min-width:0}.hub-scroll{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:4px 16px}.hub-scroll::-webkit-scrollbar{display:none}.hub-scroll .hub-card{min-width:140px;flex:0 0 140px}.stepper{display:flex;flex-direction:column;gap:0}.step{display:flex;gap:12px;padding-bottom:14px;position:relative}.step-dot{width:24px;height:24px;border-radius:50%;background:var(--mnp-gray-200);color:var(--mnp-fg-3);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;font-size:11px;font-weight:700;border:2px solid #fff}.step:not(:last-child) .step-dot:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:2px;height:16px;background:var(--mnp-gray-200)}.step[data-state=done] .step-dot{background:var(--mnp-teal-600);color:#fff}.step[data-state=done] .step-dot:after{background:var(--mnp-teal-600)}.step[data-state=current] .step-dot{background:#fff;border:2px solid var(--mnp-teal-600);color:var(--mnp-teal-600);box-shadow:0 0 0 4px #2ca4c633;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #2ca4c633}50%{box-shadow:0 0 0 8px #2ca4c60d}}.step-body{padding-top:2px;flex:1}.step-title{font-size:14px;font-weight:600;color:var(--mnp-fg-1);margin:0}.step[data-state=future] .step-title{color:var(--mnp-fg-3);font-weight:500}.step-meta{font-size:11px;color:var(--mnp-fg-3);margin-top:2px}.stepper-stamp .step-dot{border-radius:4px;width:26px;height:26px;border-style:dashed;border-color:var(--mnp-gray-300)}.stepper-stamp .step[data-state=done] .step-dot{border-style:solid}.banner{display:flex;gap:10px;padding:12px 14px;border-radius:var(--mnp-radius-md);background:var(--mnp-teal-50);border:1px solid var(--mnp-teal-200);color:var(--mnp-teal-800);font-size:13px;line-height:1.4;align-items:flex-start}.banner-warn{background:#fff8e6;border-color:#f2d88c;color:#8a5a0b}.banner-danger{background:#fdeced;border-color:#f5b5b7;color:var(--mnp-red-dark)}.banner-info{background:var(--mnp-gray-50);border-color:var(--mnp-border-soft);color:var(--mnp-fg-2)}.banner svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.hero-banner{background:linear-gradient(135deg,var(--mnp-teal-600),var(--mnp-teal-700));color:#fff;padding:16px;border-radius:var(--mnp-radius-lg);display:flex;gap:12px;align-items:center;cursor:pointer;position:relative;overflow:hidden}.hero-banner:before{content:"";position:absolute;top:-30px;right:-30px;width:140px;height:140px;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 70%)}.drop{border:2px dashed var(--mnp-teal-300);background:var(--mnp-teal-50);border-radius:var(--mnp-radius-lg);padding:28px 20px;text-align:center;cursor:pointer;transition:all var(--mnp-dur) var(--mnp-ease)}.drop:hover{background:var(--mnp-teal-100);border-color:var(--mnp-teal-600)}.drop-icon{width:48px;height:48px;margin:0 auto 10px;color:var(--mnp-teal-700)}.cart-item{display:flex;gap:12px;padding:12px;background:#fff;border:1px solid var(--mnp-border-soft);border-radius:var(--mnp-radius-lg);position:relative}.cart-item[data-banned=true]{opacity:.55}.cart-item-img{width:56px;height:56px;border-radius:var(--mnp-radius-md);background:var(--mnp-teal-50);color:var(--mnp-teal-700);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px}.cart-item-body{flex:1;min-width:0}.cart-item-title{font-size:13px;font-weight:600;color:var(--mnp-fg-1);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-item-price{font-size:13px;font-weight:700;font-family:var(--mnp-font-display);color:var(--mnp-fg-1);margin:4px 0 6px}.qty{display:inline-flex;align-items:center;background:var(--mnp-gray-100);border-radius:var(--mnp-radius-pill);overflow:hidden}.qty button{width:26px;height:26px;border:0;background:none;font-size:16px;color:var(--mnp-fg-1);cursor:pointer;font-family:var(--mnp-font-display);font-weight:600}.qty button:disabled{color:var(--mnp-gray-400);cursor:not-allowed}.qty span{min-width:24px;text-align:center;font-size:13px;font-weight:700}.cart-delete{position:absolute;top:8px;right:8px;width:28px;height:28px;border:0;background:none;color:var(--mnp-gray-500);cursor:pointer;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.cart-delete:hover{background:var(--mnp-gray-100);color:var(--mnp-red)}.sticky-footer{position:sticky;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--mnp-border-soft);padding:12px 16px 14px;margin:0 -16px;z-index:10;display:flex;flex-direction:column;gap:8px}.modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#11131466;z-index:20;display:flex;align-items:flex-end;animation:fadeIn var(--mnp-dur) var(--mnp-ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bottom-sheet{width:100%;background:#fff;border-radius:20px 20px 0 0;padding:20px 16px 24px;animation:slideUp var(--mnp-dur-slow) var(--mnp-ease-out)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-grab{width:36px;height:4px;background:var(--mnp-gray-300);border-radius:2px;margin:0 auto 14px}.toast{position:absolute;bottom:80px;left:16px;right:16px;background:var(--mnp-gray-900);color:#fff;padding:12px 14px;border-radius:var(--mnp-radius-md);font-size:13px;z-index:25;box-shadow:var(--mnp-shadow-md);display:flex;align-items:center;gap:8px;animation:toastIn .3s var(--mnp-ease-out)}@keyframes toastIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.avatar{width:36px;height:36px;border-radius:50%;background:var(--mnp-teal-600);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;font-family:var(--mnp-font-display);flex-shrink:0}.logo-circle{width:64px;height:64px;border-radius:50%;background:var(--mnp-teal-600);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.qr-frame{background:#fff;border:1px solid var(--mnp-border);border-radius:var(--mnp-radius-lg);padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.qr-frame .qr-box{width:220px;height:220px;background:#fff;display:grid;place-items:center;border-radius:8px}.skel{background:linear-gradient(90deg,var(--mnp-gray-100) 0%,var(--mnp-gray-200) 50%,var(--mnp-gray-100) 100%);background-size:200% 100%;animation:skelShimmer 1.4s linear infinite;border-radius:6px}@keyframes skelShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.screen-caption{text-align:center;font-family:var(--mnp-font-body);font-size:12px;font-weight:600;color:var(--mnp-fg-2);margin-top:10px;letter-spacing:.02em}.screen-caption .idx{display:inline-block;background:var(--mnp-teal-600);color:#fff;padding:1px 8px;border-radius:10px;margin-right:6px;font-size:11px;font-weight:700}.flow-group{display:flex;flex-direction:column;align-items:center;gap:0}.flow-group-title{font-family:var(--mnp-font-display);font-weight:800;font-size:22px;color:var(--mnp-fg-1);margin:0 0 14px;letter-spacing:-.01em}.project-head{max-width:1200px;margin:0 auto;padding:40px 24px 20px;text-align:center}.project-head h1{font-family:var(--mnp-font-display);font-weight:900;font-size:38px;margin:0 0 6px;letter-spacing:-.02em;color:var(--mnp-fg-1)}.project-head p{margin:0;color:var(--mnp-fg-2);font-size:15px}.section-row{max-width:1200px;margin:32px auto 0;padding:24px}.section-title{font-family:var(--mnp-font-display);font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mnp-teal-700);margin:0 0 18px;display:flex;align-items:center;gap:10px}.section-title:before,.section-title:after{content:"";flex:1;height:1px;background:var(--mnp-gray-300)}.flow-rail{display:flex;gap:24px;align-items:flex-start;overflow-x:auto;padding:8px 4px 24px;scrollbar-width:thin}.flow-rail::-webkit-scrollbar{height:8px}.flow-rail::-webkit-scrollbar-thumb{background:var(--mnp-gray-300);border-radius:4px}.cat-electronics{background:#ede9fe;color:#6d28d9}.cat-clothing{background:#dcebfe;color:#1f56b0}.cat-cosmetics{background:#fce7f3;color:#b6256b}.cat-food{background:#def2e7;color:#1e6e44}.cat-other{background:var(--mnp-teal-100);color:var(--mnp-teal-800)}.stamp-border{background:radial-gradient(circle 3px at 0 50%,transparent 98%,#fff) left/8px 8px repeat-y,radial-gradient(circle 3px at 100% 50%,transparent 98%,#fff) right/8px 8px repeat-y,#fff}.status-approved{background:#dcebfe;color:#1f56b0}.status-has_qr{background:#fef3d4;color:#8a5a0b}.status-picked_up{background:#def2e7;color:#1e6e44}.status-in_transit{background:#dcebfe;color:#1f56b0}.status-at_warehouse{background:#efe5f7;color:#6c2ea3}.status-ready{background:var(--mnp-teal-600);color:#fff}.status-delivered{background:var(--mnp-gray-100);color:var(--mnp-fg-2)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.w-full{width:100%}.text-center{text-align:center}.grow{flex:1;min-width:0}.block{display:block}.ml-auto{margin-left:auto}.relative{position:relative}html[data-theme=dark]{--mnp-bg: #0F1519;--mnp-bg-alt: #141B20;--mnp-bg-brand: var(--mnp-teal-600);--mnp-bg-brand-soft: #0E2A33;--mnp-fg-1: #E8EEF2;--mnp-fg-2: #A8B2B8;--mnp-fg-3: #6B7378;--mnp-fg-on-brand: #FFFFFF;--mnp-border: #2A3238;--mnp-border-soft: #1F262B;--mnp-border-strong: #394046;--mnp-gray-50: #121A1F;--mnp-gray-100: #1A2227;--mnp-gray-200: #222A30;--mnp-gray-300: #2D363C;--mnp-gray-400: #3D464D;--mnp-gray-500: #6B7378;--mnp-teal-50: #0E1E24;--mnp-teal-100: #0E2A33;--mnp-teal-200: #133844;--mnp-teal-300: #1D5869;--mnp-teal-700: #6DCAE2;--mnp-teal-800: #A5DCEB}html[data-theme=dark] .viewport{background:var(--mnp-bg);box-shadow:0 30px 60px -20px #0009}html[data-theme=dark] .tg-header{background:#151c21;border-bottom-color:#1f262b;color:var(--mnp-fg-1)}html[data-theme=dark] .screen,html[data-theme=dark] .tabbar,html[data-theme=dark] .card,html[data-theme=dark] .cart-item,html[data-theme=dark] .hub-card{background:var(--mnp-bg);border-color:var(--mnp-border-soft)}html[data-theme=dark] .card,html[data-theme=dark] .hub-card:not(.primary){background:#141b20}html[data-theme=dark] .input{background:#141b20;border-color:var(--mnp-border);color:var(--mnp-fg-1)}html[data-theme=dark] .input::placeholder{color:var(--mnp-fg-3)}html[data-theme=dark] .btn-secondary{background:#1a2227;color:var(--mnp-fg-1)}html[data-theme=dark] .btn-secondary:hover{background:#222a30}html[data-theme=dark] .btn-danger{background:#141b20;border-color:#2a3238}html[data-theme=dark] .qty{background:#1a2227}html[data-theme=dark] .qty button{color:var(--mnp-fg-1)}html[data-theme=dark] .sticky-footer{background:var(--mnp-bg);border-top-color:var(--mnp-border-soft)}html[data-theme=dark] .tabs{background:#1a2227}html[data-theme=dark] .tabs button[data-active=true]{background:#2a3238;color:var(--mnp-fg-1)}html[data-theme=dark] .chip{background:#1a2227;color:var(--mnp-fg-2)}html[data-theme=dark] .bottom-sheet{background:#141b20}html[data-theme=dark] .qr-frame{background:#141b20;border-color:var(--mnp-border)}html[data-theme=dark] .qr-frame .qr-box{background:#fff;padding:10px}html[data-theme=dark] .drop{background:#0e2a33;border-color:#1d5869}html[data-theme=dark] .banner{background:#0e2a33;border-color:#1d5869;color:#a5dceb}html[data-theme=dark] .banner-warn{background:#2a2210;border-color:#5a4a1a;color:#f2d88c}html[data-theme=dark] .banner-danger{background:#2a1212;border-color:#5a2a2a;color:#f5b5b7}html[data-theme=dark] .banner-info{background:#1a2227;border-color:var(--mnp-border);color:var(--mnp-fg-2)}html[data-theme=dark] .section-title{color:var(--mnp-teal-700)}html[data-theme=dark] .section-title:before,html[data-theme=dark] .section-title:after{background:#1f262b}html[data-theme=dark] .project-head h1,html[data-theme=dark] .project-head p{color:var(--mnp-fg-1)}html[data-theme=dark] body{background:#070b0d}html[data-theme=dark] .stamp-card,html[data-theme=dark] .hero-banner{filter:none}html[data-theme=dark] .perf-divider i{background:#1f262b}html[data-theme=dark] .step-dot{border-color:var(--mnp-bg)}html[data-theme=dark] .step:not(:last-child) .step-dot:after{background:#2a3238}html[data-theme=dark] .step[data-state=done] .step-dot:after{background:var(--mnp-teal-600)}html[data-theme=dark] .skel{background:linear-gradient(90deg,#1a2227,#222a30,#1a2227)}html[data-theme=dark] .rubber-stamp{color:var(--mnp-teal-700);border-color:var(--mnp-teal-700)}html[data-theme=dark] .row{border-bottom-color:var(--mnp-border-soft)}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--mnp-bg);color:var(--mnp-fg-1)}#root{display:flex;flex-direction:column;min-height:100vh}.app-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--mnp-bg)}.app-shell .screen{flex:1 1 auto}.app-shell .tabbar{flex:0 0 64px}@keyframes spin{to{transform:rotate(360deg)}}