:root{--mgo-primary: #1eb53a;--mgo-primary-strong: #19a634;--mgo-accent: #00dcf0;--mgo-violet: #b388ff;--mgo-red: #f43f5e;--mgo-amber: #f59e0b;--mgo-bg-1: #f4f7fb;--mgo-bg-2: #eef3fa;--mgo-surface: rgba(255, 255, 255, .96);--mgo-surface-strong: rgba(255, 255, 255, 1);--mgo-surface-mute: rgba(255, 255, 255, .62);--mgo-border: rgba(15, 25, 50, .08);--mgo-border-strong: rgba(15, 25, 50, .16);--mgo-text: #0e1623;--mgo-text-muted: #5b6b80;--mgo-text-faint: #94a3b8;--mgo-glow-primary: 0 8px 28px rgba(30, 181, 58, .22);--mgo-glow-accent: 0 8px 28px rgba(0, 220, 240, .2);--mgo-shadow-card: 0 10px 30px rgba(15, 25, 50, .08);--mgo-grid: rgba(15, 25, 50, .035);color-scheme:light}:root.dark-theme,:root[data-theme=dark]{--mgo-bg-1: #07090f;--mgo-bg-2: #0d1220;--mgo-surface: rgba(22, 28, 46, .78);--mgo-surface-strong: rgba(28, 36, 60, .95);--mgo-surface-mute: rgba(22, 28, 46, .48);--mgo-border: rgba(99, 230, 190, .12);--mgo-border-strong: rgba(99, 230, 190, .28);--mgo-text: #e6f2ee;--mgo-text-muted: #93a4b3;--mgo-text-faint: #6a7889;--mgo-glow-primary: 0 0 28px rgba(30, 181, 58, .45);--mgo-glow-accent: 0 0 28px rgba(0, 220, 240, .35);--mgo-shadow-card: 0 12px 32px rgba(0, 0, 0, .4);--mgo-grid: rgba(255, 255, 255, .04);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;font-feature-settings:"cv11","ss01";letter-spacing:-.005em;color:var(--mgo-text);background:var(--mgo-bg-1);overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{touch-action:manipulation}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(90% 50% at 0% 0%,rgba(30,181,58,.1),transparent 60%),radial-gradient(90% 50% at 100% 0%,rgba(0,220,240,.1),transparent 60%),radial-gradient(80% 50% at 50% 100%,rgba(179,136,255,.08),transparent 60%),linear-gradient(180deg,var(--mgo-bg-1),var(--mgo-bg-2))}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to right,var(--mgo-grid) 1px,transparent 1px),linear-gradient(to bottom,var(--mgo-grid) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at center,black 50%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse at center,black 50%,transparent 100%)}a{color:var(--mgo-primary);text-decoration:none}buyer-root,.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:var(--tg-viewport-stable-height, 100vh);padding-bottom:env(safe-area-inset-bottom)}.page{flex:1 1 auto;padding:16px 16px 100px;max-width:720px;margin:0 auto;width:100%}.h1{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 6px;background:linear-gradient(120deg,var(--mgo-primary) 0%,var(--mgo-accent) 55%,var(--mgo-violet) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.h2{font-size:20px;font-weight:700;letter-spacing:-.015em;margin:0 0 8px}.h3{font-size:17px;font-weight:600;margin:0 0 6px}.subtitle{color:var(--mgo-text-muted);font-size:14px;line-height:1.4;margin:0}.muted{color:var(--mgo-text-muted)}.faint{color:var(--mgo-text-faint)}.card{background:var(--mgo-surface);border:1px solid var(--mgo-border);border-radius:18px;padding:14px 16px;box-shadow:var(--mgo-shadow-card);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card.tappable{cursor:pointer}.card.tappable:active{transform:scale(.97);border-color:var(--mgo-border-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:14px;border:1px solid transparent;background:var(--mgo-surface);color:var(--mgo-text);font:inherit;font-weight:600;font-size:15px;letter-spacing:-.005em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease,background .15s ease,box-shadow .2s ease}.btn:active{transform:scale(.96)}.btn.btn-primary{background:linear-gradient(135deg,var(--mgo-primary),var(--mgo-accent));color:#fff;border-color:transparent;box-shadow:var(--mgo-glow-primary)}.btn.btn-primary:disabled{opacity:.5;box-shadow:none}.btn.btn-ghost{background:transparent;border-color:var(--mgo-border-strong)}.btn.btn-danger{background:linear-gradient(135deg,var(--mgo-red),#fb7185);color:#fff}.btn-block{width:100%}.input,.textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:14px;border:1px solid var(--mgo-border-strong);background:var(--mgo-surface-mute);color:var(--mgo-text);font:inherit;font-size:15px;outline:none;transition:border-color .15s ease,background .15s ease}.textarea{min-height:96px;resize:vertical}.input:focus,.textarea:focus{border-color:var(--mgo-primary);background:var(--mgo-surface)}.input::placeholder,.textarea::placeholder{color:var(--mgo-text-faint)}.label{display:block;font-size:13px;font-weight:600;color:var(--mgo-text-muted);margin:0 0 6px 4px;text-transform:uppercase;letter-spacing:.04em}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;font-size:13px;font-weight:500;background:var(--mgo-surface-mute);border:1px solid var(--mgo-border);color:var(--mgo-text);white-space:nowrap}.chip.chip-primary{background:color-mix(in srgb,var(--mgo-primary) 14%,transparent);border-color:color-mix(in srgb,var(--mgo-primary) 30%,transparent);color:var(--mgo-primary-strong)}.chip.chip-accent{background:color-mix(in srgb,var(--mgo-accent) 14%,transparent);border-color:color-mix(in srgb,var(--mgo-accent) 30%,transparent);color:#007a8c}.chip.chip-danger{background:color-mix(in srgb,var(--mgo-red) 14%,transparent);border-color:color-mix(in srgb,var(--mgo-red) 30%,transparent);color:var(--mgo-red)}.list{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--mgo-border)}.row:last-child{border-bottom:none}.skeleton{position:relative;overflow:hidden;background:var(--mgo-surface-mute);border-radius:12px;height:14px}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--mgo-text) 6%,transparent) 50%,transparent 100%);animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;gap:12px}.empty .icon{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--mgo-primary) 16%,transparent),color-mix(in srgb,var(--mgo-accent) 14%,transparent));display:flex;align-items:center;justify-content:center;font-size:30px}.sticky-bottom{position:fixed;left:0;right:0;bottom:env(safe-area-inset-bottom,0);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0)) 16px;background:linear-gradient(180deg,transparent,var(--mgo-bg-1) 30%);z-index:50;display:flex;gap:12px;max-width:720px;margin:0 auto}.appbar{position:sticky;top:0;z-index:20;padding:14px 16px;display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,var(--mgo-bg-1) 60%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.appbar .title{flex:1;font-size:17px;font-weight:700;letter-spacing:-.01em}.fade-enter{animation:fadeIn .22s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:6px}.gap-2{gap:12px}.gap-3{gap:18px}.gap-4{gap:24px}.grow{flex:1 1 auto}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:6px}.mt-2{margin-top:12px}.mt-3{margin-top:18px}.mt-4{margin-top:24px}.mb-1{margin-bottom:6px}.mb-2{margin-bottom:12px}.mb-3{margin-bottom:18px}.mb-4{margin-bottom:24px}.w-full{width:100%}.relative{position:relative}.bold{font-weight:700}.semibold{font-weight:600}.text-sm{font-size:13px}.text-lg{font-size:18px}.text-xl{font-size:22px;font-weight:700;letter-spacing:-.01em}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--mgo-border-strong);border-radius:4px}
