:root{--primary:#0d9488;--primary-dark:#0b7d74;--bg:#fff;--card:#f8fafc;--text:#1a1a1a;--muted:#6b7280;--border:#e5e7eb;--danger:#dc2626;--success:#16a34a;--warning:#d97706}[data-theme=dark]{--bg:#000;--card:#1c1c1e;--text:#f5f5f7;--muted:#98989f;--border:#38383a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:17px;line-height:1.5;min-height:100vh;min-height:100dvh}.m-page{padding:16px 16px calc(88px + env(safe-area-inset-bottom));max-width:560px;margin:0 auto}.m-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:12px}.m-btn{display:block;width:100%;padding:16px;font-size:18px;font-weight:600;border:none;border-radius:14px;background:var(--primary);color:#fff;cursor:pointer;text-align:center;min-height:56px}.m-btn:active{background:var(--primary-dark)}.m-btn:disabled{opacity:.5}.m-btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--border)}.m-btn-danger{background:var(--danger)}.m-input,.m-select{width:100%;padding:14px;font-size:17px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);margin-bottom:12px;min-height:52px}.m-label{font-size:14px;color:var(--muted);margin-bottom:6px;display:block}.m-title{font-size:24px;font-weight:700;margin:0 0 16px}.m-h2{font-size:19px;font-weight:600;margin:0 0 12px}.m-muted{color:var(--muted);font-size:14px}.m-row{justify-content:space-between}.m-row,.m-task{display:flex;align-items:center;gap:12px}.m-task{padding:16px;background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:12px;text-decoration:none;color:var(--text)}.m-task:active{opacity:.7}.m-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600}.m-badge-pending{background:#fef3c7;color:#92400e}.m-badge-progress{background:#dbeafe;color:#1e40af}.m-badge-done{background:#d1fae5;color:#065f46}[data-theme=dark] .m-badge-pending{background:#453209;color:#fcd34d}[data-theme=dark] .m-badge-progress{background:#1e3a5f;color:#93c5fd}[data-theme=dark] .m-badge-done{background:#064e3b;color:#6ee7b7}.m-tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--bg);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:50}.m-tab{flex:1 1;padding:10px 4px 8px;text-align:center;font-size:11px;color:var(--muted);text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:2px}.m-tab.active{color:var(--primary)}.m-tab-icon{font-size:24px}.m-scan-box{aspect-ratio:4/3;background:#000;border-radius:16px;overflow:hidden;position:relative;margin-bottom:12px}.m-scan-box video{width:100%;height:100%;object-fit:cover}.m-scan-hint{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#fff;font-size:14px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.m-step{gap:8px;margin-bottom:16px}.m-step,.m-step-dot{display:flex;align-items:center}.m-step-dot{width:32px;height:32px;border-radius:50%;justify-content:center;font-weight:700;font-size:15px;background:var(--border);color:var(--muted);flex-shrink:0}.m-step-dot.done{background:var(--success);color:#fff}.m-step-dot.now{background:var(--primary);color:#fff}.m-big-num{font-size:48px;font-weight:800;text-align:center;margin:16px 0}.m-qty-ctl{display:flex;align-items:center;justify-content:center;gap:16px;margin:16px 0}.m-qty-btn{width:64px;height:64px;border-radius:50%;font-size:28px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer}