*{box-sizing:border-box}body{color:#111827;background:linear-gradient(135deg,#e0f2fe,#fdf2f8,#ecfdf5);margin:0;font-family:Arial,sans-serif}.app{background:#fffc;max-width:1150px;min-height:100vh;margin:auto;box-shadow:0 0 40px #00000018}.topHeader{color:#fff;background:linear-gradient(135deg,#0f172a,#2563eb,#16a34a);border-bottom:4px solid #facc15;justify-content:space-between;align-items:center;padding:26px;display:flex}.topHeader h1{margin:0;font-size:42px}.topHeader p{opacity:.9;margin:4px 0 0}.navButtons{flex-wrap:wrap;gap:10px;display:flex}.navButtons button,.blackBtn{color:#fff;cursor:pointer;background:#020617;border:none;border-radius:999px;padding:12px 16px;font-weight:700}.navButtons button:hover,.blackBtn:hover,.greenBtn:hover,.blueBtn:hover,.redBtn:hover{opacity:.9}button:disabled{opacity:.6;cursor:not-allowed}.mainBox{padding:28px}.loadingBar{color:#111827;text-align:center;background:#facc15;padding:10px;font-weight:700}.heroBox{color:#fff;text-align:center;background:linear-gradient(135deg,#2563eb,#9333ea,#ec4899);border-radius:24px;padding:36px;box-shadow:0 10px 30px #00000025}.heroBox h1{margin:0 0 10px;font-size:44px}.homeCards{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:30px;display:grid}.homeCard{color:#fff;cursor:pointer;text-align:center;border:none;border-radius:24px;min-height:190px;padding:26px;box-shadow:0 10px 30px #00000025}.homeCard span{font-size:42px}.publicCard{background:linear-gradient(135deg,#06b6d4,#2563eb)}.workerCardHome{background:linear-gradient(135deg,#16a34a,#84cc16)}.dashboardCard{background:linear-gradient(135deg,#7c3aed,#ec4899)}.adminCard{background:linear-gradient(135deg,#ef4444,#f97316)}.formBox{text-align:center;background:#fff;border-radius:22px;max-width:680px;margin:25px auto;padding:24px;box-shadow:0 10px 30px #00000018}.colorPanelPublic{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-top:7px solid #2563eb}.colorPanelWorker{background:linear-gradient(135deg,#ecfdf5,#dcfce7);border-top:7px solid #16a34a}.colorPanelAdmin{background:linear-gradient(135deg,#fff7ed,#fee2e2);border-top:7px solid #ef4444}.pagePanel{border-radius:24px;padding:22px}.publicViewPanel{background:linear-gradient(135deg,#f0f9ff,#fdf2f8)}.workerDashboardPanel{background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.adminPanel{background:linear-gradient(135deg,#fff7ed,#eff6ff)}h2{text-align:center;font-size:28px}input,select,textarea{background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;margin:8px 0;padding:14px;font-size:15px}textarea{min-height:95px}label{text-align:left;color:#064e3b;margin-top:14px;font-weight:700;display:block}.hintText{color:#334155;background:#f8fafc;border-left:5px solid #2563eb;border-radius:12px;padding:12px}.filterBox{background:#fff;border-radius:18px;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:14px;margin-bottom:25px;padding:16px;display:grid;box-shadow:0 8px 22px #00000012}.workerCard,.jobRequestCard{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:22px;margin:20px 0;padding:20px;box-shadow:0 8px 24px #00000015}.workerCard h3,.jobRequestCard h3{color:#4c1d95;font-size:24px}.workerPhoto,.detailPhoto{object-fit:cover;background:#e5e7eb;border-radius:18px;width:100%;max-height:290px}.noPhoto,.detailNoPhoto{background:linear-gradient(135deg,#e5e7eb,#cbd5e1);border-radius:18px;justify-content:center;align-items:center;height:200px;display:flex}.buttonRow{gap:12px;margin-top:15px;display:flex}.callBtn,.whatsappBtn{color:#fff;border-radius:999px;flex:1;padding:14px;font-weight:700;text-decoration:none}.callBtn{background:linear-gradient(135deg,#2563eb,#06b6d4)}.whatsappBtn{background:linear-gradient(135deg,#16a34a,#22c55e)}.detailsBtn,.jobBtn{color:#fff;cursor:pointer;border:none;border-radius:999px;width:100%;margin-top:12px;padding:14px;font-weight:700}.detailsBtn{background:linear-gradient(135deg,#111827,#4b5563)}.jobBtn{background:linear-gradient(135deg,#f59e0b,#ef4444)}.greenBtn,.blueBtn,.redBtn{color:#fff;cursor:pointer;border:none;border-radius:999px;padding:12px 17px;font-weight:700}.greenBtn{background:linear-gradient(135deg,#16a34a,#22c55e)}.blueBtn{background:linear-gradient(135deg,#2563eb,#06b6d4)}.redBtn{background:linear-gradient(135deg,#dc2626,#f97316)}.adminTop,.centerText{text-align:center;background:#fff;border-radius:18px;padding:14px 18px;box-shadow:0 8px 20px #00000015}.adminTop{justify-content:space-between;align-items:center;display:flex}.adminBtns{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:15px;display:flex}.adminWorkerCard{border-left:8px solid #2563eb}.jobRequestCard{background:linear-gradient(135deg,#fff,#fff7ed);border-left:8px solid #f59e0b}.smallImg{object-fit:cover;border:2px solid #cbd5e1;border-radius:12px;width:125px;height:95px;margin:6px}.emptyText{text-align:center;color:#64748b;background:#fff;border-radius:18px;padding:30px}.mapBtn{color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);border-radius:999px;margin:12px 0;padding:13px;font-weight:700;text-decoration:none;display:block}.modalOverlay{z-index:9999;background:#000000a6;justify-content:center;align-items:center;padding:15px;display:flex;position:fixed;inset:0}.modalBox{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:700px;max-height:92vh;padding:25px;position:relative;overflow-y:auto;box-shadow:0 20px 50px #00000050}.jobModal{background:linear-gradient(135deg,#fff7ed,#eff6ff)}.detailModal{background:linear-gradient(135deg,#fdf2f8,#ecfeff)}.closeBtn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:999px;padding:9px 13px;position:absolute;top:14px;right:14px}.reviewBox{text-align:left;background:#f8fafc;border-left:5px solid #2563eb;border-radius:14px;margin:10px 0;padding:14px}hr{border:none;border-top:1px solid #ddd;margin:24px 0}.locationStatusBox{background:#fff7ed;border:2px dashed #f97316;border-radius:16px;margin:12px 0;padding:14px;font-weight:700}.locationCaptured{color:#16a34a}.locationNotCaptured{color:#dc2626}@media (width<=900px){.homeCards,.filterBox{grid-template-columns:1fr}.topHeader{text-align:center;flex-direction:column;gap:15px}.buttonRow{flex-direction:column}.adminTop{flex-direction:column;gap:10px}.mainBox{padding:14px}.topHeader h1,.heroBox h1{font-size:34px}}.safeLocationText{color:#065f46;text-align:center;background:#ecfdf5;border-radius:14px;margin:12px 0;padding:12px;font-weight:700}.myRequestsBox{background:#fff;border-left:7px solid #2563eb;border-radius:20px;margin-bottom:22px;padding:18px;box-shadow:0 8px 22px #00000012}.myRequestCard{text-align:left;background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #dbeafe;border-radius:16px;margin:12px 0;padding:14px}.myRequestCard h3{color:#1e3a8a;margin:0 0 8px}.brandBox{align-items:center;gap:14px;display:flex}.appLogo{object-fit:contain;background:#fff;border-radius:16px;width:70px;height:70px;padding:6px;box-shadow:0 6px 18px #00000030}@media (width<=600px){.brandBox{text-align:center;flex-direction:column}.appLogo{width:85px;height:85px}}.passwordWrap{width:100%;margin:8px 0;position:relative}.passwordWrap input{margin:0;padding-right:56px}.eyeBtn{color:#111827;cursor:pointer;background:#fff7ed;border:none;border-radius:999px;place-items:center;width:38px;height:38px;font-size:18px;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%);box-shadow:0 4px 12px #00000018}.eyeBtn:hover{background:#ffedd5}.linkBtn{color:#2563eb;cursor:pointer;background:0 0;border:none;margin:8px 0 14px;font-weight:900;text-decoration:underline}.pinResetCard{background:linear-gradient(135deg,#faf5ff,#fff);border-left:8px solid #7c3aed}.featuredWorkerCard{background:linear-gradient(135deg,#fff7ed,#fff 45%,#fffbea);border:3px solid #ffb703;position:relative;box-shadow:0 18px 44px #ff6b1a38}.featuredBadge{z-index:2;color:#111827;background:linear-gradient(135deg,#ffb703,#ff6b1a);border-radius:999px;padding:8px 14px;font-weight:900;position:absolute;top:16px;left:16px;box-shadow:0 8px 18px #ff6b1a40}.featuredLine{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:9px 14px;font-weight:900;display:inline-block}.premiumBtn{color:#111827;cursor:pointer;background:linear-gradient(135deg,#ff6b1a,#ffb703);border:none;border-radius:999px;padding:13px 18px;font-weight:900;box-shadow:0 12px 24px #ff6b1a38}.workerTopActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.workerFeaturedStatus{color:#92400e;background:#fef3c7;border-radius:999px;margin-left:8px;padding:6px 10px;font-weight:900;display:inline-block}@media (width<=640px){.workerTopActions,.workerTopActions button{width:100%}}.adminStatsGrid{grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0;display:grid}.adminStatCard{color:#fff;text-align:center;border-radius:24px;padding:20px;box-shadow:0 12px 28px #0f172a24}.adminStatCard span{font-size:32px}.adminStatCard h3{margin:8px 0 2px;font-size:34px}.adminStatCard p{margin:0;font-weight:900}.orangeStat{background:linear-gradient(135deg,#ff6b1a,#ffb703)}.blueStat{background:linear-gradient(135deg,#335cff,#06b6d4)}.purpleStat{background:linear-gradient(135deg,#7c3aed,#ec4899)}.greenStat{background:linear-gradient(135deg,#11b76b,#22c55e)}.adminMenuTabs{background:#fff;border:1px solid #e8edf5;border-radius:24px;grid-template-columns:repeat(5,1fr);gap:12px;margin:22px 0;padding:14px;display:grid;box-shadow:0 12px 30px #0f172a14}.adminMenuTabs button{color:#334155;cursor:pointer;background:#f8fafc;border:none;border-radius:18px;padding:14px 12px;font-weight:900;transition:all .2s}.adminMenuTabs button:hover{background:#fff7ed;transform:translateY(-2px)}.adminMenuTabs .activeAdminTab{color:#111827;background:linear-gradient(135deg,#ff6b1a,#ffb703);box-shadow:0 10px 20px #ff6b1a2e}.adminSection{animation:.25s adminFadeIn}.revenueGrid{grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0;display:grid}.revenueCard{text-align:center;background:#fff;border:1px solid #e8edf5;border-radius:26px;padding:24px;box-shadow:0 12px 30px #0f172a17}.revenueCard span{background:#fff7ed;border-radius:18px;place-items:center;width:54px;height:54px;font-size:28px;display:inline-grid}.revenueCard h3{color:#4c1d95;margin:12px 0 4px;font-size:34px}.revenueCard p{color:#64748b;margin:0;font-weight:900}@keyframes adminFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1000px){.adminStatsGrid,.revenueGrid{grid-template-columns:repeat(2,1fr)}.adminMenuTabs{grid-template-columns:1fr 1fr}}@media (width<=640px){.adminStatsGrid,.revenueGrid,.adminMenuTabs{grid-template-columns:1fr}}.homeHeroImageSection{background:#e0f2fe;border:1px solid #ffffffbf;border-radius:34px;min-height:420px;position:relative;overflow:hidden;box-shadow:0 20px 48px #0f172a2e}.homeHeroImage{object-fit:cover;width:100%;height:100%;min-height:420px;display:block}.homeHeroOverlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;border:1px solid #fffc;border-radius:28px;max-width:510px;padding:26px;position:absolute;top:50%;left:34px;transform:translateY(-50%);box-shadow:0 18px 38px #0f172a26}.homeHeroOverlay h1{color:#0f172a;letter-spacing:-1.4px;margin:0 0 12px;font-size:clamp(34px,4vw,56px);font-weight:900;line-height:1.02}.homeHeroOverlay p{color:#334155;margin:0;font-size:17px;font-weight:800}.heroActionRow{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.heroPrimaryBtn,.heroSecondaryBtn{cursor:pointer;border:none;border-radius:999px;padding:14px 20px;font-weight:900;box-shadow:0 12px 24px #0f172a26}.heroPrimaryBtn{color:#111827;background:linear-gradient(135deg,#ff6b1a,#ffb703)}.heroSecondaryBtn{color:#fff;background:linear-gradient(135deg,#335cff,#06b6d4)}.categoryImageSection,.howItWorksImageSection,.workersShowcaseSection{background:#fff;border:1px solid #e8edf5;border-radius:30px;margin-top:26px;padding:10px;box-shadow:0 16px 38px #0f172a1a}.widePromoImage{object-fit:cover;border-radius:24px;width:100%;display:block}.promoGrid{grid-template-columns:repeat(2,1fr);gap:20px;margin:26px 0;display:grid}.promoImageCard{background:#fff;border:1px solid #e8edf5;border-radius:30px;padding:10px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 16px 38px #0f172a1a}.promoImageCard:hover{transform:translateY(-4px);box-shadow:0 24px 46px #0f172a29}.promoImageCard img{object-fit:cover;border-radius:24px;width:100%;height:260px;display:block}@media (width<=900px){.homeHeroImageSection{min-height:auto}.homeHeroImage{min-height:360px}.homeHeroOverlay{max-width:none;margin:-80px 16px 16px;position:relative;top:auto;left:auto;transform:none}.promoGrid{grid-template-columns:1fr}.promoImageCard img{height:auto}}@media (width<=600px){.homeHeroImage{min-height:300px}.homeHeroOverlay{border-radius:24px;padding:20px}.homeHeroOverlay h1{font-size:30px}.heroActionRow button{width:100%}.categoryImageSection,.howItWorksImageSection,.workersShowcaseSection,.promoImageCard{border-radius:22px;padding:7px}.widePromoImage,.promoImageCard img{border-radius:18px}}.legalPage{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:24px;max-width:950px;margin:20px auto 30px;padding:34px;line-height:1.75;box-shadow:0 12px 34px #0f172a1a}.legalPage h1{color:#0f172a;text-align:center;margin:0 0 14px;font-size:38px}.legalPage h2{color:#1d4ed8;text-align:left;margin:24px 0 8px;font-size:23px}.legalPage p{color:#334155;margin:8px 0;font-size:16px}.contactPage{border-top:7px solid #2563eb}.siteFooter{color:#fff;background:linear-gradient(135deg,#0f172a,#111827);border-top:4px solid #2563eb;margin-top:55px;padding-top:42px}.footerContainer{grid-template-columns:repeat(3,1fr);gap:32px;max-width:1150px;margin:auto;padding:0 28px 38px;display:grid}.footerBrand h2{color:#60a5fa;text-align:left;margin:0 0 15px;font-size:30px}.footerBrand p{color:#d1d5db;margin:0;font-size:15px;line-height:1.8}.footerLinksSection h3,.footerSupport h3{color:#93c5fd;margin:0 0 18px;font-size:21px}.footerLinksSection{flex-direction:column;display:flex}.footerLinksSection a{color:#e5e7eb;margin-bottom:14px;font-size:15px;font-weight:800;text-decoration:none;transition:all .25s}.footerLinksSection a:hover{color:#60a5fa;transform:translate(5px)}.footerSupport p{color:#d1d5db;margin:0 0 12px;font-size:15px;line-height:1.7}.footerBottom{text-align:center;color:#9ca3af;background:#0000002e;border-top:1px solid #ffffff1a;padding:18px;font-size:14px}@media (width<=900px){.footerContainer{text-align:center;grid-template-columns:1fr}.footerBrand h2{text-align:center}.footerLinksSection{align-items:center}.legalPage{border-radius:18px;padding:22px}.legalPage h1{font-size:30px}}.plansGrid{grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0;display:grid}.registrationPlansGrid{margin-bottom:28px}.planCard{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:26px;padding:22px;position:relative;overflow:hidden;box-shadow:0 12px 30px #0f172a1a}.planCard:before{content:"";background:linear-gradient(135deg,#2563eb,#06b6d4);height:7px;position:absolute;inset:0 0 auto}.popularPlan:before,.currentPlanCard:before{background:linear-gradient(135deg,#ff6b1a,#ffb703)}.planBadge{color:#111827;background:linear-gradient(135deg,#ff6b1a,#ffb703);border-radius:999px;margin-bottom:12px;padding:7px 12px;font-size:12px;font-weight:900;display:inline-block}.planCard h3{color:#0f172a;margin:6px 0 10px;font-size:28px}.planPriceLine{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px;margin:10px 0;display:flex}.oldPlanPrice{color:#94a3b8;font-size:18px;font-weight:900;text-decoration:line-through}.newPlanPrice{color:#ea580c;font-size:36px;font-weight:1000}.perMonth{color:#64748b;font-weight:900}.planTagline{color:#334155;background:#f8fafc;border-radius:14px;padding:10px;font-weight:900}.planCard ul{text-align:left;margin:16px 0;padding:0;list-style:none}.planCard li{color:#334155;border-bottom:1px dashed #e5e7eb;padding:8px 0;font-weight:800}.requiredPlanText{color:#166534;background:#dcfce7;border-radius:999px;padding:8px 13px;font-weight:900;display:inline-block}.upgradePlansBox{background:#fff;border-radius:26px;margin:24px 0;padding:22px;box-shadow:0 12px 30px #0f172a1a}.adminPlanGrid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px;display:grid}.adminPlanEditCard{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:20px;box-shadow:0 10px 26px #0f172a1a}.adminPlanEditCard h3{color:#4c1d95;text-align:center;font-size:24px}.adminPlanEditCard label{color:#0f172a}@media (width<=1000px){.plansGrid,.adminPlanGrid{grid-template-columns:1fr}}