:root{--tg-bg: #0f1115;--tg-card: #171a21;--tg-text: #eef1f6;--tg-hint: #8b93a5;--tg-accent: #3aa0ff;--tg-accent-text: #ffffff;--tg-link: #62aaff;--line: color-mix(in srgb, var(--tg-text) 10%, transparent);--card2: color-mix(in srgb, var(--tg-text) 6%, transparent);--disc: #34c759;--danger: #e5484d;--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--tg-bg);color:var(--tg-text);font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100%}.topbar{position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;font-size:17px;font-weight:700;background:var(--tg-bg);border-bottom:1px solid var(--line)}.headright{display:flex;gap:8px;align-items:center}.countrychip{background:var(--card2);border:1px solid var(--line);color:var(--tg-text);font:inherit;font-size:13px;font-weight:600;padding:6px 11px;border-radius:999px;cursor:pointer}.content{flex:1;padding-bottom:84px}.page{padding:12px 12px 0}.page.nopad{padding:0}h2{font-size:14px;margin:18px 4px 8px;color:var(--tg-hint);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.searchwrap{position:sticky;top:53px;z-index:4;padding:10px 12px;background:var(--tg-bg);border-bottom:1px solid var(--line)}.search{width:100%;padding:11px 14px;border-radius:12px;background:var(--card2);border:1px solid var(--line);color:var(--tg-text);font-size:15px}.search::placeholder{color:var(--tg-hint)}.list{display:flex;flex-direction:column}.listrow{display:flex;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line);background:none;width:100%;text-align:left;color:var(--tg-text);font:inherit;cursor:default}.listrow .info{flex:1;min-width:0}.name{font-size:15px;font-weight:500;line-height:1.25}.sub{color:var(--tg-hint);font-size:12.5px;margin-top:3px;font-variant-numeric:tabular-nums}.sub .disc{color:var(--disc)}.stepper{display:flex;align-items:center;gap:6px}.stepper button{width:40px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--card2);color:var(--tg-text);font-size:20px;line-height:1;cursor:pointer}.stepper button:active{background:var(--line)}.stepper .q{min-width:46px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;font-weight:600;font-variant-numeric:tabular-nums}.stepper.zero .q{color:var(--tg-hint)}.empty{color:var(--tg-hint);text-align:center;padding:48px 20px}.grouphead.listrow{width:100%;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;font:inherit;text-align:left;color:var(--tg-text)}.chev{color:var(--tg-hint);font-size:18px;transition:transform .18s;margin-left:8px}.chev.open{transform:rotate(90deg)}.variants{background:var(--card2)}.variants .listrow{padding-left:26px}.card{background:var(--tg-card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px}.card .row{display:flex;align-items:center;gap:10px;padding:12px 14px}.info .price{color:var(--tg-hint);font-size:12.5px;margin-top:2px}.info .price .disc{color:var(--disc)}.totals,.summary{background:var(--tg-card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin:12px 0}.trow{display:flex;justify-content:space-between;color:var(--tg-hint);font-size:13px;padding:2px 0}.trow.total{color:var(--tg-text);font-size:16px;font-weight:700;margin-top:4px}.btn{width:100%;padding:15px;border-radius:13px;border:1px solid var(--line);background:var(--card2);color:var(--tg-text);font-size:15px;font-weight:600;cursor:pointer;margin:8px 0 14px}.btn.primary{background:var(--tg-accent);color:var(--tg-accent-text);border-color:transparent}.btn:disabled{opacity:.5}.bulkbox{background:var(--tg-card);border:1px solid var(--danger);border-radius:var(--radius);padding:14px;margin:12px 0}.bulkbox p{margin:0 0 10px;color:var(--tg-hint);font-size:13.5px}.field{margin-bottom:10px}.field label{display:block;font-size:12.5px;color:var(--tg-hint);margin:0 2px 4px}.field input,.field select{width:100%;padding:12px;border-radius:11px;background:var(--card2);border:1px solid var(--line);color:var(--tg-text);font-size:15px}.netpick{display:flex;flex-direction:column;gap:8px}.net{padding:13px 14px;border-radius:12px;background:var(--card2);border:1px solid var(--line);color:var(--tg-text);font-size:14px;text-align:left;cursor:pointer}.net.sel{border-color:var(--tg-accent);box-shadow:inset 0 0 0 1px var(--tg-accent)}.paybox{background:var(--tg-card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;text-align:center}.paylabel{color:var(--tg-hint);font-size:12.5px;margin-bottom:8px}.addr{width:100%;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;background:var(--card2);border:1px dashed var(--line);border-radius:11px;padding:12px;color:var(--tg-text);cursor:pointer}.tap{color:var(--tg-hint);font-size:11.5px;margin-top:6px}.warn{color:var(--danger);font-size:12.5px;background:color-mix(in srgb,var(--danger) 10%,transparent);border-radius:11px;padding:10px 12px;margin:10px 0}.success{text-align:center;padding:40px 20px}.success .big{font-size:48px}.card.ord{padding:12px 14px}.card.ord .row{padding:4px 0}.olines{color:var(--tg-hint);font-size:13px;margin:6px 0}.track{color:var(--disc);font-size:12.5px}.pill{font-size:11.5px;padding:3px 9px;border-radius:999px;background:var(--card2);color:var(--tg-hint)}.pill.s-confirmed{color:var(--disc)}.pill.s-shipped{color:var(--tg-accent)}.pill.s-payment_submitted{color:#e0a800}.intro{padding:12px 16px 40px}.introhead{text-align:center;padding:28px 8px 18px}.introhead .big{font-size:44px}.introhead h1{font-size:22px;margin:8px 0 6px}.introhead p{color:var(--tg-hint);font-size:13.5px;margin:0 auto;max-width:320px}.crow{cursor:pointer}.cflag{font-size:22px}.crow .name{flex:1}.crow .chev{color:var(--tg-hint);font-size:20px}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.stat{background:var(--tg-card);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.statval{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.statlabel{color:var(--tg-hint);font-size:12px;margin-top:3px}.units{font-weight:700;font-variant-numeric:tabular-nums}.filterbar{position:sticky;top:53px;z-index:4;display:flex;gap:8px;padding:10px 12px;background:var(--tg-bg);border-bottom:1px solid var(--line);overflow-x:auto}.filter{white-space:nowrap;padding:7px 13px;border-radius:999px;background:var(--card2);border:1px solid var(--line);color:var(--tg-hint);font:inherit;font-size:13px;cursor:pointer}.filter.sel{color:var(--tg-accent-text);background:var(--tg-accent);border-color:transparent}.sub.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.shipform,.confirmform{margin-top:8px}.editrow{background:var(--tg-card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin-bottom:10px}.editrow.inactive{opacity:.55}.editname{font-size:14px;font-weight:500}.editname .sku{color:var(--tg-hint);font-size:11.5px;font-weight:400}.editfields{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.editfields label{font-size:11px;color:var(--tg-hint);display:flex;flex-direction:column;gap:3px}.editfields input[type=text],.editfields input:not([type]){width:70px}.editfields input{width:70px;padding:8px;border-radius:9px;background:var(--card2);border:1px solid var(--line);color:var(--tg-text);font-size:14px}.editfields .chk{flex-direction:row;align-items:center;gap:5px;font-size:13px;color:var(--tg-text)}.editfields .chk input{width:auto}.editactions{display:flex;gap:8px}.btn.small{width:auto;padding:8px 16px;margin:0;font-size:13px}.btn.danger{border-color:var(--danger);color:var(--danger);background:transparent}.addcard{padding:12px 14px}.calnav{display:flex;align-items:center;justify-content:space-between;margin:4px 0 10px}.calmonth{font-size:16px;font-weight:700}.calarrow{width:40px;height:36px;border-radius:10px;background:var(--card2);border:1px solid var(--line);color:var(--tg-text);font-size:20px;line-height:1;cursor:pointer}.calsummary{display:flex;justify-content:space-around;gap:10px;background:var(--tg-card);border:1px solid var(--line);border-radius:var(--radius);padding:12px;margin-bottom:12px;font-size:13px;color:var(--tg-hint);font-variant-numeric:tabular-nums}.calsummary b{color:var(--tg-text);font-size:17px}.calgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calgrid.calhead{margin-bottom:5px}.caldow{text-align:center;color:var(--tg-hint);font-size:11px;font-weight:600;padding:2px 0}.calcell{aspect-ratio:1 / 1;border:1px solid var(--line);border-radius:10px;background:var(--tg-card);color:var(--tg-text);padding:5px 4px;cursor:default;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;overflow:hidden;font:inherit}.calcell.empty-cell{border:none;background:none}.calcell.has{cursor:pointer}.calcell.today{border-color:var(--tg-accent)}.calcell.sel{box-shadow:inset 0 0 0 2px var(--tg-accent)}.caldnum{font-size:12px;font-weight:600;opacity:.85}.calstats{display:flex;flex-direction:column;align-items:flex-start;margin-top:auto;width:100%;font-variant-numeric:tabular-nums}.calcount{font-size:13px;font-weight:700;line-height:1.1}.calrev{font-size:9.5px;color:var(--tg-text);opacity:.8;line-height:1.1}.daypanel{margin-top:8px}.shop{background:var(--tg-bg);min-height:100%}.shop .catalog .listrow{align-items:center}.shop .catalog .rowright{display:flex;align-items:center;gap:12px;margin-left:auto}.shop .catalog .rowprice{text-align:right}.shop .catalog .rowprice b{color:var(--tg-text);font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}.shop .catalog .rowprice small{display:block;color:var(--disc);font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}.shop .catalog .grouphead{align-items:center}.shop .catalog .grouphead .chev{margin-left:auto;width:34px;height:34px;border-radius:9px;border:1px solid var(--line);color:var(--tg-accent);font-size:18px;font-weight:700;background:var(--card2);display:flex;align-items:center;justify-content:center}.shop .catalog .grouphead .chev .ci{display:block;line-height:1;transition:transform .22s ease}.shop .catalog .group.open .grouphead .chev{border-color:var(--tg-accent)}.shop .catalog .group.open .grouphead .chev .ci{transform:rotate(90deg)}.shop .catalog .variants{margin:2px 12px 12px;background:var(--card2);border:1px solid var(--line);border-radius:16px;overflow:hidden}.shop .catalog .variants .listrow{padding:13px 15px;border-bottom:1px solid var(--line)}.shop .catalog .variants .listrow:last-child{border-bottom:0}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;background:var(--tg-card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;position:relative;background:none;border:none;color:var(--tg-hint);padding:9px 0 10px;font:inherit;font-size:11px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.tab.active{color:var(--tg-accent)}.ticon{font-size:20px}.badge{position:absolute;top:4px;left:56%;background:var(--tg-accent);color:var(--tg-accent-text);font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px}
