:root{--bg: #f7f6f2;--card: #ffffff;--ink: #1c1a17;--muted: #6f6a60;--line: #e7e2d8;--accent: #0f7a3d;--accent-dark: #0b5c2e;--warn: #b45309;--danger: #b91c1c;--radius: 12px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.55}a{color:var(--accent)}.container{max-width:1080px;margin:0 auto;padding:0 16px}.nav{background:var(--ink);color:#fff}.nav-inner{display:flex;align-items:center;gap:16px;padding:12px 16px;max-width:1080px;margin:0 auto;flex-wrap:wrap}.brand{color:#fff;text-decoration:none;font-weight:800;font-size:1.15rem;letter-spacing:.2px}.brand small{font-weight:400;color:#c9c2b4;font-size:.8rem;margin-left:6px}.nav-links{display:flex;gap:4px;margin-left:auto;align-items:center;flex-wrap:wrap}.nav-links a,.nav-links button.linklike{color:#e9e4d8;text-decoration:none;padding:6px 10px;border-radius:8px;background:none;border:none;font-size:.95rem;cursor:pointer}.nav-links a:hover,.nav-links button.linklike:hover{background:#ffffff1f;color:#fff}.nav-user{color:#b7ae9c;font-size:.85rem;margin-right:4px}main.container{padding-top:24px;padding-bottom:64px}.footer{text-align:center;color:var(--muted);font-size:.85rem;padding:24px 0 40px}h1{font-size:1.6rem;margin:0 0 12px}h2{font-size:1.25rem;margin:24px 0 10px}h3{font-size:1.05rem;margin:18px 0 8px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:16px;box-shadow:0 1px 2px #0000000a}.muted{color:var(--muted)}.small{font-size:.88rem}label{display:block;font-weight:600;margin:12px 0 4px;font-size:.95rem}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:1rem;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);border-color:var(--accent)}textarea{min-height:90px;resize:vertical}.hint{color:var(--muted);font-size:.85rem;margin-top:4px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:640px){.row{grid-template-columns:1fr}}.btn{display:inline-block;background:var(--accent);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;margin-top:14px}.btn:hover{background:var(--accent-dark);color:#fff}.btn.secondary{background:#e9e4d8;color:var(--ink)}.btn.secondary:hover{background:#dcd5c2}.btn.danger{background:var(--danger)}.btn.small-btn{padding:6px 12px;font-size:.88rem;margin-top:0}.btn:disabled{opacity:.55;cursor:default}.alert{padding:12px 14px;border-radius:8px;margin-bottom:16px}.alert.error{background:#fdecec;border:1px solid #f3c1c1;color:#7f1d1d}.alert.ok{background:#e9f7ef;border:1px solid #bfe6cd;color:#0b5c2e}.alert.info{background:#eef4ff;border:1px solid #c9dafc;color:#1e3a8a}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:700;white-space:nowrap}.badge.new{background:#dbeafe;color:#1d4ed8}.badge.shipping_us{background:#e0e7ff;color:#4338ca}.badge.arrived{background:#ccfbf1;color:#0f766e}.badge.weighed{background:#fef3c7;color:#92400e}.badge.ready{background:#ffedd5;color:#9a3412}.badge.shipped_vn{background:#ede9fe;color:#6d28d9}.badge.delivered{background:#dcfce7;color:#15803d}.badge.cancelled,.badge.draft{background:#e7e5e4;color:#57534e}.badge.sent{background:#fef3c7;color:#92400e}.badge.accepted{background:#dcfce7;color:#15803d}.badge.declined{background:#fdecec;color:#7f1d1d}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.4px}.kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;align-items:flex-start}.kcol{min-width:260px;max-width:300px;flex:1;background:#efece4;border-radius:var(--radius);padding:10px}.kcol h3{margin:4px 4px 10px;font-size:.95rem;display:flex;justify-content:space-between;align-items:center}.kcol h3 .count{background:#fff;border:1px solid var(--line);border-radius:999px;padding:0 8px;font-size:.8rem}.kcard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:10px;font-size:.9rem}.kcard a.code{font-weight:800;text-decoration:none}.kcard .item{font-weight:600;margin:4px 0}.kcard .meta{color:var(--muted);font-size:.82rem}.kcard .total{font-weight:700;color:var(--accent-dark);margin-top:6px}.timeline{list-style:none;margin:0;padding:0}.timeline li{padding:8px 0 8px 28px;position:relative;color:var(--muted)}.timeline li:before{content:"";position:absolute;left:8px;top:14px;width:10px;height:10px;border-radius:50%;background:#d6d0c0}.timeline li.done{color:var(--ink)}.timeline li.done:before{background:var(--accent)}.timeline li.current{color:var(--ink);font-weight:700}.timeline li.current:before{background:var(--accent);box-shadow:0 0 0 4px #0f7a3d33}pre.quote{background:#1c1a17;color:#f5f2ea;padding:14px;border-radius:8px;white-space:pre-wrap;font-size:.92rem}.kv{display:grid;grid-template-columns:180px 1fr;gap:6px 12px;font-size:.95rem}.kv dt{color:var(--muted)}.kv dd{margin:0}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px}.filters .f{min-width:160px}.filters label{margin-top:0}img.qr{max-width:220px;border:1px solid var(--line);border-radius:8px}.hero{text-align:center;padding:48px 16px 32px}.hero h1{font-size:2.2rem}.hero p.lead{font-size:1.15rem;color:var(--muted);max-width:640px;margin:0 auto 20px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:24px}.step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.step .n{font-weight:800;color:var(--accent);font-size:1.3rem}