*{box-sizing:border-box}html,body{color:#102033;background:#f3f7fb;margin:0;padding:0;font-family:Arial,sans-serif}a{text-decoration:none}button{cursor:pointer;font-family:inherit}img,video{max-width:100%}.welcome-page,.form-page,.app-home-page{background:radial-gradient(circle at 0 0,#dbeafe,#0000 35%),radial-gradient(circle at 100% 100%,#ccfbf1,#0000 35%),linear-gradient(135deg,#f8fafc,#eef6ff);min-height:100vh;padding:20px}.welcome-page{justify-content:center;align-items:center;display:flex}.welcome-card,.form-card,.app-phone{background:#fffffffa;border-radius:26px;width:100%;max-width:430px;margin:0 auto;padding:20px;box-shadow:0 18px 42px #0f172a1f}.app-phone{min-height:calc(100vh - 40px)}.shuaa-logo-text,.small-logo{text-align:center;letter-spacing:3px;background:linear-gradient(135deg,#2563eb,#0ea5e9,#14b8a6,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-weight:900}.shuaa-logo-text{margin-bottom:20px;font-size:72px}.small-logo{font-size:26px}.provider-logo{background:linear-gradient(135deg,#0f766e,#14b8a6,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.page-title{color:#102033;margin:0 0 8px;font-size:30px}.subtitle,.page-subtitle,.form-card p{color:#64748b;font-weight:700;line-height:1.6}.app-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.icon-btn{color:#102033;background:#f1f5f9;border:none;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.input-group,.choice-box,.account-list,.history-list,.notification-list,.vehicle-list,.verification-list,.support-list,.all-services-list{flex-direction:column;gap:12px;display:flex}.input-group input,.input-group select,.input-group textarea{color:#102033;background:#fff;border:1px solid #dbe4ef;border-radius:14px;outline:none;width:100%;padding:15px 16px;font-family:inherit;font-size:15px}.input-group textarea{resize:vertical;min-height:90px}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.main-btn,.submit-btn,.urgent-btn,.message-wide-btn,.view-profile-btn,.logout-btn,.outline-btn,.cancel-btn,.message-btn{text-align:center;border-radius:18px;width:100%;padding:15px;font-weight:900;display:block}.main-btn,.submit-btn,.view-profile-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border:none;box-shadow:0 12px 24px #2563eb33}.provider-btn,.provider-submit{color:#fff;background:linear-gradient(135deg,#0f766e,#14b8a6);border:none}.urgent-btn,.logout-btn{color:#fff;background:linear-gradient(135deg,#dc2626,#f97316);border:none}.message-wide-btn,.outline-btn,.cancel-btn,.message-btn{color:#2563eb;background:#fff;border:1px solid #dbe4ef;box-shadow:0 8px 18px #0f172a0d}.back-link{color:#2563eb;margin-bottom:18px;font-weight:900;display:inline-block}.hero-card{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-radius:24px;margin-bottom:16px;padding:22px;box-shadow:0 16px 32px #2563eb33}.hero-card h2{margin:0 0 8px}.hero-card p{margin:0;font-weight:700;line-height:1.5}.customer-search-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;gap:10px;margin-bottom:16px;padding:12px;display:flex}.customer-search-card input{color:#102033;border:none;outline:none;flex:1;font-size:15px;font-weight:700}.customer-search-card button{color:#fff;background:#2563eb;border:none;border-radius:14px;padding:12px 16px;font-weight:900}.big-gps-card{color:#fff;background:linear-gradient(135deg,#2563ebeb,#14b8a6e6),radial-gradient(circle at 0 0,#bfdbfe,#0000 40%);border-radius:26px;flex-direction:column;justify-content:space-between;min-height:220px;margin-bottom:16px;padding:22px;display:flex;box-shadow:0 18px 36px #2563eb38}.big-gps-card h3{margin:0 0 8px;font-size:24px}.big-gps-card p{opacity:.92;margin:0;font-weight:700}.gps-action-btn{color:#2563eb;text-align:center;background:#fff;border-radius:16px;width:100%;padding:14px;font-weight:900;display:block}.home-main-actions,.quick-service-grid,.pro-action-grid,.dashboard-grid,.earnings-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.home-action-btn,.quick-service-grid a,.pro-action-grid a,.dashboard-card,.all-services-list a{color:#102033;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:18px;justify-content:center;align-items:center;min-height:64px;padding:12px;font-weight:900;display:flex;box-shadow:0 8px 18px #0f172a0d}.pro-action-grid a{color:#0f766e}.urgent-home{color:#fff;background:linear-gradient(135deg,#ef4444,#f97316);border:none}.compact-services{margin-bottom:80px}.clean-menu{background:#fff;border:1px solid #e2e8f0;border-radius:22px;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;padding:14px;display:grid;box-shadow:0 12px 26px #0f172a14}.clean-menu a{color:#102033;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;justify-content:center;align-items:center;min-height:52px;padding:10px;font-size:13px;font-weight:900;display:flex}.provider-clean-menu a{color:#0f766e;background:#f0fdfa}.provider-status-card,.request-preview,.request-card,.history-card,.notification-card,.vehicle-form-card,.vehicle-card,.verification-status-card,.verification-item,.account-header,.account-item,.support-card,.job-status-card,.public-profile-card,.payment-summary,.earnings-card,.payout-list,.security-card,.payment-box,.invoice-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:14px;padding:16px;box-shadow:0 8px 20px #0f172a0d}.provider-status-card{background:linear-gradient(135deg,#ecfdf5,#f0fdfa)}.provider-status-card h2{color:#0f766e;margin:0 0 8px}.online-btn,.offline-btn,.location-btn{color:#fff;border:none;border-radius:18px;width:100%;margin-bottom:14px;padding:15px;font-weight:900}.online-btn,.location-btn{background:linear-gradient(135deg,#16a34a,#14b8a6)}.offline-btn{background:linear-gradient(135deg,#dc2626,#f97316)}.accept-btn,.reject-btn{color:#fff;text-align:center;border:none;border-radius:14px;padding:13px;font-weight:900}.accept-btn{background:linear-gradient(135deg,#16a34a,#14b8a6)}.reject-btn{background:linear-gradient(135deg,#dc2626,#f97316)}.request-actions,.job-actions,.vehicle-actions,.profile-actions,.admin-action-stack,.provider-card-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.bottom-nav{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;justify-content:space-between;gap:8px;margin-top:18px;padding:12px;display:flex}.bottom-nav a,.bottom-nav span{color:#64748b;text-align:center;font-size:12px;font-weight:900}.provider-list{flex-direction:column;gap:14px;margin-top:16px;display:flex}.provider-profile-top{align-items:center;gap:12px;display:flex}.provider-avatar-img{object-fit:cover;border-radius:999px;width:58px;height:58px}.profile-preview{object-fit:cover;border:4px solid #e0f2fe;border-radius:999px;width:110px;height:110px;margin:12px auto;display:block}.provider-services-wrap,.provider-service-tags{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.provider-services-wrap span,.provider-service-tags span{border-radius:999px;padding:8px 10px;font-size:12px;font-weight:900}.provider-services-wrap span{color:#0f766e;background:#f0fdfa}.provider-service-tags span{color:#2563eb;background:#eff6ff}.portfolio-grid{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.portfolio-grid img{object-fit:cover;border-radius:16px;width:100%;height:110px}.upload-box{color:#2563eb;text-align:center;background:#fff;border:1px dashed #93c5fd;border-radius:18px;width:100%;padding:16px;font-weight:900;display:block}.provider-search-panel{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:16px;padding:12px}.search-provider-input,.provider-search-panel select{background:#fff;border:1px solid #dbe4f0;border-radius:16px;width:100%;margin-bottom:12px;padding:14px 16px;font-size:15px;font-weight:700}.emergency-bg{background:linear-gradient(#fff1f2,#f8fafc)}.emergency-hero{color:#fff;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:24px;margin-bottom:16px;padding:22px;box-shadow:0 16px 32px #ef44443d}.emergency-hero h1{margin:0 0 8px;font-size:28px}.emergency-hero p{margin:0;font-weight:800}.emergency-type-grid{grid-template-columns:1fr;gap:10px;display:grid}.emergency-type{color:#991b1b;text-align:left;background:#fff1f2;border:1px solid #fecaca;border-radius:16px;width:100%;padding:14px;font-weight:900}.emergency-type.active{color:#fff;background:#ef4444}.emergency-submit-btn{color:#fff;background:linear-gradient(135deg,#dc2626,#f97316);border:none;border-radius:20px;width:100%;margin-bottom:80px;padding:18px;font-size:16px;font-weight:900;box-shadow:0 16px 32px #dc262638}.emergency-request-card{background:#fff7ed;border:2px solid #ef4444}.emergency-badge{color:#dc2626;margin-bottom:10px;font-size:13px;font-weight:900;display:block}.emergency-active{background:linear-gradient(135deg,#dc2626,#f97316)!important}.work-page{background:#edf4ff;justify-content:center;min-height:100vh;display:flex}.work-phone{background:#f8fafc;width:100%;max-width:430px;min-height:100vh;padding-bottom:86px}.work-header{z-index:20;background:#fff;border-bottom:1px solid #e2e8f0;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:14px;display:grid;position:sticky;top:0}.work-back{color:#2563eb;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:flex}.work-header strong{color:#102033}.work-header p{color:#64748b;margin:2px 0 0;font-size:12px;font-weight:700}.work-hero{color:#fff;background:linear-gradient(135deg,#2563eb,#14b8a6);border-radius:24px;margin:14px;padding:22px;box-shadow:0 16px 32px #2563eb33}.work-hero span{font-weight:900}.work-hero h1{margin:8px 0;font-size:25px}.work-hero p{margin:0;font-weight:800}.work-progress{gap:8px;margin:0 14px 14px;display:flex;overflow-x:auto}.progress-step{white-space:nowrap;color:#64748b;text-transform:capitalize;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900}.progress-step.active{color:#fff;background:#2563eb}.work-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin:0 14px 14px;padding:16px;box-shadow:0 8px 18px #0f172a0d}.work-card h3{color:#102033;margin:0 0 10px}.work-card p{color:#475569;margin:7px 0;font-weight:800}.work-actions-two,.work-footer-links{grid-template-columns:1fr 1fr;gap:10px;display:grid}.work-actions-two{margin-top:12px}.work-footer-links{margin:0 14px 18px}.work-actions-two a,.work-actions-two span,.work-footer-links a,.work-wide-link{color:#2563eb;text-align:center;background:#eff6ff;border-radius:16px;padding:13px;font-weight:900;display:block}.work-footer-links a{color:#102033;background:#fff;border:1px solid #e2e8f0}.work-next-btn{color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:20px;width:calc(100% - 28px);margin:0 14px 14px;padding:18px;font-size:16px;font-weight:900}.work-empty{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin:16px;padding:18px}.chat-page{background:#eef4ff;justify-content:center;min-height:100vh;display:flex}.chat-phone{background:#f8fafc;flex-direction:column;width:100%;max-width:430px;min-height:100vh;display:flex;position:relative}.chat-header{z-index:20;background:#fff;border-bottom:1px solid #e2e8f0;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;padding:14px;display:grid;position:sticky;top:0}.chat-header strong{color:#102033}.chat-header p{color:#64748b;margin:2px 0 0;font-size:12px;font-weight:700}.chat-call-btn{color:#15803d;background:#dcfce7;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:flex}.chat-call-btn.disabled{color:#94a3b8;background:#e2e8f0}.chat-empty{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin:18px;padding:18px}.chat-messages{flex:1;padding:16px 16px 165px;overflow-y:auto}.chat-bubble{word-break:break-word;border-radius:18px;max-width:78%;margin-bottom:10px;padding:10px 12px;font-weight:700}.chat-bubble p{margin:0}.chat-bubble.mine{color:#fff;background:#2563eb;border-bottom-right-radius:5px;margin-left:auto}.chat-bubble.theirs{color:#102033;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:5px;margin-right:auto}.chat-bubble img,.chat-bubble video{object-fit:cover;border-radius:14px;width:100%;max-height:260px;display:block}.chat-composer{z-index:30;background:#fff;border-top:1px solid #e2e8f0;width:100%;max-width:430px;padding:10px;position:fixed;bottom:62px;left:50%;transform:translate(-50%)}.chat-media-row{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.chat-media-row label{color:#2563eb;text-align:center;background:#eff6ff;border-radius:12px;padding:10px 6px;font-size:12px;font-weight:900}.chat-input-row{grid-template-columns:1fr 76px;gap:8px;display:grid}.chat-input-row input{border:1px solid #dbe4f0;border-radius:16px;outline:none;padding:13px;font-weight:700}.chat-input-row button{color:#fff;background:#2563eb;border:none;border-radius:16px;font-weight:900}.invoice-card h3,.legal-card h1,.legal-card h2{color:#102033}.invoice-card p,.review-card p,.legal-card p{color:#475569;font-weight:800;line-height:1.7}.legal-page{background:#f8fafc;min-height:100vh;padding:24px}.legal-card{background:#fff;border-radius:24px;max-width:900px;margin:0 auto;padding:24px;box-shadow:0 12px 32px #0f172a14}.admin-dashboard-actions,.availability-list{gap:10px;margin-bottom:18px;display:grid}.section-title{color:#102033;margin:18px 0 12px;font-size:20px}.availability-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px}.availability-times{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.availability-times input{border:1px solid #dbe4f0;border-radius:14px;width:100%;padding:12px;font-weight:800}.review-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:10px;padding:14px}.review-card small{color:#64748b;font-weight:800}.success-note,.error-text{border-radius:14px;margin-bottom:12px;padding:12px;font-size:14px;font-weight:800}.success-note{background:#ecfdf5;color:#0f766e!important}.error-text{background:#fef2f2;color:#dc2626!important}.center-card{text-align:center}.error-big{color:#2563eb;font-size:74px;font-weight:900}.gps-map-box{margin-bottom:16px}.gps-placeholder{color:#fff;text-align:center;background:linear-gradient(135deg,#2563eb,#14b8a6);border-radius:24px;flex-direction:column;justify-content:center;min-height:300px;padding:22px;display:flex}.gps-placeholder h3{margin:0 0 8px;font-size:24px}.gps-placeholder p{margin:0;font-weight:800}.progress-step.done{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.map-live-box{background:#fff;border:1px solid #dbeafe;border-radius:24px;margin:0 14px 14px;overflow:hidden;box-shadow:0 10px 24px #2563eb14}.home-map-card{background:#fff;border:1px solid #dbeafe;border-radius:24px;margin-bottom:16px;padding:12px;box-shadow:0 10px 24px #2563eb14}.home-map-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.home-map-top h3{color:#102033;margin:0}.home-map-top p{color:#64748b;margin:4px 0 0;font-size:13px;font-weight:800}.home-map-top button{color:#2563eb;background:#eff6ff;border:none;border-radius:999px;width:44px;height:44px;font-weight:900}.star-row{gap:8px;margin:14px 0;display:flex}.star-btn{color:#94a3b8;cursor:pointer;background:#e2e8f0;border:none;border-radius:14px;width:46px;height:46px;font-size:24px}.star-btn.active{color:#fff;background:#f59e0b}.star-btn:disabled{cursor:not-allowed;opacity:.8}.review-textarea{resize:vertical;border:1px solid #dbe4ef;border-radius:16px;width:100%;min-height:120px;margin-bottom:14px;padding:14px;font-family:inherit;font-size:15px;font-weight:700}.profile-hero-clean{color:#fff;background:linear-gradient(135deg,#0f766e,#14b8a6);border-radius:26px;align-items:center;gap:14px;margin-bottom:14px;padding:18px;display:flex;box-shadow:0 18px 38px #0f766e38}.profile-hero-clean img,.profile-hero-avatar{object-fit:cover;color:#0f766e;background:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:34px;display:flex}.profile-hero-clean h1{margin:0 0 4px;font-size:22px}.profile-hero-clean p,.profile-hero-clean small{color:#fff;margin:2px 0;font-weight:800}.profile-tabs{gap:8px;margin-bottom:12px;padding-bottom:8px;display:flex;overflow-x:auto}.profile-tabs button{color:#64748b;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dbe4ef;border-radius:999px;padding:10px 14px;font-weight:900}.profile-tabs button.active{color:#fff;background:#0f766e;border-color:#0f766e}.profile-panel{background:#fff;border:1px solid #e2e8f0;border-radius:24px;margin-bottom:14px;padding:16px;box-shadow:0 10px 24px #0f172a0f}.profile-panel h3{color:#102033;margin:0 0 10px}.service-choice-grid{flex-wrap:wrap;gap:8px;display:flex}.service-choice{color:#102033;cursor:pointer;background:#fff;border:1px solid #dbe4ef;border-radius:999px;padding:10px 12px;font-size:12px;font-weight:900}.service-choice.active{color:#fff;background:#0f766e;border-color:#0f766e}.photo-url-row{grid-template-columns:1fr;gap:8px;display:grid}.sticky-save-btn{margin-bottom:80px}.profile-section-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.profile-section-top h3{margin:0}.mini-link-btn{color:#2563eb;cursor:pointer;white-space:nowrap;background:#eff6ff;border:none;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.unread-card{background:#eff6ff;border:2px solid #0ea5e9}.review-card,.provider-review-card,.customer-review-card{width:100%;overflow:hidden}.review-text,.review-message,.review-comment,.review-body{word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;max-width:100%}.work-card p,.job-status-card p,.invoice-card p{word-break:break-word;overflow-wrap:break-word}.provider-profile-top{flex-wrap:wrap}.work-phone,.app-phone,.form-card{width:100%;max-width:430px;overflow-x:hidden}textarea{word-break:break-word;overflow-wrap:break-word}