:root{--text:#2c2a26;--text-muted:#5c574f;--bg:#f6f2ea;--surface:#fff;--border:#e2dcd0;--primary:#0f3d2e;--primary-hover:#0a2a20;--accent:#c47a0a;--accent-soft:#fff4e0;--danger:#b71c1c;--danger-soft:#ffebee;--shadow:0 8px 24px #0f3d2e14;--radius:14px;--font:"Cairo", system-ui, sans-serif;font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;line-height:1.45}*,:before,:after{box-sizing:border-box}body{margin:0}#root{background:var(--bg);max-width:430px;min-height:100dvh;margin:0 auto;position:relative}button,input{font-family:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{min-height:100dvh;padding-bottom:calc(48px + env(safe-area-inset-bottom,0));flex-direction:column;display:flex}.app.shell{padding-inline:16px;padding-top:env(safe-area-inset-top,12px)}.app.shell.has-worker-nav{padding-bottom:calc(48px + 80px + env(safe-area-inset-bottom,0))}.shell-onboard{padding-bottom:32px}.login-tagline.worker-accent{color:#2e7d32}.login-screen{text-align:center;padding:28px 20px 40px;padding-top:max(48px, env(safe-area-inset-top,12px));justify-content:center}.login-brand{margin-bottom:20px}.brand-ar{color:var(--primary);letter-spacing:-.02em;font-size:2.1rem;font-weight:800;display:block}.brand-en{color:var(--text-muted);margin-top:4px;font-size:.95rem;font-weight:600;display:block}.login-tagline{color:var(--text);margin:0 0 8px;font-size:1.05rem;font-weight:600;line-height:1.35}.login-tagline.accent{color:var(--accent);margin-bottom:28px;font-weight:600}.hero-banner{background:linear-gradient(145deg, #123d5c 0%, var(--primary) 100%);color:#f8fafb;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:18px 16px 16px}.hero-line{margin:0 0 6px;font-size:1rem;font-weight:600;line-height:1.4}.hero-line.accent{color:#ffe9a8;margin-bottom:6px}.hero-line.third{color:#ffffffeb;margin:0 0 12px;font-size:.95rem;font-weight:600;line-height:1.35}.hero-reassure{opacity:.95;text-align:center;margin:0;font-size:.86rem;font-weight:600}.hero-banner.hero-worker{background:linear-gradient(145deg, var(--primary) 0%, #174d3c 100%)}.hero-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{background:#ffffff24;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:600}.visibility-strip{border-radius:var(--radius);background:linear-gradient(135deg,#e8f5e9 0%,#fff8e1 100%);border:1px solid #c8e6c9;margin-bottom:14px;padding:12px 14px}.visibility-strip p{color:#1b4332;text-align:center;margin:0 0 6px;font-size:.88rem;font-weight:600;line-height:1.4}.visibility-strip p:last-child{margin-bottom:0}.visibility-strip.subtle{border-color:var(--border);background:#f5faf7}.visibility-strip.subtle p{color:var(--text-muted);font-weight:600}.hint-top{color:var(--text);text-align:center;margin:0 0 8px;font-size:.95rem;font-weight:600}.empty-msg{text-align:center;color:var(--text-muted);padding:24px 12px;font-size:.95rem}.job-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:0 2px 12px #0000000a}.job-card-head{margin-bottom:6px}.job-card .job-kind{color:var(--text);font-size:1.1rem;font-weight:700}.job-price-callout{color:#1565c0;text-align:center;background:#e3f2fd;border-radius:10px;margin:0 0 10px;padding:10px 12px;font-size:1.08rem;font-weight:800}.job-price-callout.small{padding:8px 10px;font-size:1rem}.job-desc-label{color:var(--text-muted);margin:0 0 4px;font-size:.82rem;font-weight:700}.job-meta{color:var(--text-muted);margin:0 0 8px;font-size:.92rem}.job-meta .dot{opacity:.5;margin:0 6px}.job-desc{color:var(--text);margin:0 0 14px;font-size:.95rem;line-height:1.4}.client-name{color:var(--primary);margin:0 0 4px;font-size:1.05rem;font-weight:700}.active-card .job-kind{margin-bottom:8px}.status-pill{background:var(--accent-soft);color:#7a4f00;border-radius:999px;margin:0 0 12px;padding:6px 12px;font-size:.85rem;font-weight:700;display:inline-block}.status-actions{flex-direction:column;gap:10px;display:flex}.price-cta{margin-top:12px}.onboard-kicker{color:var(--accent);text-align:center;margin:0 0 6px;font-size:.9rem;font-weight:700}.profession-grid{flex-direction:column;gap:12px;margin-bottom:18px;display:flex}.btn-profession{border:2px solid var(--border);background:var(--surface);width:100%;min-height:60px;color:var(--primary);cursor:pointer;border-radius:14px;font-size:1.1rem;font-weight:800;transition:border-color .15s,background .15s}.btn-profession.selected{border-color:var(--primary);background:#e8f5e9;box-shadow:0 0 0 2px #0f3d2e1f}.select-service-grid{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.btn-toggle{text-align:center;border:2px solid var(--border);background:var(--surface);width:100%;min-height:54px;color:var(--text);cursor:pointer;border-radius:12px;font-size:1rem;font-weight:700}.btn-toggle.selected{border-color:var(--primary);color:var(--primary);background:#e8f5e9}.block-mb{margin-bottom:16px!important}.price-fields{flex-direction:column;gap:18px;margin-bottom:18px;display:flex}.price-field-row{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px}.price-service-name{color:var(--primary);margin:0 0 8px;font-size:1rem;font-weight:800}.price-input-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.price-prefix,.price-suffix{color:var(--text-muted);white-space:nowrap;font-weight:700}.input.price-input{flex:1;min-width:0;margin-bottom:0}.onboard-done{line-height:1.4}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);margin-bottom:8px;padding:18px}.profile-name{color:var(--primary);margin:0 0 8px;font-size:1.35rem;font-weight:800}.profile-rating{margin:0 0 6px;font-size:1.05rem;font-weight:700}.profile-jobs{color:var(--text);margin:0;font-size:1rem;font-weight:600}.profile-trade{margin:10px 0 0;font-size:.9rem}.profile-trade.muted{color:var(--text-muted)}.section-gap{margin-top:8px;color:var(--primary)!important;margin-bottom:10px!important;font-weight:700!important}.past-job-card .past-rating{color:var(--text);margin:0 0 10px;font-size:.95rem;font-weight:600}.photos-label{color:var(--text-muted);margin:0 0 8px;font-size:.82rem;font-weight:700}.job-photos{flex-wrap:wrap;gap:8px;display:flex}.job-photo{object-fit:cover;border:1px solid var(--border);border-radius:10px;width:calc(50% - 4px);max-width:160px;height:auto}.main-scroll{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:12px;overflow-y:auto}.section{padding-top:4px}.screen-title{color:var(--primary);text-align:center;margin:0 0 16px;font-size:1.35rem;font-weight:800}.screen-title.sub{margin-bottom:12px;font-size:1.1rem}.hint-soft{color:var(--text-muted);text-align:center;margin:0 0 6px;font-size:.9rem;line-height:1.35}.hint-reassure{color:#5a6b62;text-align:center;margin:0 0 10px;font-size:.88rem;font-weight:600}.hint-reassure.center{margin-bottom:14px}.field-label{text-align:right;color:var(--text-muted);margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.field-label.block-center{text-align:center;color:var(--text);font-size:1rem}.service-grid{flex-direction:column;gap:12px;display:flex}.btn-service{background:var(--surface);width:100%;min-height:58px;color:var(--primary);cursor:pointer;border:2px solid #c5d4ce;border-radius:14px;padding:14px 18px;font-size:1.05rem;font-weight:700;transition:background .15s,border-color .15s}.btn-service:hover{border-color:var(--primary);background:#eef6f2}.btn-service:active{transform:scale(.99)}.card-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.worker-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:0 2px 12px #0000000a}.worker-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.worker-name{color:var(--text);font-size:1.15rem;font-weight:800}.worker-stars{color:#b8860b;font-size:.95rem;font-weight:700}.price-range{color:var(--primary);margin:0 0 10px;font-size:1rem;font-weight:700}.trait-list{flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.trait-list li{color:var(--text-muted);background:#f0f4f2;border-radius:999px;padding:4px 10px;font-size:.82rem;font-weight:600}.avail-badge{background:var(--accent-soft);color:#7a4f00;border-radius:8px;margin-bottom:12px;padding:5px 10px;font-size:.78rem;font-weight:700;display:inline-block}.slot-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.btn-slot{background:var(--surface);min-height:54px;color:var(--primary);cursor:pointer;border:2px solid #c5d4ce;border-radius:12px;font-size:1rem;font-weight:700}.btn-slot.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-slot:disabled{opacity:.38;cursor:not-allowed;color:var(--text-muted);border-color:var(--border);background:#eceae6}.form-summary{color:var(--text-muted);text-align:center;margin:0 0 12px;font-size:.9rem;font-weight:600;line-height:1.4}.textarea{resize:vertical;min-height:100px;line-height:1.45}.center-section{text-align:center;padding-top:12px}.confirm-title{color:var(--primary);margin:0 0 10px;font-size:1.35rem;font-weight:800}.confirm-sub{color:var(--text-muted);margin:0 0 24px;font-size:1.05rem}.stepper{margin:0 0 20px;padding:0 8px;list-style:none}.step{border-bottom:1px solid var(--border);color:var(--text-muted);align-items:flex-start;gap:12px;padding:10px 0;font-weight:600;display:flex}.step:last-child{border-bottom:none}.step.done{color:#2e7d32}.step.done .step-dot{background:#2e7d32;border-color:#2e7d32}.step.current{color:var(--primary);font-weight:800}.step.current .step-dot{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 4px #0f3d2e33}.step-dot{border:2px solid var(--border);background:var(--surface);border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:4px}.step-text{flex:1;font-size:1rem;line-height:1.35}.demo-advance{font-size:.92rem}.price-big{color:var(--text);margin:0 0 14px;font-size:1.25rem;font-weight:800}.legal-note{color:var(--text-muted);margin:0 0 20px;font-size:.9rem;line-height:1.45}.success-inline{color:#2e7d32;margin:16px 0;font-size:1.05rem;font-weight:700}.muted-inline{color:var(--text-muted);margin:16px 0;font-size:.98rem;line-height:1.45}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;min-height:52px;padding:12px 18px;font-size:1rem;font-weight:700;transition:background .15s,transform .1s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-block{width:100%}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{color:var(--primary);background:#eef4f1;border:2px solid #c5d9cf}.btn-secondary:hover:not(:disabled){background:#e4efe9}.btn-ghost{background:var(--surface);color:var(--danger);border:2px solid #f0c4c4}.btn-ghost:hover:not(:disabled){background:var(--danger-soft)}.btn-text{color:var(--text-muted);background:0 0;min-height:44px;margin-top:8px}.input{border:2px solid var(--border);background:var(--surface);width:100%;color:var(--text);text-align:right;border-radius:12px;margin-bottom:16px;padding:14px 16px;font-size:1.05rem}.input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0f3d2e26}.input.large{min-height:54px}.btn-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bottom-nav{left:50%;bottom:calc(44px + env(safe-area-inset-bottom,0));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);z-index:11;background:#f6f2eaf2;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:430px;padding:8px 12px 10px;display:grid;position:fixed;transform:translate(-50%)}.nav-btn{border:2px solid var(--border);background:var(--surface);min-height:52px;color:var(--text-muted);cursor:pointer;border-radius:12px;padding:10px 8px;font-family:inherit;font-size:.92rem;font-weight:700}.nav-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.bottom-nav-3{grid-template-columns:1fr 1fr 1fr;gap:6px;padding-inline:8px}.bottom-nav-3 .nav-btn{min-height:56px;padding:8px 4px;font-size:.78rem;line-height:1.2}.overlay{z-index:60;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom,16px));background:#14120e8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (height>=560px){.overlay{align-items:center}}.overlay-panel{background:var(--surface);border-radius:18px;width:100%;max-width:400px;padding:22px 18px 18px;box-shadow:0 16px 48px #0003}.overlay-title{color:var(--primary);text-align:center;margin:0 0 6px;font-size:1.35rem;font-weight:800}.overlay-sub{color:var(--text-muted);text-align:center;margin:0 0 16px;font-size:.95rem}.success-panel{text-align:center}.success-msg{color:var(--primary);margin:8px 0 20px;font-size:1.15rem;font-weight:700;line-height:1.4}.app-footer{width:100%;max-width:430px;padding:8px 16px calc(10px + env(safe-area-inset-bottom,0));text-align:center;z-index:12;background:linear-gradient(#f6f2eae0,#f6f2eafa);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.link-exit{color:var(--text-muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;font-family:inherit;font-size:.88rem;font-weight:600;text-decoration:underline}.link-exit:hover{color:var(--text)}