@import"https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@400;500;600;700&display=swap";:root{--black: #000000;--white: #ffffff;--gray-light: #f5f5f5;--gray-medium: #e0e0e0;--gray-dark: #666666;--red: #ff0000;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition: .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Archivo Narrow,Helvetica,Arial,sans-serif;background:#fafafa;color:var(--black);line-height:1.6;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}.container{padding:var(--spacing-2xl) var(--spacing-md);flex:1;width:100%;margin:0 auto}.container-narrow{max-width:500px}.container-wide{max-width:1200px}.step-progress{display:flex;justify-content:center;margin-bottom:var(--spacing-2xl);position:relative;max-width:800px;margin-left:auto;margin-right:auto}.step-progress-item{flex:1;text-align:center;position:relative;z-index:1}.step-progress-item:before{content:"";position:absolute;top:50%;left:-50%;right:50%;height:2px;background:var(--gray-medium);z-index:-1;transform:translateY(-50%)}.step-progress-item:first-child:before{display:none}.step-circle{width:30px;height:30px;background:var(--white);border:2px solid var(--gray-medium);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:500;color:var(--gray-dark);margin-bottom:var(--spacing-xs);transition:all var(--transition)}.step-label{display:block;font-size:.85rem;color:var(--gray-dark);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.step-progress-item.active .step-circle{border-color:var(--black);background:var(--black);color:var(--white)}.step-progress-item.active .step-label{color:var(--black)}.step-progress-item.completed .step-circle{background:var(--black);border-color:var(--black);color:var(--white)}.step-progress-item.completed:before{background:var(--black)}.step-progress-item.active:before{background:var(--black)}.header{text-align:center;margin-bottom:var(--spacing-xl)}.header h1{font-size:1.75rem;font-weight:400;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--spacing-sm)}.header p{color:var(--gray-dark);font-size:.9rem}.card{background:var(--white);border-radius:var(--radius-md);padding:var(--spacing-2xl);margin-bottom:var(--spacing-lg);box-shadow:0 1px 3px #0000001a}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-weight:400;color:var(--black);margin-bottom:var(--spacing-xs);font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem 1rem;border:1px solid var(--gray-medium);border-radius:var(--radius-sm);font-size:.95rem;transition:all var(--transition);background:var(--white);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--black)}.form-group textarea{resize:vertical;min-height:100px}.form-group input[type=file]{padding:.5rem;cursor:pointer;border:1px dashed var(--gray-medium)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:.875rem 2rem;font-size:.9rem;font-weight:400;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);text-decoration:none;font-family:inherit;text-transform:uppercase;letter-spacing:1px}.btn-primary{background:var(--black);color:var(--white)}.btn-primary:hover{background:#333}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--white);color:var(--black);border:1px solid var(--black)}.btn-secondary:hover{background:var(--black);color:var(--white)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.alert{padding:1rem 1.25rem;border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);border-left:3px solid}.alert-success{background:#f0fdf4;border-color:#22c55e;color:#166534}.alert-error{background:#fef2f2;border-color:var(--red);color:#991b1b}.alert-info{background:var(--gray-light);border-color:var(--black);color:var(--black)}.alert-warning{background:#fffbeb;border-color:#f59e0b;color:#92400e}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--gray-medium);border-radius:50%;border-top-color:var(--black);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.order-details{background:var(--gray-light);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--gray-medium)}.order-header h2{font-size:1.25rem;font-weight:400;text-transform:uppercase;letter-spacing:1px}.order-number{font-size:.85rem;color:var(--gray-dark);background:var(--white);padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--gray-medium)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.product-card{background:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--gray-medium);transition:all var(--transition);cursor:pointer}.product-card:hover{border-color:var(--black);box-shadow:0 4px 12px #0000001a}.product-card.selected{border-color:var(--black);background:var(--gray-light)}.product-image{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);background:var(--gray-light)}.product-info h3{font-size:.95rem;font-weight:400;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.product-info p{font-size:.85rem;color:var(--gray-dark);margin-bottom:var(--spacing-xs)}.product-price{font-size:1rem;font-weight:500;color:var(--black)}.checkbox-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.checkbox-wrapper input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--black)}.badge{display:inline-block;padding:.375rem .875rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.badge-pending{background:var(--gray-light);border-color:var(--gray-medium);color:var(--black)}.badge-scheduled,.badge-in-transit{background:var(--white);border-color:var(--black);color:var(--black)}.badge-delivered{background:var(--black);border-color:var(--black);color:var(--white)}.badge-approved{background:var(--white);border-color:var(--black);color:var(--black)}.badge-rejected{background:var(--gray-light);border-color:var(--black);color:var(--black)}.timeline{position:relative;padding-left:var(--spacing-xl);margin-top:var(--spacing-xl)}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:1px;background:var(--gray-medium)}.timeline-item{position:relative;padding-bottom:var(--spacing-lg)}.timeline-item:before{content:"";position:absolute;left:-29px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--white);border:2px solid var(--gray-medium)}.timeline-item.active:before{border-color:var(--black);background:var(--black)}.timeline-item.completed:before{border-color:var(--black);background:var(--black)}.timeline-content h4{font-size:.95rem;font-weight:400;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.timeline-content p{font-size:.85rem;color:var(--gray-dark)}.timeline-date{font-size:.75rem;color:var(--gray-dark);margin-top:.25rem}.admin-table{width:100%;border-collapse:collapse;margin-top:var(--spacing-lg)}.admin-table th,.admin-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--gray-medium)}.admin-table th{font-weight:400;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;background:var(--gray-light)}.admin-table tr:hover{background:var(--gray-light)}.admin-table td{font-size:.9rem}.filter-bar{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.filter-bar select{padding:.5rem 1rem;border:1px solid var(--gray-medium);border-radius:var(--radius-sm);background:var(--white);font-size:.9rem}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:100000;align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background:var(--white);border-radius:var(--radius-md);padding:var(--spacing-2xl);max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--gray-medium)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.success-modal{text-align:center}.success-icon{width:60px;height:60px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);font-size:2rem;color:var(--white)}.request-id-display{background:var(--gray-light);padding:var(--spacing-lg);border-radius:var(--radius-sm);margin:var(--spacing-lg) 0}.request-id-display .label{font-size:.85rem;color:var(--gray-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.request-id-display .id{font-size:1.5rem;font-weight:500;font-family:Courier New,monospace;color:var(--black);letter-spacing:1px}.success-message{font-size:.95rem;color:var(--gray-dark);margin-bottom:var(--spacing-lg);line-height:1.6}@media(max-width:768px){.header h1{font-size:1.5rem}.card{padding:var(--spacing-lg)}.product-grid{grid-template-columns:1fr}.order-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.filter-bar{flex-direction:column}.admin-table{font-size:.85rem}.admin-table th,.admin-table td{padding:var(--spacing-sm)}}.hidden{display:none!important}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}.back-arrow{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--black);text-decoration:none;font-size:.9rem;margin-bottom:var(--spacing-lg);transition:var(--transition)}.back-arrow:hover{opacity:.7}.back-arrow:before{content:"\2190";font-size:1.2rem}.tracking-timeline{position:relative;padding-left:2rem}.tracking-activity{position:relative;padding-bottom:2rem}.tracking-activity:last-child{padding-bottom:0}.tracking-activity:before{content:"";position:absolute;left:-1.5rem;top:0;bottom:0;width:2px;background:var(--gray-medium)}.tracking-activity:last-child:before{display:none}.tracking-dot{position:absolute;left:-1.75rem;top:.25rem;width:12px;height:12px;border-radius:50%;background:var(--gray-medium);border:2px solid var(--white);box-shadow:0 0 0 2px var(--gray-medium)}.tracking-activity.active .tracking-dot{background:var(--black);box-shadow:0 0 0 2px var(--black);animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 2px var(--black)}50%{box-shadow:0 0 0 4px var(--black)}}.tracking-content{padding-left:.5rem}.tracking-status{font-weight:500;font-size:.95rem;margin-bottom:.25rem;color:var(--black)}.tracking-description{font-size:.85rem;color:var(--gray-dark);margin-bottom:.25rem}.tracking-meta{font-size:.75rem;color:var(--gray-dark)}.badge{display:inline-block;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.badge-delivered{background:var(--black);color:var(--white);border:1px solid var(--black)}.badge-in-transit,.badge-in_transit{background:var(--white);color:var(--black);border:1px solid var(--black)}.badge-picked-up,.badge-picked_up{background:var(--white);color:var(--black);border:1px dashed var(--black)}.badge-pending,.badge-pending_shipment{background:var(--gray-light);color:var(--black);border:1px solid var(--gray-medium)}.badge-out-for-delivery,.badge-out_for_delivery{background:var(--white);color:var(--black);border:1px solid var(--black)}.alert-success{background:#f9fafb;color:#111827;border-left:3px solid #111827}.alert-info{background:#f9fafb;color:#111827;border-left:3px solid #6b7280}.product-card{border:1px solid var(--gray-medium);border-radius:var(--radius-sm);padding:1rem;cursor:pointer;transition:all .3s ease;position:relative;background:#fff}.product-card:hover{border-color:var(--black);transform:translateY(-2px);box-shadow:0 4px 6px #0000000d}.product-card.selected{border-color:var(--black);background:#f9fafb;box-shadow:0 0 0 1px var(--black)}
/*# sourceMappingURL=/cdn/shop/t/19/assets/custom-pages.css.map */