*{box-sizing:border-box}:root{--teal: #0d9488;--teal-dark: #0f766e;--teal-50: #f0fdfa;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-400: #94a3b8;--slate-500: #64748b;--slate-700: #334155;--slate-800: #1e293b;--red: #dc2626;--amber: #b45309}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--slate-50);color:var(--slate-800);-webkit-text-size-adjust:100%}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit;font-size:15px}.wrap{max-width:860px;margin:0 auto;padding:0 12px 96px}.center{min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.top{background:#fff;border-bottom:1px solid var(--slate-200);position:sticky;top:0;z-index:20}.top-in{max-width:860px;margin:0 auto;padding:10px 12px;display:flex;align-items:center;gap:10px}.brand{font-weight:700;color:var(--teal-dark);font-size:17px}.who{color:var(--slate-500);font-size:13px;margin-left:auto}.tabs{display:flex;gap:4px;background:var(--slate-100);border-radius:12px;padding:4px;margin:12px 0}.tabs button{flex:1;border:0;background:transparent;padding:9px 12px;border-radius:9px;font-size:14px;font-weight:600;color:var(--slate-500)}.tabs button.on{background:#fff;color:var(--teal-dark);box-shadow:0 1px 2px #0000000f}.card{background:#fff;border:1px solid var(--slate-200);border-radius:12px;padding:12px;margin-bottom:10px}.row{display:flex;align-items:center;gap:8px}.grow{flex:1;min-width:0}.muted{color:var(--slate-400);font-size:12px}.small{font-size:13px;color:var(--slate-500)}.err{background:#fef2f2;border:1px solid #fecaca;color:var(--red);padding:9px 11px;border-radius:10px;font-size:14px;margin-bottom:10px}.ok{background:var(--teal-50);border:1px solid #99f6e4;color:var(--teal-dark);padding:9px 11px;border-radius:10px;font-size:14px;margin-bottom:10px}.empty{text-align:center;color:var(--slate-400);padding:48px 0;font-size:14px}.inp{width:100%;padding:10px 12px;border:1px solid var(--slate-200);border-radius:10px;outline:none;background:#fff}.inp:focus{border-color:var(--teal)}.inp.sm{padding:7px 8px;font-size:14px}.lbl{display:block;font-size:12px;color:var(--slate-500);margin:0 0 4px}.btn{border:0;border-radius:10px;padding:10px 16px;font-size:15px;font-weight:600;background:var(--teal);color:#fff}.btn:disabled{opacity:.5}.btn.block{width:100%}.btn.ghost{background:#fff;color:var(--slate-700);border:1px solid var(--slate-200)}.btn.danger{background:#fff;color:var(--red);border:1px solid #fecaca}.btn.sm{padding:7px 12px;font-size:13px}.tag{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid;white-space:nowrap}.t-submitted{background:#fffbeb;color:var(--amber);border-color:#fde68a}.t-confirmed{background:var(--teal-50);color:var(--teal-dark);border-color:#99f6e4}.t-rejected{background:#fef2f2;color:var(--red);border-color:#fecaca}.t-cancelled{background:var(--slate-100);color:var(--slate-500);border-color:var(--slate-200)}.t-gift{background:#fdf2f8;color:#be185d;border-color:#fbcfe8}.t-deal{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}.t-out{background:var(--slate-100);color:var(--slate-400);border-color:var(--slate-200)}.prod{display:flex;align-items:center;gap:10px;padding:11px 4px;border-bottom:1px solid var(--slate-100)}.prod:last-child{border-bottom:0}.pname{font-size:15px;font-weight:600}.pcode{font-size:12px;color:var(--slate-400);margin-left:6px;font-family:ui-monospace,Menlo,monospace}.line{border:1px solid var(--slate-200);border-radius:12px;padding:10px;margin-bottom:8px;background:#fff}.line-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px}.line-foot{display:flex;align-items:center;gap:8px;margin-top:8px}.bar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--slate-200);padding:10px 12px calc(10px + env(safe-area-inset-bottom));z-index:30}.bar-in{max-width:860px;margin:0 auto;display:flex;align-items:center;gap:10px}.prog{height:6px;background:var(--slate-100);border-radius:999px;overflow:hidden;margin-top:6px}.prog>i{display:block;height:100%;background:var(--teal)}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:#fff;border-radius:14px;width:100%;max-width:420px;padding:16px}@media (max-width: 520px){.line-grid{grid-template-columns:1fr 1fr}}