:root{--bg:#f3efe6;--bg2:#e8e0d0;--ink:#1c2a24;--muted:#5c6b63;--accent:#1f6b4a;--accent-soft:#d7ebe1;--warn:#9a5b1a;--card:#fffdf8;--line:#d2c8b4;--danger:#a33b2c;--radius:14px;--shadow:0 8px 24px #1c2a2414;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#fff8e8,#0000),linear-gradient(#f7f2e8,#ebe4d6);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh}a{color:inherit;text-decoration:none}.app-shell{max-width:640px;min-height:100dvh;margin:0 auto;padding:12px 14px 88px}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.brand{letter-spacing:.02em;font-size:1.15rem;font-weight:700}.sub{color:var(--muted);font-size:.85rem}.btn{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:999px;padding:.55rem 1rem;font-size:.92rem;font-weight:600}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.ghost{background:0 0}.btn.danger{color:var(--danger);border-color:#e2b4ad}.btn.block{text-align:center;width:100%;display:block}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:14px}.card h2,.card h3{margin:0 0 8px;font-size:1.05rem}.stack{flex-direction:column;gap:10px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:.85rem;font-weight:600}.field input,.field textarea,.field select{border:1px solid var(--line);font:inherit;background:#fff;border-radius:10px;padding:.7rem .8rem}.price-row{grid-template-columns:1fr 140px;gap:8px;display:grid}.price-row input,.price-row select{width:100%}.field textarea{resize:vertical;min-height:90px}.chip{background:var(--bg2);color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:.35rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.chip.ok{background:var(--accent-soft);color:var(--accent)}.chip.warn{color:var(--warn);background:#f5e4c8}.chip.out{color:#3d4b8a;background:#e6e8f5}.cat-item{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:14px;display:flex}.cat-item strong{font-size:1.05rem}.progress-dots{gap:6px;display:flex}.dot{background:#d8d0c0;border-radius:50%;width:10px;height:10px}.dot.on{background:var(--accent)}.sample-card{grid-template-columns:88px 1fr;align-items:start;gap:12px;display:grid}.thumb{object-fit:cover;background:var(--bg2);border:1px solid var(--line);border-radius:12px;width:88px;height:88px}.thumb.placeholder{color:var(--muted);place-items:center;font-size:.75rem;display:grid}.photos{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.photos img{object-fit:cover;border:1px solid var(--line);border-radius:10px;width:96px;height:96px}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);z-index:20;background:#fffdf8eb;grid-template-columns:1fr 1fr;max-width:640px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.nav a{text-align:center;color:var(--muted);padding:12px 8px 14px;font-size:.92rem;font-weight:700}.nav a.active{color:var(--accent)}.tabs{grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.tabs button{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:10px;padding:.55rem .3rem;font-size:.82rem;font-weight:700}.tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:.85rem}table.data th,table.data td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 6px}table.data th{color:var(--muted);font-weight:700}.login-wrap{place-items:center;min-height:100dvh;padding:20px;display:grid}.login-card{background:var(--card);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);border-radius:18px;padding:22px}.login-card h1{margin:0 0 6px;font-size:1.4rem}.muted{color:var(--muted)}.error{color:var(--danger);font-size:.9rem}.banner{background:var(--accent-soft);color:var(--accent);border-radius:10px;margin-bottom:12px;padding:8px 10px;font-size:.85rem}.banner.local{color:var(--warn);background:#f5e4c8}.empty{text-align:center;color:var(--muted);padding:28px 10px}