.welcome-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:40px 20px;min-height:100vh;text-align:center;background:#f7faff}.welcome-header{margin-bottom:30px}.welcome-header h1{font-size:2.8rem;color:#1a1a1a;margin-bottom:12px;line-height:1.2}.welcome-header .highlight{color:#f58220;font-weight:800}.welcome-header p{font-size:1.1rem;color:#555;max-width:340px;margin:0 auto}.illustration-container{flex:1;display:flex;justify-content:center;align-items:center;margin:30px 0;width:100%}.welcome-illustration{max-width:480px;width:100%;height:auto;transition:transform .3s ease}.welcome-illustration:hover{transform:scale(1.02)}.button-container{display:flex;flex-direction:column;gap:16px;width:100%;max-width:300px;margin-bottom:70px}.primary-button,.secondary-button{padding:16px;font-size:1.05rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease}.primary-button{background:linear-gradient(to right,#f58220,#eea564);color:#fff;border:none;box-shadow:0 4px 14px #3450e04d}.primary-button:hover{transform:translateY(-2px);opacity:.95}.terms-text{margin-top:1.5rem;color:#777;font-size:.8rem;text-align:center}.terms-text p{max-width:320px}.instructions-text{margin-top:1.5rem;color:#f58220;font-size:.8rem;text-align:center}.instructions-text p{max-width:320px;margin:0 auto}.instructions-text a{color:#f58220;text-decoration:none;font-weight:500;transition:color .3s ease}.instructions-text a:hover{color:#e06b10;text-decoration:underline}@media (max-width: 768px){.welcome-header h1{font-size:2.2rem}.welcome-header p{font-size:1rem;max-width:300px}.welcome-illustration{max-width:340px}}@media (max-width: 480px){.welcome-header h1{font-size:1.9rem}.welcome-header p{font-size:.95rem}.welcome-illustration{max-width:300px;margin-top:120px}.primary-button,.secondary-button{font-size:.95rem;padding:14px}.button-container{gap:12px}}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;min-height:100vh;background:linear-gradient(135deg,#fff,#f0f4f8);position:relative}.back-icon{position:absolute;top:1.5rem;left:1.5rem;color:#222;cursor:pointer;transition:color .3s ease,transform .2s ease}.back-icon:hover{color:#f58220;transform:scale(1.1)}.illustration{margin:1.5rem 0}.vehicle-icon{width:100%;max-width:300px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));transition:transform .3s ease}.vehicle-icon:hover{transform:scale(1.05)}.login-text h2{font-size:1.7rem;font-weight:700;margin-bottom:.5rem;color:#1a1a1a;text-align:center}.login-text p{font-size:.9rem;color:#555;text-align:center;max-width:320px}.input-container{width:100%;max-width:320px;margin:1.5rem 0;display:flex;justify-content:center}.vehicle-input-group{display:flex;align-items:center;gap:.5rem;background:#fff;border-radius:14px;padding:.5rem;box-shadow:0 4px 12px #0000001a;transition:box-shadow .3s ease}.vehicle-input-group:focus-within{box-shadow:0 4px 16px #f582204d}.vehicle-input{padding:.8rem;border-radius:8px;border:1px solid #ddd;font-size:1rem;text-align:center;transition:all .3s ease}.vehicle-input-letters{width:40%;text-transform:uppercase}.vehicle-input-numbers{width:40%}.vehicle-input:focus{border-color:#f58220;outline:none}.vehicle-input:disabled{background-color:#f8f8f8;cursor:not-allowed}.input-divider{font-size:1.2rem;color:#333;font-weight:700;margin:0 .5rem}.error-message{color:#e63946;margin:.75rem 0;text-align:center;font-size:.85rem;animation:fadeIn .3s ease-in}.continue-button{width:100%;max-width:320px;padding:.9rem;font-size:1rem;background:linear-gradient(90deg,#f58220,#ff9f43);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #f582204d}.continue-button:hover{background:linear-gradient(90deg,#e06b10,#f48c06);transform:translateY(-2px);box-shadow:0 6px 14px #f5822066}.continue-button.loading{opacity:.7;cursor:not-allowed;transform:none}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.4);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.login-page{padding:1rem}.login-text h2{font-size:1.4rem}.login-text p{font-size:.85rem}.vehicle-icon{max-width:250px}.input-container{max-width:80%}.vehicle-input-group{padding:.4rem}.vehicle-input{padding:.7rem;font-size:.9rem}.vehicle-input-letters,.vehicle-input-numbers{width:45%}.continue-button{padding:.8rem;font-size:.9rem}}@media (max-width: 360px){.vehicle-input-letters,.vehicle-input-numbers{width:42%}.input-divider{margin:0 .3rem}}.otp-page{display:flex;flex-direction:column;align-items:center;padding:80px 20px;min-height:100vh;background-color:#fff;position:relative;font-family:Poppins,sans-serif}.otp-back-icon{position:absolute;top:20px;left:20px;color:#333;cursor:pointer}.otp-input-group{display:flex;justify-content:center;gap:8px;margin:20px 0}.otp-input{width:40px;height:50px;text-align:center;font-size:18px;border:1px solid #ccc;border-radius:5px}.otp-input:focus{outline:none;border-color:#eea564}.otp-submit-btn{width:100%;padding:12px;background:linear-gradient(to right,#f58220,#eea564);color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;margin-top:20px}.otp-submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.otp-submit-btn.loading{opacity:.8}.otp-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.otp-error-message{color:#f44;text-align:center;margin:10px 0;font-size:14px}.resend-text{color:#eea564;cursor:pointer;font-weight:500}.resend-text:hover{text-decoration:underline}.resend-timer{color:#888}.otp-title{font-size:1.8rem;font-weight:700;color:#1a1a1a;margin-top:30px}.otp-subtitle{font-size:.95rem;color:#666;margin:12px 0 28px;text-align:center}.otp-input-group{display:flex;gap:16px;justify-content:center;margin-bottom:30px}.otp-input{width:55px;height:60px;font-size:1.5rem;text-align:center;border:1.8px solid #ccc;border-radius:14px;transition:.3s ease;box-shadow:0 2px 6px #0000000d}.otp-input:focus{border-color:#f58220;outline:none;box-shadow:0 0 6px #3450e040}.otp-submit-btn{width:100%;max-width:350px;padding:14px;font-size:1rem;background:linear-gradient(to right,#f58220,#eea564);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:.3s ease}.otp-submit-btn:hover{background:#f58220}.otp-footer{margin-top:25px;font-size:.9rem;color:#999}.resend-text{color:#f58220;font-weight:500;cursor:pointer}.otp-illustration{margin-top:0;margin-bottom:10px}.otp{width:300px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@media (max-width: 760px){.otp-input-group{gap:8px}}@media (max-width: 1020px){.otp-input-group{gap:6px}}.service-status-container{max-width:500px;margin:auto;padding:150px 20px;font-family:Poppins,sans-serif;min-height:100vh}.service-header{display:flex;justify-content:space-between;align-items:center}.service-id{font-weight:600;margin-top:5px}.service-time{font-size:.85rem;color:#777}.service-car-image{width:80px;height:auto}.service-card{margin:20px 0;padding:15px;border-radius:14px;background-color:#f9f9f9;box-shadow:0 1px 6px #0000000d}.service-step{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.step-icon{font-size:1.3rem;margin-top:6px}.green{color:#22c55e}.blue{color:#eea564}.gray{color:#d1d5db}.service-step h4{font-size:1rem;margin:0}.service-step p{margin:0;font-size:.85rem;color:#555}.progress-bar{height:6px;background-color:#e5e7eb;border-radius:8px;overflow:hidden;margin-top:8px;width:100%}.progress-fill{width:75%;height:100%;background:linear-gradient(to right,#34d399,#eea564);transition:width .5s ease-in-out}.cost-section{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.tax-note{font-size:.75rem;color:#888;margin-top:2px}.view-details-btn{width:100%;padding:14px;background-color:#eea564;color:#fff;font-weight:600;border:none;border-radius:10px;font-size:1rem;cursor:pointer;margin-top:20px;transition:background-color .3s}.view-details-btn:hover{background-color:#f58220}@media (max-width: 480px){.service-car-image{width:150px}.step-icon{font-size:1.1rem}.service-step h4,.view-details-btn{font-size:.95rem}}.service-page{display:flex;flex-direction:column;max-height:110vh;background-color:#f5f7fa}.service-status-container{flex:1;padding:60px 10px;overflow-y:auto}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.large-icon{font-size:1.6rem}body{overflow:hidden;margin:0;padding:0}body.appointment-scroll{overflow-y:auto;overflow-x:hidden}.appointment-wrapper{display:flex;justify-content:center;padding:24px;background:linear-gradient(135deg,#f0f4f8,#e0f2fe);min-height:100vh;font-family:Inter,sans-serif}.appointment-container{width:100%;max-width:500px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 12px 28px #00000014;transition:transform .3s ease}.appointment-container:hover{transform:translateY(-2px)}.header-with-back{display:flex;align-items:center;margin-bottom:24px;position:relative}.back-button{background:none;border:none;padding:6px;margin-right:10px;color:#eea564;cursor:pointer;position:absolute;left:0}h1{text-align:center;font-size:1.6rem;margin:0 auto;color:#0f172a;font-weight:700;padding-left:32px}h2{font-size:1rem;color:#334155;margin-top:24px;margin-bottom:10px;font-weight:600;padding-left:10px}.form-group{margin-bottom:16px}label{display:block;margin-bottom:6px;font-size:.85rem;font-weight:500;color:#475569}input,select,textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#f1f5f9;font-size:.9rem;color:#0f172a;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:#eea564;box-shadow:0 0 0 3px #3b82f64d}.inline-group{display:flex;gap:12px;flex-wrap:wrap}.inline-group .form-group{flex:1;min-width:150px}.submit-btn{width:100%;background:linear-gradient(90deg,#eea564,#f58220);color:#fff;font-weight:600;border:none;padding:14px;border-radius:10px;font-size:1rem;cursor:pointer;transition:background .3s ease,transform .2s;margin-top:20px}.submit-btn:hover{background:linear-gradient(90deg,#eea564,#f58220);transform:scale(1.02)}@media (max-width: 480px){.appointment-container{padding:20px}h1{font-size:1.25rem}.inline-group .form-group{min-width:100%}}.success-page{display:flex;justify-content:center;align-items:center;height:80vh;text-align:center}.success-container{background-color:#f0fff4;padding:40px;border-radius:12px;box-shadow:0 0 12px #0000001a}.success-message{margin-top:20px;color:#28a745;font-weight:700}.app-bar{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:50px;background:linear-gradient(135deg,#f58220,#eea564);color:#fff;box-shadow:0 2px 10px #0003;position:sticky;top:0;z-index:100}.app-bar-left{display:flex;align-items:center;gap:0px}.menu-button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .3s}.menu-button:hover{background-color:#ffffff1a}.app-title{font-size:15px;font-weight:600;margin:0;letter-spacing:.3px;color:#fff}.app-bar-right{display:flex;align-items:center;gap:12px}.notification-container{position:relative}.notification-button{position:relative;background:none;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:50%;transition:background-color .3s}.notification-button:hover{background-color:#ffffff1a}.notification-badge{position:absolute;top:0;right:-2px;background-color:#ff4757;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;justify-content:center;align-items:center;font-size:10px;font-weight:700}.notification-popup{position:absolute;top:48px;right:0;background:#fff;color:#1f2937;border-radius:12px;width:300px;box-shadow:0 8px 24px #0003;z-index:101;overflow:hidden;animation:fadeIn .2s ease-in-out}.notification-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#f58220,#eea564);color:#fff;padding:10px 16px;font-weight:600;font-size:14px}.close-button{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:#fff3}.notification-list{padding:12px 16px}.notification-list p{font-size:12px;margin:8px 0;border-bottom:1px solid #f1f1f1;padding-bottom:6px}.notification-list p:last-child{border-bottom:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sidebar{position:fixed;top:0;left:-300px;width:280px;height:100vh;background:#fff;box-shadow:2px 0 10px #0000001a;transition:all .3s ease;z-index:1000;display:flex;flex-direction:column}.sidebar.open{left:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f58220 50%,#fff);color:#fff}.sidebar-header h2{margin:0;font-size:20px;font-weight:600;color:#fff}.close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px}.sidebar-content{flex:1;overflow-y:auto;padding:20px}.user-profile{display:flex;align-items:center;gap:12px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.avatar{width:40px;height:40px;border-radius:50%;background-color:#f58220;display:flex;justify-content:center;align-items:center;color:#fff}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:#1f2937}.user-email{font-size:12px;color:#6b7280}.sidebar-menu{display:flex;flex-direction:column;gap:8px}.menu-item{display:flex;align-items:center;padding:12px 16px;border-radius:8px;color:#4b5563;text-decoration:none;transition:all .2s}.menu-item:hover{background-color:#f3f4f6;color:#f58220}.menu-item.active{background-color:#e0e7ff;color:#f58220;font-weight:500}.menu-icon{margin-right:12px;font-size:18px}.sidebar-footer{padding:20px;border-top:1px solid #e5e7eb}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;display:none}.sidebar-overlay.open{display:block}body{background:linear-gradient(to bottom right,#edf2fb,#d0e1ff);max-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}html,body{overflow-y:hidden;height:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8f9fa;color:#000;overflow-x:hidden;overflow-y:auto;min-height:100vh}.max-w-md{max-width:390px;margin:0 auto}.main-content{padding-top:10px;padding-bottom:20px}.recent-section{margin-top:8px;padding:15px}.recent-item{cursor:pointer}.recent-item-content{display:flex;align-items:center;justify-content:center;padding:20px 15px;border-radius:8px;background-color:#f5f5f5;box-shadow:0 2px 8px #0000001a;height:120px;gap:20px}.recent-icon{font-size:52px;color:#eea564;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-left:10px}.recent-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px;margin-left:-10px;margin-top:20px}.recent-info h3{margin:0;font-size:18px;font-weight:700;color:#000;text-align:center}.recent-info .recent-id{margin:0;font-size:16px;font-weight:700;color:#333;text-align:center;letter-spacing:.5px}.recent-info .recent-time{margin:0;font-size:14px;color:#666;text-align:center;min-height:20px}.suggestions-section{background:#fff;margin-top:12px;padding:15px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title{font-size:20px;font-weight:600;color:#000}.suggestions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;margin-top:20px}.suggestion-card{background:#f8f8f8;border-radius:12px;padding:12px 6px;text-align:center;position:relative;transition:transform .1s ease;cursor:pointer}.suggestion-card:active{transform:scale(.95)}.suggestion-card.promo:before{content:"Promo";position:absolute;top:-6px;right:-6px;background:#00a86b;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px}.suggestion-icon{width:30px;height:30px;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:22px}.suggestion-label{font-size:12px;font-weight:500;color:#000}.promotions-section{background:#fff;padding:15px;margin-top:-20px}.main-promotions-title{font-size:20px;font-weight:600;margin-bottom:12px;color:#000}.promotions-carousel{position:relative;overflow:hidden}.promotions-cards{overflow:hidden;width:100%}.carousel-container{display:flex;width:100%;transition:transform .5s ease-in-out}.promotions-card{flex:0 0 100%;width:100%;height:200px;border-radius:10px;overflow:hidden;position:relative}.card-image{width:100%;height:100%;object-fit:cover}.card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0009);padding:12px;color:#fff}.card-title{font-size:14px;font-weight:600;margin-bottom:4px}.card-subtitle{font-size:12px;opacity:.9}.progress-wrapper{background-color:#fff;margin:16px 15px 7px;padding:20px;border-radius:10px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;align-items:center}.progress-title{font-size:18px;font-weight:600;color:#333;margin-bottom:14px}.custom-progress-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.custom-progress-track{width:100%;height:16px;background:linear-gradient(90deg,#f0f0f0,#e8e8e8);border-radius:25px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.custom-progress-fill{height:100%;background:linear-gradient(90deg,#fa8c16,#ffa940,#52c41a);border-radius:25px;position:relative;transition:width 2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #fa8c1666;overflow:hidden}.custom-progress-fill:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);animation:pulse 2s ease-in-out infinite}.progress-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:shine 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes shine{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}.progress-info{display:flex;gap:8px;justify-content:center;align-items:center}.current-points{font-size:18px;font-weight:700;color:#fa8c16;text-shadow:0 1px 2px rgba(0,0,0,.1)}.max-points{font-size:14px;color:#666;font-weight:500}.services-container{max-width:100%;margin:0 auto;padding:1.5rem;background:linear-gradient(135deg,#f8f7f6,#bbb09d);min-height:100vh;box-sizing:border-box}.services-title{font-size:2.5rem;font-weight:800;color:#f4780c;text-align:center;margin:2rem 0;text-transform:uppercase;letter-spacing:1.5px;background:linear-gradient(to right,#f58220,#eea564);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.services-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow-x:auto;padding:1rem;margin-bottom:2rem;transition:transform .3s ease;max-width:900px;margin-left:auto;margin-right:auto}.services-card:hover{transform:translateY(-5px)}.services-table{width:100%;max-width:900px;border-collapse:collapse;font-size:.95rem;color:#1f2937;margin:0 auto}.services-table th,.services-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.services-table th{background:#f4780c;color:#fff;font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.services-table tr{transition:background .2s ease}.services-table tr:hover{background:#f1f5f9}.job-number-link{background:none;border:none;color:#f0872b;font-size:.95rem;font-weight:600;text-decoration:underline;cursor:pointer;transition:color .2s ease,transform .2s ease;padding:0}.job-number-link:hover{color:#f4780c;transform:scale(1.05)}.job-number-link:focus{outline:none;box-shadow:0 0 0 2px #ba5c09}.status-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-align:center;transition:transform .2s ease}.status-completed{background:#22c55e;color:#fff}.status-in-progress{background:#eea564;color:#fff}.modal-title{font-size:1.5rem;font-weight:700;color:#f4780c;margin-bottom:1.5rem;text-align:center}.modal-close{display:block;margin:1.5rem auto 0;padding:.5rem 1.5rem;background:#f4780c;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease}@media (max-width: 768px){.services-container{padding:1rem}.services-title{font-size:1.8rem;margin:1.5rem 0}.services-table{font-size:.85rem}.services-table th,.services-table td{padding:.5rem}.services-card{padding:1.5rem .75rem;max-width:100%}.status-badge{font-size:.75rem;padding:.3rem .6rem}.job-number-link{font-size:.85rem}}@media (max-width: 600px){.services-card{overflow-x:auto}.services-table{min-width:500px}.modal-content{width:90%;padding:1.5rem}.modal-title{font-size:1.25rem}.modal-body{font-size:.9rem}}.invoices-container{max-width:100%;margin:0 auto;padding:0 1.5rem;background:linear-gradient(135deg,#f8f7f6,#bbb09d);min-height:100vh;box-sizing:border-box}.invoices-title{font-size:2.5rem;font-weight:800;color:#ba5c09;text-align:center;margin:2rem 0;text-transform:uppercase;letter-spacing:1.5px;background:linear-gradient(to right,#c05e08,#eea564);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.invoices-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow-x:auto;padding:2rem;margin-bottom:2rem;transition:transform .3s ease}.invoices-card:hover{transform:translateY(-5px)}.invoices-table{width:100%;border-collapse:collapse;font-size:1rem;color:#1f2937}.invoices-table th,.invoices-table td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb}.invoices-table th{background:#ba5c09;color:#fff;font-weight:700;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px}.invoices-table tr{transition:background .2s ease}.invoices-table tr:hover{background:#f1f5f9}.invoice-number{background:none;border:none;color:#1f2937;font-size:1rem;font-weight:600;cursor:pointer;transition:color .2s ease,transform .2s ease;padding:0}.invoice-number:hover{color:#eea564;transform:scale(1.05)}.invoice-number:focus{outline:none;box-shadow:0 0 0 2px #ba5c09}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-align:center;transition:transform .2s ease}.status-badge:hover{transform:scale(1.05)}.status-paid{background:#22c55e;color:#fff}.status-pending{background:#f59e0b;color:#fff}.status-overdue{background:#ef4444;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;padding:2rem;max-width:90%;width:400px;box-shadow:0 8px 32px #0003;animation:slideIn .3s ease}.modal-title{font-size:1.5rem;font-weight:700;color:#ba5c09;margin-bottom:1.5rem;text-align:center}.modal-body{font-size:1rem;color:#1f2937;line-height:1.6}.modal-body p{margin:.5rem 0}.modal-close{display:block;margin:1.5rem auto 0;padding:.5rem 1.5rem;background:#ba5c09;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease}.modal-close:hover{background:#eea564}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.invoices-container{padding:1rem}.invoices-title{font-size:1.8rem;margin:1.5rem 0}.invoices-table{font-size:.9rem}.invoices-table th,.invoices-table td{padding:.75rem}.invoices-card{padding:1.5rem}.status-badge{font-size:.8rem;padding:.4rem .8rem}.invoice-number{font-size:.9rem}}@media (max-width: 600px){.invoices-card{overflow-x:auto}.invoices-table{min-width:600px}.modal-content{width:90%;padding:1.5rem}.modal-title{font-size:1.25rem}.modal-body{font-size:.9rem}}.ant-table-thead>tr>th{background-color:#f0f0f0!important;color:#1f2937!important;font-weight:600}.promotions-container{min-height:100vh;padding:2rem 1rem;background:linear-gradient(145deg,#f8f7f6,#bbb09d);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.promotions-title{font-size:2rem;font-weight:800;text-align:center;color:#ba5c09;background:linear-gradient(to right,#f58220,#eea564);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem}.promotion-card{width:100%;max-width:600px;border-radius:16px;box-shadow:0 12px 30px #0000001a;overflow:hidden;transition:all .3s ease}.promotion-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000026}.promotion-image{height:250px;object-fit:cover;border-top-left-radius:16px;border-top-right-radius:16px}.promotion-subtitle{color:#64748b;font-weight:500;margin-bottom:1rem}.promotion-description{color:#334155;font-size:1rem;line-height:1.6;margin-bottom:2rem}.more-details-button{background-color:#f58220}@media (max-width: 768px){.promotion-card{max-width:100%;margin:0 .5rem}.promotion-image{height:180px}.promotion-description{font-size:.9rem}.promotions-title{font-size:1.6rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.instruction-page{display:flex;flex-direction:column;align-items:center;background:#fff;min-height:100vh;padding:2rem 1.5rem;position:relative}.back-icon{position:absolute;top:1.5rem;left:1.5rem;color:#333;cursor:pointer;transition:color .3s ease}.back-icon:hover{color:#f58220}.header{text-align:center;margin-bottom:2rem;padding:0 1rem}.header h1{font-size:2rem;font-weight:700;color:#f58220;margin-bottom:.75rem}.header p{font-size:1rem;color:#666;line-height:1.5;max-width:380px;margin:0 auto}.steps-container{width:100%;max-width:400px;display:flex;flex-direction:column;gap:2rem}.step{display:flex;flex-direction:column;align-items:center}.step-image{width:100%;max-width:300px;margin-bottom:.5rem}.step-image img{width:100%;height:auto;border-radius:12px;box-shadow:0 4px 10px #00000014}.step-content h2{font-size:1.25rem;color:#333;font-weight:600;margin-top:.5rem}.footer{text-align:center;margin-top:2rem}.footer p{font-size:.85rem;color:#999}@media (max-width: 480px){.header h1{font-size:1.6rem}.header p{font-size:.95rem}.step-image{max-width:260px}.step-content h2{font-size:1.1rem}}@media (max-width: 360px){.header h1{font-size:1.4rem}.step-image{max-width:220px}.step-content h2{font-size:1rem}}.points-details-container{max-width:480px;margin:0 auto;padding:1.2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f9f9f9;min-height:100vh}.points-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.back-button{display:flex;align-items:center;background-color:transparent;border:none;color:#555;font-size:1rem;cursor:pointer;padding:.4rem .6rem;transition:all .2s ease}.back-button:hover{color:#000}.back-icon{margin-right:.4rem;font-size:1.1rem}.reward-cards{display:flex;flex-direction:column;gap:1.5rem}.reward-card{display:flex;align-items:center;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 12px #0000000f;border-left:6px solid #ccc;transition:transform .2s}.reward-card:hover{transform:scale(1.02)}.reward-icon{font-size:2rem;margin-right:1rem}.reward-content h3{margin:0;font-size:1.1rem;color:#333}.reward-content p{margin:.2rem 0 0;color:#666;font-size:.95rem}@media (max-width: 480px){.reward-card{padding:.9rem}.reward-icon{font-size:1.7rem}.reward-content h3{font-size:1rem}.reward-content p{font-size:.85rem}}