:root{--mbl-dark:#111827;--mbl-muted:#6b7280;--mbl-soft:#f3f4f6;--mbl-border:#e5e7eb;--mbl-green:#10b981;--mbl-blue:#2563eb}
.mbl-wrap{max-width:1000px;margin:42px auto;font-family:Inter,Arial,sans-serif;color:var(--mbl-dark)}
.mbl-card{background:#fff;border-radius:28px;padding:34px;box-shadow:0 24px 70px rgba(17,24,39,.12);border:1px solid var(--mbl-border);overflow:hidden;position:relative}
.mbl-card:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:linear-gradient(90deg,#111827,#2563eb,#10b981)}
.mbl-badge{background:#eff6ff;color:#1d4ed8;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:800;display:inline-block;margin-bottom:8px}
.mbl-card h2{margin:0;font-size:34px;letter-spacing:-.04em}.mbl-card p{color:var(--mbl-muted);line-height:1.55}
.mbl-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:26px 0}
.mbl-step{background:var(--mbl-soft);color:var(--mbl-muted);border-radius:16px;padding:12px 8px;text-align:center;font-size:12px;font-weight:900}
.mbl-step.active{background:var(--mbl-dark);color:#fff}
.mbl-form-step{display:none}.mbl-form-step.active{display:block}
.mbl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mbl-field-full{grid-column:1/-1}
.mbl-card label{display:block;font-weight:900;margin:15px 0 7px}
.mbl-card input,.mbl-card select,.mbl-card textarea{width:100%;padding:13px 14px;border:1px solid #d1d5db;border-radius:14px;box-sizing:border-box;font-size:15px;background:#fff}
.mbl-card textarea{min-height:90px;resize:vertical}.mbl-actions{display:flex;gap:12px;justify-content:space-between;margin-top:28px}
.mbl-btn{background:var(--mbl-dark);color:#fff;border:none;border-radius:14px;padding:14px 22px;font-weight:900;cursor:pointer;font-size:15px;text-decoration:none;display:inline-block}
.mbl-btn.secondary{background:#e5e7eb;color:#111827}.mbl-btn.light{background:#eff6ff;color:#1d4ed8}
.mbl-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:22px;padding:18px;margin-bottom:18px;position:relative}
.mbl-item h4{margin:0 0 12px}.mbl-remove{position:absolute;right:14px;top:14px;background:#fee2e2;color:#991b1b;border:none;border-radius:10px;padding:7px 10px;cursor:pointer;font-weight:bold}
.mbl-summary{background:#f9fafb;border:1px solid var(--mbl-border);border-radius:22px;padding:20px;margin-top:18px}
.mbl-summary-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e5e7eb;padding:9px 0}.mbl-summary-row:last-child{border-bottom:none}
.mbl-total{font-size:26px;font-weight:950;color:#065f46}.mbl-qr-box{display:none;background:#f8fafc;border:1px dashed #94a3b8;border-radius:18px;padding:18px;margin-top:15px}
.mbl-alert{max-width:1000px;margin:20px auto;padding:16px;border-radius:16px;font-family:Arial,sans-serif}.mbl-error{background:#fee2e2;color:#991b1b}
.mbl-success-card{max-width:760px;margin:28px auto;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:24px;padding:28px;text-align:center;font-family:Arial,sans-serif;color:#064e3b}
.mbl-check{width:54px;height:54px;border-radius:50%;background:#10b981;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:32px;font-weight:900}
.mbl-tracking-code{font-size:32px;font-weight:950;letter-spacing:.04em;background:#fff;color:#111827;border:1px solid #a7f3d0;border-radius:18px;padding:18px;margin:18px auto;display:inline-block}
.mbl-actions-inline{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.mbl-actions-inline a{background:#111827;color:#fff;padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:800}
.mbl-track{max-width:820px;margin:40px auto;font-family:Arial,sans-serif;color:#111827}.mbl-track-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:30px;box-shadow:0 18px 55px rgba(0,0,0,.09)}
.mbl-track input{width:100%;padding:14px;border:1px solid #d1d5db;border-radius:14px;font-size:16px;box-sizing:border-box}.mbl-track button{margin-top:12px;background:#111827;color:#fff;border:none;padding:14px 18px;border-radius:14px;font-weight:bold;cursor:pointer;width:100%}
.mbl-not-found{background:#fee2e2;color:#991b1b;padding:14px;border-radius:14px;margin-top:18px}.mbl-track-result{margin-top:24px;background:#f9fafb;border-radius:18px;padding:18px}
.mbl-timeline{margin-top:24px}.mbl-time-row{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f1f5f9}.mbl-dot{width:26px;height:26px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:bold;flex:none}.mbl-time-row.done .mbl-dot{background:#10b981;color:#fff}.mbl-time-row.current .mbl-dot{background:#f59e0b;color:#fff}
.mbl-admin{max-width:1180px;margin:35px auto;font-family:Arial,sans-serif;color:#111827}.mbl-admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:24px;margin-bottom:20px;box-shadow:0 16px 45px rgba(0,0,0,.08)}.mbl-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.mbl-pill{display:inline-block;padding:7px 12px;border-radius:999px;background:#fef3c7;color:#92400e;font-weight:bold}.mbl-admin-btn{display:inline-block;background:#111827;color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:bold;margin-right:8px}.mbl-admin-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:14px;margin-bottom:10px}.mbl-admin-total{font-size:20px;color:#065f46;font-weight:bold}.mbl-status-form{background:#f9fafb;padding:14px;border-radius:14px}.mbl-status-form select{padding:10px;border-radius:10px;margin:8px 0}.mbl-status-form button{background:#111827;color:#fff;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:bold}
@media(max-width:760px){.mbl-card{padding:24px}.mbl-card h2{font-size:27px}.mbl-grid{grid-template-columns:1fr}.mbl-steps{grid-template-columns:repeat(2,1fr)}.mbl-summary-row{display:block}.mbl-tracking-code{font-size:22px}}


.mbl-qr-image{display:block;margin:22px auto;max-width:300px;width:100%;border-radius:16px;box-shadow:0 12px 35px rgba(0,0,0,.16);background:#fff}
.mbl-qr-total{text-align:center;margin:20px 0;padding:18px;border-radius:18px;background:#ecfdf5;border:1px solid #a7f3d0}
.mbl-qr-total small{display:block;color:#047857;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.mbl-qr-total-price{font-size:34px;font-weight:950;color:#065f46;margin-top:6px}
.mbl-qr-includes{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px 18px;margin:16px 0}
.mbl-qr-includes ul{margin:8px 0 0 0;padding:0;list-style:none;color:#111827;line-height:1.8}
.mbl-qr-note{background:#fffbeb;border:1px solid #fde68a;color:#92400e!important;border-radius:14px;padding:12px 14px}