body{background:#eaf1ff;margin:0;font-family:Arial,Helvetica,sans-serif}.topbar{z-index:20;background:#f8fbfff5;border-bottom:1px solid #dbe7ff;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:absolute;top:0;left:0;right:0}.brand-wrap{align-items:center;gap:10px;display:flex}.logo-box{color:#fff;background:#2563eb;border-radius:16px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.brand-name{color:#0f172a;font-weight:700}.brand-sub{color:#64748b;font-size:12px}.top-actions{gap:8px;display:flex}.menu-link{text-align:left;cursor:pointer;background:#fff;border:0;border-radius:16px;width:100%;padding:12px 14px}.content{height:100%;padding:88px 16px 92px;overflow-y:auto}.hero-subtitle{color:#dbeafe;margin-top:4px;font-size:14px}.hero-icon{background:#ffffff24;border-radius:20px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.hero-row{gap:10px;margin-top:16px;display:flex}.pill-info{color:#eef6ff;background:#ffffff24;border:1px solid #ffffff26;border-radius:18px;flex:1;padding:10px 12px;font-size:14px}.blue-btn.full{width:100%;margin-top:10px}.dark-btn{color:#fff;background:#0f172a;border:0;border-radius:18px;padding:12px 16px;font-weight:600}.ad-box{background:#eef5ff;border:1px dashed #79a8ff;border-radius:20px;margin-bottom:16px;padding:14px}.ad-title{color:#0f172a;font-size:14px;font-weight:600}.section-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.category-card{text-align:left;background:#fff;border:1px solid #e1ecff;border-radius:24px;padding:16px 12px}.category-icon{color:#1d4ed8;background:#dbeafe;border-radius:16px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:12px;display:flex}.category-label{color:#0f172a;font-size:14px;font-weight:600;line-height:1.3}.card-sub{color:#64748b;margin-top:4px;font-size:13px}.urgent-list{gap:10px;margin-top:14px;display:flex;overflow-x:auto}.worker-avatar{border-radius:18px;width:56px;height:56px;font-size:18px}.worker-top{justify-content:space-between;gap:10px;display:flex}.worker-trade{color:#64748b;flex-wrap:wrap;align-items:center;gap:5px;margin-top:4px;font-size:13px;display:flex}.worker-meta,.profile-meta{color:#475569;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:12px;display:flex}.worker-actions{gap:8px;margin-top:12px;display:flex}.profile-avatar{color:#fff;background:#ffffff29;border-radius:24px;width:78px;height:78px;font-size:26px}.profile-main{flex:1}.profile-name{font-size:22px;font-weight:700}.sticky-actions{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px;display:grid;position:sticky;bottom:70px}.note-box{color:#1e3a8a;background:#eff6ff;border:1px solid #dbeafe;border-radius:20px;margin-bottom:16px;padding:14px;font-size:14px;font-weight:600}.page-head p{color:#64748b;margin:6px 0 0;font-size:14px}.bottom-nav{background:#fffffff5;border-top:1px solid #dbe7ff;grid-template-columns:repeat(4,1fr);padding:8px;display:grid;position:absolute;bottom:0;left:0;right:0}@media (width<=480px){.app-bg{padding:0}.phone-shell{border:0;border-radius:0;max-width:100%;height:100vh}.sticky-actions{grid-template-columns:1fr}.hero-row,.filter-grid,.stat-grid,.category-grid{grid-template-columns:1fr;display:grid}}*{box-sizing:border-box}html,body{background:#eaf1ff;margin:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}#root{width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app-bg{background:linear-gradient(#eef4ff 0%,#dfeaff 100%);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.phone-shell{background:#f8fbff;border:1px solid #d7e6ff;border-radius:36px;width:100%;max-width:430px;height:900px;position:relative;overflow:hidden;box-shadow:0 18px 50px #244da02e}.topbar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fbfff5;border-bottom:1px solid #dbe7ff;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:absolute;top:0;left:0;right:0}.brand-wrap{align-items:center;gap:10px;min-width:0;display:flex}.brand-block{flex-direction:column;justify-content:center;min-width:0;display:flex}.logo-box{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 55%,#60a5fa 100%);border:0;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 10px 20px #2563eb40}.clickable-logo{cursor:pointer}.brand-name{color:#0f172a;white-space:nowrap;font-size:18px;font-weight:800;line-height:1.1}.brand-link-btn{text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.top-actions{flex-shrink:0;gap:8px;display:flex}.icon-btn{color:#1e3a8a;cursor:pointer;background:#fff;border:1px solid #d7e6ff;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.menu-box{z-index:40;background:#fff;border:1px solid #dbe7ff;border-radius:22px;width:230px;padding:8px;position:absolute;top:66px;right:16px;box-shadow:0 12px 35px #00000014}.menu-link{text-align:left;cursor:pointer;color:#0f172a;background:#fff;border:0;border-radius:16px;width:100%;padding:12px 14px}.menu-link:hover{background:#eff6ff}.content{scroll-behavior:smooth;height:100%;padding:88px 16px 100px;overflow-y:auto}.content-with-fixed-nav{padding-bottom:112px}.hero-card{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 55%,#60a5fa 100%);border-radius:28px;margin-bottom:16px;padding:20px;box-shadow:0 14px 30px #2563eb40}.hero-head{justify-content:space-between;gap:12px;display:flex}.hero-title{font-size:28px;font-weight:800}.hero-subtitle{color:#dbeafe;margin-top:4px;font-size:14px;line-height:1.5}.hero-icon{background:#ffffff24;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.hero-welcome{margin-top:20px;font-size:22px;font-weight:600;line-height:1.3}.hero-text{color:#e0ecff;margin-top:10px;font-size:14px;line-height:1.6}.hero-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.pill-info{color:#eef6ff;background:#ffffff24;border:1px solid #ffffff26;border-radius:18px;flex:1;min-width:160px;padding:10px 12px;font-size:14px}.white-btn,.blue-btn,.outline-btn,.dark-btn,.text-btn,.role-btn,.nav-btn{cursor:pointer}.white-btn{color:#1e3a8a;background:#fff;border:0;border-radius:18px;padding:10px 16px;font-weight:600}.blue-btn{color:#fff;background:#2563eb;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:600;display:inline-flex}.blue-btn.small,.outline-btn.small{border-radius:14px;padding:8px 12px;font-size:13px}.blue-btn.full,.outline-btn.full,.dark-btn.full{width:100%;margin-top:10px}.outline-btn{color:#1e3a8a;background:#fff;border:1px solid #cfe0ff;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;display:inline-flex}.dark-btn{color:#fff;background:#0f172a;border:0;border-radius:18px;justify-content:center;align-items:center;padding:12px 16px;font-weight:600;display:inline-flex}.text-btn{color:#2563eb;background:0 0;border:0;font-weight:600}.ad-box{background:#eef5ff;border:1px dashed #79a8ff;border-radius:20px;margin-bottom:16px;padding:14px;overflow:hidden}.ad-label{text-transform:uppercase;letter-spacing:.18em;color:#1d4ed8;margin-bottom:6px;font-size:10px}.ad-title{color:#0f172a;font-size:14px;font-weight:700;line-height:1.4}.section-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.section-head h3{color:#0f172a;margin:0;font-size:17px}.no-margin{margin:0}.category-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.compact-category-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:10px}.category-card{text-align:center;background:#fff;border:1px solid #e1ecff;border-radius:24px;min-height:116px;padding:16px 12px}.compact-category-card{border-radius:22px;min-height:98px;padding:12px 8px}.category-icon{color:#1d4ed8;background:#dbeafe;border-radius:16px;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 10px;display:flex}.category-label{color:#0f172a;word-break:break-word;font-size:14px;font-weight:600;line-height:1.3}.compact-category-label{font-size:12px;line-height:1.2}.simple-card{background:#fff;border:1px solid #e2ecff;border-radius:24px;margin-bottom:16px;padding:16px}.nested-card{background:#f8fbff;border:1px solid #dfeaff;border-radius:18px;padding:12px}.dual-action-card{grid-template-columns:1fr 1fr;gap:10px;display:grid}.card-title{color:#0f172a;font-size:15px;font-weight:700}.card-sub{color:#64748b;margin-top:4px;font-size:13px;line-height:1.5}.urgent-list{gap:10px;margin-top:14px;padding-bottom:4px;display:flex;overflow-x:auto}.urgent-card{text-align:left;background:#f8fbff;border:1px solid #dfeaff;border-radius:18px;min-width:180px;padding:12px}.urgent-name{color:#0f172a;font-weight:700}.urgent-trade{color:#64748b;margin-top:4px;font-size:13px}.urgent-time{color:#1d4ed8;margin-top:8px;font-size:12px}.worker-list{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.worker-card{background:#fff;border:1px solid #e2ecff;border-radius:24px;gap:12px;padding:14px;display:flex}.worker-avatar,.profile-avatar{color:#1d4ed8;background:#dbeafe;justify-content:center;align-items:center;font-weight:700;display:flex}.worker-avatar{border-radius:18px;flex-shrink:0;width:56px;height:56px;font-size:18px}.worker-avatar img,.profile-avatar img{object-fit:cover;width:100%;height:100%;display:block}.worker-main{flex:1;min-width:0}.worker-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.worker-name{color:#0f172a;font-size:16px;font-weight:700}.worker-trade{color:#64748b;flex-wrap:wrap;align-items:center;gap:5px;margin-top:4px;font-size:13px;line-height:1.4;display:flex}.verified-badge,.profile-badge,.filter-pill,.skill-chip,.status-badge{align-items:center;gap:6px;display:inline-flex}.verified-badge{color:#1d4ed8;white-space:nowrap;background:#dbeafe;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.worker-meta,.profile-meta{flex-wrap:wrap;gap:12px;margin-top:10px;font-size:12px;display:flex}.worker-meta{color:#475569}.profile-meta{color:#fff}.worker-meta span,.profile-meta span{align-items:center;gap:4px;display:inline-flex}.profile-meta span{color:#fff}.worker-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.search-row{color:#64748b;border-bottom:1px solid #e3edff;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex}.input-plain{background:0 0;border:0;outline:none;width:100%}.filter-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-label{color:#64748b;margin-bottom:6px;font-size:12px}.select-box,.text-input,.text-area{background:#fff;border:1px solid #d7e6ff;border-radius:16px;outline:none;width:100%;padding:12px 14px}.select-box:focus,.text-input:focus,.text-area:focus,.input-plain:focus{border-color:#7aa8ff}.text-area{resize:vertical;min-height:120px}.results-text{color:#334155;font-size:14px;font-weight:600}.filter-pill{color:#334155;background:#fff;border:1px solid #d7e6ff;border-radius:999px;padding:7px 12px;font-size:12px}.back-row{align-items:center;gap:10px;margin-bottom:14px;display:flex}.back-title{color:#334155;font-size:15px;font-weight:600}.profile-hero{color:#fff;background:linear-gradient(135deg,#1e40af 0%,#2563eb 100%);border-radius:28px;gap:14px;margin-bottom:16px;padding:18px;display:flex}.profile-avatar{color:#fff;background:#ffffff29;border-radius:24px;flex-shrink:0;width:78px;height:78px;font-size:26px}.profile-main{flex:1;min-width:0}.profile-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-name{color:#fff;font-size:22px;font-weight:700}.profile-badge{color:#fff;background:#ffffff29;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.profile-line{color:#fff;margin-top:6px;font-size:14px}.profile-hero .profile-name,.profile-hero .profile-line,.profile-hero .profile-meta,.profile-hero .profile-meta span{color:#fff}.stat-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.stat-card{text-align:center;background:#fff;border:1px solid #e2ecff;border-radius:24px;padding:16px 10px}.stat-number{color:#0f172a;font-size:20px;font-weight:700}.stat-label{color:#64748b;margin-top:5px;font-size:12px}.about-text{color:#334155;font-size:14px;line-height:1.6}.skill-wrap{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.skill-chip{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600}.sticky-actions{z-index:5;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px;display:grid;position:sticky;bottom:78px}.note-box{color:#1e3a8a;background:#eff6ff;border:1px solid #dbeafe;border-radius:20px;margin-bottom:16px;padding:14px;font-size:14px;font-weight:600;line-height:1.5}.selected-worker-box{background:#f8fbff;border:1px solid #dfeaff;border-radius:18px;margin-bottom:14px;padding:12px}.page-head{margin-bottom:16px}.page-head h2{color:#0f172a;margin:0;font-size:24px}.page-head p{color:#64748b;margin:6px 0 0;font-size:14px;line-height:1.5}.booking-list{flex-direction:column;gap:12px;display:flex}.booking-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.booking-date{color:#64748b;margin-top:8px;font-size:12px}.status-badge{white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.status-badge.confirmed{color:#1d4ed8;background:#dbeafe}.status-badge.pending{color:#c2410c;background:#fff7ed}.status-badge.completed{color:#334155;background:#e2e8f0}.role-switch{background:#eaf2ff;border-radius:18px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;padding:6px;display:grid}.role-btn{color:#334155;background:0 0;border:0;border-radius:14px;padding:11px;font-weight:600}.role-btn.active{color:#1d4ed8;background:#fff}.bottom-nav{z-index:35;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-top:1px solid #dbe7ff;grid-template-columns:repeat(4,1fr);padding:8px;display:grid;position:absolute;bottom:0;left:0;right:0}.fixed-bottom-nav{position:absolute;bottom:0}.nav-btn{color:#64748b;background:0 0;border:0;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:11px;font-weight:600;display:flex}.nav-btn.active{color:#1d4ed8;background:#eff6ff}@media (width<=480px){.app-bg{padding:0}.phone-shell{border:0;border-radius:0;max-width:100%;height:100vh}.content{padding:84px 12px 104px}.content-with-fixed-nav{padding-bottom:112px}.hero-title{font-size:26px}.hero-welcome{font-size:20px}.compact-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.compact-category-card{border-radius:18px;min-height:90px;padding:10px 6px}.compact-category-card .category-icon{width:38px;height:38px;margin-bottom:8px}.compact-category-label{font-size:11px;line-height:1.15}.sticky-actions{grid-template-columns:1fr;bottom:76px}.filter-grid{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:repeat(3,1fr)}.dual-action-card{grid-template-columns:1fr}}@media (width<=380px){.compact-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-category-label{font-size:10px}.worker-actions{flex-direction:column}.filter-grid,.stat-grid{grid-template-columns:1fr}.booking-row{flex-direction:column}.status-badge{align-self:flex-start}.brand-name{font-size:16px}}.terms-check-row{cursor:pointer;color:#334155;align-items:flex-start;gap:10px;margin-top:14px;font-size:14px;line-height:1.45;display:flex}.terms-check-row input[type=checkbox]{cursor:pointer;flex:0 0 16px;width:16px;height:16px;margin-top:4px}.terms-check-row a{color:#2563eb;font-weight:600;text-decoration:none}.terms-check-row a:hover{text-decoration:underline}.nested-card{margin-top:10px}@media (width<=640px){.terms-check-row{font-size:13px}}.seo-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.hero-register-btn{color:#fff;background:#ffffff1f;border-color:#ffffff8c}.hero-register-btn:hover{background:#ffffff2e}.blue-btn:disabled,.outline-btn:disabled,.white-btn:disabled,.dark-btn:disabled{opacity:.7;cursor:not-allowed}