.mp-wrap{padding:28px 0 48px;background:#f5f7fb;min-height:650px}.mp-hero{background:linear-gradient(135deg,#102a56,#1565c0 65%,#42a5f5);border-radius:20px;padding:30px;color:#fff;box-shadow:0 15px 40px rgba(20,70,140,.18)}.mp-hero h1{font-weight:800;font-size:32px}.mp-card{background:#fff;border:1px solid #e6eaf0;border-radius:16px;padding:18px;box-shadow:0 7px 22px rgba(23,37,61,.06);margin-bottom:18px}.mp-card h3,.mp-card h4{font-weight:700}.mp-grid{display:grid;gap:18px}.mp-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.mp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-product{padding:0;overflow:hidden}.mp-product-image{height:170px;background:#eef4ff;display:flex;align-items:center;justify-content:center;overflow:hidden}.mp-product-image img{width:100%;height:100%;object-fit:cover}.mp-product-body{padding:16px}.mp-product-title{font-size:17px;font-weight:700;min-height:42px}.mp-price{font-size:22px;font-weight:800;color:#d93025}.mp-muted{font-size:13px;color:#6b7280}.mp-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.mp-badge-success{background:#dcfce7;color:#15803d}.mp-badge-warning{background:#fef3c7;color:#92400e}.mp-badge-danger{background:#fee2e2;color:#b91c1c}.mp-badge-info{background:#dbeafe;color:#1d4ed8}.mp-badge-secondary{background:#e5e7eb;color:#4b5563}.mp-nav{background:#fff;border-bottom:1px solid #e5e7eb}.mp-nav .container{display:flex;gap:8px;overflow:auto;padding-top:10px;padding-bottom:10px}.mp-nav a{white-space:nowrap;padding:8px 12px;border-radius:9px;color:#334155;font-weight:600}.mp-nav a:hover,.mp-nav a.active{background:var(--primary-color);color:#fff;text-decoration:none}.mp-stat{font-size:27px;font-weight:800}.mp-table{width:100%;border-collapse:collapse}.mp-table th,.mp-table td{padding:12px 10px;border-bottom:1px solid #edf0f4;vertical-align:top}.mp-table th{font-size:12px;text-transform:uppercase;color:#64748b}.mp-timeline{border-left:3px solid #dbeafe;padding-left:18px}.mp-step{position:relative;padding:0 0 20px}.mp-step:before{content:"";position:absolute;left:-25px;top:3px;width:12px;height:12px;background:#2563eb;border-radius:50%;border:3px solid #dbeafe}.mp-chat{max-height:430px;overflow:auto;background:#f8fafc;border-radius:12px;padding:14px}.mp-message{max-width:78%;padding:10px 12px;border-radius:12px;margin-bottom:10px;background:#fff;border:1px solid #e5e7eb}.mp-message.mine{margin-left:auto;background:#2563eb;color:#fff;border-color:#2563eb}.mp-warning{padding:13px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:12px}.mp-success{padding:13px;background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;border-radius:12px}.mp-private{filter:blur(5px);transition:.2s}.mp-private:hover{filter:none}.mp-countdown{font-weight:800;color:#dc2626}.mp-sticky{position:sticky;top:90px}.mp-status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:5px}.mp-status-online{background:#22c55e}.mp-status-away{background:#f59e0b}.mp-status-offline{background:#94a3b8}.mp-guarantee{border:1px solid #bfdbfe;background:#eff6ff;border-radius:12px;padding:12px;color:#1e40af}.mp-actions{display:flex;gap:8px;flex-wrap:wrap}.mp-file-box{border:2px dashed #cbd5e1;border-radius:12px;padding:18px;background:#f8fafc}.mp-order-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px}.mp-filters{display:flex;gap:10px;flex-wrap:wrap}.mp-filters>*{min-width:150px}.mp-empty{text-align:center;padding:45px 20px;color:#64748b}.mp-livechat-float{position:fixed;right:20px;bottom:92px;z-index:9990;background:#2563eb;color:#fff!important;padding:12px 16px;border-radius:999px;box-shadow:0 8px 25px rgba(37,99,235,.35);font-weight:700}.mp-form-note{font-size:12px;color:#64748b;margin-top:5px}@media(max-width:992px){.mp-grid-4{grid-template-columns:repeat(2,1fr)}.mp-grid-3,.mp-order-grid{grid-template-columns:1fr}.mp-sticky{position:static}}@media(max-width:576px){.mp-grid-4,.mp-grid-2{grid-template-columns:1fr}.mp-hero{padding:21px}.mp-hero h1{font-size:25px}.mp-wrap{padding-top:16px}.mp-table{display:block;overflow:auto}.mp-actions .btn{width:100%}}
