.pan-main{color:#e2e8f0;background:#070c1a;min-height:100vh;padding-bottom:5rem}.pan-hero{text-align:center;background:linear-gradient(135deg,#0a1f0a 0%,#061206 60%,#070c1a 100%);border-bottom:1px solid #22c55e33;padding:2.5rem 1.5rem 2rem}.pan-hero-chip{color:#86efac;background:#22c55e1f;border:1px solid #22c55e40;border-radius:20px;margin-bottom:.75rem;padding:4px 14px;font-size:.8rem;font-weight:600;display:inline-block}.pan-hero h1{color:#f8fafc;margin:0 0 1.5rem;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700}.pan-steps-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.pan-step-dot{color:#475569;align-items:center;gap:8px;font-size:.82rem;font-weight:500;display:flex}.pan-step-dot--active{color:#22c55e}.pan-step-dot--done{color:#4ade80}.pan-step-num{background:#6785c626;border:1.5px solid #6785c64d;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;display:flex}.pan-step-dot--active .pan-step-num{color:#22c55e;background:#22c55e33;border-color:#22c55e}.pan-step-dot--done .pan-step-num{color:#4ade80;background:#4ade8026;border-color:#4ade80}.pan-empty{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;padding:2rem;display:flex}.pan-empty-icon{font-size:4rem}.pan-empty h2{color:#94a3b8;font-size:1.4rem}.pan-layout{max-width:1400px;margin:2rem auto 0;padding:0 1.5rem}.pan-step-content{grid-template-columns:1fr 360px;align-items:start;gap:24px;display:grid}.pan-items-list{flex-direction:column;gap:14px;display:flex}.pan-item{background:#0c162ed9;border:1px solid #6785c640;border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.pan-item-img-wrap{background:#0f1a3a99;border-radius:10px;flex-shrink:0;width:72px;height:72px;position:relative;overflow:hidden}.pan-item-img{object-fit:cover}.pan-item-img-placeholder{justify-content:center;align-items:center;width:100%;height:100%;font-size:1.8rem;display:flex}.pan-item-info{flex:1;min-width:0}.pan-item-store{color:#22c55e;margin-bottom:2px;font-size:.72rem;text-decoration:none;display:block}.pan-item-store:hover{text-decoration:underline}.pan-item-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:.9rem;overflow:hidden}.pan-item-prices{align-items:center;gap:6px;display:flex}.pan-item-price{color:#22c55e;font-size:.85rem;font-weight:700}.pan-item-price-old{color:#475569;font-size:.72rem;text-decoration:line-through}.pan-item-stock-warn{color:#fb923c;margin-top:4px;font-size:.72rem;font-weight:600;display:block}.pan-item-gros{color:#16a34a;margin-top:4px;font-size:.72rem;font-weight:600;display:block}.pan-item-controls{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.pan-qty-wrap{align-items:center;gap:8px;display:flex}.pan-qty-btn{color:#94a3b8;cursor:pointer;background:#0f1a3a99;border:1px solid #6785c659;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;transition:all .15s;display:flex}.pan-qty-btn:hover{color:#22c55e;background:#22c55e1f;border-color:#22c55e}.pan-qty-btn:disabled{opacity:.35;cursor:not-allowed}.pan-qty-btn:disabled:hover{color:#94a3b8;background:#0f1a3a99;border-color:#6785c659}.pan-qty-val{color:#e2e8f0;text-align:center;min-width:20px;font-weight:700}.pan-item-total{color:#4ade80;font-size:.9rem;font-weight:700}.pan-remove-btn{cursor:pointer;color:#475569;background:0 0;border:none;padding:4px;font-size:1rem;transition:color .15s}.pan-remove-btn:hover{color:#f87171}.pan-summary{background:#0c162ee6;border:1px solid #22c55e40;border-radius:16px;padding:20px;position:sticky;top:80px}.pan-summary h3{color:#f1f5f9;margin:0 0 16px;font-size:1rem;font-weight:700}.pan-summary-row{color:#94a3b8;border-bottom:1px solid #6785c61a;justify-content:space-between;align-items:center;padding:8px 0;font-size:.88rem;display:flex}.pan-summary-row:last-of-type{border-bottom:none}.pan-summary-row--total{color:#f1f5f9;border-top:1px solid #6785c633;margin-top:4px;padding-top:12px;font-size:1rem}.pan-total-amount{color:#22c55e;font-size:1.1rem}.pan-form-card{background:#0c162ed9;border:1px solid #6785c640;border-radius:16px;grid-column:1/-1;padding:24px}.pan-form-title{color:#f1f5f9;margin:0 0 6px;font-size:1.2rem;font-weight:700}.pan-form-hint{color:#64748b;margin:0 0 20px;font-size:.83rem}.pan-form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.pan-label{color:#94a3b8;flex-direction:column;gap:6px;font-size:.83rem;font-weight:600;display:flex}.pan-label--full{grid-column:1/-1}.pan-input,.pan-textarea{color:#e2e8f0;background:#0f1a3ab3;border:1px solid #6785c64d;border-radius:10px;outline:none;padding:10px 14px;font-size:.9rem;transition:border-color .15s}.pan-input:focus,.pan-textarea:focus{border-color:#22c55e}.pan-textarea{resize:vertical;font-family:inherit}.pan-payment-recap{background:#22c55e0f;border:1px solid #22c55e33;border-radius:12px;margin-bottom:20px;padding:16px 20px}.pan-recap-row{color:#94a3b8;justify-content:space-between;align-items:center;padding:6px 0;font-size:.9rem;display:flex}.pan-recap-total{color:#f1f5f9;border-top:1px solid #22c55e33;margin-top:4px;padding-top:10px;font-size:1.05rem;font-weight:600}.pan-wave-instructions{background:#0f1a3a80;border:1px solid #6785c633;border-radius:12px;margin-bottom:20px;padding:18px}.pan-wave-header{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.pan-wave-icon{flex-shrink:0;font-size:2rem}.pan-wave-header h3{color:#f1f5f9;margin:0 0 4px;font-size:1rem;font-weight:700}.pan-wave-header p{color:#64748b;margin:0;font-size:.82rem}.pan-wave-steps{color:#94a3b8;margin:0 0 16px;padding-left:20px;font-size:.85rem;line-height:2}.pan-wave-steps strong{color:#e2e8f0}.pan-vendors-list{flex-direction:column;gap:6px;display:flex}.pan-vendor-row{background:#22c55e0f;border:1px solid #22c55e26;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.pan-vendor-name{color:#e2e8f0;font-size:.85rem;font-weight:600}.pan-vendor-phone{color:#22c55e;background:#22c55e1a;border-radius:6px;padding:3px 10px;font-size:.82rem}.pan-receipt-section{margin-bottom:24px}.pan-receipt-label{color:#94a3b8;margin:0 0 10px;font-size:.88rem;font-weight:700}.pan-receipt-preview{border:2px solid #22c55e66;border-radius:10px;width:180px;height:220px;position:relative;overflow:hidden}.pan-receipt-img{object-fit:cover}.pan-receipt-change{color:#86efac;cursor:pointer;background:#000000b3;border:none;border-radius:6px;padding:4px 10px;font-size:.72rem;position:absolute;bottom:8px;right:8px}.pan-upload-btn{color:#86efac;cursor:pointer;background:#22c55e0d;border:2px dashed #22c55e66;border-radius:12px;padding:12px 24px;font-size:.9rem;font-weight:600;transition:all .2s}.pan-upload-btn:hover:not(:disabled){background:#22c55e1a;border-color:#22c55e}.pan-upload-btn:disabled{opacity:.6;cursor:wait}.pan-file-hidden{display:none}.pan-receipt-hint{color:#64748b;margin:8px 0 0;font-size:.75rem;line-height:1.5}.pan-submit-error{color:#ef4444;background:#ef444414;border:1px solid #ef444433;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:.85rem}.pan-form-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.pan-confirm{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;padding:2rem;display:flex}.pan-confirm-icon{font-size:5rem;animation:.4s pan-pop}@keyframes pan-pop{0%{transform:scale(0)}80%{transform:scale(1.15)}to{transform:scale(1)}}.pan-confirm h1{color:#f1f5f9;margin:0;font-size:2rem;font-weight:700}.pan-confirm p{color:#94a3b8;max-width:420px;line-height:1.6}.pan-confirm-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.pan-btn{cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:10px 22px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.pan-btn--full{width:100%}.pan-btn--primary{color:#071209;background:linear-gradient(135deg,#22c55e,#16a34a)}.pan-btn--primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.pan-btn--success{color:#071209;background:linear-gradient(135deg,#4ade80,#22c55e)}.pan-btn--success:hover:not(:disabled){opacity:.9}.pan-btn--outline{color:#86efac;background:0 0;border:1px solid #22c55e59}.pan-btn--outline:hover{background:#22c55e14}.pan-btn--ghost{color:#94a3b8;background:#ffffff0f;border:1px solid #6785c640}.pan-btn--ghost:hover{background:#ffffff1a}.pan-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.pan-step-content{grid-template-columns:1fr}.pan-summary{position:static}.pan-form-card{padding:16px}.pan-form-grid{grid-template-columns:1fr}.pan-label--full{grid-column:1}}@media (max-width:480px){.pan-item{flex-wrap:wrap}.pan-item-controls{flex-direction:row;justify-content:space-between;align-items:center;width:100%}}.pan-store-group{border:1px solid #6785c62e;border-radius:12px;margin-bottom:16px;overflow:hidden}.pan-store-group-header{background:#ffffff0a;border-bottom:1px solid #6785c61f;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.pan-store-group-name{color:#60a5fa;font-size:.88rem;font-weight:700;text-decoration:none}.pan-store-group-name:hover{text-decoration:underline}.pan-store-group-total{color:#4ade80;font-size:.88rem;font-weight:700}.pan-store-group .pan-items-list{padding:0}.pan-store-group .pan-item{border-bottom:1px solid #6785c614;border-radius:0}.pan-store-group .pan-item:last-child{border-bottom:none}.pan-multi-store-note{color:#fcd34d;background:#fcd34d0f;border:1px solid #fcd34d33;border-radius:8px;margin:6px 0;padding:8px 12px;font-size:.78rem}.pan-multi-store-warning{background:#fb923c14;border:1px solid #fb923c4d;border-radius:10px;align-items:flex-start;gap:10px;margin:10px 0;padding:12px 14px;display:flex}.pan-multi-store-warning-icon{flex-shrink:0;margin-top:1px;font-size:1.1rem}.pan-multi-store-warning strong{color:#fb923c;margin-bottom:3px;font-size:.82rem;display:block}.pan-multi-store-warning p{color:#fdba74;margin:0;font-size:.76rem;line-height:1.4}.pan-btn--center{text-align:center;display:block}.pan-pay-store-block{border:1px solid #6785c62e;border-radius:12px;margin-bottom:16px;padding:14px 16px}.pan-pay-store-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pan-pay-store-name{color:#edf4ff;font-size:.92rem;font-weight:700}.pan-pay-store-total{color:#4ade80;font-size:.92rem;font-weight:800}.pan-pay-items-recap{background:#ffffff08;border-radius:8px;flex-direction:column;gap:4px;margin-bottom:12px;padding:8px 10px;display:flex}.pan-pay-item-line{color:#94a3b8;justify-content:space-between;font-size:.8rem;display:flex}.pan-pay-item-line span:last-child{color:#e2e8f0;font-weight:600}.pan-pay-wave-row{background:#22d3ee0f;border:1px solid #22d3ee2e;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:8px 10px;display:flex}.pan-pay-wave-label{color:#94a3b8;font-size:.78rem}.pan-pay-wave-num{color:#22d3ee;letter-spacing:.03em;font-size:.88rem;font-weight:800}.pan-pay-wave-amount{color:#4ade80;margin-left:auto;font-size:.82rem;font-weight:700}.pan-upload-btn--loading{color:#64748b;text-align:center;background:#ffffff0a;border:2px dashed #ffffff26;border-radius:10px;padding:12px 16px;font-size:.85rem}@media (max-width:320px){.pan-hero{padding:1.2rem .75rem 1rem}.pan-hero h1{margin-bottom:1rem;font-size:1.25rem}.pan-steps-bar{gap:.6rem}.pan-step-dot{gap:5px;font-size:.7rem}.pan-step-num{width:22px;height:22px;font-size:.65rem}.pan-layout{gap:.75rem;padding:.75rem}.pan-form-card{border-radius:10px;padding:12px 10px}.pan-section-title{font-size:.85rem}.pan-item{gap:8px;padding:10px}.pan-item-img{border-radius:6px;width:52px;min-width:52px;height:52px}.pan-item-name{font-size:.8rem}.pan-item-price{font-size:.78rem}.pan-item-controls{gap:6px}.pan-qty-btn{width:28px;height:28px;font-size:.85rem}.pan-qty-val{min-width:22px;font-size:.85rem}.pan-item-remove{width:28px;height:28px;font-size:.8rem}.pan-summary-row{font-size:.82rem}.pan-total-row{font-size:.95rem}.pan-btn{border-radius:10px;padding:11px 14px;font-size:.82rem}.pan-store-group-header{padding:8px 10px}.pan-store-group-name,.pan-store-group-total{font-size:.78rem}.pan-pay-store-block{padding:10px}.pan-pay-store-name,.pan-pay-store-total{font-size:.8rem}.pan-pay-item-line{font-size:.72rem}.pan-pay-wave-num{font-size:.78rem}.pan-pay-wave-amount{font-size:.75rem}}.pan-location-preview{color:#67e8f9;margin-top:6px;font-size:.8rem;text-decoration:underline;display:inline-block}.pan-how-it-works{background:#0f1a3a80;border:1px solid #6785c62e;border-radius:12px;margin-bottom:20px;padding:12px 16px}.pan-hiw-title{text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:10px;font-size:.72rem;font-weight:700;display:block}.pan-hiw-steps{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pan-hiw-step{color:#64748b;white-space:nowrap;align-items:center;gap:6px;font-size:.75rem;display:flex}.pan-hiw-arrow{color:#6785c666;font-size:.75rem}.pan-hiw-dot{color:#64748b;background:#6785c61a;border:1.5px solid #6785c640;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:700;display:flex}.pan-hiw-dot--done{color:#4ade80;background:#4ade8026;border-color:#4ade80;font-size:.7rem}.pan-hiw-dot--active{color:#22c55e;background:#22c55e33;border-color:#22c55e}.pan-guarantee-block{background:linear-gradient(135deg,#102a1ae6 0%,#0a1c12f2 100%);border:1px solid #22c55e59;border-radius:16px;margin-bottom:24px;padding:20px;box-shadow:0 0 32px #22c55e14}.pan-guarantee-header{border-bottom:1px solid #22c55e26;align-items:flex-start;gap:14px;margin-bottom:18px;padding-bottom:16px;display:flex}.pan-guarantee-shield{flex-shrink:0;font-size:2rem;line-height:1}.pan-guarantee-title{color:#4ade80;margin-bottom:3px;font-size:.95rem;font-weight:800;display:block}.pan-guarantee-sub{color:#86efac;margin:0;font-size:.8rem;line-height:1.4}.pan-guarantee-steps{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}.pan-gs-item{align-items:flex-start;gap:12px;display:flex}.pan-gs-num{color:#4ade80;background:#22c55e2e;border:1.5px solid #22c55e80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.72rem;font-weight:800;display:flex}.pan-gs-item strong{color:#e2e8f0;margin-bottom:2px;font-size:.83rem;display:block}.pan-gs-item p{color:#64748b;margin:0;font-size:.76rem;line-height:1.4}.pan-guarantee-badges{flex-wrap:wrap;gap:8px;display:flex}.pan-gbadge{color:#86efac;background:#22c55e1a;border:1px solid #22c55e40;border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:600}.pan-recap-delivery{background:#0f1a3a80;border:1px solid #6785c633;border-radius:12px;margin-bottom:16px;padding:16px}.pan-recap-section-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:.85rem;font-weight:700}.pan-recap-delivery-grid{grid-template-columns:110px 1fr;align-items:center;gap:8px 14px;display:grid}.pan-recap-key{color:#64748b;font-size:.78rem;font-weight:600}.pan-recap-val{color:#e2e8f0;font-size:.85rem}.pan-recap-store-block{background:#0f1a3a66;border:1px solid #6785c626;border-radius:12px;margin-bottom:12px;padding:14px 16px}.pan-recap-store-header{border-bottom:1px solid #6785c61a;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.pan-recap-store-name{color:#60a5fa;font-size:.88rem;font-weight:700}.pan-recap-store-total{color:#4ade80;font-size:.9rem;font-weight:800}.pan-recap-item-line{color:#94a3b8;justify-content:space-between;align-items:center;padding:4px 0;font-size:.82rem;display:flex}.pan-recap-item-line span:last-child{color:#e2e8f0;font-weight:600}.pan-recap-total-row{color:#f1f5f9;background:#22c55e0f;border:1px solid #22c55e33;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 16px;font-size:.95rem;font-weight:700;display:flex}.pan-confirm-note{color:#64748b;background:#0f1a3a66;border:1px solid #6785c626;border-radius:10px;margin-bottom:20px;padding:12px 14px;font-size:.82rem;line-height:1.5}.pan-maintenance-note{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;margin:-8px 0 20px;padding:12px 14px;font-size:.82rem;font-weight:700;line-height:1.5}.pan-spinner-sm{will-change:transform;border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite pan-spin;display:inline-block}@keyframes pan-spin{to{transform:rotate(360deg)}}.pan-ic{vertical-align:-.16em;flex-shrink:0;margin-right:.35em;display:inline-block}.pan-ic--seul{vertical-align:middle;margin-right:0}
