body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn-secondary,.btn-secondary:focus,.btn-secondary:hover,.btn-secondary:visited{color:#000!important}*{box-sizing:border-box;margin:0;padding:0}.user-wallets-management{padding:20px}.wallets-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.wallet-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .2s,box-shadow .2s}.wallet-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.wallet-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.wallet-header h4{color:#333;font-size:18px;margin:0}.wallet-phone{color:#666;font-size:14px;margin-top:5px}.wallet-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}.wallet-item{background:#f8f9fa;border-radius:8px;padding:12px;text-align:center}.wallet-label{color:#666;font-size:12px;font-weight:500;margin-bottom:8px}.wallet-value{color:#333;font-size:20px;font-weight:700;margin-bottom:4px}.wallet-sublabel{color:#999;font-size:11px}.wallet-footer{border-top:1px solid #f0f0f0;padding-top:15px}.wallet-dates{display:flex;flex-direction:column;gap:8px}.wallet-date{color:#666;font-size:12px}.wallet-date strong{color:#333}.image-upload-container{margin-bottom:15px}.form-label{font-size:14px}.upload-area{background-color:#fafafa;border:2px dashed #ddd;border-radius:8px;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.upload-area:hover{background-color:#f8f9fa;border-color:#007bff}.upload-area.drag-over{background-color:#f0f8ff;border-color:#007bff}.upload-area.disabled{cursor:not-allowed;opacity:.6}.image-preview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:15px}.image-preview-item{aspect-ratio:1;border:1px solid #ddd;border-radius:8px;overflow:hidden;position:relative}.image-preview-item img{height:100%;object-fit:cover;width:100%}.image-preview-item button{align-items:center;background:#f00c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;opacity:0;position:absolute;right:5px;top:5px;transition:opacity .2s ease;width:24px}.image-preview-item:hover button{opacity:1}.loading-spinner{border:2px solid #f3f3f3;border-top-color:#007bff;height:20px;margin:0 auto 10px;width:20px}.calls-page{background:#fff;min-height:100vh;padding:0;position:relative}.calls-content{margin:0 auto;padding:15px 10px}.calls-header{margin-bottom:30px;text-align:center}.calls-title{color:#333;font-size:2rem;font-weight:700;margin-bottom:8px}.calls-subtitle{color:#666;font-size:1rem;font-weight:400}.call-options{margin-bottom:40px}.call-option-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 20px #0000001a;cursor:pointer;display:flex;margin-bottom:16px;padding:20px;transition:all .3s ease}.call-option-card:hover{border-color:#667eea;box-shadow:0 8px 30px #667eea33;transform:translateY(-2px)}.call-icon{align-items:center;background:#f5f5f5;border-radius:12px;color:#667eea;display:flex;height:50px;justify-content:center;margin-right:16px;width:50px}.call-info{flex:1 1}.call-info h3{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:4px}.call-info p{color:#666;font-size:.9rem}.call-arrow{color:#999;transition:all .3s ease}.call-option-card:hover .call-arrow{color:#667eea;transform:translateX(4px)}.recent-calls-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:16px;padding:20px}.section-title{font-size:1.2rem;margin-bottom:16px}.recent-calls-list{display:flex;flex-direction:column;gap:12px}.recent-call-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;padding:12px;transition:all .3s ease}.recent-call-item:hover{background:#f8f9fa;border-color:#667eea}.call-avatar{border-radius:50%;height:40px;margin-right:12px;overflow:hidden;width:40px}.call-avatar img{height:100%;object-fit:cover;width:100%}.call-details{flex:1 1}.call-details h4{color:#333;font-size:.95rem;font-weight:600;margin-bottom:2px}.call-details p{color:#666;font-size:.8rem}.call-status{color:#999;height:24px;width:24px}.ads-gallery-reel{background:#000;height:100vh;overflow:hidden;position:relative}.ads-gallery-reel,.reel-progress{display:flex;flex-direction:column}.reel-progress{align-items:center;gap:8px;left:50%;position:fixed;top:20px;transform:translateX(-50%);z-index:100}.progress-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;display:flex;gap:4px;padding:4px 8px}.progress-dot{background:#fff6;border-radius:50%;height:6px;transition:all .3s ease;width:6px}.progress-dot.active{background:#fff;transform:scale(1.2)}.progress-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:12px;color:#fff;font-size:12px;padding:4px 8px}.reel-content{align-items:center;flex:1 1;justify-content:center}.ad-reel-item,.reel-content{display:flex;position:relative}.ad-reel-item{cursor:pointer;flex-direction:column;height:100%;width:100%}.ad-media-container{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.ad-media{object-position:center}.ad-overlay-gradient{background:linear-gradient(#0000,#000c);height:200px}.ad-info-tiktok,.ad-overlay-gradient{bottom:0;left:0;pointer-events:none;position:absolute;right:0}.ad-info-tiktok{color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:20px;top:0;z-index:10}.tiktok-actions{bottom:120px;pointer-events:auto;position:absolute;right:20px}.action-group,.tiktok-actions{display:flex;flex-direction:column;gap:20px}.action-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:all .3s ease}.action-item:hover{transform:scale(1.1)}.action-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.action-item:hover .action-icon{background:#ffffff4d;border-color:#ffffff80}.action-icon.liked{background:#ef4444cc!important;border-color:#ef4444e6!important;transform:scale(1.2)}.action-icon.liked svg{color:#fff!important}@keyframes likeAnimation{0%{background:#fff3;border-color:#ffffff4d;transform:scale(1)}50%{background:#ef4444e6;border-color:#ef4444;transform:scale(1.3)}to{background:#ef4444cc;border-color:#ef4444e6;transform:scale(1.2)}}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1.1)}75%{transform:scale(1.2)}to{transform:scale(1)}}.action-icon.liking{animation:likeClick .3s ease-out}.action-item:hover .action-icon.liked{background:#ef4444cc!important;border-color:#ef4444e6!important}@keyframes likeClick{0%{background:#fff3;transform:scale(1)}50%{background:#ef4444e6;box-shadow:0 0 20px #ef444499;transform:scale(1.4)}to{background:#ef4444cc;transform:scale(1.2)}}.super-admin-panel{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.admin-header{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:24px;padding:24px}.admin-header h1{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 20px}.admin-tabs{gap:10px}.admin-tabs button{background:#e9ecef;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#495057;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.admin-tabs button.active{background:#007bff;box-shadow:0 4px 8px #007bff4d;color:#fff;transform:translateY(-1px)}.admin-tabs button:hover{background:#0056b3;box-shadow:0 4px 8px #007bff33;color:#fff;transform:translateY(-1px)}.section-header h2{color:#1a1a1a;font-weight:600}.btn{border:none;border-radius:5px;cursor:pointer;display:inline-block;font-weight:500;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:#007bff;box-shadow:0 2px 4px #007bff33}.btn-primary:hover{background:#0056b3;box-shadow:0 4px 8px #007bff4d}.btn-secondary{border:1px solid #6c757d33;box-shadow:0 2px 4px #6c757d26;font-weight:600}.btn-secondary:hover{box-shadow:0 4px 8px #6c757d40;transform:translateY(-1px)}.btn-danger{background:#dc3545;box-shadow:0 2px 4px #dc354533;color:#fff;font-weight:600}.btn-danger:hover{background:#c82333;box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.btn-sm{font-size:.875rem;padding:5px 10px}.admins-table{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.admins-table table{border-collapse:collapse;width:100%}.admins-table td,.admins-table th{border-bottom:1px solid #e9ecef;color:#1a1a1a;font-size:.95rem;padding:16px 20px;text-align:left}.admins-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#1a1a1a;font-weight:600}.role-badge{border-radius:16px;box-shadow:0 2px 4px #0000001a;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.role-badge.super_admin{background:linear-gradient(135deg,#ffc107,#ff8f00);color:#212529}.role-badge.admin{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.status-badge{border-radius:16px;box-shadow:0 2px 4px #0000001a;padding:6px 12px}.status-badge.active{background:linear-gradient(135deg,#28a745,#20c997)}.status-badge.inactive{background:linear-gradient(135deg,#dc3545,#e74c3c)}.status-badge.status-requested{background:linear-gradient(135deg,#ffc107,#ff8f00);color:#212529}.status-badge.status-pending{background:linear-gradient(135deg,#facc15,#eab308);color:#1f2937}.status-badge.status-shipment{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.status-badge.status-confirmed{background:linear-gradient(135deg,#10b981,#059669);color:#ecfdf5}.status-badge.status-shipped{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#eff6ff}.status-badge.status-completed{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.status-badge.status-delivered{background:linear-gradient(135deg,#22c55e,#16a34a);color:#f0fdf4}.status-badge.status-cancelled{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fee2e2}.status-badge.payment-paid{background:linear-gradient(135deg,#10b981,#047857);color:#ecfdf5}.status-badge.payment-pending{background:linear-gradient(135deg,#facc15,#eab308);color:#1f2937}.status-badge.payment-failed{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fee2e2}.status-badge.payment-refunded{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#eef2ff}.admin-orders-panel{padding:20px}.orders-tabs{display:flex;gap:10px;margin-bottom:20px}.orders-tabs .tab-btn{background:#f8f9fa;border:none;border-radius:8px;color:#495057;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.orders-tabs .tab-btn:hover{background:#e9ecef}.orders-tabs .tab-btn.active{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 4px 12px #007bff4d;color:#fff}.orders-list{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.orders-table{border-collapse:collapse;width:100%}.orders-table td,.orders-table th{border-bottom:1px solid #e9ecef;color:#1a1a1a;font-size:.95rem;padding:16px 20px;text-align:left}.orders-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#1a1a1a;font-weight:600}.orders-table tbody tr:hover{background-color:#f8f9fa}.orders-table tbody tr:last-child td{border-bottom:none}.orders-table .small-text{color:#6c757d;font-size:.85rem;margin-top:4px}.empty-state{color:#6c757d;font-size:1.1rem;padding:40px}.order-details-modal{background:#fff;max-height:80vh;max-width:600px;overflow-y:auto}.order-details-modal h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:20px}.order-details{padding:20px 0}.order-details .detail-row{display:flex;flex-direction:column;gap:5px;padding:10px 0}.order-details .detail-row strong{color:#1a1a1a;font-size:.95rem;font-weight:700}.order-details .detail-row div,.order-details .detail-row p{color:#495057;font-size:.95rem;font-weight:500}.order-details hr{border:none;border-top:1px solid #e9ecef;margin:20px 0}.order-details h4{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin:20px 0 10px}.shop-orders-page{margin:0 auto;max-width:960px;padding:16px 16px 96px}.shop-orders-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.shop-orders-header h1{flex:1 1;font-size:1.5rem;font-weight:600;text-align:center}.order-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px -15px #0f172a40;margin-bottom:16px;overflow:hidden}.order-card-header{align-items:center;background:linear-gradient(135deg,#6366f114,#ec489914);cursor:pointer;display:flex;justify-content:space-between;padding:16px}.order-card-header h2{font-size:1rem;font-weight:600;margin:0}.order-card-header p{color:#64748b;font-size:.875rem;margin:4px 0 0}.order-card-meta{align-items:center;display:flex;gap:12px}.order-card-total{color:#1f2937;font-weight:600}.expand-btn{align-items:center;background:none;border:none;color:#4b5563;cursor:pointer;display:flex;justify-content:center;padding:4px}.order-card-body{display:flex;flex-direction:column;gap:16px;padding:16px}.order-summary{grid-gap:12px;background:#f8fafc;border:1px solid #e5e7eb;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:12px}.order-summary .label{color:#6b7280;display:block;font-size:.75rem;margin-bottom:4px;text-transform:uppercase}.order-status-badge{align-items:center;background:#e5e7eb;border-radius:9999px;color:#374151;display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;padding:6px 12px;text-transform:lowercase}.order-status-badge.status-pending{background:#fbbf2426;color:#92400e}.order-status-badge.payment-paid,.order-status-badge.status-confirmed{background:#10b98126;color:#047857}.order-status-badge.status-shipped{background:#3b82f626;color:#1d4ed8}.order-status-badge.status-delivered{background:#34d39926;color:#047857}.order-status-badge.payment-failed,.order-status-badge.status-cancelled{background:#f871712b;color:#b91c1c}.order-status-badge.payment-pending{background:#fbbf2426;color:#92400e}.order-status-badge.payment-refunded{background:#818cf826;color:#4338ca}.order-section h3{color:#1f2937;font-size:.95rem;font-weight:600;margin:0 0 8px}.address-block{background:#fff;border:1px solid #e5e7eb;border-radius:10px;line-height:1.5;padding:12px}.order-items{display:flex;flex-direction:column;gap:12px}.order-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;gap:12px;padding:12px}.order-item-image{border:1px solid #e5e7eb;border-radius:8px;height:56px;object-fit:cover;width:56px}.order-item-info h4{font-size:.95rem;font-weight:600;margin:0}.order-item-info p{color:#4b5563;font-size:.85rem;margin:4px 0 0}@media (max-width:640px){.order-card-header{align-items:flex-start;flex-direction:column;gap:12px}.order-card-meta{justify-content:space-between;width:100%}}.status-update-section{display:flex;flex-direction:column;gap:10px;margin-top:20px}.status-update-section label{color:#1a1a1a;font-size:.95rem;font-weight:700}.status-update-section textarea{border:1px solid #e9ecef;border-radius:8px;color:#1a1a1a;font-family:Inter,sans-serif;font-size:.95rem;padding:10px;resize:vertical;width:100%}.status-update-section textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.status-update-section .btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;box-shadow:0 4px 12px #007bff4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.status-update-section .btn-primary:hover{background:linear-gradient(135deg,#0056b3,#003d82);box-shadow:0 6px 16px #007bff66;transform:translateY(-1px)}.order-details-modal .modal-actions{border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px}.order-details-modal .modal-actions button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 24px;transition:all .2s ease}.order-details-modal .modal-actions button:hover{background:#5a6268;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.action-buttons{display:flex;gap:8px}.action-buttons .btn-sm{border-radius:6px;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.action-buttons .btn-sm:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.activities-list{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.activity-item{border-bottom:1px solid #e9ecef;margin-bottom:10px;padding:15px}.activity-item:last-child{border-bottom:none;margin-bottom:0}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.admin-name{color:#1a1a1a;font-weight:600}.activity-time{color:#6c757d;font-size:.875rem}.activity-details{display:flex;gap:10px;margin-bottom:8px}.action{background:#007bff;text-transform:uppercase}.action,.module{border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px}.module{background:#6c757d}.details{color:#1a1a1a;font-style:italic}.activity-meta{color:#6c757d;display:flex;font-size:.75rem;gap:15px}.modal{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #e9ecef}.modal-header h3{color:#1a1a1a}.close-btn{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.close-btn:hover{color:#dc3545}.modal form{padding:20px}.form-group label{color:#1a1a1a;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ced4da;border-radius:5px;padding:10px}.form-group input:focus,.form-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.modal-actions{gap:10px;margin-top:20px}.modal-actions button{border:none;border-radius:5px;cursor:pointer;font-weight:500;padding:10px 20px}.modal-actions button[type=button]{background:#6c757d;color:#fff}.modal-actions button[type=submit]{background:#007bff;color:#fff}.modal-actions button:disabled{cursor:not-allowed;opacity:.6}.permissions-modal{max-height:80vh;max-width:800px;overflow-y:auto}.permissions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.permission-module{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px}.permission-module h4{color:#1a1a1a;font-size:1rem;font-weight:600;margin:0 0 15px}.permission-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.permission-checkbox{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px}.permission-checkbox input[type=checkbox]{margin:0;width:auto}.loading{color:#6c757d}.access-denied{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:20px;padding:60px 20px;text-align:center}.access-denied h3{color:#dc3545;font-size:1.5rem;margin-bottom:15px}.access-denied p{color:#6c757d;font-size:1.1rem}.admin-info{align-items:center;display:flex;gap:15px;margin-top:10px}.admin-role{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.admin-username{color:#495057;font-size:.9rem;font-weight:500}.refresh-permissions-btn{align-items:center;background:#28a745;border:none;border-radius:50%;box-shadow:0 2px 4px #28a74533;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.refresh-permissions-btn:hover{background:#218838;box-shadow:0 4px 8px #28a7454d;transform:rotate(180deg)}.notification{animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-weight:600;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:1000}.notification.success{background:linear-gradient(135deg,#28a745,#20c997)}.notification.error{background:linear-gradient(135deg,#dc3545,#e74c3c)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.action-icon svg{color:#fff;height:24px;width:24px}.action-count{font-size:12px;font-weight:600;min-width:20px;text-align:center;text-shadow:0 1px 2px #00000080}.tiktok-info{bottom:20px;left:20px;pointer-events:auto;position:absolute;right:80px}.advertiser-info{gap:12px;margin-bottom:12px}.advertiser-avatar{border:2px solid #ffffff4d;border-radius:50%;height:40px;overflow:hidden;width:40px}.advertiser-avatar img{height:100%;object-fit:cover;width:100%}.advertiser-details{flex:1 1}.advertiser-name{font-size:14px;font-weight:600;text-shadow:0 1px 2px #00000080}.advertiser-verified{color:#00d4ff;font-size:12px;font-weight:500}.follow-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 16px;transition:all .3s ease}.follow-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.ad-content{margin-bottom:8px}.ad-description-tiktok{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;line-height:1.4;margin-bottom:8px;max-height:60px;overflow:hidden;text-shadow:0 1px 2px #00000080}.ad-hashtags{display:flex;flex-wrap:wrap;gap:6px}.hashtag{color:#00d4ff;font-size:12px;text-shadow:0 1px 2px #00000080}.hashtag:hover{color:#fff;transform:scale(1.05)}.ad-info{bottom:0;color:#fff;left:0;padding:20px;position:absolute;right:0;z-index:10}.ad-header{margin-bottom:12px}.ad-title{font-size:1.5rem;margin-bottom:8px}.ad-badges{display:flex;flex-wrap:wrap;gap:8px}.badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;font-size:.8rem;font-weight:500;padding:4px 8px}.badge.language-match{background:#22c55ecc;color:#fff}.badge.interest-match{background:#ef4444cc;color:#fff}.ad-description{margin-bottom:16px}.ad-description p{font-size:1rem;line-height:1.4;opacity:.9;text-shadow:0 1px 2px #00000080}.ad-footer{align-items:center;display:flex;gap:16px;justify-content:space-between}.ad-stats{gap:16px}.stat-item{font-size:.9rem;font-weight:500;gap:4px;text-shadow:0 1px 2px #00000080}.ad-actions{gap:8px}.action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;font-size:.8rem;gap:4px;padding:8px 12px}.share-btn{background:#3b82f6cc}.view-btn{background:#fff3;border:1px solid #ffffff4d;color:#fff}.action-btn:hover{box-shadow:0 4px 12px #0000004d}.navigation-hints{animation:fadeInOut 3s ease-in-out;bottom:100px;display:flex;gap:20px;left:50%;position:fixed;transform:translateX(-50%);z-index:100}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(20px)}20%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}.hint-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-radius:16px;display:flex;gap:6px;padding:6px 12px}.hint-icon{font-size:1rem}.hint-text{color:#fff;font-size:.8rem;font-weight:500}.ads-gallery-reel.empty,.ads-gallery-reel.error,.ads-gallery-reel.loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center}.empty-content,.error-content,.loading-spinner{padding:2rem;text-align:center}.empty-content h3,.error-content h3,.loading-spinner div{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.login-btn,.retry-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:12px 24px;transition:all .3s ease}.login-btn:hover,.retry-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.ad-details-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.ad-details-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;width:100%}.modal-header h3{font-size:1.2rem}.modal-close{font-size:24px;height:30px;padding:0;width:30px}.modal-content{padding:0}.ad-media-modal{border-radius:0 0 16px 16px;height:250px;overflow:hidden;width:100%}.modal-media{height:100%;object-fit:cover;width:100%}.ad-info-modal{padding:20px}.modal-ad-title{color:#333;font-size:1.3rem;font-weight:700;margin-bottom:8px}.modal-ad-description{color:#666;line-height:1.5;margin-bottom:16px}.advertiser-info-modal{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.advertiser-avatar-modal{border:2px solid #e0e0e0;border-radius:50%;height:50px;overflow:hidden;width:50px}.advertiser-avatar-modal img{height:100%;object-fit:cover;width:100%}.advertiser-details-modal h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 4px}.verified-badge{color:#00d4ff;font-size:.8rem;font-weight:500}.ad-stats-modal{background:#f8f9fa;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.stat-item-modal{text-align:center}.stat-label{color:#666;display:block;font-size:.8rem;margin-bottom:4px}.stat-value{display:block;font-weight:600}.modal-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease}.like-btn{background:#f8f9fa;border:2px solid #e0e0e0;color:#333}.like-btn:hover{background:#e9ecef;transform:translateY(-2px)}.share-btn{background:#007bff;color:#fff}.share-btn:hover{background:#0056b3}.view-full-btn{background:#28a745;color:#fff}.view-full-btn:hover{background:#1e7e34;transform:translateY(-2px)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1;background:#f571a1;color:#333;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden;text-rendering:optimizeLegibility}.mobile-only-message{align-items:center;background:#000;color:#fff;display:none;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.desktop-logo{border:3px solid #fff3;border-radius:50%;box-shadow:0 8px 32px #0000004d;height:80px;margin-bottom:2rem;width:80px}.mobile-only-message h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0000004d}.mobile-only-message p{font-size:1.2rem;line-height:1.6;opacity:.9;text-shadow:0 1px 2px #0000004d}@media (min-width:768px){.mobile-only-message{display:flex}.App>div:not(.mobile-only-message):not(.admin-panel):not(.admin-login):not(.shop-admin-login-page):not(.shop-admin-request-page):not(.shop-admin-dashboard){display:none}.admin-login,.admin-panel,.shop-admin-dashboard,.shop-admin-login-page,.shop-admin-request-page{display:block!important}.App>div:has(.shop-admin-dashboard),.App>div:has(.shop-admin-login-page),.App>div:has(.shop-admin-request-page){display:block!important}}.admin-login .mobile-only-message,.admin-login+.mobile-only-message,.admin-login~.mobile-only-message,.admin-panel .mobile-only-message,.admin-panel+.mobile-only-message,.admin-panel~.mobile-only-message,.shop-admin-dashboard .mobile-only-message,.shop-admin-dashboard+.mobile-only-message,.shop-admin-dashboard~.mobile-only-message,.shop-admin-login-page .mobile-only-message,.shop-admin-login-page+.mobile-only-message,.shop-admin-login-page~.mobile-only-message,.shop-admin-request-page .mobile-only-message,.shop-admin-request-page+.mobile-only-message,.shop-admin-request-page~.mobile-only-message{display:none!important}.App:has(.admin-login) .mobile-only-message,.App:has(.admin-panel) .mobile-only-message,.App:has(.shop-admin-dashboard) .mobile-only-message,.App:has(.shop-admin-login-page) .mobile-only-message,.App:has(.shop-admin-request-page) .mobile-only-message{display:none!important}.mobile-only-message{display:none!important}.login-container{background:linear-gradient(135deg,#ff6b9d,#c44569)}.login-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:1.5rem}.header-section{margin-bottom:1.5rem;text-align:center;width:100%}.brand-container{justify-content:center;margin-bottom:1rem}.brand-logo{border-radius:50%;height:60px;margin-right:1rem;width:60px}.brand-name{color:#fff;font-size:1.8rem}.illustration-section{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem;padding:1.5rem 0}.dating-illustration{max-width:85%;width:280px}.tagline-title{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:.75rem;text-align:center}.tagline-subtitle{color:#ffffffe6;font-size:1rem;line-height:1.5;margin-bottom:1.5rem;text-align:center}.form-section{max-width:400px;width:100%}.login-form{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:1rem;padding:1.5rem}.form-input{background:#fff;border:2px solid #e1e5e9;border-radius:12px;font-size:1rem;padding:1rem}.form-input:focus{box-shadow:0 0 0 3px #f571a11a}.form-input textarea,.form-input[type=textarea]{font-family:inherit;min-height:80px;resize:vertical}.primary-btn{background:#f571a1;border-radius:12px;font-size:1rem;margin-bottom:1rem;padding:1rem}.primary-btn:hover{background:#e05a8a;box-shadow:0 4px 12px #f571a14d;transform:translateY(-2px)}.primary-btn:disabled{background:#ccc;box-shadow:none}.secondary-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem;transition:all .3s ease;width:100%}.secondary-btn:hover{background:#fff3;transform:translateY(-1px)}.back-btn{background:none;font-size:.9rem;padding:.5rem 0;transition:opacity .3s ease}.back-btn:hover{opacity:.8}.terms-section{margin-top:1rem;text-align:center}.terms-text{color:#ffffffb3;font-size:.75rem;line-height:1.4}.terms-link{color:#fff;text-decoration:underline}.otp-container{display:flex;gap:.5rem;justify-content:center;margin-left:auto;margin-right:auto;max-width:320px;width:100%}.otp-input{background:#fff;border:2px solid #e1e5e9;border-radius:12px;box-sizing:border-box;color:#333;cursor:text;flex:1 1;font-size:1.2rem;margin:0;max-width:50px;padding:0;transition:all .3s ease}.otp-input:focus{border-color:#f571a1;box-shadow:0 0 0 3px #f571a11a;transform:scale(1.05)}.otp-input:hover{border-color:#f571a1;box-shadow:0 2px 8px #f571a126;transform:translateY(-1px)}.otp-input:not(:placeholder-shown){background:linear-gradient(135deg,#f571a10d,#ff8fab0d);border-color:#f571a1;color:#f571a1;font-weight:700}.otp-instructions{color:#ffffffe6;font-size:.9rem;font-weight:500;margin-bottom:1rem;text-align:center}@media (max-width:480px){.otp-container{gap:.4rem;max-width:280px}.otp-input{font-size:1.1rem;height:45px;max-width:45px;width:45px}}@media (max-width:360px){.otp-container{gap:.3rem;max-width:260px}.otp-input{font-size:1rem;height:42px;max-width:42px;width:42px}}.message{border-radius:12px;margin-bottom:1rem;text-align:center}.message.success{background:#4caf501a;border:1px solid #4caf5033;color:#4caf50}.message.error{background:#f443361a;border:1px solid #f4433633;color:#f44336}.details-form{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:2rem}.home-page{background:#f571a1;color:#fff;min-height:100vh;padding-bottom:120px}.top-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;justify-content:space-between;padding:1rem 1.5rem;position:relative;z-index:99999}.top-bar,.top-logo{align-items:center;display:flex}.top-logo{gap:.5rem}.top-logo img{border-radius:50%;height:40px;width:40px}.app-name{color:#fff;font-size:1.1rem;font-weight:700}.account-section{align-items:center;cursor:pointer;display:flex;gap:.5rem;position:relative}.account-dp{border:2px solid #ffffff4d;border-radius:50%;height:35px;width:35px}.account-name{background:#fff3;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.dropdown-arrow{color:#fff;height:16px;transition:transform .3s ease;width:16px}.account-dropdown{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;margin-top:.5rem;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999999}.dropdown-item{align-items:center;color:#333;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:background .3s ease}.dropdown-item:hover{background:#f5f5f5}.dropdown-item svg{color:#666;height:18px;width:18px}.dropdown-divider{background:#e1e5e9;height:1px;margin:.25rem 0}.stats-section{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000001a;display:flex;gap:1rem;margin:1rem 1.5rem;padding:1rem}.stats-section.compact{gap:.75rem;padding:.75rem}.stats-section.mini{gap:.5rem;padding:.5rem}.stat-card.mini{gap:.4rem;padding:.4rem}.stat-icon.mini{height:16px;width:16px}.stat-value.mini{font-size:.9rem}.add-btn.mini{height:28px;width:28px}.add-btn.mini svg{height:12px;width:12px}.stat-card{background:#f8f9fa;border:1px solid #e9ecef;flex:1 1;gap:.75rem;justify-content:center;padding:.75rem}.stat-card.compact{gap:.5rem;padding:.5rem}.stat-icon{height:24px;width:24px}.stat-icon.compact{height:20px;width:20px}.stat-card:first-of-type .stat-icon{color:#ff6b6b}.stat-card:last-of-type .stat-icon{color:#4ecdc4}.stat-value{color:#333;font-size:1.3rem}.stat-value.compact{font-size:1.1rem}.add-btn{align-items:center;background:#f571a1;border:none;border-radius:50%;box-shadow:0 2px 8px #f571a14d;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.add-btn.compact{height:36px;width:36px}.add-btn:hover{background:#e05a8a;transform:scale(1.1)}.add-btn svg{color:#fff;height:20px;width:20px}.add-btn.compact svg{height:16px;width:16px}.hero-slider-section{margin-bottom:2rem;padding:0 1.5rem}.hero-slider{border-radius:20px;box-shadow:0 8px 32px #00000026;max-height:300px;overflow:hidden;position:relative}.hero-slider-image{height:300px;object-fit:cover;transition:transform .5s ease;width:100%}.hero-slider-dots{bottom:1rem;display:flex;gap:.5rem;left:50%;position:absolute;transform:translateX(-50%)}.slider-dot{background:#ffffff80;height:8px;width:8px}.slider-dot.active{background:#fff}.leaderboard-section{margin-bottom:2rem;padding:0 1.5rem}.hero-header{margin-bottom:2rem;text-align:center}.hero-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.hero-subtitle{color:#fffc;font-size:.9rem}.leaderboard-container{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:1.5rem}.leaderboard-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .3s ease}.leaderboard-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.leaderboard-item:last-child{margin-bottom:0}.leaderboard-item.top-three{background:linear-gradient(135deg,#fff5f5,#ffe8e8);border-color:#ffcdd2}.rank-badge{background:#f571a1;border-radius:50%;color:#fff;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.rank-badge,.user-info{align-items:center;display:flex}.user-info{flex:1 1;gap:.75rem}.user-dp{border:2px solid #e9ecef;border-radius:50%;height:45px;width:45px}.user-details{flex:1 1}.user-name{color:#333;font-size:1rem;font-weight:600;margin-bottom:.25rem}.user-stats{text-align:right}.minutes{color:#f571a1;display:block;font-size:1.3rem;font-weight:700}.minutes-label{color:#666;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.bottom-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-top:1px solid #0000001a;bottom:0;display:flex;gap:1rem;left:0;padding:1rem 1.5rem;position:fixed;right:0}.action-btn{align-items:center;border-radius:25px;display:flex;gap:.5rem;justify-content:center;padding:1rem;text-decoration:none}.shop-btn{background:#f571a1;color:#fff}.shop-btn:hover{background:#e05a8a;box-shadow:0 4px 12px #f571a14d;transform:translateY(-2px)}.call-btn{background:#28a745;color:#fff}.call-btn:hover{background:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.action-btn svg{height:20px;width:20px}.modal-content{max-width:400px;padding:2rem}.modal-header{margin-bottom:1.5rem}.modal-header h3{font-size:1.3rem}.modal-close{padding:.25rem}.modal-close:hover{background:#f5f5f5;color:#333}.modal-body{display:flex;flex-direction:column;gap:1rem}.call-option{align-items:center;border:2px solid #e9ecef;border-radius:12px;color:#333;cursor:pointer;display:flex;gap:1rem;padding:1rem;text-decoration:none;transition:all .3s ease}.call-option:hover{transform:translateY(-2px)}.call-option:hover,.video-call{background:#fff5f5;border-color:#f571a1}.voice-call{background:#f0fff4;border-color:#28a745}.call-option svg{height:24px;width:24px}.video-call svg{color:#f571a1}.voice-call svg{color:#28a745}.call-option h4{font-size:1rem;font-weight:600;margin-bottom:.25rem}.call-option p{color:#666;font-size:.85rem}.shop-modal .modal-content{text-align:center}.shop-icon{color:#f571a1;height:80px;margin:0 auto 1.5rem;width:80px}.shop-notify-btn{background:#f571a1;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.shop-notify-btn:hover{background:#e05a8a;box-shadow:0 4px 12px #f571a14d;transform:translateY(-2px)}.call-connecting-modal .modal-content{max-width:500px;text-align:center}.call-connecting-animation{align-items:center;display:flex;flex-direction:column;gap:2rem;padding:1rem 0}.phone-icon-container{align-items:center;display:flex;height:180px;justify-content:center;position:relative}.phone-icon{animation:phone-bounce 2s ease-in-out infinite,phone-pulse-glow 2s ease-in-out infinite;color:#f571a1;height:90px;position:relative;transition:all .3s ease;width:90px;z-index:2}.phone-icon:hover{transform:scale(1.1)}.camera-icon{animation:camera-bounce 2.2s ease-in-out infinite,camera-pulse-glow 2s ease-in-out infinite;color:#ff6b9d;filter:drop-shadow(0 0 15px rgba(255,107,157,.5));height:100px;position:relative;transition:all .3s ease;width:100px;z-index:2}.camera-icon:hover{transform:scale(1.15)}.phone-pulse-ring{animation:pulse-ring 2s ease-out infinite,pulse-ring-glow 2s ease-out infinite;border:4px solid #f571a1;border-radius:50%;box-shadow:0 0 20px #f571a14d;opacity:0;position:absolute}.call-connecting-modal.video-call .phone-pulse-ring{animation:video-pulse-ring 2s ease-out infinite,pulse-ring-glow 2s ease-out infinite;border-color:#ff6b9d;border-width:5px;box-shadow:0 0 30px #ff6b9d80,0 0 60px #ff6b9d4d;filter:drop-shadow(0 0 10px rgba(255,107,157,.6))}.call-connecting-modal.voice-call .phone-pulse-ring{animation:voice-pulse-ring 2s ease-out infinite,pulse-ring-glow 2s ease-out infinite;border-color:#4caf50;border-width:4px;box-shadow:0 0 25px #4caf5066,0 0 50px #4caf5033}.phone-pulse-ring:nth-child(2){animation-delay:.3s;height:120px;width:120px}.phone-pulse-ring:nth-child(3){animation-delay:.9s;height:150px;width:150px}.loading-dots{display:flex;gap:.5rem;justify-content:center}.dot{animation:dot-bounce 1.4s ease-in-out infinite both;background:#f571a1}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0s}.connection-status{max-width:300px;text-align:center}.status-text{color:#333;font-size:1.1rem;font-weight:500;margin-bottom:1rem}.status-indicator{background:#f571a133;border-radius:2px;height:4px;overflow:hidden;width:100%}.status-bar{animation:status-progress 3s ease-in-out infinite;background:linear-gradient(90deg,#f571a1,#ff8fab);border-radius:2px;height:100%}.cancel-call-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;border-radius:25px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-call-btn:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}@keyframes phone-bounce{0%,20%,50%,80%,to{transform:translateY(0) scale(1) rotate(0deg)}10%{transform:translateY(-15px) scale(1.1) rotate(-5deg)}30%{transform:translateY(-8px) scale(1.05) rotate(5deg)}40%{transform:translateY(-12px) scale(1.08) rotate(-3deg)}60%{transform:translateY(-5px) scale(1.02) rotate(3deg)}}@keyframes camera-bounce{0%,20%,50%,80%,to{filter:drop-shadow(0 0 10px rgba(255,107,157,.3));transform:translateY(0) scale(1) rotate(0deg)}10%{filter:drop-shadow(0 0 20px rgba(255,107,157,.6));transform:translateY(-20px) scale(1.15) rotate(-8deg)}30%{filter:drop-shadow(0 0 15px rgba(255,107,157,.5));transform:translateY(-10px) scale(1.08) rotate(8deg)}40%{filter:drop-shadow(0 0 18px rgba(255,107,157,.55));transform:translateY(-15px) scale(1.12) rotate(-5deg)}60%{filter:drop-shadow(0 0 12px rgba(255,107,157,.4));transform:translateY(-6px) scale(1.04) rotate(5deg)}}@keyframes phone-pulse-glow{0%,to{box-shadow:0 0 20px #f571a166,0 0 40px #f571a133}50%{box-shadow:0 0 30px #f571a1cc,0 0 60px #f571a166}}@keyframes camera-pulse-glow{0%,to{box-shadow:0 0 25px #ff6b9d80,0 0 50px #ff6b9d4d}50%{box-shadow:0 0 40px #ff6b9d,0 0 80px #ff6b9d99}}@keyframes pulse-ring{0%{opacity:1;transform:scale(.3)}50%{opacity:.6;transform:scale(1.1)}80%,to{opacity:0;transform:scale(1.5)}}@keyframes pulse-ring-glow{0%{box-shadow:0 0 10px #f571a166,0 0 20px #f571a133}50%{box-shadow:0 0 25px #f571a1cc,0 0 50px #f571a166}to{box-shadow:0 0 10px #f571a166,0 0 20px #f571a133}}@keyframes voice-pulse-ring{0%{opacity:1;transform:scale(.3)}50%{opacity:.6;transform:scale(1.1)}80%,to{opacity:0;transform:scale(1.5)}}@keyframes video-pulse-ring{0%{opacity:1;transform:scale(.4)}50%{opacity:.7;transform:scale(1.2)}80%,to{opacity:0;transform:scale(1.8)}}@keyframes dot-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes status-progress{0%{width:0}50%{width:70%}to{width:100%}}.advertiser-dashboard{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.advertiser-sidebar{background:linear-gradient(180deg,#1e293b,#334155);box-shadow:4px 0 20px #0000001a;color:#fff}.sidebar-header{border-bottom:1px solid #ffffff1a}.brand-logo{font-size:1.5rem}.brand-logo,.brand-logo svg{color:#f571a1}.sidebar-nav{padding:2rem 1rem}.nav-item{color:#fffc;font-size:.95rem;padding:1rem 1.25rem}.nav-item:hover{background:#ffffff1a;color:#fff;transform:translateX(4px)}.nav-item.active{background:linear-gradient(135deg,#f571a1,#ff8fab);box-shadow:0 4px 15px #f571a14d}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1.5rem 1rem}.logout-btn{background:#ef44441a!important;color:#ef4444!important}.logout-btn:hover{background:#ef444433!important;color:#fca5a5!important}.advertiser-main{padding:0}.advertiser-header{border-bottom:1px solid #e2e8f0;box-shadow:0 2px 10px #0000000d}.brand-logo-section{background:linear-gradient(135deg,#f571a1,#ff8fab);border-radius:16px;box-shadow:0 4px 15px #f571a133}.brand-info-section h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.brand-email{color:#64748b}.header-actions-section{align-items:center}.create-ad-btn{background:linear-gradient(135deg,#f571a1,#ff8fab);border-radius:12px;box-shadow:0 4px 15px #f571a14d;font-size:.95rem;font-weight:600}.create-ad-btn:hover{box-shadow:0 6px 20px #f571a166}.btn-text{display:none}@media (min-width:768px){.btn-text{display:inline}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{border:1px solid #f571a11a;box-shadow:0 4px 20px #00000014;gap:1rem}.stat-card:hover{box-shadow:0 8px 30px #f571a126}.stat-icon{background:linear-gradient(135deg,#f571a11a,#ff8fab1a);border-radius:16px;color:#f571a1}.stat-icon svg{height:28px;width:28px}.stat-info h3{color:#1e293b;margin:0 0 .25rem}.stat-info p{color:#64748b;font-weight:500}.campaigns-section{border:1px solid #f571a11a;border-radius:20px;box-shadow:0 4px 20px #00000014}.section-header{flex-wrap:wrap;gap:1rem}.section-header h2{color:#1e293b;font-size:1.75rem}.tab-buttons{background:#f1f5f9;border-radius:12px}.tab-btn{background:#0000;border-radius:8px;color:#64748b;font-weight:600;padding:.75rem 1.25rem}.tab-btn.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#f571a1}.tab-btn:hover:not(.active){color:#475569}.campaigns-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.campaign-card{border:1px solid #f571a11a;border-radius:16px;box-shadow:0 4px 20px #00000014}.campaign-card:hover{box-shadow:0 8px 30px #f571a126}.campaign-media img{transition:transform .3s ease}.campaign-card:hover .campaign-media img{transform:scale(1.05)}.media-placeholder{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#94a3b8}.status-badge{color:#fff}.status-pending{background:#f59e0b}.status-approved{background:#10b981}.status-rejected{background:#ef4444}.status-review{background:#3b82f6}.campaign-info h3{color:#1e293b;font-size:1.25rem;font-weight:700;line-height:1.3}.campaign-meta{flex-wrap:wrap;gap:1rem}.campaign-meta span{color:#64748b;font-weight:500}.action-btn{border:none;border-radius:8px;font-size:.9rem;font-weight:600;padding:.75rem 1.25rem}.action-btn:first-child{background:linear-gradient(135deg,#f571a1,#ff8fab);color:#fff}.action-btn.secondary{background:#f571a11a;border:1px solid #f571a133;color:#f571a1}.action-btn:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.empty-state{padding:3rem 2rem}.empty-icon{color:#94a3b8}.empty-state h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.empty-state p{color:#64748b;font-size:1rem}.create-first-btn{background:linear-gradient(135deg,#f571a1,#ff8fab);border-radius:12px;box-shadow:0 4px 15px #f571a14d;font-size:1rem;font-weight:600;padding:1rem 2rem}.create-first-btn:hover{box-shadow:0 6px 20px #f571a166}.mobile-nav-tabs{background:#fff;border:1px solid #f571a11a;border-radius:16px;box-shadow:0 4px 20px #00000014;display:none;gap:.25rem;margin-bottom:2rem;padding:.5rem}.mobile-nav-tab{align-items:center;background:#0000;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.8rem;font-weight:600;gap:.5rem;min-height:80px;padding:1rem .5rem}.mobile-nav-tab,.mobile-nav-tab svg{color:#64748b;transition:all .3s ease}.mobile-nav-tab svg{height:24px;width:24px}.mobile-nav-tab.active{background:linear-gradient(135deg,#f571a1,#ff8fab);box-shadow:0 4px 15px #f571a14d;color:#fff}.mobile-nav-tab.active svg{color:#fff}.mobile-nav-tab:hover:not(.active){background:#f571a10d;color:#475569}.mobile-nav-tab:hover:not(.active) svg{color:#f571a1}.quick-actions{background:#fff;border:1px solid #f571a11a;border-radius:20px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.quick-actions h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.quick-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.quick-action-btn{align-items:center;background:linear-gradient(135deg,#f571a10d,#ff8fab0d);border:1px solid #f571a11a;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;min-height:120px;padding:1.5rem 1rem;transition:all .3s ease}.quick-action-btn:hover{border-color:#f571a14d;box-shadow:0 8px 25px #f571a126;transform:translateY(-4px)}.quick-action-btn:hover,.quick-action-icon{background:linear-gradient(135deg,#f571a11a,#ff8fab1a)}.quick-action-icon{align-items:center;border-radius:12px;color:#f571a1;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.quick-action-btn:hover .quick-action-icon{background:linear-gradient(135deg,#f571a133,#ff8fab33);transform:scale(1.1)}.quick-action-btn span{color:#374151;font-size:.85rem;font-weight:600;line-height:1.3;text-align:center}@media (max-width:1024px){.advertiser-sidebar{width:240px}.advertiser-main{margin-left:240px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.campaigns-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.advertiser-sidebar{transform:translateX(-100%);transition:transform .3s ease}.advertiser-sidebar.open{transform:translateX(0)}.advertiser-main{margin-left:0}.advertiser-header{flex-direction:column;gap:1rem;text-align:center}.stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.campaigns-grid{grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column}.mobile-nav-tabs{display:flex}.advertiser-sidebar{display:none}.quick-actions-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.quick-action-btn{min-height:100px;padding:1rem .5rem}.quick-action-btn span{font-size:.75rem}.quick-action-icon{height:40px;width:40px}}@media (max-width:480px){.quick-actions-grid,.stats-grid{grid-template-columns:1fr}.dashboard-content{padding:1rem}.campaigns-section{padding:1.5rem}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;padding:1rem}.modal-content{border:1px solid #f571a11a;box-shadow:0 20px 60px #0000004d}.modal-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.modal-header h3{color:#1e293b;font-weight:700}.modal-close{align-items:center;color:#64748b;display:flex;height:40px;justify-content:center;width:40px}.modal-close:hover{background:#f571a11a;color:#f571a1}.form-group label{color:#374151;font-size:.95rem;margin-bottom:.5rem}.form-group input,.form-group select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#f571a1;box-shadow:0 0 0 3px #f571a11a;outline:none}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.checkbox-group{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:.5rem}.checkbox-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:all .3s ease}.checkbox-option:hover{background:#f571a10d}.checkbox-option input[type=checkbox]{margin:0;width:auto}.checkbox-option span{color:#374151;font-size:.9rem;font-weight:500}.modal-actions{border-top:1px solid #e2e8f0}.btn-primary,.btn-secondary{border-radius:12px;font-size:1rem;min-width:120px;padding:.875rem 1.75rem}.btn-primary{background:linear-gradient(135deg,#f571a1,#ff8fab);box-shadow:0 4px 15px #f571a14d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #f571a166;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#000}.btn-secondary:hover{background:#e2e8f0;color:#000}.payment-section{padding:1rem 0}.payment-header h3{color:#1e293b;font-weight:700}.payment-header p{color:#64748b}.payment-summary{background:#f8fafc}.summary-item{border-bottom:1px solid #e2e8f0}.summary-item.total{color:#f571a1}.payment-methods h4{color:#374151}.payment-option{border:2px solid #e2e8f0;border-radius:12px;gap:.75rem;padding:1rem;transition:all .3s ease}.payment-option:hover{background:#f571a10d;border-color:#f571a1}.payment-option input[type=radio]{margin:0}.option-content{color:#374151;font-weight:500;gap:.5rem}.option-content svg{color:#f571a1}.campaign-details-modal .modal-content{max-width:800px}.campaign-details-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.campaign-details-content{grid-template-columns:1fr}}.campaign-details-media{text-align:center}.campaign-details-image{border-radius:12px;box-shadow:0 4px 20px #0000001a;max-height:300px;object-fit:cover;width:100%}.campaign-details-placeholder{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:12px;color:#94a3b8;display:flex;flex-direction:column;gap:.5rem;height:300px;justify-content:center;width:100%}.campaign-details-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.campaign-details-header h2{color:#1e293b;font-size:1.75rem;font-weight:700;line-height:1.3;margin:0}.campaign-details-stats{background:#f8fafc;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.stat-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.stat-row:last-child{margin-bottom:0}.stat-item{flex-direction:column;gap:.25rem}.stat-label{color:#64748b;font-size:.85rem}.stat-value{color:#1e293b;font-size:1.1rem}.campaign-performance h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.performance-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem}.metric{background:#f8fafc;border-radius:12px;gap:.75rem;padding:1rem}.metric,.metric-icon{align-items:center;display:flex}.metric-icon{background:linear-gradient(135deg,#f571a11a,#ff8fab1a);border-radius:10px;color:#f571a1;height:40px;justify-content:center;width:40px}.metric-content{display:flex;flex-direction:column;gap:.25rem}.metric-value{color:#1e293b;font-size:1.1rem;font-weight:700}.metric-label{color:#64748b;font-size:.85rem;font-weight:500}.campaign-targeting h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.targeting-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.targeting-section h5{color:#374151;font-size:.95rem;font-weight:600;margin:0 0 .75rem}.targeting-tags{display:flex;flex-wrap:wrap;gap:.5rem}.targeting-tag{border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:.5rem .75rem}.targeting-tag.language{background:#3b82f6}.targeting-tag.interest{background:#10b981}.targeting-tag.goal{background:#f59e0b}.targeting-tag.gender{background:#8b5cf6}.targeting-tag.age{background:#ef4444}.targeting-tag.all{background:#64748b}.campaign-details-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;margin-bottom:1rem}@media (max-width:480px){.stats-section{gap:.75rem;margin:1rem;padding:.75rem}.stat-value{font-size:1.1rem}.add-btn{height:35px;width:35px}.add-btn svg{height:18px;width:18px}.hero-slider-section{padding:0 1rem}.hero-slider-image{height:250px}.leaderboard-section{padding:0 1rem}.bottom-actions{padding:1rem}.action-btn{font-size:.8rem;padding:.875rem}.action-btn svg{height:18px;width:18px}}.admin-login{background:#1a1a1a;font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:2rem}.admin-login-container{background:#2d2d2d;border-radius:16px;box-shadow:0 8px 32px #0000004d;color:#fff;max-width:400px}.admin-login-header{margin-bottom:2rem}.admin-login-header h1{color:#fff;font-size:2rem;margin-bottom:.5rem}.admin-login-header p{color:#a0a0a0;font-size:.9rem}.admin-login-form{display:flex;flex-direction:column;gap:1.5rem}.admin-login-form .form-group{display:flex;flex-direction:column;gap:.5rem}.admin-login-form label{color:#fff;font-size:.9rem;font-weight:500}.admin-login-form input{background:#1a1a1a;border:1px solid #404040;border-radius:8px;color:#fff;font-size:.9rem;padding:.75rem 1rem}.admin-login-form input:focus{border-color:#505050;box-shadow:0 0 0 2px #50505033}.admin-login-btn{background:#404040;border-radius:8px;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem}.admin-login-btn:hover:not(:disabled){background:#505050}.admin-login-btn:disabled{opacity:.6}.admin-login-footer{border-top:1px solid #404040;padding-top:1rem}.admin-login-footer p{color:#a0a0a0;font-size:.8rem}.error-message{background:#dc2626;border-radius:8px;color:#fff;font-size:.9rem;padding:.75rem 1rem}@media (min-width:768px){.admin-login{padding:3rem}.admin-login-container{max-width:500px;padding:4rem}.admin-login-header h1{font-size:2.5rem}.admin-login-header p{font-size:1rem}.admin-login-form{gap:2rem}.admin-login-form input{font-size:1rem;padding:1rem 1.25rem}.admin-login-btn{font-size:1rem;padding:1rem 2rem}}@media (min-width:1024px){.admin-login-container{max-width:600px;padding:5rem}.admin-login-header h1{font-size:3rem}.admin-login-header p{font-size:1.1rem}.admin-login-form label{font-size:1rem}.admin-login-form input{font-size:1.1rem;padding:1.25rem 1.5rem}.admin-login-btn{font-size:1.1rem;padding:1.25rem 2.5rem}.admin-login-footer p{font-size:.9rem}}@media (min-width:1440px){.admin-login-container{max-width:700px;padding:6rem}.admin-login-header h1{font-size:3.5rem}.admin-login-header p{font-size:1.2rem}}.admin-panel{background:#0f172a;color:#e2e8f0;font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.admin-header{align-items:center;background:#1e293b;border-bottom:1px solid #334155;box-shadow:0 4px 6px -1px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.header-content h1{font-size:1.8rem;font-weight:700;margin-bottom:.25rem}.header-content h1,.header-content p{font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header-content p{font-size:.9rem;opacity:.9}.logout-btn{background:#404040;border:none;color:#fff;font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.logout-btn:hover{background:#505050}.admin-tabs{background:#1e293b;border-bottom:1px solid #334155;box-shadow:0 2px 4px -1px #0000001a;display:flex;gap:.5rem;overflow-x:auto;padding:1rem}.tab-button{align-items:center;background:none;border:none;border-radius:8px;color:#a0a0a0;cursor:pointer;display:flex;font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease;white-space:nowrap}.tab-button.active{background:#404040;color:#fff}.tab-button:hover:not(.active){background:#3a3a3a}.tab-icon{align-items:center;display:flex;justify-content:center}.tab-icon svg{height:20px;width:20px}.admin-content{background:#0f172a;color:#e2e8f0;margin:0 auto;max-width:1200px;min-height:calc(100vh - 200px);overflow-x:auto;padding:2rem}@media (max-width:768px){.admin-header{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.header-content h1{font-size:1.5rem;margin-bottom:.5rem}.header-content p{font-size:.85rem}.logout-btn{font-size:.9rem;justify-content:center;padding:.75rem 1.25rem;width:100%}.admin-tabs{flex-wrap:wrap;gap:.25rem}.admin-tabs,.tab-button{justify-content:center;padding:.75rem}.tab-button{font-size:.8rem;min-width:80px;text-align:center}.tab-icon svg{height:18px;width:18px}.admin-content{padding:1rem}.coming-soon{padding:2rem 1rem;text-align:center}.coming-soon h2{font-size:1.5rem}.coming-soon p{font-size:.9rem}}@media (max-width:480px){.admin-header{padding:.75rem}.header-content h1{font-size:1.3rem}.header-content p{font-size:.8rem}.logout-btn{font-size:.85rem;padding:.6rem 1rem}.admin-tabs{gap:.2rem;padding:.5rem}.tab-button{font-size:.75rem;min-width:70px;padding:.6rem .5rem}.admin-content{padding:.75rem}.coming-soon{padding:1.5rem .75rem}.coming-soon h2{font-size:1.3rem}.coming-soon p{font-size:.85rem}}@media (max-width:768px){.admin-content{overflow-x:auto;padding:.75rem}.advertiser-card,.user-card,.vendor-card{background:#1e293b;border:1px solid #334155;border-radius:12px;margin:.5rem 0;padding:1rem}.advertiser-card h3,.user-card h3,.vendor-card h3{color:#e2e8f0;font-size:1.1rem;margin-bottom:.5rem}.advertiser-card p,.user-card p,.vendor-card p{color:#cbd5e1;font-size:.9rem;margin:.25rem 0}.admin-btn,.approve-btn,.reject-btn{border-radius:8px;font-size:.85rem;margin:.25rem;padding:.5rem 1rem}}@media (min-width:768px){.admin-header{padding:1.5rem 2rem}.header-content h1{font-size:1.8rem}.header-content p,.logout-btn{font-size:.9rem}.logout-btn{padding:.75rem 1.5rem}.logout-btn svg{height:16px;width:16px}.admin-tabs{gap:.75rem;padding:1rem 2rem}.tab-button{font-size:.9rem;gap:.5rem;padding:.75rem 1.25rem}.tab-icon svg{height:18px;width:18px}.admin-content{padding:2rem}.coming-soon{padding:3rem 2rem}.coming-soon-icon{font-size:4rem}.coming-soon-icon svg{height:64px;width:64px}.coming-soon h3{font-size:1.5rem}.coming-soon p{font-size:1rem;max-width:500px}.content-header h3{font-size:1.5rem}.content-header p{font-size:1rem}.advertisers-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.ads-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.ad-card,.advertiser-card{padding:2rem}.ad-title h4,.advertiser-header h4{font-size:1.3rem}.advertiser-stats{gap:3rem}.ad-stats .stat-value,.advertiser-stats .stat-value{font-size:1.2rem}.ad-stats{gap:2rem}.btn-approve,.btn-reject{font-size:1rem;padding:.75rem 1.5rem}}@media (min-width:1024px){.admin-header{padding:2rem 3rem}.header-content h1{font-size:2rem}.admin-tabs{padding:1.5rem 3rem}.admin-content{padding:3rem}.advertisers-list{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.ads-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1440px){.admin-content{max-width:1400px}.advertisers-list{grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.ads-list{grid-template-columns:repeat(2,1fr)}}.coming-soon{background:#2d2d2d;border-radius:16px;box-shadow:0 4px 16px #0000004d;color:#fff;font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:4rem 2rem;text-align:center}.coming-soon-icon{align-items:center;display:flex;font-size:4rem;justify-content:center;margin-bottom:1rem}.coming-soon-icon svg{color:#fff;height:64px;width:64px}.coming-soon h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.coming-soon h3,.coming-soon p{font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.coming-soon p{color:#a0a0a0;line-height:1.6;margin:0 auto;max-width:500px}.content-header{background:#1e293b;border:1px solid #334155;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2.5rem;padding:2rem;text-align:center}.content-header h3{color:#f8fafc;font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.8rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.75rem}.content-header p{line-height:1.6;margin:0 auto;max-width:600px}.content-header p,.loading{color:#94a3b8;font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.1rem}.loading{background:#1e293b;border:1px solid #334155;border-radius:16px;margin:2rem 0;padding:3rem}.advertisers-list{grid-gap:1rem;display:grid;gap:1rem}.advertiser-card{align-items:flex-start;background:#1e293b;border:1px solid #334155;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;color:#e2e8f0;display:flex;font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:1rem;padding:1.5rem;transition:all .3s ease}.advertiser-logo{background:#334155;border:2px solid #475569;border-radius:12px;flex-shrink:0;height:80px;width:80px}.brand-logo{height:100%;object-fit:cover;width:100%}.brand-logo-placeholder{align-items:center;background:#334155;color:#64748b;display:flex;height:100%;justify-content:center;width:100%}.advertiser-info{flex:1 1;min-width:0}.advertiser-card:hover{border-color:#475569;box-shadow:0 8px 25px -3px #0003;transform:translateY(-2px)}.advertiser-header{align-items:center;justify-content:space-between;margin-bottom:1rem}.advertiser-header h4{color:#f8fafc;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.advertiser-header h4,.status-badge{font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.status-badge{padding:.375rem .875rem;text-transform:capitalize}.status-badge.active{background:#dcfce7;border:1px solid #22c55e;color:#166534}.status-badge.inactive{background:#fef2f2;border:1px solid #ef4444;color:#dc2626}.advertiser-details{margin-bottom:1rem}.advertiser-details p{color:#94a3b8;font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-bottom:.5rem}.advertiser-stats{display:flex;gap:2rem}.advertiser-stats .stat{display:flex;flex-direction:column;gap:.25rem}.advertiser-stats .stat-label{color:#94a3b8;font-size:.8rem}.advertiser-stats .stat-label,.advertiser-stats .stat-value{font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.advertiser-stats .stat-value{color:#f8fafc;font-size:1.1rem;font-weight:700}.ads-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.ad-card{background:#1e293b;border:1px solid #334155;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;color:#e2e8f0;display:flex;flex-direction:column;font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:500px;overflow:visible;padding:1.5rem;transition:all .3s ease}.ad-card:hover{border-color:#475569;box-shadow:0 8px 25px -3px #0003;transform:translateY(-2px)}.ad-content{background:#0000;display:flex;flex:1 1;flex-direction:column;position:relative;z-index:1}.ad-header{background:#0f172af2;border:2px solid #64748b;border-radius:8px;box-shadow:0 4px 8px #0000004d;flex-shrink:0;margin-bottom:1rem;padding:1rem}.ad-title h4{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:.25rem;text-shadow:0 1px 2px #000c}.ad-title h4,.advertiser-name{font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.advertiser-name{color:#e2e8f0;font-size:.9rem;font-weight:500;margin:0;text-shadow:0 1px 2px #0009}.status-badge{border:2px solid #ffffff4d;box-shadow:0 2px 4px #0003;font-size:.8rem;font-weight:700;padding:.5rem 1rem;text-shadow:0 1px 2px #00000080}.ad-stats{grid-gap:1rem;background:#0f172af2;border:2px solid #64748b;border-radius:8px;box-shadow:0 4px 8px #0000004d;display:grid;flex-shrink:0;grid-template-columns:repeat(2,1fr);margin-bottom:1rem;padding:1rem}.ad-stats .stat{display:flex;flex-direction:column;gap:.25rem}.ad-stats .stat-label{color:#cbd5e1;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 2px #0009;text-transform:uppercase}.ad-stats .stat-label,.ad-stats .stat-value{font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ad-stats .stat-value{color:#fff;font-size:1rem;font-weight:700;text-shadow:0 1px 2px #000c}.ad-media{border-radius:8px;flex-shrink:0;margin-bottom:1rem;max-height:200px;overflow:hidden}.ad-image{border-radius:8px;height:200px;object-fit:cover}.ad-image-placeholder{align-items:center;background:#334155;border-radius:8px;color:#94a3b8;display:flex;flex-direction:column;height:200px;justify-content:center;width:100%}.ad-image-placeholder svg{margin-bottom:.5rem}.ad-actions{background:#0f172af2;border:2px solid #64748b;border-radius:8px;box-shadow:0 4px 8px #0000004d;gap:1rem;margin-top:1rem;padding:1rem}.btn-approve,.btn-reject{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:.75rem 1.5rem;text-shadow:0 1px 2px #00000080;text-transform:uppercase;transition:all .3s ease}.btn-approve{background:linear-gradient(135deg,#10b981,#059669)}.btn-approve:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d}.btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-reject:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef44444d}.advertiser-login{background:linear-gradient(135deg,#1e3c72,#2a5298);font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:2rem}.advertiser-login-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #1e3c724d;color:#333;padding:3rem}.advertiser-login-header h1{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#1e3c72;margin-bottom:.5rem}.advertiser-login-header p{font-size:1rem;line-height:1.5}.advertiser-login-form{display:flex;flex-direction:column;gap:1.5rem}.advertiser-login-form .form-group{display:flex;flex-direction:column;gap:.5rem}.advertiser-login-form label{color:#1e3c72;font-size:.9rem}.advertiser-login-form input{background:#f8fafc;border:2px solid #e1e8ed;border-radius:12px;color:#333;padding:1rem 1.25rem}.advertiser-login-form input:focus{border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a}.otp-input-group{display:flex;gap:.75rem;justify-content:space-between;margin-top:.5rem}.otp-input-box{background:#f8fafc;border:2px solid #e1e8ed;border-radius:12px;color:#1e3c72;font-size:1.5rem;font-weight:600;height:3.5rem;text-align:center;transition:all .2s ease;width:3.25rem}.otp-input-box:focus{background:#fff;border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a;outline:none}.otp-input-box::-webkit-inner-spin-button,.otp-input-box::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.advertiser-login-btn{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:12px;box-shadow:0 4px 12px #1e3c724d;font-size:1rem}.advertiser-login-btn:hover:not(:disabled){box-shadow:0 6px 20px #1e3c7266}.advertiser-login-btn:disabled{opacity:.6}.advertiser-login-footer{border-top:1px solid #e1e8ed}.advertiser-login-footer p{font-size:.9rem}.advertiser-login-footer .link{color:#1e3c72;cursor:pointer;font-weight:500;text-decoration:underline;transition:color .3s ease}.advertiser-login-footer .link:hover{color:#2a5298}.advertiser-login .error-message{background:#fee;border:1px solid #fed7d7;border-radius:8px;color:#c53030;font-size:.9rem;padding:.75rem 1rem;text-align:center}.advertiser-login .otp-info{color:#666;font-size:.8rem;margin-top:.5rem;text-align:center}.advertiser-register{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);display:flex;font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.advertiser-register-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #1e3c724d;color:#333;max-width:500px;padding:3rem;width:100%}.advertiser-register-header{margin-bottom:2.5rem;text-align:center}.advertiser-register-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e3c72,#2a5298);-webkit-background-clip:text;background-clip:text;color:#1e3c72;font-size:2.2rem;font-weight:700;margin-bottom:.5rem}.advertiser-register-header p{color:#666;font-size:1rem;line-height:1.5}.advertiser-register-form{display:flex;flex-direction:column;gap:1.5rem}.advertiser-register-form .form-group{display:flex;flex-direction:column;gap:.5rem}.advertiser-register-form label{color:#1e3c72;font-size:.9rem;font-weight:600}.advertiser-register-form input,.advertiser-register-form textarea{background:#f8fafc;border:2px solid #e1e8ed;border-radius:12px;color:#333;font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease}.advertiser-register-form input:focus,.advertiser-register-form textarea:focus{background:#fff;border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a;outline:none}.advertiser-register-form textarea{min-height:100px;resize:vertical}.advertiser-register-btn{background:linear-gradient(135deg,#1e3c72,#2a5298);border:none;border-radius:12px;box-shadow:0 4px 12px #1e3c724d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.advertiser-register-btn:hover:not(:disabled){box-shadow:0 6px 20px #1e3c7266;transform:translateY(-2px)}.advertiser-dashboard{background:#f8fafc;display:flex;font-family:Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}@media (max-width:768px){.advertiser-dashboard{flex-direction:column!important;min-height:100vh}.advertiser-sidebar{height:auto!important;min-height:auto!important;position:relative!important;width:100%!important;z-index:100}.sidebar-header{padding:.75rem 1rem!important}.brand-logo{font-size:1rem!important;gap:.5rem!important}.brand-logo svg{height:20px!important;width:20px!important}.sidebar-nav{flex-direction:row!important;flex-wrap:nowrap!important;gap:.5rem!important;overflow-x:auto!important;padding:.5rem 1rem!important}.nav-item{flex-shrink:0!important;font-size:.75rem!important;min-width:auto!important;padding:.5rem .75rem!important;white-space:nowrap!important;width:auto!important}.nav-item svg{display:block!important;flex-shrink:0!important;height:14px!important;width:14px!important}.nav-item span{font-size:.7rem!important}.sidebar-footer{display:none!important}.advertiser-main{margin-left:0!important;width:100%!important}.advertiser-header{gap:1rem!important;padding:1rem!important}.header-brand-section{flex-direction:column!important;gap:.75rem!important;text-align:center!important}.brand-logo-section{height:50px!important;width:50px!important}.brand-name{font-size:1.2rem!important}.brand-email{font-size:.8rem!important}.header-actions-section{flex-direction:column!important;gap:.75rem!important}.create-ad-btn,.logout-btn{font-size:.8rem!important;padding:.75rem!important;width:100%!important}.dashboard-content{padding:1rem!important}.stats-grid{gap:.75rem!important;grid-template-columns:1fr!important;margin-bottom:1.5rem!important}.stat-card{border-radius:8px!important;gap:.75rem!important;padding:1rem!important}.stat-icon{align-items:center!important;display:flex!important;height:40px!important;justify-content:center!important;width:40px!important}.stat-icon svg{display:block!important;height:18px!important;width:18px!important}.stat-info h3{font-size:1.25rem!important;margin:0!important}.stat-info p{font-size:.7rem!important;margin:0!important}.stat-info{align-items:flex-start!important;display:flex!important;flex-direction:column!important;height:40px!important;justify-content:center!important}.campaigns-section{padding:1rem!important}.section-header{align-items:flex-start!important;flex-direction:column!important;gap:.75rem!important;margin-bottom:1rem!important}.section-header h2{font-size:1.1rem!important;margin:0!important}.tab-buttons{gap:.5rem!important;justify-content:space-between!important;width:100%!important}.tab-btn{border-radius:6px!important;flex:1 1!important;font-size:.7rem!important;padding:.5rem .75rem!important}.campaigns-grid{gap:.75rem!important;grid-template-columns:1fr!important}.campaign-card{border-radius:8px!important;overflow:hidden!important}.campaign-media{height:120px!important}.campaign-info{padding:.75rem!important}.campaign-info h3{font-size:.9rem!important;margin:0 0 .5rem!important}.campaign-meta{flex-wrap:wrap!important;gap:.25rem!important;margin-bottom:.75rem!important}.campaign-meta span{font-size:.65rem!important;padding:.25rem .5rem!important}.campaign-actions{flex-direction:column!important;gap:.5rem!important}.action-btn{font-size:.7rem!important;padding:.5rem!important;width:100%!important}.empty-state{padding:2rem 1rem!important;text-align:center!important}.empty-icon svg{height:32px!important;width:32px!important}.empty-state h3{font-size:1rem!important;margin:1rem 0 .5rem!important}.empty-state p{font-size:.8rem!important;margin:0 0 1rem!important}.create-first-btn{font-size:.8rem!important;padding:.75rem 1rem!important}.modal-overlay{padding:.5rem!important}.modal-content{border-radius:8px!important;margin:0!important;max-height:95vh!important;max-width:100%!important}.modal-header{padding:1rem!important}.modal-header h3{font-size:1.1rem!important}.modal-body{padding:1rem!important}.form-row{gap:.75rem!important;grid-template-columns:1fr!important}.form-group{margin-bottom:.75rem!important}.form-group label{font-size:.8rem!important;margin-bottom:.25rem!important}.form-group input,.form-group select{font-size:.8rem!important;padding:.5rem!important}.modal-actions{flex-direction:column!important;gap:.75rem!important;margin-top:1rem!important}.modal-actions .btn-primary,.modal-actions .btn-secondary{font-size:.8rem!important;padding:.75rem!important;width:100%!important}.payment-section{padding:1rem!important}.payment-header h3{font-size:1.1rem!important}.payment-header p{font-size:.8rem!important}.payment-summary{margin:1rem 0!important;padding:.75rem!important}.summary-item{font-size:.8rem!important;padding:.5rem 0!important}.payment-methods h4,.summary-item.total{font-size:.9rem!important}.payment-methods h4{margin-bottom:.75rem!important}.payment-options{gap:.5rem!important}.option-content{font-size:.8rem!important;padding:.75rem!important}.option-content svg{height:16px!important;width:16px!important}.status-badge{font-size:.6rem!important;padding:.25rem .5rem!important}.loading-spinner{font-size:.9rem!important;padding:2rem!important}}@media (min-width:769px) and (max-width:1024px){.advertiser-sidebar{width:240px}.advertiser-main{margin-left:240px}.stats-grid{grid-template-columns:repeat(2,1fr)}.campaigns-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.advertiser-header{padding:1.25rem 1.5rem}.dashboard-content{padding:1.5rem}}.advertiser-sidebar{background:#fff;border-right:1px solid #e1e8ed;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;z-index:100}.sidebar-header{border-bottom:1px solid #e1e8ed;padding:2rem 1.5rem}.brand-logo{align-items:center;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem}.brand-logo,.brand-logo svg{color:#1e3c72}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1.5rem 0}.nav-item{font-size:.9rem;gap:.75rem;padding:.75rem 1.5rem;width:100%}.nav-item:hover{color:#1e3c72}.nav-item.active{background:#1e3c72;color:#fff}.nav-item svg{display:block;flex-shrink:0;height:20px;width:20px}.sidebar-footer{border-top:1px solid #e1e8ed;padding:1.5rem}.logout-btn,.logout-btn:hover{color:#dc3545!important}.logout-btn:hover{background:#fee!important}.advertiser-main{flex:1 1;margin-left:280px;min-height:100vh}.advertiser-header{background:#fff;border-bottom:1px solid #e1e8ed;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 2rem}.header-brand-section{align-items:center;display:flex;gap:1rem}.brand-logo-section{align-items:center;background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;display:flex;height:60px;justify-content:center;overflow:hidden;width:60px}.header-brand-logo{height:100%;object-fit:cover;width:100%}.header-logo-placeholder{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:100%;justify-content:center;width:100%}.brand-info-section{flex:1 1}.brand-name{color:#1f2937;font-size:1.5rem;margin:0 0 .25rem}.brand-email{color:#6b7280;font-size:.9rem;margin:0}.header-actions-section{display:flex;gap:1rem;width:100%}.create-ad-btn{flex:1 1;justify-content:center}.create-ad-btn svg{display:block;flex-shrink:0;height:16px;width:16px}.create-ad-btn span{display:block;line-height:1}.logout-btn{align-items:center;background:#fee;border:1px solid #fecaca;border-radius:8px;color:#dc3545;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.logout-btn svg{display:block;flex-shrink:0;height:16px;width:16px}.logout-btn span{display:block;line-height:1}.logout-btn:hover{background:#fecaca;box-shadow:0 4px 12px #dc354533;transform:translateY(-2px)}.header-left h1{color:#1e3c72;font-size:2rem;font-weight:700;margin:0 0 .25rem}.header-left p{color:#666;margin:0}.header-right{align-items:center;display:flex;gap:1.5rem}.header-actions{flex-direction:row;gap:.75rem}.mobile-logout-btn{display:none}.desktop-logout-btn,.mobile-logout-btn{background:none;border:none;border-radius:6px;color:#dc3545;cursor:pointer;padding:.5rem;transition:all .3s ease}.desktop-logout-btn{align-items:center;display:flex;gap:.5rem}.desktop-logout-btn:hover,.mobile-logout-btn:hover{background:#fee}.btn-text{display:inline}.advertiser-info{gap:1rem}.advertiser-logo{align-items:center;background:#1e3c72;border-radius:50%;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.advertiser-logo img{height:100%;object-fit:cover;width:100%}.logo-placeholder{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:100%;justify-content:center;width:100%}.advertiser-details h3{color:#1e3c72;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.advertiser-details p{color:#666;font-size:.9rem;margin:0}.create-ad-btn{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);border:none;border-radius:8px;box-shadow:0 4px 12px #1e3c724d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.create-ad-btn:hover{box-shadow:0 6px 20px #1e3c7266;transform:translateY(-2px)}.dashboard-content{padding:2rem}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.stat-card{border-radius:16px;box-shadow:0 4px 12px #0000001a;gap:1.5rem;justify-content:flex-start;padding:2rem}.stat-info{align-items:flex-start;display:flex;flex-direction:column;height:60px;justify-content:center}.stat-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.stat-icon{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;height:60px;position:relative;width:60px}.stat-icon svg{display:block;height:24px;width:24px}.stat-info h3{color:#1e3c72;font-size:2rem;margin:0 0 .5rem;text-align:left}.stat-info p{font-size:.9rem;letter-spacing:.5px;text-align:left;text-transform:uppercase}.campaigns-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:2rem}.section-header{margin-bottom:2rem}.section-header h2{color:#1e3c72;font-size:1.5rem;font-weight:700;margin:0}.tab-buttons{background:#f8f9fa;border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.tab-btn{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.tab-btn.active{background:#1e3c72;color:#fff}.tab-btn:hover:not(.active){background:#e9ecef;color:#1e3c72}.campaigns-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.campaign-card{background:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:all .3s ease}.campaign-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.campaign-card.completed{opacity:.8}.campaign-media{background:#f8f9fa;height:200px;overflow:hidden;position:relative}.campaign-media img{height:100%;object-fit:cover;width:100%}.media-placeholder{align-items:center;background:#f8f9fa;color:#ccc;display:flex;height:100%;justify-content:center;width:100%}.campaign-status{position:absolute;right:1rem;top:1rem}.campaign-info{padding:1.5rem}.campaign-info h3{color:#1e3c72;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.campaign-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.campaign-meta span{color:#666;font-size:.85rem}.campaign-actions{display:flex;gap:.75rem}.action-btn{background:#fff;border:1px solid #1e3c72;border-radius:6px;color:#1e3c72;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.action-btn:hover{background:#1e3c72;color:#fff}.action-btn.secondary{border-color:#e1e8ed;color:#666}.action-btn.secondary:hover{background:#f8f9fa;color:#1e3c72}.empty-state{color:#666;grid-column:1/-1;padding:4rem 2rem;text-align:center}.empty-icon{color:#ccc;margin-bottom:1.5rem}.empty-state h3{color:#1e3c72;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p{margin:0 0 2rem}.create-first-btn{background:linear-gradient(135deg,#1e3c72,#2a5298);border:none;border-radius:8px;box-shadow:0 4px 12px #1e3c724d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.create-first-btn:hover{box-shadow:0 6px 20px #1e3c7266;transform:translateY(-2px)}.advertiser-dashboard .btn-primary{background:linear-gradient(135deg,#1e3c72,#2a5298);border:none;border-radius:8px;box-shadow:0 4px 12px #1e3c724d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.advertiser-dashboard .btn-primary:hover{box-shadow:0 6px 20px #1e3c7266;transform:translateY(-2px)}.advertiser-dashboard .btn-secondary{background:#f8f9fa;border:2px solid #1e3c72;border-radius:8px;color:#000;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.advertiser-dashboard .btn-secondary:hover{background:#e2e8f0;color:#000}.advertiser-dashboard .header-actions{align-items:center;display:flex;gap:1rem}.advertiser-dashboard .dashboard-tabs{border-bottom:1px solid #e1e8ed;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.advertiser-dashboard .tab-button{background:none;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.advertiser-dashboard .tab-button.active{background:#1e3c72;color:#fff}.advertiser-dashboard .tab-button:hover:not(.active){background:#f8f9fa;color:#1e3c72}.advertiser-dashboard .ad-card{background:#fff;border-left:4px solid #1e3c72;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:1rem;padding:1.5rem}.advertiser-dashboard .ad-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.advertiser-dashboard .ad-header h3{color:#1e3c72;font-size:1.1rem;font-weight:600;margin:0}.advertiser-dashboard .ad-meta{color:#666;display:flex;flex-wrap:wrap;font-size:.9rem;gap:1.5rem}.advertiser-dashboard .ad-meta span{align-items:center;display:flex;gap:.25rem}.advertiser-dashboard .empty-state{color:#666;padding:3rem 2rem;text-align:center}.advertiser-dashboard .empty-state p{font-size:1.1rem;margin-bottom:1.5rem}.status-badge{border-radius:20px}.status-pending{background:#fff3cd;color:#856404}.status-approved{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.status-review{background:#cce5ff;color:#004085}.modal-overlay{padding:2rem}.modal-content{border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:600px}.modal-header{border-bottom:1px solid #e1e8ed;padding:1.5rem 2rem}.modal-header h3{color:#1e3c72;font-size:1.5rem;font-weight:600}.modal-close{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .3s ease}.modal-close:hover{background:#f8f9fa;color:#1e3c72}.modal-body{padding:2rem}.modal-body .form-group{margin-bottom:1.5rem}.modal-body .form-group label{color:#1e3c72;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.modal-body .form-group input,.modal-body .form-group select{border:2px solid #e1e8ed;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.modal-body .form-group input:focus,.modal-body .form-group select:focus{border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a;outline:none}.form-row{grid-gap:1rem;gap:1rem;grid-template-columns:1fr 1fr}.modal-actions{border-top:1px solid #e1e8ed;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.modal-actions .btn-primary,.modal-actions .btn-secondary{border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.modal-actions .btn-primary{background:linear-gradient(135deg,#1e3c72,#2a5298);border:none;box-shadow:0 4px 12px #1e3c724d;color:#fff}.modal-actions .btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #1e3c7266;transform:translateY(-2px)}.modal-actions .btn-secondary{background:#f8f9fa;border:2px solid #1e3c72;color:#1e3c72}.modal-actions .btn-secondary:hover{background:#1e3c72;color:#fff}.modal-actions .btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.payment-section{padding:2rem}.payment-header{margin-bottom:2rem;text-align:center}.payment-header h3{color:#1e3c72;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.payment-header p{color:#666;margin:0}.payment-summary{background:#f8f9fa;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.summary-item{align-items:center;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;padding:.75rem 0}.summary-item:last-child{border-bottom:none}.summary-item.total{border-top:2px solid #1e3c72;color:#1e3c72;font-size:1.1rem;font-weight:700;margin-top:.75rem;padding-top:1rem}.payment-methods{margin-bottom:2rem}.payment-methods h4{color:#1e3c72;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.payment-options{display:flex;flex-direction:column;gap:.75rem}.payment-option{align-items:center;cursor:pointer;display:flex}.payment-option input[type=radio]{margin-right:.75rem}.option-content{align-items:center;border:2px solid #e1e8ed;border-radius:8px;display:flex;flex:1 1;gap:.75rem;padding:1rem;transition:all .3s ease}.payment-option input[type=radio]:checked+.option-content{background:#f8f9fa;border-color:#1e3c72}.option-content svg{color:#1e3c72}.loading-spinner{align-items:center;color:#1e3c72;display:flex;height:200px;justify-content:center}.refer-earn-button-section{display:flex;justify-content:center;margin:1rem 1.5rem}.refer-earn-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.75rem 1.5rem;transition:all .3s ease}.refer-earn-btn:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.refer-earn-icon{border-radius:6px;height:24px;width:24px}.ads-gallery{background:linear-gradient(135deg,#fff5f7,#ffeef2);min-height:100vh;padding:2rem 1.5rem}.gallery-header{background:#fff;border-radius:24px;box-shadow:0 8px 32px #f571a11a;margin-bottom:3rem;overflow:hidden;padding:2.5rem;position:relative;text-align:center}.gallery-header:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#f571a10d 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f571a1,#ff8fab);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2.5rem;font-weight:800;margin:0 0 1rem}.header-content p{color:#718096;font-size:1.1rem;font-weight:500;line-height:1.6;margin:0}.filter-tabs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.filter-tab{background:#fff;border:2px solid #f571a133;border-radius:25px;color:#f571a1;cursor:pointer;font-size:.95rem;font-weight:600;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-tab:before{background:linear-gradient(90deg,#0000,#f571a11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.filter-tab:hover:before{left:100%}.filter-tab:hover{border-color:#f571a1;box-shadow:0 4px 15px #f571a133;transform:translateY(-2px)}.filter-tab.active{background:linear-gradient(135deg,#f571a1,#ff8fab);border-color:#f571a1;box-shadow:0 4px 15px #f571a14d;color:#fff}.user-preferences{grid-gap:2rem;background:#fff;border-radius:20px;box-shadow:0 8px 32px #f571a11a;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem;padding:2rem}.preference-item{display:flex;flex-direction:column;gap:.75rem}.preference-label{color:#718096;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.preference-value{color:#2d3748;font-size:1.1rem;font-weight:700}.preference-tags{display:flex;flex-wrap:wrap;gap:.5rem}.preference-tag{background:#f571a11a;border:1px solid #f571a14d;border-radius:15px;color:#f571a1;font-size:.85rem;font-weight:500;padding:.4rem .8rem}.loading-state{background:#fff;border-radius:20px;box-shadow:0 8px 32px #f571a11a;margin-bottom:2rem;padding:4rem 2rem;text-align:center}.loading-spinner{color:#f571a1;font-size:1.1rem;font-weight:600}.error-state{background:#fff;border-radius:20px;box-shadow:0 8px 32px #f571a11a;margin-bottom:2rem;padding:3rem 2rem;text-align:center}.error-content{margin:0 auto;max-width:500px}.error-icon{font-size:3rem}.error-content h3{color:#2d3748;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.error-content p{color:#718096;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.retry-btn{background:linear-gradient(135deg,#f571a1,#ff8fab);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.retry-btn:hover{box-shadow:0 6px 20px #f571a14d;transform:translateY(-2px)}.ads-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.ad-card{background:#fff;border-radius:20px;box-shadow:0 8px 32px #f571a11a;cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ad-card:hover{box-shadow:0 16px 50px #f571a133;transform:translateY(-8px)}.ad-image-container{height:250px;overflow:hidden;position:relative}.ad-media{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.ad-card:hover .ad-media{transform:scale(1.05)}.ad-overlay{background:linear-gradient(135deg,#0000004d,#0000 50%,#0000001a);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;padding:1.5rem;position:absolute;right:0;top:0}.ad-stats{align-self:flex-start;display:flex;gap:1rem}.stat-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:15px;color:#2d3748;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem .75rem}.stat-icon{font-size:1rem}.stat-value{font-weight:700}.ad-badge{align-self:flex-end;display:flex;flex-direction:column;gap:.5rem}.interest-match,.language-match{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f571a1e6;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.4rem .75rem}.interest-match{background:#4caf50e6}.ad-content{padding:1.5rem}.ad-title{font-size:1.3rem;font-weight:700;line-height:1.3}.ad-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.ad-type{background:#f571a11a;border-radius:12px;color:#f571a1;padding:.3rem .75rem;text-transform:capitalize}.ad-status,.ad-type{font-size:.8rem;font-weight:600}.ad-status{color:#48bb78}.ad-actions{flex-direction:column;gap:.75rem}.action-btn.primary{border-radius:12px;font-size:.95rem;font-weight:600;padding:.875rem;text-align:center}.action-btn.primary:hover{box-shadow:0 6px 20px #f571a14d;transform:translateY(-2px)}.share-btn{background:#f571a11a;border:2px solid #f571a14d;border-radius:12px;color:#f571a1;cursor:pointer;font-size:.95rem;font-weight:600;padding:.875rem;text-align:center;transition:all .3s ease}.share-btn:hover{background:#f571a133;border-color:#f571a1;transform:translateY(-2px)}.no-ads-state{background:#fff;border-radius:20px;box-shadow:0 8px 32px #f571a11a;padding:4rem 2rem;text-align:center}.no-ads-content{margin:0 auto;max-width:600px}.no-ads-icon{font-size:4rem;margin-bottom:1.5rem}.no-ads-content h3{color:#2d3748;font-size:1.8rem;font-weight:700;margin:0 0 1rem}.no-ads-content p{color:#718096;font-size:1.1rem;line-height:1.6;margin:0 0 1.5rem}.no-ads-suggestions{background:#f571a10d;border-radius:16px;margin-bottom:2rem;padding:1.5rem;text-align:left}.no-ads-suggestions p{color:#f571a1;font-weight:600;margin-bottom:1rem}.no-ads-suggestions ul{color:#718096;margin:0;padding-left:1.5rem}.no-ads-suggestions li{line-height:1.5;margin-bottom:.5rem}.refresh-btn{background:linear-gradient(135deg,#f571a1,#ff8fab);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.refresh-btn:hover{box-shadow:0 6px 20px #f571a14d;transform:translateY(-2px)}.ads-gallery.no-user{align-items:center;display:flex;justify-content:center;min-height:80vh}.no-user-content{background:#fff;border-radius:24px;box-shadow:0 8px 32px #f571a11a;max-width:500px;padding:3rem;text-align:center}.no-user-icon{font-size:4rem;margin-bottom:1.5rem}.no-user-content h2{color:#2d3748;font-size:2rem;font-weight:700;margin:0 0 1rem}.no-user-content p{color:#718096;font-size:1.1rem;line-height:1.6;margin:0 0 2rem}.login-btn{background:linear-gradient(135deg,#f571a1,#ff8fab);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.login-btn:hover{box-shadow:0 6px 20px #f571a14d;transform:translateY(-2px)}@media (max-width:768px){.ads-gallery{padding:1.5rem 1rem}.gallery-header{margin-bottom:2rem;padding:2rem 1.5rem}.header-content h1{font-size:2rem}.filter-tabs{gap:.75rem}.filter-tab{font-size:.9rem;padding:.75rem 1.25rem}.user-preferences{padding:1.5rem}.ads-grid,.user-preferences{gap:1.5rem;grid-template-columns:1fr}.ad-image-container{height:200px}}@media (max-width:480px){.ads-gallery{padding:1rem .75rem}.gallery-header{padding:1.5rem 1rem}.header-content h1{font-size:1.8rem}.filter-tabs{align-items:center;flex-direction:column}.filter-tab{max-width:300px;width:100%}.ad-content,.user-preferences{padding:1rem}.ad-title{font-size:1.2rem}}.action-btn,.ad-card,.ads-gallery *,.filter-tab,.share-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.ad-banner.error{min-height:250px;padding:1.5rem}.error-content h4{font-size:1.3rem}.error-actions{align-items:center;flex-direction:column}.retry-btn{max-width:200px;width:100%}}.ad-banner.loading{align-items:center;background:linear-gradient(135deg,#f571a1,#ff8fab);color:#fff;display:flex;justify-content:center;min-height:300px;padding:2rem;text-align:center}.ad-banner.loading .loading-spinner{max-width:400px;width:100%}.ad-banner.loading .loading-spinner>div:first-child{animation:bounce 2s infinite;margin-bottom:1rem}.ad-banner.loading .loading-spinner>div:nth-child(2){font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.ad-banner.loading .loading-spinner>div:last-child{font-size:.9rem;line-height:1.4;opacity:.8}@media (max-width:768px){.ad-banner.loading{min-height:250px;padding:1.5rem}.ad-banner.loading .loading-spinner>div:nth-child(2){font-size:1.1rem}.ad-banner.loading .loading-spinner>div:last-child{font-size:.85rem}}.ad-banner{background:linear-gradient(135deg,#fff,#fff5f7);border:1px solid #f571a11a;border-radius:20px;box-shadow:0 8px 32px #f571a126;margin:1.5rem;overflow:hidden;padding:1.5rem}.ad-banner .ad-header{align-items:center;border-bottom:2px solid #f571a11a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.ad-banner .ad-header-content{align-items:center;display:flex;gap:1rem}.ad-banner .ad-header-icon{animation:pulse 2s infinite;font-size:2rem}.ad-banner .ad-header-text h3{color:#333;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.ad-banner .ad-header-text p{color:#666;font-size:.9rem;margin:0}.ad-banner .ad-counter{background:linear-gradient(135deg,#f571a1,#ff8fab);border-radius:20px;box-shadow:0 4px 15px #f571a14d;color:#fff;font-size:.85rem;font-weight:600;padding:.5rem 1rem}.ad-banner .ad-container{margin-bottom:1.5rem}.ad-banner .ad-media-container{border-radius:16px;box-shadow:0 8px 25px #0000001a;margin-bottom:1rem;overflow:hidden;position:relative}.ad-banner .ad-media{display:block;height:200px;object-fit:cover;width:100%}.ad-banner .ad-overlay{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:1.5rem;position:absolute;right:0}.ad-banner .ad-title{font-size:1.2rem;font-weight:700;margin:0 0 1rem;text-shadow:0 2px 4px #00000080}.ad-banner .ad-actions{display:flex;flex-wrap:wrap;gap:.75rem}.ad-banner .ad-action-btn{border:none;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:600;min-width:120px;padding:.75rem 1.25rem;transition:all .3s ease}.ad-banner .ad-action-btn.primary{background:#f571a1;box-shadow:0 4px 15px #f571a166;color:#fff}.ad-banner .ad-action-btn.primary:hover{box-shadow:0 6px 20px #f571a180;transform:translateY(-2px)}.ad-banner .ad-action-btn.secondary{background:#fff3;border:2px solid #ffffff4d;color:#fff}.ad-banner .ad-action-btn.secondary:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.ad-banner .ad-indicators{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.ad-banner .ad-indicator{background:#f571a14d;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.ad-banner .ad-indicator.active{background:#f571a1;transform:scale(1.2)}.ad-banner .ad-footer{background:#f571a10d;border:1px solid #f571a11a;border-radius:16px;padding:1.25rem}.ad-banner .ad-tip{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.ad-banner .tip-icon{animation:bounce 2s infinite;font-size:1.2rem}.ad-banner .ad-tip p{color:#555;font-size:.95rem;font-weight:500;margin:0}.ad-banner .ad-stats{text-align:center}.ad-banner .ad-stats-text{color:#888;font-size:.85rem;font-weight:500}.ad-banner.error{background:linear-gradient(135deg,#fff,#fff5f7);border:1px solid #f571a11a;border-radius:20px;box-shadow:0 8px 32px #f571a126;margin:1.5rem;overflow:hidden;padding:1.5rem}.ad-banner.error .ad-header{align-items:center;border-bottom:2px solid #f571a11a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.ad-banner.error .ad-header-content{align-items:center;display:flex;gap:1rem}.ad-banner.error .ad-header-icon{animation:pulse 2s infinite;font-size:2rem}.ad-banner.error .ad-header-text h3{color:#333;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.ad-banner.error .ad-header-text p{color:#666;font-size:.9rem;margin:0}.ad-banner.error .ad-counter{background:linear-gradient(135deg,#f571a1,#ff8fab);border-radius:20px;box-shadow:0 4px 15px #f571a14d;color:#fff;font-size:.85rem;font-weight:600;padding:.5rem 1rem}.ad-banner.error .ad-container{margin-bottom:1.5rem}.ad-banner.error .ad-media-container{border-radius:16px;box-shadow:0 8px 25px #0000001a;margin-bottom:1rem;overflow:hidden;position:relative}.ad-banner.error .ad-media{display:block;height:200px;object-fit:cover;width:100%}.ad-banner.error .ad-overlay{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:1.5rem;position:absolute;right:0}.ad-banner.error .ad-title{font-size:1.2rem;font-weight:700;margin:0 0 1rem;text-shadow:0 2px 4px #00000080}.ad-banner.error .ad-actions{display:flex;flex-wrap:wrap;gap:.75rem}.ad-banner.error .ad-action-btn{border:none;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:600;min-width:120px;padding:.75rem 1.25rem;transition:all .3s ease}.ad-banner.error .ad-action-btn.primary{background:#f571a1;box-shadow:0 4px 15px #f571a166;color:#fff}.ad-banner.error .ad-action-btn.primary:hover{box-shadow:0 6px 20px #f571a180;transform:translateY(-2px)}.ad-banner.error .ad-action-btn.secondary{background:#fff3;border:2px solid #ffffff4d;color:#fff}.ad-banner.error .ad-action-btn.secondary:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.ad-banner.error .ad-indicators{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.ad-banner.error .ad-indicator{background:#f571a14d;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.ad-banner.error .ad-indicator.active{background:#f571a1;transform:scale(1.2)}.ad-banner.error .ad-footer{background:#f571a10d;border:1px solid #f571a11a;border-radius:16px;padding:1.25rem}.ad-banner.error .ad-tip{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.ad-banner.error .tip-icon{animation:bounce 2s infinite;font-size:1.2rem}.ad-banner.error .ad-tip p{color:#555;font-size:.95rem;font-weight:500;margin:0}.ad-banner.error .ad-stats{text-align:center}.ad-banner.error .ad-stats-text{color:#888;font-size:.85rem;font-weight:500}.language-preferences-section{background:linear-gradient(135deg,#fff,#fff5f7);border:1px solid #f571a114;border-radius:24px;box-shadow:0 12px 40px #f571a11f;margin:2rem 1.5rem;padding:2rem}.language-preferences-section .hero-header{align-items:center;border-bottom:2px solid #f571a11a;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem}.language-preferences-section .header-icon{animation:float 3s ease-in-out infinite;font-size:2.5rem}.language-preferences-section .header-content h2{color:#333;font-size:1.8rem;font-weight:800;margin:0 0 .5rem}.language-preferences-section .header-content p{color:#666;font-size:1rem;font-weight:500;margin:0}.language-profile-container{margin-bottom:1.5rem}.language-profile-card{background:#fff;border:1px solid #f571a11a;border-radius:20px;box-shadow:0 8px 25px #00000014;padding:2rem}.language-profile-card .profile-header{align-items:center;border-bottom:2px solid #f571a11a;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.language-profile-card .header-left{align-items:center;display:flex;gap:1rem}.language-profile-card .profile-icon{animation:pulse 2s infinite;font-size:1.5rem}.language-profile-card .profile-header h3{color:#333;font-size:1.4rem;font-weight:700;margin:0}.language-profile-card .language-badge.primary{background:linear-gradient(135deg,#f571a1,#ff8fab);border-radius:25px;box-shadow:0 4px 15px #f571a14d;color:#fff;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem}.language-profile-card .profile-details{margin-bottom:2rem}.language-profile-card .detail-item{margin-bottom:1.5rem}.language-profile-card .detail-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.language-profile-card .detail-icon{font-size:1.1rem;opacity:.8}.language-profile-card .detail-label{color:#555;font-size:1rem;font-weight:600}.language-profile-card .detail-tags{display:flex;flex-wrap:wrap;gap:.75rem}.language-profile-card .detail-tag{border:1px solid;border-radius:20px;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.language-profile-card .detail-tag.language{background:#3498db1a;border-color:#3498db4d;color:#3498db}.language-profile-card .detail-tag.interest{background:#9b59b61a;border-color:#9b59b64d;color:#9b59b6}.language-profile-card .detail-tag.goal{background:#2ecc711a;border-color:#2ecc714d;color:#2ecc71}.language-profile-card .detail-tag.all{background:#95a5a61a;border-color:#95a5a64d;color:#95a5a6}.language-profile-card .profile-actions{display:flex;flex-wrap:wrap;gap:1rem}.language-profile-card .edit-profile-btn{align-items:center;border:none;border-radius:25px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;min-width:140px;padding:.875rem 1.5rem;transition:all .3s ease}.language-profile-card .edit-profile-btn.primary{background:linear-gradient(135deg,#f571a1,#ff8fab);box-shadow:0 4px 15px #f571a14d;color:#fff}.language-profile-card .edit-profile-btn.primary:hover{box-shadow:0 6px 20px #f571a166;transform:translateY(-2px)}.language-profile-card .edit-profile-btn.secondary{background:#f571a11a;border:2px solid #f571a133;color:#f571a1}.language-profile-card .edit-profile-btn.secondary:hover{background:#f571a126;border-color:#f571a14d;transform:translateY(-2px)}.language-profile-card .btn-icon{font-size:1rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.ad-banner.error{margin:1rem;padding:1rem}.ad-banner.error .ad-header{flex-direction:column;gap:1rem;text-align:center}.ad-banner.error .ad-actions{flex-direction:column}.ad-banner.error .ad-action-btn{width:100%}.language-preferences-section{margin:1rem;padding:1.5rem}.language-profile-card{padding:1.5rem}.language-profile-card .profile-header{flex-direction:column;gap:1rem;text-align:center}.language-profile-card .profile-actions{flex-direction:column}.language-profile-card .edit-profile-btn{width:100%}}.ad-banner.preview{background:linear-gradient(135deg,#fff,#fff5f7);border:1px solid #f571a11a;border-radius:20px;box-shadow:0 8px 32px #f571a126;margin:1.5rem;overflow:hidden;padding:1.5rem}.ad-banner.preview .ad-preview-content{padding:2rem 1rem;text-align:center}.ad-banner.preview .preview-message{margin-bottom:2rem}.ad-banner.preview .preview-icon{animation:float 3s ease-in-out infinite;font-size:3rem;margin-bottom:1rem}.ad-banner.preview .preview-message h4{color:#333;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.ad-banner.preview .preview-message p{color:#666;font-size:1rem;line-height:1.5;margin:0 auto;max-width:500px}.cart-drawer-overlay{background:#00000073;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:9998}.cart-drawer-overlay.open{opacity:1;pointer-events:auto}.cart-drawer{background:#fff;box-shadow:-4px 0 25px #0003;display:flex;flex-direction:column;height:100%;max-width:420px;padding:20px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .35s ease;width:90%;z-index:9999}.cart-drawer.open{transform:translateX(0)}.cart-drawer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.cart-drawer-header h2{font-size:20px;font-weight:700;margin:0}.cart-drawer-header .icon-btn{background:#0000;border:none;cursor:pointer;font-size:20px}.cart-drawer-body{flex:1 1;overflow-y:auto;padding-right:4px}.cart-drawer-list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.cart-drawer-item{background:#faf5ff;border:1px solid #667eea26;border-radius:14px;display:flex;gap:12px;padding:14px}.cart-item-thumb{align-items:center;background:#f1f1f1;border-radius:12px;display:flex;height:70px;justify-content:center;min-width:70px;overflow:hidden;width:70px}.cart-item-thumb img{height:100%;object-fit:cover;width:100%}.placeholder-thumb{font-size:24px}.cart-item-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.cart-item-content h3{color:#1f1f1f;font-size:16px;font-weight:600;margin:0}.cart-item-price{color:#c44569;font-size:15px;font-weight:600}.cart-item-controls .quantity-controls{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:999px;display:inline-flex;gap:8px;padding:4px 10px}.cart-item-controls .quantity-controls button{background:#0000;border:none;cursor:pointer;font-size:18px;height:24px;width:24px}.cart-item-controls .quantity-controls span{font-weight:600;min-width:24px;text-align:center}.remove-btn{background:none;border:none;color:#c44569;cursor:pointer;font-weight:600}.cart-item-total{align-items:flex-end;display:flex;flex-direction:column;gap:12px;justify-content:space-between;text-align:right}.cart-item-total span{color:#1f1f1f;font-weight:700}.cart-item-total .primary-btn{background:linear-gradient(135deg,#ff6b9d,#ff8fab);border:none;border-radius:12px;box-shadow:0 12px 20px #ff6b9d40;color:#fff;cursor:pointer;padding:10px 18px}.cart-drawer-footer{border-top:1px solid #0000000d;display:flex;flex-direction:column;gap:12px;padding-top:16px}.cart-subtotal{align-items:center;display:flex;font-size:16px;justify-content:space-between}.cart-subtotal strong{color:#c44569;font-size:18px}.cart-drawer-actions{display:flex;gap:10px}.cart-drawer-actions .primary-btn,.cart-drawer-actions .secondary-btn{flex:1 1}@media (min-width:768px){.cart-drawer{width:420px}}.ad-banner.preview .preview-actions{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.ad-banner.preview .view-ads-btn{border:none;border-radius:30px;box-shadow:0 6px 20px #f571a14d;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:200px;padding:1rem 2rem;transition:all .3s ease}.ad-banner.preview .view-ads-btn.primary{background:linear-gradient(135deg,#f571a1,#ff8fab);color:#fff}.ad-banner.preview .view-ads-btn.primary:hover{box-shadow:0 8px 25px #f571a166;transform:translateY(-3px)}.ad-banner.preview .preview-tip{align-items:center;background:#f571a11a;border:1px solid #f571a133;border-radius:20px;display:flex;gap:.5rem;padding:.75rem 1.5rem}.ad-banner.preview .preview-tip .tip-icon{font-size:1rem}.ad-banner.preview .preview-tip span:last-child{color:#f571a1;font-size:.9rem;font-weight:500}@media (max-width:768px){.ad-banner.preview{margin:1rem;padding:1rem}.ad-banner.preview .ad-preview-content{padding:1.5rem .5rem}.ad-banner.preview .preview-message h4{font-size:1.3rem}.ad-banner.preview .view-ads-btn{font-size:1rem;min-width:180px;padding:.875rem 1.5rem}}.ad-banner.carousel{background:linear-gradient(135deg,#fff,#fff5f7);border:1px solid #f571a11a;border-radius:20px;box-shadow:0 8px 32px #f571a126;margin:1.5rem;overflow:hidden;padding:1.5rem}.ad-banner.carousel .ad-carousel-container{margin:1.5rem 0;position:relative}.ad-banner.carousel .ad-carousel-content{border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden;position:relative}.ad-banner.carousel .ad-media-container{height:300px;overflow:hidden;position:relative;width:100%}.ad-banner.carousel .ad-media{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.ad-banner.carousel .ad-media:hover{transform:scale(1.05)}.ad-banner.carousel .ad-overlay{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:2rem 1.5rem 1.5rem;position:absolute;right:0}.ad-banner.carousel .ad-title{font-size:1.4rem;font-weight:700;margin:0 0 1rem;text-shadow:0 2px 4px #00000080}.ad-banner.carousel .ad-overlay.clickable{cursor:pointer;transition:all .3s ease}.ad-banner.carousel .ad-overlay.clickable:hover{background:linear-gradient(#0000,#f571a1e6);box-shadow:0 8px 25px #f571a14d;transform:translateY(-2px)}.ad-banner.carousel .ad-cta{display:flex;justify-content:center;margin-top:1rem}.ad-banner.carousel .ad-cta-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #f571a14d;border-radius:25px;color:#f571a1;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.ad-banner.carousel .ad-overlay.clickable:hover .ad-cta-text{background:#f571a1e6;border-color:#ffffff80;color:#fff;transform:scale(1.05)}.ad-banner.carousel .carousel-nav{background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 10px #0003;color:#333;cursor:pointer;font-size:1.5rem;font-weight:700;height:40px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:10}.ad-banner.carousel .carousel-nav:hover{background:#fff;box-shadow:0 4px 15px #0000004d;transform:translateY(-50%) scale(1.1)}.ad-banner.carousel .carousel-nav.prev{left:15px}.ad-banner.carousel .carousel-nav.next{right:15px}.ad-banner.carousel .carousel-indicators{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.ad-banner.carousel .carousel-indicator{background:#f571a14d;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.ad-banner.carousel .carousel-indicator:hover{background:#f571a180;transform:scale(1.2)}.ad-banner.carousel .carousel-indicator.active{background:#f571a1;transform:scale(1.2)}.ad-banner.carousel .ad-footer{align-items:center;border-top:1px solid #f571a11a;display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem}.ad-banner.carousel .ad-footer-actions{display:flex;gap:1rem}.ad-banner.carousel .view-all-btn{border:none;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.ad-banner.carousel .view-all-btn.primary{background:linear-gradient(135deg,#f571a1,#ff8fab);box-shadow:0 4px 15px #f571a166;color:#fff}.ad-banner.carousel .view-all-btn.primary:hover{box-shadow:0 6px 20px #f571a180;transform:translateY(-2px)}.ad-banner.carousel .view-all-btn.secondary{background:#f571a11a;border:1px solid #f571a133;color:#f571a1}.ad-banner.carousel .view-all-btn.secondary:hover{background:#f571a126;transform:translateY(-2px)}.ad-banner.no-ads .no-ads-content{padding:2rem 1rem;text-align:center}.ad-banner.no-ads .no-ads-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.ad-banner.no-ads .no-ads-content h4{color:#666;font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.ad-banner.no-ads .no-ads-content p{color:#999;margin:0 0 1.5rem}@media (max-width:768px){.ad-banner.carousel{margin:1rem;padding:1rem}.ad-banner.carousel .ad-media-container{height:250px}.ad-banner.carousel .ad-overlay{padding:1.5rem 1rem 1rem}.ad-banner.carousel .ad-title{font-size:1.2rem}.ad-banner.carousel .ad-actions{flex-direction:column;gap:.5rem}.ad-banner.carousel .ad-action-btn{font-size:.85rem;padding:.625rem 1rem}.ad-banner.carousel .carousel-nav{font-size:1.25rem;height:35px;width:35px}.ad-banner.carousel .carousel-nav.prev{left:10px}.ad-banner.carousel .carousel-nav.next{right:10px}.ad-banner.carousel .ad-footer{flex-direction:column;gap:1rem;text-align:center}.ad-banner.carousel .ad-footer-actions{justify-content:center}}.ad-details-page{background:linear-gradient(135deg,#fff5f7,#ffeef2 25%,#fce7f3 50%,#fdf2f8 75%,#fff);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;position:relative}.ad-details-page:before{background:linear-gradient(135deg,#f571a1,#ff8fab 50%,#ffb3d1);content:"";height:300px;left:0;opacity:.08;position:absolute;right:0;top:0;z-index:0}.ad-details-error,.ad-details-loading{align-items:center;display:flex;justify-content:center;min-height:100vh;position:relative;z-index:1}.error-container,.loading-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#fff5f7f2);border:2px solid #f571a11a;border-radius:30px;box-shadow:0 20px 60px #f571a126;max-width:400px;padding:3rem 2rem;text-align:center;width:100%}.loading-spinner{border-top-color:#f571a1;height:60px;margin:0 auto 1.5rem;width:60px}.loading-container h3{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.loading-container p{color:#666;margin:0}.error-icon{animation:bounce 2s infinite;font-size:4rem;margin-bottom:1rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.error-container h2{color:#dc3545;font-size:1.8rem;margin-bottom:1rem}.error-container p{color:#666;font-size:1.1rem;margin-bottom:1.5rem}.page-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#fff5f7fa);border:2px solid #f571a11a;border-radius:0 0 30px 30px;box-shadow:0 15px 50px #f571a126;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem;position:relative;z-index:1}.back-btn{background:linear-gradient(135deg,#f571a1,#ff8fab);border-radius:25px;box-shadow:0 4px 15px #f571a14d;color:#fff;font-size:1rem;font-weight:600;gap:.75rem;padding:.875rem 1.5rem;transition:all .3s ease}.back-btn:hover{box-shadow:0 8px 25px #f571a166;transform:translateY(-2px)}.back-btn-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.back-btn-icon svg{height:16px;width:16px}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f571a1,#ff8fab);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2.2rem;font-weight:800;margin:0}.share-btn.header-share{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;box-shadow:0 4px 15px #28a7454d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;padding:.875rem 1.5rem;transition:all .3s ease;white-space:nowrap}.share-btn.header-share:hover{box-shadow:0 8px 25px #28a74566;transform:translateY(-2px)}.share-btn.header-share svg{height:18px;width:18px}.ad-details-content{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:1}.content-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.image-section{position:-webkit-sticky;position:sticky;top:2rem}.image-container{background:#fff;border:3px solid #f571a11a;border-radius:30px;box-shadow:0 25px 70px #f571a126;overflow:hidden;position:relative;transition:all .3s ease}.image-container:hover{box-shadow:0 30px 80px #0003;transform:translateY(-5px)}.ad-image{display:block;height:auto;transition:transform .5s ease;width:100%}.image-container:hover .ad-image{transform:scale(1.05)}.image-overlay{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:2rem;position:absolute;right:0}.image-stats{display:flex;gap:3rem;justify-content:center}.stat-item{text-align:center}.stat-value{font-size:2rem;font-weight:800;margin-bottom:.25rem;text-shadow:0 2px 4px #0000004d}.stat-label{font-size:.9rem;font-weight:500;letter-spacing:1px;opacity:.9;text-transform:uppercase}.details-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#fff5f7fa);border:2px solid #f571a114;border-radius:30px;box-shadow:0 20px 60px #f571a11f;padding:2.5rem}.ad-header{align-items:flex-start;border-bottom:2px solid #f571a11a;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.ad-header-main{flex:1 1}.ad-title{background:linear-gradient(135deg,#333,#666);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:800;line-height:1.2;margin:0 0 1rem}.advertiser-info{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.advertiser-label{color:#666;font-size:1rem}.advertiser-name{color:#f571a1;font-size:1.2rem;font-weight:700}.media-type-badge{background:linear-gradient(135deg,#f571a1,#ff8fab);border-radius:20px;box-shadow:0 4px 15px #f571a14d;color:#fff;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem}.ad-description{color:#555;font-size:1.2rem;font-weight:400;line-height:1.7;margin:0 0 2rem}.action-type-badge{align-items:center;background:linear-gradient(135deg,#fff5f7e6,#ffebf0e6);border:2px solid #f571a126;border-radius:20px;box-shadow:0 8px 25px #f571a11a;color:#f571a1;display:inline-flex;font-weight:600;gap:.75rem;padding:1rem 1.5rem}.action-icon{font-size:1.5rem}.action-text{font-size:1rem}.ad-actions,.earnings-info,.interests-section,.quick-stats-section,.why-ad-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#fff5f7fa);border:2px solid #f571a114;border-radius:30px;box-shadow:0 20px 60px #f571a11f;margin-bottom:2rem;padding:2.5rem}.section-title{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0 0 1.5rem}.section-icon{font-size:1.8rem}.hashtags-container{display:flex;flex-wrap:wrap;gap:1rem}.hashtag{background:linear-gradient(135deg,#f571a1,#ff8fab);border-radius:25px;box-shadow:0 4px 15px #f571a14d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.hashtag:hover{box-shadow:0 8px 25px #f571a166;transform:translateY(-3px)}.why-ad-section{background:linear-gradient(135deg,#f571a114,#ff8fab14 50%,#ffb3d114);border:2px solid #f571a126}.why-ad-content{display:flex;flex-direction:column;gap:1rem}.why-ad-item{align-items:center;background:linear-gradient(135deg,#ffffffe6,#fff5f7e6);border:1px solid #f571a11a;border-radius:20px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.why-ad-item:hover{background:linear-gradient(135deg,#fff,#fff5f7);box-shadow:0 8px 25px #f571a126;transform:translateX(5px)}.why-ad-icon{align-items:center;background:linear-gradient(135deg,#f571a1,#ff8fab);border-radius:50%;box-shadow:0 4px 15px #f571a14d;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.why-ad-item span{color:#333;font-size:1rem;font-weight:500}.quick-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.stat-card{background:linear-gradient(135deg,#ffffffe6,#fff5f7e6);border:2px solid #f571a11a;border-radius:25px;box-shadow:0 8px 25px #f571a114;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card:hover{background:linear-gradient(135deg,#fff,#fff5f7);border-color:#f571a133;box-shadow:0 20px 50px #f571a126;transform:translateY(-5px)}.stat-card-icon{font-size:2rem;margin-bottom:1rem}.stat-card-value{color:#333;font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.stat-card-label{color:#666;font-size:.8rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.ad-actions{display:flex;flex-wrap:wrap;gap:1.5rem}.action-btn.primary{align-items:center;background:linear-gradient(135deg,#f571a1,#ff8fab);border:none;border-radius:25px;box-shadow:0 8px 25px #f571a14d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1.1rem;font-weight:700;gap:1rem;justify-content:center;min-width:200px;padding:1.25rem 2rem;transition:all .3s ease}.action-btn.primary:hover{box-shadow:0 15px 40px #f571a166;transform:translateY(-3px)}.action-btn-icon{font-size:1.5rem}.action-btn-text{font-weight:600}.share-btn-secondary{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;box-shadow:0 8px 25px #28a7454d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.75rem;padding:1.25rem 1.5rem;transition:all .3s ease;white-space:nowrap}.share-btn-secondary:hover{box-shadow:0 15px 40px #28a74566;transform:translateY(-3px)}.share-icon{font-size:1.3rem}.share-text{font-weight:600}.earnings-badge{background:#fff3;border:1px solid #ffffff4d;border-radius:15px;font-size:.8rem;font-weight:800;padding:.5rem 1rem}.earnings-info{background:linear-gradient(135deg,#f571a114,#ff8fab14 50%,#ffb3d114);border:2px solid #f571a126}.earnings-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.earnings-icon{align-items:center;background:linear-gradient(135deg,#f571a1,#ff8fab);border-radius:50%;box-shadow:0 8px 25px #f571a14d;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.earnings-title{color:#f571a1;font-size:1.4rem;font-weight:700;margin:0}.earnings-description{color:#666;font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.earnings-features{display:flex;flex-direction:column;gap:1rem}.feature{align-items:center;color:#666;display:flex;font-size:1rem;font-weight:500;gap:.75rem}.feature-icon{color:#f571a1;font-size:1.2rem}@media (max-width:1024px){.content-grid{gap:1.5rem;grid-template-columns:1fr}.image-section{position:static}.page-header{flex-direction:column;gap:1.5rem;padding:1.5rem;text-align:center}.page-title{font-size:1.8rem;order:2}.back-btn{align-self:flex-start;order:1}.share-btn.header-share{align-self:center;order:3}.ad-details-content{padding:0 1rem}}@media (max-width:768px){.ad-details-page{padding:0}.page-header{border-radius:0 0 20px 20px;margin-bottom:1rem;padding:1rem}.page-title{font-size:1.5rem}.ad-actions,.details-section,.earnings-info,.interests-section,.quick-stats-section,.why-ad-section{border-radius:20px;padding:1.5rem}.ad-title{font-size:1.8rem}.ad-actions{flex-direction:column}.action-btn.primary,.share-btn-secondary{min-width:auto;width:100%}.quick-stats-grid{grid-template-columns:1fr}.image-stats{gap:2rem}.earnings-info{padding:1.5rem}.ad-details-content{padding:0 .5rem}}@media (max-width:480px){.ad-actions,.details-section,.earnings-info,.interests-section,.page-header,.quick-stats-section,.why-ad-section{padding:1rem}.ad-title{font-size:1.5rem}.image-overlay{padding:1.5rem}.image-stats{flex-direction:column;gap:1rem}.hashtags-container{gap:.75rem}.hashtag{font-size:.8rem;padding:.5rem 1rem}}.login-container{align-items:center;background:linear-gradient(135deg,#fff5f7,#ffeef2 25%,#fce7f3 50%,#fdf2f8 75%,#fff);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem 1rem;position:relative}.login-container:before{background:linear-gradient(135deg,#f571a1,#ff8fab 50%,#ffb3d1);content:"";height:300px;left:0;opacity:.08;position:absolute;right:0;top:0;z-index:0}.login-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#fff5f7fa);border:2px solid #f571a11a;border-radius:30px;box-shadow:0 25px 70px #f571a126;max-width:450px;padding:3rem 2.5rem;position:relative;text-align:center;width:100%;z-index:1}.header-section{margin-bottom:2rem}.brand-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.brand-logo{border:3px solid #f571a11a;border-radius:20px;box-shadow:0 10px 30px #f571a133;height:80px;width:80px}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f571a1,#ff8fab);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0}.illustration-section{margin-bottom:2rem}.dating-illustration{border-radius:20px;box-shadow:0 15px 40px #f571a126;height:auto;width:200px}.slider-container{margin-bottom:2rem;overflow:hidden;position:relative;width:100%}.slider-wrapper{height:auto;position:relative;width:100%}.slider-content{transition:transform .5s ease-in-out}.slide,.slider-content{display:flex;width:100%}.slide{align-items:center;flex-direction:column;flex-shrink:0}.slide-content{margin-top:1rem;text-align:center}.slider-dots{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.slider-dot{background-color:#f571a14d;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.slider-dot.active{background-color:#f571a1;transform:scale(1.2)}.slider-dot:hover{background-color:#f571a199}.tagline-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f571a1,#ff8fab);-webkit-background-clip:text;background-clip:text;color:#333;font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.tagline-subtitle{color:#666;font-size:1.1rem;line-height:1.6;margin:0 0 2rem}.form-section{margin-top:2rem}.message{border-radius:15px;margin-bottom:1.5rem;padding:1rem}.message.success{background:linear-gradient(135deg,#4caf501a,#81c7841a);border:2px solid #4caf5033;color:#2e7d32}.message.error{background:linear-gradient(135deg,#f443361a,#ef9a9a1a);border:2px solid #f4433633;color:#c62828}.login-form{text-align:left}.form-group{margin-bottom:1.5rem}.form-label{margin-bottom:.5rem}.form-input{background:linear-gradient(135deg,#fffffff2,#fff5f7f2);border:2px solid #f571a126;border-radius:20px;box-sizing:border-box;color:#333;flex:1 1;font-size:1.1rem;font-weight:500;padding:1rem 1.2rem;position:relative;transition:all .3s ease;width:100%}.form-input:focus{background:#fff;border-color:#f571a1;box-shadow:0 0 0 4px #f571a126,0 8px 25px #f571a11a;outline:none;transform:translateY(-1px)}.form-input::placeholder{color:#bbb;font-weight:400}.mobile-input-container{align-items:center;background:linear-gradient(135deg,#fffc,#fff5f7cc);border:1px solid #f571a114;border-radius:20px;display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem;position:relative;transition:all .3s ease}.mobile-input-container:hover{background:linear-gradient(135deg,#ffffffe6,#fff5f7e6);border-color:#f571a126;box-shadow:0 5px 20px #f571a114;transform:translateY(-1px)}.mobile-input-container:focus-within{background:linear-gradient(135deg,#fffffff2,#fff5f7f2);border-color:#f571a133;box-shadow:0 8px 30px #f571a11f;transform:translateY(-2px)}.mobile-input-container:before{background:linear-gradient(135deg,#f571a10d,#ff8fab0d);border-radius:20px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.mobile-input-container:focus-within:before{opacity:1}.country-code{background:linear-gradient(135deg,#f571a11a,#ff8fab1a);border:1px solid #f571a133;border-radius:12px;box-shadow:0 2px 8px #f571a11a;color:#f571a1;flex-shrink:0;font-size:1rem;font-weight:600;min-width:60px;padding:.5rem .8rem;position:relative;text-align:center;transition:all .3s ease}.mobile-input-container:hover .country-code{background:linear-gradient(135deg,#f571a11f,#ff8fab1f);border-color:#f571a140;box-shadow:0 3px 12px #f571a126;transform:scale(1.02)}.mobile-input-container:focus-within .country-code{background:linear-gradient(135deg,#f571a126,#ff8fab26);border-color:#f571a14d;box-shadow:0 4px 15px #f571a133;transform:scale(1.05)}.helper-text{background:#f571a108;border:1px solid #f571a10d;border-radius:10px;color:#888;font-size:.9rem;font-weight:400;line-height:1.4;margin:.75rem 0 0;padding:.5rem 1rem;text-align:center;transition:all .3s ease}.mobile-input-container:focus-within+.helper-text{background:#f571a114;border-color:#f571a126;color:#f571a1;font-weight:500;transform:translateY(-1px)}.form-label{font-size:1rem;margin-bottom:.8rem;position:relative;transition:all .3s ease}.mobile-input-container:focus-within+.form-label,.mobile-input-container:focus-within~.form-label{color:#f571a1;transform:translateY(-2px)}.primary-btn{background:linear-gradient(135deg,#f571a1,#ff8fab);border:none;border-radius:15px;box-shadow:0 8px 25px #f571a14d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.primary-btn:hover:not(:disabled){box-shadow:0 12px 35px #f571a166;transform:translateY(-2px)}.primary-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.terms-section{border-top:1px solid #f571a11a;margin-top:2rem;padding-top:1.5rem}.terms-text{color:#666;font-size:.9rem;line-height:1.5;margin:0}.terms-link{color:#f571a1;font-weight:500;text-decoration:none;transition:color .3s ease}.terms-link:hover{color:#ff8fab;text-decoration:underline}.advertiser-login{align-items:center;background:linear-gradient(135deg,#fff5f7,#ffeef2 25%,#fce7f3 50%,#fdf2f8 75%,#fff);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:2rem 1rem;position:relative}.advertiser-login:before{background:linear-gradient(135deg,#f571a1,#ff8fab 50%,#ffb3d1);content:"";height:300px;left:0;opacity:.08;position:absolute;right:0;top:0;z-index:0}.advertiser-login-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#fff5f7fa);border:2px solid #f571a11a;border-radius:30px;box-shadow:0 25px 70px #f571a126;max-width:450px;padding:3rem 2.5rem;position:relative;width:100%;z-index:1}.advertiser-login-header{margin-bottom:2.5rem;text-align:center}.advertiser-login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f571a1,#ff8fab);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700;margin:0 0 1rem}.advertiser-login-header p{color:#666;font-size:1.1rem;line-height:1.6;margin:0}.advertiser-login-form{text-align:left}.advertiser-login-form .form-group{margin-bottom:1.5rem}.advertiser-login-form label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.advertiser-login-form input{background:#ffffffe6;border:2px solid #f571a126;border-radius:15px;box-sizing:border-box;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.advertiser-login-form input:focus{background:#fff;border-color:#f571a1;box-shadow:0 0 0 3px #f571a11a;outline:none}.advertiser-login-form input::placeholder{color:#999}.otp-info{color:#666;font-size:.9rem;margin:.5rem 0 0;text-align:center}.error-message{background:linear-gradient(135deg,#f443361a,#ef9a9a1a);border:2px solid #f4433633;border-radius:15px;color:#c62828;font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}.advertiser-login-btn{background:linear-gradient(135deg,#f571a1,#ff8fab);border:none;border-radius:15px;box-shadow:0 8px 25px #f571a14d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.advertiser-login-btn:hover:not(:disabled){box-shadow:0 12px 35px #f571a166;transform:translateY(-2px)}.advertiser-login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.advertiser-login-footer{border-top:1px solid #f571a11a;margin-top:2rem;padding-top:1.5rem;text-align:center}.advertiser-login-footer p{color:#666;font-size:.95rem;margin:.5rem 0}.link{color:#f571a1;cursor:pointer;font-weight:500;transition:color .3s ease}.link:hover{color:#ff8fab;text-decoration:underline}.admin-login{align-items:center;background:linear-gradient(135deg,#fff5f7,#ffeef2 25%,#fce7f3 50%,#fdf2f8 75%,#fff);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:2rem 1rem;position:relative}.admin-login:before{background:linear-gradient(135deg,#f571a1,#ff8fab 50%,#ffb3d1);content:"";height:300px;left:0;opacity:.08;position:absolute;right:0;top:0;z-index:0}.admin-login-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#fff5f7fa);border:2px solid #f571a11a;border-radius:30px;box-shadow:0 25px 70px #f571a126;max-width:450px;padding:3rem 2.5rem;position:relative;width:100%;z-index:1}.admin-login-header{margin-bottom:2.5rem;text-align:center}.admin-login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f571a1,#ff8fab);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700;margin:0 0 1rem}.admin-login-header p{color:#666;font-size:1.1rem;line-height:1.6;margin:0}.admin-login-form{text-align:left}.admin-login-form .form-group{margin-bottom:1.5rem}.admin-login-form label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.admin-login-form input{background:#fff;border:2px solid #f571a14d;border-radius:15px;box-sizing:border-box;color:#333;font-size:1rem;font-weight:500;padding:1rem;transition:all .3s ease;width:100%}.admin-login-form input:focus{background:#fff;border-color:#f571a1;box-shadow:0 0 0 3px #f571a133;outline:none;transform:translateY(-1px)}.admin-login-form input:hover{background:#fffffff2}.admin-login-form input::placeholder{color:#666;font-weight:400}.admin-login-form input:hover{background:#fafafa;border-color:#f571a180}.admin-login-btn{background:linear-gradient(135deg,#f571a1,#ff8fab);border:none;border-radius:15px;box-shadow:0 8px 25px #f571a14d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.admin-login-btn:hover:not(:disabled){box-shadow:0 12px 35px #f571a166;transform:translateY(-2px)}.admin-login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.admin-login-footer{border-top:1px solid #f571a11a;margin-top:2rem;padding-top:1.5rem;text-align:center}.admin-login-footer p{color:#666;font-size:.9rem;font-style:italic;margin:0}@media (max-width:768px){.admin-login-container,.advertiser-login-container,.login-content{border-radius:25px;padding:2rem 1.5rem}.admin-login-form input{font-size:1.1rem;padding:1.2rem}.admin-login-btn{font-size:1.2rem;padding:1.2rem 2rem}.brand-name{font-size:1.8rem}.tagline-title{font-size:1.6rem}.tagline-subtitle{font-size:1rem}.admin-login-header h1,.advertiser-login-header h1{font-size:1.8rem}.dating-illustration{width:150px}.slider-dots{margin-top:1rem}.slider-dot{height:10px;width:10px}}@media (max-width:480px){.admin-login-container{margin:.5rem;padding:1.5rem 1rem}.admin-login-header h1{font-size:1.6rem}.admin-login-form input{font-size:1rem;padding:1rem}.admin-login-btn{font-size:1.1rem;padding:1rem 1.5rem}.admin-login-container,.advertiser-login-container,.login-content{border-radius:20px;padding:1.5rem 1rem}.brand-logo{height:60px;width:60px}.brand-name{font-size:1.5rem}.tagline-title{font-size:1.4rem}.dating-illustration{width:120px}.slider-dots{margin-top:.75rem}.slider-dot{height:8px;width:8px}.tagline-title{font-size:1.2rem}.tagline-subtitle{font-size:.9rem}}.shop-page{background:#f8f9fa;min-height:100vh;padding:20px}.shop-header{align-items:center;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.shop-header h1{color:#333;font-size:24px;margin:0}.header-actions{gap:15px}.header-actions,.profile-icon{align-items:center;display:flex}.profile-icon{background:#f8f9fa;border-radius:50%;cursor:pointer;justify-content:center;padding:8px;transition:all .3s ease}.profile-icon:hover{background:#e9ecef;transform:scale(1.05)}.profile-icon svg{color:#6c757d;transition:color .3s ease}.profile-icon:hover svg{color:#495057}.cart-icon{background:#f0f0f0;border-radius:50%;cursor:pointer;font-size:24px;padding:10px;position:relative;transition:all .3s ease}.cart-icon:hover{background:#e0e0e0;transform:scale(1.1)}.cart-badge{align-items:center;background:#ff4757;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.shop-filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.search-bar{flex:1 1;min-width:200px}.search-bar input{border:2px solid #e0e0e0;border-radius:25px;font-size:16px;outline:none;padding:12px 15px;transition:border-color .3s ease;width:100%}.search-bar input:focus{border-color:#667eea}.category-filter select{background:#fff;border:2px solid #e0e0e0;border-radius:25px;cursor:pointer;font-size:16px;min-width:150px;outline:none;padding:12px 15px}.products-grid{margin-bottom:20px}.product-card{border-radius:15px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.no-image{background:#f0f0f0;color:#999;font-size:48px}.product-info{padding:15px}.product-info h3{line-height:1.3;margin:0 0 10px}.product-description,.product-meta{margin-bottom:10px}.product-meta{color:#999;font-size:12px;justify-content:space-between}.category{background:#e3f2fd;border-radius:10px;color:#1976d2;padding:2px 8px}.provider{color:#666}.product-pricing{margin-bottom:10px}.original-price{margin-right:8px}.discounted-price{color:#e74c3c;font-size:18px}.price{color:#333;font-size:18px;font-weight:700}.product-stock{color:#666;font-size:12px;margin-bottom:15px}.add-to-cart-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.add-to-cart-btn:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.add-to-cart-btn:disabled{background:#ccc;cursor:not-allowed}.no-products{font-size:18px;padding:40px}.cart-overlay{background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.cart-sidebar{background:#fff;display:flex;flex-direction:column;height:100%;max-width:400px;overflow-y:auto;width:100%}.cart-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.cart-header h3{color:#333;margin:0}.close-cart{background:none;border:none;color:#666;cursor:pointer;font-size:24px;padding:5px}.cart-items{flex:1 1;padding:20px}.empty-cart{color:#666;padding:40px 20px;text-align:center}.cart-item{border-bottom:1px solid #f0f0f0;display:flex;gap:15px;padding:15px 0}.cart-item:last-child{border-bottom:none}.cart-item-image{border-radius:8px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.cart-item-image img{height:100%;object-fit:cover;width:100%}.cart-item-image .no-image{align-items:center;background:#f0f0f0;color:#999;display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.cart-item-info{flex:1 1}.cart-item-info h4{color:#333;font-size:16px;line-height:1.3;margin:0 0 5px}.cart-item-price{color:#e74c3c;font-weight:700;margin-bottom:10px}.cart-item-controls{align-items:center;display:flex;gap:10px}.cart-item-controls button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:50%;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;width:30px}.cart-item-controls button:hover:not(:disabled){background:#f0f0f0}.cart-item-controls button:disabled{cursor:not-allowed;opacity:.5}.cart-item-controls span{font-weight:700;min-width:30px;text-align:center}.remove-btn{background:#ff4757!important;border:none!important;border-radius:15px!important;color:#fff!important;font-size:12px!important;height:auto!important;padding:5px 10px!important;width:auto!important}.cart-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;padding:20px}.cart-total{color:#333;font-size:18px;font-weight:700;margin-bottom:15px;text-align:center}.checkout-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.checkout-btn:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.checkout-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}.checkout-modal{background:#fff;border-radius:20px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.checkout-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:20px 20px 0 0;padding:20px}.checkout-header h3{color:#333;margin:0}.close-checkout{background:none;border:none;color:#666;cursor:pointer;font-size:24px;padding:5px}.checkout-form{padding:20px}.order-summary{background:#f8f9fa;border-radius:10px;margin-bottom:20px;padding:15px}.order-summary h4{color:#333;margin:0 0 15px}.order-item{color:#666;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.order-total{border-top:1px solid #ddd;color:#333;font-size:18px;margin-top:10px;padding-top:10px;text-align:center}.place-order-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.place-order-btn:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.loading-container{align-items:center;color:#666;display:flex;flex-direction:column;height:200px;justify-content:center}.loading-spinner{margin-bottom:15px}@media (max-width:768px){.shop-page{padding:15px}.shop-filters{flex-direction:column}.header-actions{gap:10px}.profile-icon{padding:6px}.profile-icon svg{height:20px;width:20px}.products-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.cart-sidebar{max-width:100%}.checkout-modal{margin:10px;max-width:none}}.edit-profile-btn.provider{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease;width:100%}.edit-profile-btn.provider:hover{box-shadow:0 4px 15px #28a74566;transform:translateY(-2px)}.modal-overlay{background:#00000080}.modal-content{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#333;font-size:20px;margin:0}.close-modal{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:5px;width:30px}.close-modal:hover{background:#e0e0e0}.modal-body{padding:20px}.modal-body p{color:#666;font-size:14px;margin:0 0 20px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;box-sizing:border-box;font-size:16px;outline:none;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1 1}.modal-footer{background:#f8f9fa;border-radius:0 0 20px 20px;border-top:1px solid #e0e0e0;display:flex;gap:15px;padding:20px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 20px;transition:all .3s ease}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{margin:0;max-width:none}.form-row{gap:0}.form-row,.modal-footer{flex-direction:column}}.shop-management{padding:20px}.shop-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:30px}.shop-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.shop-tab:hover{background:#f8f9fa;color:#333}.shop-tab.active{background:#f8f9fa;border-bottom-color:#667eea;color:#667eea}.section-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.section-header h3{color:#333;font-size:24px;margin:0}.section-header p{color:#666;font-size:14px;margin:5px 0 0}.categories-grid,.products-grid,.providers-grid,.subcategories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.product-card{background:#1e293b;border:1px solid #334155;color:#fff;padding:20px}.product-header{align-items:center;margin-bottom:15px}.product-header h4{color:#e2e8f0;font-size:1.1rem;margin:0}.status-badge.pending{background-color:#f59e0b;border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px}.product-details{margin-bottom:20px}.btn-approve{background-color:#10b981;border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;padding:8px 12px}.btn-approve:hover{background-color:#059669}.btn-reject{background-color:#ef4444;border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;padding:8px 12px}.btn-reject:hover{background-color:#dc2626}.category-card,.provider-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.category-card:hover,.provider-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.category-header,.provider-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.category-header h4,.provider-header h4{color:#333;font-size:18px;font-weight:600;margin:0}.provider-details{margin-bottom:20px}.detail-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.detail-row .label{color:#666;font-weight:600;min-width:100px}.detail-row .value{color:#333;flex:1 1;margin-left:10px;text-align:right}.category-actions,.provider-actions{display:flex;gap:10px;margin-top:15px}.btn-approve,.btn-delete,.btn-edit,.btn-reject{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-approve{background:#10b981;color:#fff}.btn-approve:hover{background:#059669;transform:translateY(-1px)}.btn-reject{background:#ef4444;color:#fff}.btn-reject:hover{background:#dc2626;transform:translateY(-1px)}.btn-edit{background:#3b82f6}.btn-edit:hover{background:#2563eb;transform:translateY(-1px)}.btn-delete{background:#ef4444}.btn-delete:hover{background:#dc2626;transform:translateY(-1px)}.category-description{color:#666;font-size:14px;line-height:1.5;margin:10px 0}.category-meta{color:#999;font-size:12px;margin-bottom:15px}.subcategory-card{border:1px solid #e0e0e0;box-shadow:0 2px 10px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.subcategory-card:hover{box-shadow:0 4px 20px #00000026}.subcategory-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.subcategory-header h4{color:#333;font-size:18px;font-weight:600;margin:0}.subcategory-description{color:#666;font-size:14px;line-height:1.5;margin:10px 0}.subcategory-meta{color:#999;display:flex;flex-direction:column;font-size:12px;gap:4px;margin-bottom:15px}.subcategory-meta span{align-items:center;display:flex}.subcategory-actions{display:flex;gap:10px;margin-top:15px}.status-badge.active{background:#10b981;color:#fff}.status-badge.inactive{background:#6b7280;color:#fff}.loading,.no-data{color:#666;font-size:16px;grid-column:1/-1;padding:40px;text-align:center}.btn-primary{border-radius:6px;font-size:14px;padding:10px 20px}.btn-primary:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-1px)}@media (max-width:768px){.shop-management{padding:15px}.shop-tabs{flex-direction:column;gap:5px}.shop-tab{border-bottom:none;border-left:3px solid #0000;text-align:center}.shop-tab.active{border-bottom-color:#0000;border-left-color:#667eea}.section-header{align-items:flex-start;flex-direction:column;gap:15px}.categories-grid,.products-grid,.providers-grid,.subcategories-grid{gap:15px;grid-template-columns:1fr}.ads-list{gap:1rem;grid-template-columns:1fr}.ad-card{min-height:auto;overflow:visible;padding:1rem}.ad-actions,.ad-header,.ad-stats{background:#0f172afa;border:2px solid #64748b;box-shadow:0 4px 8px #0006}.ad-actions{flex-direction:column;gap:.75rem}.btn-approve,.btn-reject{font-size:.85rem;padding:.75rem 1rem}.category-actions,.detail-row,.provider-actions,.subcategory-actions{flex-direction:column}.detail-row{gap:5px}.detail-row .value{margin-left:0;text-align:left}}.provider-dashboard{margin:0 auto;max-width:1200px;padding:20px}.dashboard-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.dashboard-header h1{color:#333;font-size:28px;margin:0}.products-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-top:20px}.product-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .2s ease}.product-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.product-image{height:200px;overflow:hidden;position:relative;width:100%}.product-image img{height:100%;object-fit:cover;width:100%}.no-image{align-items:center;background:#f8f9fa;color:#6c757d;display:flex;font-size:14px;height:100%;justify-content:center;width:100%}.product-info{padding:20px}.product-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.product-info h3{color:#333;flex:1 1;font-size:18px;margin:0}.status-badge{font-size:.75rem;letter-spacing:.5px;margin-left:10px;padding:.25rem .75rem;text-transform:uppercase}.status-badge.pending{background-color:#fef3c7;border:1px solid #f59e0b}.status-badge.approved{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.status-badge.rejected{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b}.status-badge.active{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.users-management{padding:20px}.users-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:20px}.user-card{background:#1e293b;border:1px solid #334155;border-radius:12px;color:#fff;padding:20px}.user-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.user-header h4{color:#e2e8f0;font-size:1.1rem;margin:0}.user-details{display:flex;flex-direction:column;gap:8px}.user-details .detail-row{align-items:center;display:flex;justify-content:space-between}.user-details .label{color:#cbd5e1;font-size:.9rem;font-weight:600}.user-details .value{color:#e2e8f0;font-size:.9rem}.pending-providers-section{padding:20px}.providers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:20px}.provider-card{background:#1e293b;border:1px solid #334155;border-radius:12px;color:#fff;padding:20px}.provider-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.provider-header h4{color:#e2e8f0;font-size:1.1rem;margin:0}.provider-details{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.provider-details .detail-row{align-items:center;display:flex;justify-content:space-between}.provider-details .label{color:#cbd5e1;font-size:.9rem;font-weight:600}.provider-details .value{color:#e2e8f0;font-size:.9rem}.provider-actions{display:flex;gap:10px;justify-content:flex-end}.provider-actions .btn-approve{background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px}.provider-actions .btn-approve:hover{background-color:#059669}.provider-actions .btn-reject{background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px}.provider-actions .btn-reject:hover{background-color:#dc2626}.product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;line-height:1.4;margin-bottom:15px;overflow:hidden}.product-meta{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.product-meta span{color:#666;font-size:12px}.product-pricing{align-items:center;display:flex;gap:10px;margin-bottom:15px}.original-price{color:#999;font-size:14px;text-decoration:line-through}.discounted-price{color:#28a745;font-size:16px;font-weight:700}.product-actions{display:flex;gap:10px}.btn-edit{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:12px;padding:8px 16px}.btn-edit:hover{background:#0056b3}.btn-delete{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:12px;padding:8px 16px}.btn-delete:hover{background:#c82333}.no-products{color:#666;padding:60px 20px}.no-products p{font-size:16px;margin:0}@media (max-width:768px){.provider-dashboard{padding:15px}.dashboard-header{align-items:stretch;flex-direction:column;gap:15px}.dashboard-header h1{font-size:24px;text-align:center}.products-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.product-actions{flex-direction:column}}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.step-registration-modal{background:#fff;border-radius:20px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:450px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #f0f0f0;padding:25px 25px 15px;text-align:center}.modal-header h2{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:5px}.modal-subtitle{color:#666;font-size:.9rem;font-weight:500}.step-form{padding:25px}.form-label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.form-help-text{color:#666;font-size:.85rem;margin-bottom:12px}.form-input,.form-select,.form-textarea{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fff;border-color:#ff6b9d;outline:none}.form-textarea{min-height:80px;resize:vertical}.suggested-names{margin-top:12px}.suggestions-label{color:#666;font-size:.85rem;font-weight:500;margin-bottom:8px}.suggestions-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.suggestion-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:.85rem;padding:8px 12px;transition:all .3s ease}.suggestion-btn:hover{border-color:#ff6b9d;color:#ff6b9d}.suggestion-btn.selected{background:#ff6b9d;border-color:#ff6b9d;color:#fff}.interests-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:15px}.interest-chip{background:#fff;border:2px solid #e0e0e0;border-radius:25px;color:#666;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 15px;text-align:center;transition:all .3s ease}.interest-chip:hover{border-color:#ff6b9d;color:#ff6b9d}.interest-chip.selected{background:#ff6b9d;border-color:#ff6b9d;color:#fff}.selected-count{color:#666;font-size:.85rem;font-weight:500;margin-top:10px;text-align:center}.message{border-radius:10px;font-size:.9rem;font-weight:500;margin-bottom:20px;padding:12px 16px}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.modal-actions{display:flex;gap:12px;margin-top:25px}.modal-actions .primary-btn,.modal-actions .secondary-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.modal-actions .primary-btn{background:linear-gradient(135deg,#ff6b9d,#c44569);color:#fff}.modal-actions .primary-btn:hover:not(:disabled){box-shadow:0 8px 20px #ff6b9d4d;transform:translateY(-2px)}.modal-actions .primary-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-actions .secondary-btn{background:#f8f9fa;border:2px solid #e0e0e0;color:#666}.modal-actions .secondary-btn:hover:not(:disabled){background:#e9ecef;border-color:#d0d0d0}.step-progress{border-top:1px solid #f0f0f0;padding:20px 25px;text-align:center}.progress-dots{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.dot{background:#e0e0e0;border-radius:50%;height:12px;transition:background-color .3s ease;width:12px}.dot.active{background:#ff6b9d}.dot.completed{background:#28a745}.progress-text{color:#666;font-size:.8rem;font-weight:500}.shop-page-new{background:#f5f5f5;min-height:100vh;padding-bottom:70px}.shop-header-new{align-items:center;background:#fff;box-shadow:0 2px 4px #00000014;display:flex;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.shop-header-new h1{color:#333;font-size:18px;font-weight:600;margin:0}.header-icons{gap:12px}.header-icons,.icon-btn{align-items:center;display:flex}.icon-btn{background:#0000;border:none;cursor:pointer;justify-content:center;padding:6px}.icon-btn svg{color:#333}.shop-layout-new{display:flex;height:calc(100vh - 120px)}.shop-sidebar-new{background:#fff;border-right:1px solid #e0e0e0;flex-shrink:0;overflow-y:auto;width:90px}.category-item-new{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:16px 8px;text-align:center;transition:all .2s}.category-item-new.active{background:#f8f9fa;border-left:3px solid #667eea}.category-item-new:active{background:#e9ecef}.category-icon{font-size:32px;margin-bottom:6px}.category-name{color:#555;font-size:11px;font-weight:500;line-height:1.2}.category-item-new.active .category-name{color:#667eea;font-weight:600}.shop-content-new{background:#f5f5f5;flex:1 1;overflow-y:auto}.category-title-section{background:#fff;margin-bottom:8px;padding:16px}.category-title-section h2{color:#222;font-size:20px;font-weight:700;margin:0}.subcategory-section{padding:12px 16px}.section-title{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.subcategory-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.subcategory-grid{gap:10px;grid-template-columns:repeat(2,1fr)}}.subcategory-card{background:#fff;border:1px solid #667eea1a;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;overflow:hidden;padding:14px;position:relative;text-align:center;transition:all .3s ease}.subcategory-card:hover{border-color:#667eea4d;box-shadow:0 4px 16px #667eea33;transform:translateY(-2px)}.subcategory-card:active{box-shadow:0 2px 8px #667eea26;transform:scale(.97)}.subcategory-image{aspect-ratio:1;background:#f8f9fa;border-radius:10px;margin-bottom:10px;overflow:hidden;position:relative;width:100%}.placeholder-image{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;letter-spacing:1px;position:relative;text-shadow:0 2px 4px #0003;width:100%}.placeholder-image:before{animation:shimmer 3s infinite;background:radial-gradient(circle,#ffffff4d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes shimmer{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.subcategory-name{color:#333;font-size:13px;font-weight:600;letter-spacing:.2px;line-height:1.4;margin-top:4px}.subcategory-card:hover .subcategory-name{color:#667eea}@media (max-width:768px){.subcategory-card{border-radius:10px;padding:12px}.subcategory-image{border-radius:8px;margin-bottom:8px}.placeholder-image{font-size:22px}.subcategory-name{font-size:12px}}.no-subcategories{color:#999;padding:40px 20px;text-align:center}.product-list-page{background:#f5f5f5;min-height:100vh;padding-bottom:70px}.product-list-header{background:#fff;box-shadow:0 2px 4px #00000014;gap:12px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-btn,.product-list-header{align-items:center;display:flex}.back-btn{background:#0000;border:none;cursor:pointer;padding:6px}.back-btn svg{color:#333}.header-title{flex:1 1}.header-title h1{color:#333;font-size:18px;font-weight:600;margin:0}.breadcrumb{color:#999;font-size:11px;margin:2px 0 0}.products-grid-mobile{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:12px}.products-grid-mobile .no-products-message{grid-column:1/-1;justify-self:center;margin:0 auto;max-width:400px;width:100%}.product-card-mobile{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.product-card-mobile:active{box-shadow:0 1px 2px #0000001a;transform:scale(.97)}.product-image-mobile{aspect-ratio:1;background:#f8f9fa;overflow:hidden;position:relative;width:100%}.product-image-mobile img{height:100%;object-fit:cover;width:100%}.product-image-placeholder{align-items:center;color:#ddd;display:flex;font-size:48px;height:100%;justify-content:center;width:100%}.product-info-mobile{padding:10px}.product-title-mobile{color:#333;font-size:14px;font-weight:600;line-height:1.3;margin:0 0 6px}.product-description-mobile,.product-title-mobile{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-description-mobile{color:#666;font-size:12px;line-height:1.4;margin:0 0 8px}.product-price-mobile{align-items:center;display:flex;gap:6px}.price-current{color:#222;font-size:15px;font-weight:700}.price-original{color:#999;font-size:12px;text-decoration:line-through}.no-products-message{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 200px);padding:80px 24px;text-align:center}.no-products-icon{animation:float 3s ease-in-out infinite;margin-bottom:32px;opacity:.9}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-products-icon svg{filter:drop-shadow(0 4px 12px rgba(102,126,234,.2))}.no-products-title{color:#1a202c;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0 0 12px}.no-products-text{color:#64748b;font-size:15px;line-height:1.6;margin:0 0 32px;max-width:320px}.browse-categories-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border:none;border-radius:12px;box-shadow:0 4px 16px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;letter-spacing:.3px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.browse-categories-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.browse-categories-btn:hover:before{left:100%}.browse-categories-btn:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.browse-categories-btn:active{box-shadow:0 4px 16px #667eea66;transform:translateY(0)}.browse-categories-btn svg{stroke:currentColor;height:20px;width:20px}@media (max-width:768px){.no-products-message{min-height:calc(100vh - 180px);padding:60px 20px}.no-products-icon{margin-bottom:24px}.no-products-icon svg{height:100px;width:100px}.no-products-title{font-size:22px}.no-products-text{font-size:14px;margin-bottom:28px;max-width:280px}.browse-categories-btn{border-radius:10px;font-size:15px;padding:14px 28px}}.product-detail-page{background:#fff;min-height:100vh;padding-bottom:140px}.product-detail-header{align-items:center;background:#fff;box-shadow:0 2px 4px #00000014;display:flex;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.product-detail-header h1{color:#333;flex:1 1;font-size:18px;font-weight:600;margin:0;text-align:center}.product-detail-content{padding:16px}.product-gallery{margin-bottom:20px}.main-image{aspect-ratio:1;background:#f8f9fa;border-radius:12px;margin-bottom:12px;overflow:hidden;width:100%}.main-image img{height:100%;object-fit:cover;width:100%}.no-image-large{align-items:center;color:#ccc;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.no-image-large span{font-size:80px;margin-bottom:12px}.no-image-large p{font-size:16px;margin:0}.image-thumbnails{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.thumbnail{border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;transition:border-color .2s;width:60px}.thumbnail.active{border-color:#667eea}.thumbnail img{height:100%;object-fit:cover;width:100%}.product-info-detail{margin-bottom:80px}.product-category-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;display:inline-block;font-size:11px;font-weight:500;margin-bottom:12px;padding:4px 10px}.product-title-detail{color:#222;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 12px}.product-price-detail{align-items:center;display:flex;gap:8px;margin-bottom:16px}.price-main{color:#222;font-size:26px;font-weight:700}.price-strike{color:#999;font-size:18px;text-decoration:line-through}.price-discount{background:#4caf50;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.stock-info{margin-bottom:16px}.in-stock{color:#4caf50}.in-stock,.out-of-stock{font-size:14px;font-weight:500}.out-of-stock{color:#f44336}.product-description-section{background:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:16px}.product-description-section h3{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.product-description-section p{color:#555;font-size:14px;line-height:1.6;margin:0}.provider-info{color:#555;font-size:14px;padding:12px}.provider-info,.quantity-selector{background:#f8f9fa;border-radius:8px;margin-bottom:16px}.quantity-selector{align-items:center;display:flex;gap:12px;padding:16px}.quantity-selector label{color:#333;font-size:14px;font-weight:600}.quantity-controls{gap:12px}.qty-btn,.quantity-controls{align-items:center;display:flex}.qty-btn{background:#fff;border:1px solid #ddd;border-radius:50%;cursor:pointer;font-size:18px;font-weight:600;height:32px;justify-content:center;transition:all .2s;width:32px}.qty-btn:active:not(:disabled){background:#f0f0f0}.qty-btn:disabled{cursor:not-allowed;opacity:.3}.qty-display{color:#333;font-size:18px;font-weight:600;min-width:24px;text-align:center}.product-actions-fixed{background:#fff;bottom:60px;box-shadow:0 -2px 8px #0000001a;display:flex;gap:12px;left:0;padding:12px 16px;position:fixed;right:0;z-index:90}.btn-add-cart,.btn-buy-now{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px;transition:all .2s}.btn-add-cart{background:#fff;border:2px solid #667eea;color:#667eea}.btn-add-cart:active{background:#f0f0f0}.btn-buy-now{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-buy-now:active{opacity:.9}.btn-add-cart:disabled,.btn-buy-now:disabled{cursor:not-allowed;opacity:.5}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container p{color:#999;font-size:16px;margin-bottom:20px}@media (max-width:480px){.modal-overlay{padding:10px}.step-registration-modal{border-radius:15px}.modal-header,.step-form{padding:20px}.interests-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.suggestions-grid{gap:6px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.modal-actions{flex-direction:column}.modal-actions .primary-btn,.modal-actions .secondary-btn{width:100%}}.checkout-page{background:#f5f5f5;min-height:100vh;padding-bottom:80px}.checkout-header{align-items:center;background:#fff;box-shadow:0 2px 4px #00000014;display:flex;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.checkout-header h1{color:#333;font-size:18px;font-weight:600;margin:0}.checkout-content{padding:16px}.checkout-section,.checkout-summary{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:16px}.checkout-section h2,.checkout-summary h2{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.checkout-product-item{display:flex;gap:12px}.checkout-product-image{border-radius:8px;height:80px;object-fit:cover;width:80px}.checkout-product-info{flex:1 1}.checkout-product-info h3{color:#333;font-size:15px;font-weight:600;margin:0 0 4px}.checkout-product-info p{color:#666;font-size:13px;margin:4px 0}.checkout-product-price{margin-top:8px}.checkout-form{display:flex;flex-direction:column;gap:12px}.checkout-form input{border:1px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px}.checkout-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.checkout-product-list{display:flex;flex-direction:column;gap:14px}.checkout-product-item.active{border:2px solid #667eea59;box-shadow:0 8px 24px #667eea26}.checkout-product-status{background:#667eea1f;border-radius:999px;color:#667eea;display:inline-block;font-size:12px;font-weight:600;margin-top:6px;padding:4px 10px}.checkout-batch-note{color:#555;font-size:13px;line-height:1.5;margin-top:12px}@media (max-width:540px){.checkout-form-row{grid-template-columns:1fr}}.checkout-total{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px}.checkout-total-row{color:#666;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.checkout-total-row.checkout-total-final{border-top:2px solid #f0f0f0;color:#333;font-size:18px;font-weight:700;margin-bottom:0;margin-top:8px;padding-top:12px}.checkout-actions{background:#fff;bottom:70px;box-shadow:0 -2px 8px #0000001a;left:0;padding:12px 16px;position:fixed;right:0;z-index:100}.btn-checkout{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.btn-checkout:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-checkout:active{transform:translateY(0)}.btn-checkout:disabled{cursor:not-allowed;opacity:.6}.order-confirmation-page{background:#f5f5f5;min-height:100vh;padding-bottom:80px}.confirmation-content{padding:32px 16px;text-align:center}.confirmation-icon{margin-bottom:24px}.confirmation-title{color:#333;font-size:24px;font-weight:700;margin:0 0 12px}.confirmation-message{color:#666;font-size:16px;margin:0 0 32px}.order-details-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:20px;text-align:left}.order-details-card h2{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.order-detail-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:12px}.order-detail-row span:first-child{color:#666}.order-detail-row strong{color:#333;font-weight:600}.status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px}.status-badge.confirmed,.status-badge.paid{background:#d1fae5;color:#065f46}.status-badge.pending{background:#fef3c7;color:#92400e}.shipping-address{color:#666;line-height:1.6}.shipping-address p{margin:4px 0}.shipping-address strong{color:#333}.order-item{border-bottom:1px solid #f0f0f0;padding:12px 0}.order-item:last-child{border-bottom:none}.order-item-info h3{color:#333;font-size:15px;font-weight:600;margin:0 0 4px}.order-item-info p{color:#666;font-size:13px;margin:4px 0}.order-item-total{color:#333;font-size:15px;font-weight:600;margin-top:8px}.confirmation-actions{display:flex;gap:12px;margin-top:24px}.confirmation-actions button{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.shop-admin-login-page,.shop-admin-request-page{background:#f5f5f5;min-height:100vh;padding-bottom:20px}.shop-admin-header{align-items:center;background:#fff;box-shadow:0 2px 4px #00000014;display:flex;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.shop-admin-header h1{color:#333;flex:1 1;font-size:18px;font-weight:600;margin:0;text-align:center}.shop-admin-login-content,.shop-admin-request-content{margin:0 auto;max-width:500px;padding:24px 16px}.request-info-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:20px}.request-info-card h2{color:#333;font-size:20px;margin:0 0 8px}.request-info-card p{color:#666;font-size:14px;line-height:1.5;margin:0}.shop-admin-login-form,.shop-admin-otp-form,.shop-admin-request-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;width:100%}.form-group textarea{resize:vertical}.btn-send-otp,.btn-submit-request,.btn-verify-otp{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px;transition:all .3s ease;width:100%}.btn-send-otp:hover,.btn-submit-request:hover,.btn-verify-otp:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-send-otp:disabled,.btn-submit-request:disabled,.btn-verify-otp:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-info,.otp-info{margin-bottom:24px;text-align:center}.login-info h2,.otp-info h2{color:#333;font-size:22px;margin:0 0 8px}.login-info p,.otp-info p{color:#666;font-size:14px;margin:0}.login-footer{color:#666;font-size:14px;margin-top:20px;text-align:center}.link-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}.link-btn:hover{color:#764ba2}.otp-inputs{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.otp-input{border:2px solid #e0e0e0;border-radius:8px;font-size:24px;font-weight:600;height:50px;text-align:center;transition:all .2s ease;width:50px}.otp-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.change-phone,.resend-otp{margin-top:16px;text-align:center}.rejection-message{background:#fee2e2;border-left:4px solid #ef4444;border-radius:4px;font-size:13px;margin-top:12px;padding:12px}.rejection-message strong{color:#ef4444}.shop-admin-dashboard{background:#f5f5f5;min-height:100vh}.shop-admin-dashboard-header{align-items:center;background:#fff;box-shadow:0 2px 4px #00000014;display:flex;justify-content:space-between;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.shop-admin-dashboard-header h1{color:#333;font-size:22px;font-weight:700;margin:0}.btn-logout{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-logout:hover{background:#dc2626}.shop-admin-layout{display:flex;min-height:calc(100vh - 70px)}.shop-admin-sidebar{background:#fff;border-right:1px solid #e0e0e0;padding:24px 0;width:250px}.shop-admin-nav{display:flex;flex-direction:column;gap:4px}.nav-item{background:#0000;color:#666;font-size:15px;font-weight:500;gap:12px;padding:14px 24px;text-align:left;transition:all .2s ease}.nav-item:hover{background:#f8f9fa;color:#333}.nav-item.active{background:#f0f4ff;border-right:3px solid #667eea;font-weight:600}.shop-admin-content{flex:1 1;overflow-y:auto;padding:24px}.add-product-view h2,.dashboard-view h2,.products-view h2,.profile-view h2{color:#333;font-size:24px;font-weight:700;margin:0 0 24px}.view-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;padding:24px;transition:transform .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.stat-info h3{color:#333;font-size:32px;font-weight:700;margin:0 0 4px}.stat-info p{color:#666;font-size:14px;margin:0}.product-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.form-actions{display:flex;gap:12px;margin-top:24px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.no-products{padding:60px 24px;text-align:center}.no-products,.products-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.products-table{overflow:hidden}.products-table table{border-collapse:collapse;width:100%}.products-table thead{background:#f8f9fa}.products-table th{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.products-table td{border-top:1px solid #f0f0f0;color:#333;font-size:14px;padding:16px}.product-name-cell{align-items:center;display:flex;gap:12px}.product-thumb{border-radius:6px;height:50px;object-fit:cover;width:50px}.profile-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:visible;padding:24px}.profile-view{overflow:visible;width:100%}.profile-row{word-wrap:break-word;align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;padding:16px 0}.profile-row:last-child{border-bottom:none}.profile-row .label{color:#666;flex-shrink:0;font-weight:600;min-width:150px}.profile-row .value{word-wrap:break-word;color:#333;flex:1 1;overflow-wrap:break-word;word-break:break-word}.profile-row .value.error{color:#ef4444}@media (max-width:768px){.shop-admin-layout{flex-direction:column}.shop-admin-sidebar{border-bottom:1px solid #e0e0e0;border-right:none;padding:0;width:100%}.shop-admin-nav{flex-direction:row;gap:8px;overflow-x:auto;padding:12px}.nav-item{border-bottom:3px solid #0000;border-right:none;padding:12px 16px;white-space:nowrap}.nav-item.active{border-bottom-color:#667eea;border-right:none}.shop-admin-content{padding:16px}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.products-table{overflow-x:auto}.products-table table{min-width:600px}.form-row{grid-template-columns:1fr}}.call-room{background:radial-gradient(circle at 15% 20%,#ff5fa424,#0000 55%),radial-gradient(circle at 85% 10%,#6c5ce72e,#0000 58%),#060611;color:#fff;display:flex;flex-direction:column;font-family:Inter,Segoe UI,Tahoma,sans-serif;min-height:100vh}.call-room__header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ff5fa424,#6c5ce71f);border-bottom:1px solid #ffffff14;justify-content:space-between;padding:clamp(12px,2vw,24px) clamp(16px,5vw,48px)}.call-room__header,.call-room__partner{align-items:center;display:flex;gap:16px}.call-room__avatar{align-items:center;background:linear-gradient(135deg,#ff5fa499,#6c5ce799);border-radius:16px;display:flex;font-size:18px;font-weight:700;height:52px;justify-content:center;letter-spacing:.5px;width:52px}.call-room__partner h1{font-size:clamp(18px,4vw,26px);font-weight:600;margin:0}.call-room__partner span{color:#ffffffb3;font-size:13px}.call-room__status{color:#ffffffb3;font-size:14px}.call-room__leave{background:#ffffff14;border:1px solid #ffffff14;border-radius:12px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:background .2s ease,transform .2s ease}.call-room__leave:hover{background:#ffffff2e;transform:translateY(-1px)}.call-room__main{display:flex;flex:1 1;padding:clamp(8px,3vw,24px);position:relative}.call-room__zego{background:#0c0c1ae6;border-radius:18px;flex:1 1;min-height:320px;overflow:hidden}.call-room__loading{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,#060614eb,#060614c7);border-radius:18px;display:flex;flex-direction:column;gap:18px;inset:clamp(8px,3vw,24px);justify-content:center;padding:32px;position:absolute;text-align:center;z-index:10}.call-room__loading h2{font-size:clamp(20px,4vw,28px);margin:0}.call-room__loading p{color:#ffffffb3;margin:0;max-width:360px}.call-room__spinner{animation:call-room-spin 1s linear infinite;border:5px solid #ffffff2e;border-radius:50%;border-top-color:#ff5fa4;height:60px;width:60px}@keyframes call-room-spin{to{transform:rotate(1turn)}}.call-room__error{align-items:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#060614f0;display:flex;inset:0;justify-content:center;padding:36px;position:fixed;z-index:999}.call-room__error-card{background:#0c0c1ceb;border-radius:18px;box-shadow:0 22px 48px #6c5ce740;max-width:420px;padding:32px;text-align:center}.call-room__error-card h2{margin:0 0 12px}.call-room__error-card p{color:#ffffffc2;margin-bottom:24px}.call-room__error-card button{background:linear-gradient(135deg,#ff5fa4,#6c5ce7);border:none;border-radius:14px;box-shadow:0 12px 28px #6c5ce738;color:#fff;cursor:pointer;font-weight:600;padding:12px 26px}@media (max-width:720px){.call-room__header{align-items:flex-start;flex-direction:column}.call-room__leave{align-self:stretch}.call-room__main{padding:12px}.call-room__loading{inset:12px;padding:26px}}.admin-login{align-items:center!important;box-sizing:border-box!important;display:flex!important;justify-content:center!important;min-height:100vh!important;padding:2rem 1rem!important;width:100%!important}.admin-login-container{margin:0 auto!important;max-width:450px!important;position:relative!important;width:100%!important;z-index:10!important}@media (max-width:480px){.admin-login{padding:1rem!important}.admin-login-container{max-width:100%!important;padding:2rem 1.5rem!important}}@media (min-width:481px) and (max-width:768px){.admin-login{padding:2rem 1.5rem!important}}@media (min-width:769px){.admin-login{padding:3rem 2rem!important}.admin-login-container{max-width:500px!important}}@media (min-width:1024px){.admin-login-container{max-width:550px!important}}.bottom-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-top:1px solid #0000001a;bottom:0;box-shadow:0 -2px 20px #0000001a;height:70px;justify-content:space-around;left:0;padding:8px 0;position:fixed;right:0;z-index:1000}.bottom-navigation,.nav-item{align-items:center;display:flex}.nav-item{background:none;border:none;border-radius:12px;color:#0009;cursor:pointer;flex-direction:column;justify-content:center;min-width:50px;padding:6px 8px;transition:all .3s ease}.nav-item:hover{color:#000c;transform:translateY(-2px)}.nav-item.active{background:#667eea1a;color:#667eea;transform:translateY(-2px)}.nav-item.active:before{background:#667eea;border-radius:50%;box-shadow:0 0 8px #667eea80;content:"";height:4px;left:50%;position:absolute;top:-2px;transform:translateX(-50%);width:4px}.nav-icon{align-items:center;display:flex;justify-content:center;margin-bottom:4px;transition:all .3s ease}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-label{font-size:10px;font-weight:500;line-height:1;text-align:center;transition:all .3s ease}.nav-item.active .nav-label{font-weight:600}.page-with-bottom-nav{padding-bottom:80px}@media (max-width:480px){.bottom-navigation{height:65px;padding:6px 0}.nav-item{min-width:45px;padding:4px 6px}.nav-label{font-size:9px}.page-with-bottom-nav{padding-bottom:75px}}@keyframes navItemBounce{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.nav-item.active{animation:navItemBounce .6s ease-in-out}.nav-item{overflow:hidden;position:relative}.nav-item:after{background:#667eea33;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0}.nav-item:active:after{height:100px;width:100px}
/*# sourceMappingURL=main.4ef92c30.css.map*/