:root{--ink:#17201e;--muted:#69736f;--line:#e5e8e6;--paper:#fbfcfb;--green:#0d5b50;--soft:#e7f1ee;--warm:#f2ede4;--white:#fff}*{box-sizing:border-box}body{margin:0;background:#e9eceb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);letter-spacing:-.015em}.app-shell{position:relative;max-width:480px;min-height:100vh;margin:auto;background:var(--paper);overflow:hidden;padding-bottom:88px}.screen{display:none;padding:0 20px 24px;animation:appear .24s ease}.screen.active{display:block}@keyframes appear{from{opacity:.55;transform:translateX(10px)}to{opacity:1;transform:none}}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.topbar,.screen-header{height:76px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:23px;font-weight:800;letter-spacing:-1.5px}.wordmark span{color:var(--green)}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px}.icon-button.small{font-size:22px}.hamburger,.hamburger:before,.hamburger:after{width:16px;height:1.5px;background:var(--ink);display:block;content:""}.hamburger{position:relative}.hamburger:before{position:absolute;top:-5px}.hamburger:after{position:absolute;top:5px;width:10px}.avatar,.profile-avatar{background:#e2cdb7;color:#5e3923;font-weight:750;display:grid;place-items:center}.avatar{height:38px;width:38px;border-radius:50%;font-size:11px}.hero-copy{padding:28px 2px 26px}.eyebrow{font-size:10px;font-weight:760;letter-spacing:.13em;color:var(--green);margin:0 0 10px}.hero-copy h1{font-size:38px;line-height:1.08;letter-spacing:-1.9px;margin:0;max-width:340px}.hero-copy h1 em{font-family:Georgia,serif;font-weight:400}.subcopy{line-height:1.5;color:var(--muted);max-width:330px;margin:16px 0 0;font-size:15px}.search-field,.search-input{height:55px;border:1px solid var(--line);background:var(--white);border-radius:14px;width:100%;display:flex;align-items:center;gap:11px;padding:0 15px;text-align:left;color:#707a76;font-size:14px;box-shadow:0 3px 10px #17201e08}.search-field kbd{margin-left:auto;font:11px inherit;border:1px solid var(--line);padding:3px 5px;border-radius:5px;color:#99a09d}.search-icon{width:15px;height:15px;border:1.8px solid currentColor;border-radius:50%;position:relative;display:inline-block;flex:none}.search-icon:after{content:"";width:6px;height:1.8px;background:currentColor;position:absolute;right:-5px;bottom:-2px;transform:rotate(48deg);border-radius:5px}.section{margin-top:32px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-heading h2,.screen-header h2{font-size:18px;letter-spacing:-.7px;margin:0}.text-button,.filter-button,.edit{font-size:13px;color:var(--green);font-weight:670}.categories{display:flex;gap:9px;overflow:auto;padding:0 0 3px;scrollbar-width:none}.category{min-width:103px;height:92px;border:1px solid var(--line);border-radius:14px;padding:13px 12px;text-align:left;background:var(--white);display:flex;flex-direction:column;justify-content:space-between;transition:.15s}.category:hover{border-color:#aabbb5;transform:translateY(-2px)}.category-icon{height:25px;width:25px;border-radius:8px;background:var(--soft);display:grid;place-items:center;color:var(--green);font-size:14px}.category span:last-child{font-size:12px;font-weight:650;line-height:1.1}.agent-scroll{display:flex;gap:13px;overflow:auto;padding-bottom:4px;scrollbar-width:none}.agent-card{border:1px solid var(--line);background:var(--white);border-radius:16px;padding:15px;min-width:232px;box-shadow:0 3px 8px #17201e06}.agent-card.wide{min-width:100%;display:flex;gap:13px;padding:14px}.agent-avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:780;font-size:13px;flex:none}.agent-card h3{font-size:14px;margin:12px 0 4px;letter-spacing:-.3px}.agent-card.wide h3{margin:1px 0 4px}.agent-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.35}.card-meta{display:flex;justify-content:space-between;margin-top:15px;padding-top:11px;border-top:1px solid #eef0ef;font-size:11px}.rating{color:#a96600;font-weight:700}.price{font-weight:700}.trust-card{display:flex;gap:12px;border-radius:14px;background:var(--soft);margin-top:32px;padding:16px}.trust-icon{height:29px;width:29px;background:var(--green);color:#fff;border-radius:9px;display:grid;place-items:center;font-weight:800}.trust-card strong{font-size:13px}.trust-card p{margin:4px 0 0;font-size:12px;color:var(--muted)}.bottom-nav{position:fixed;max-width:480px;width:100%;bottom:0;left:50%;transform:translateX(-50%);height:76px;background:#fffffff5;backdrop-filter:blur(8px);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:10px 9px calc(8px + env(safe-area-inset-bottom))}.nav-item{position:relative;width:25%;height:55px;display:flex;align-items:center;flex-direction:column;gap:6px;color:#77807d;font-size:10px}.nav-item.active{color:var(--green);font-weight:700}.nav-item i{width:19px;height:18px;position:relative;display:block}.nav-home:before{content:"";position:absolute;width:13px;height:12px;left:2px;bottom:0;border:1.6px solid currentColor;border-radius:2px}.nav-home:after{content:"";position:absolute;width:11px;height:11px;left:3px;top:-1px;border-left:1.6px solid currentColor;border-top:1.6px solid currentColor;transform:rotate(45deg);border-radius:2px}.nav-work{border:1.6px solid currentColor;border-radius:3px;margin-top:1px;height:15px!important}.nav-work:after{content:"";position:absolute;width:7px;height:1.6px;background:currentColor;left:4px;top:5px}.nav-inbox{border:1.6px solid currentColor;border-radius:4px;height:15px!important;margin-top:1px}.nav-inbox:after{content:"";position:absolute;width:7px;height:7px;border-left:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(-45deg);left:4px;top:-5px;background:var(--paper)}.nav-user{border:1.6px solid currentColor;border-radius:50%;height:18px!important}.nav-user:after{content:"";position:absolute;width:6px;height:6px;border:1.5px solid currentColor;border-radius:50%;left:5px;top:3px}.unread{position:absolute;background:var(--green);color:#fff;border-radius:10px;min-width:15px;padding:1px 4px;top:-4px;margin-left:21px;font-size:9px}.screen-header{height:76px}.back{font-size:28px;width:34px;text-align:left;color:#45504c}.search-input{margin:4px 0 16px}.search-input input{width:100%;outline:0;border:0;font-size:15px;background:transparent;color:var(--ink)}.chip-row{display:flex;gap:8px;overflow:auto;padding-bottom:13px}.chip{white-space:nowrap;border:1px solid var(--line);border-radius:20px;padding:8px 12px;font-size:12px;background:#fff}.chip.selected{background:var(--ink);border-color:var(--ink);color:#fff}.result-count{font-size:12px;color:var(--muted);margin:4px 0 13px}.agent-list{display:grid;gap:11px}.agent-card.wide .card-meta{border:0;margin-top:8px;padding:0}.summary-card{background:var(--green);color:#fff;border-radius:16px;padding:19px 20px;margin:12px 0 22px}.summary-card p{font-size:10px;font-weight:700;letter-spacing:.12em;opacity:.7;margin:0 0 7px}.summary-card strong{font-size:30px;letter-spacing:-1.5px}.summary-card strong span{font-size:16px;opacity:.78}.summary-card small{font-size:11px;display:block;margin-top:7px;opacity:.74}.tabs{display:flex;border-bottom:1px solid var(--line);gap:23px}.tab{padding:0 1px 12px;font-size:13px;color:var(--muted)}.tab.active{color:var(--ink);font-weight:700;border-bottom:2px solid var(--green)}.tab b{font-size:10px;background:var(--soft);color:var(--green);border-radius:8px;padding:2px 5px;margin-left:3px}.job-card{padding:17px 0;border-bottom:1px solid var(--line);display:flex;gap:12px}.job-status{font-size:10px;font-weight:800;color:var(--green);letter-spacing:.08em;margin:1px 0 6px}.job-card h3{font-size:14px;margin:0 0 5px}.job-card p{font-size:12px;color:var(--muted);margin:0}.job-card .job-price{margin-left:auto;font-size:13px;font-weight:700}.inbox-list{margin-top:9px}.message-row{padding:14px 0;display:flex;gap:12px;border-bottom:1px solid var(--line);align-items:center}.message-row .agent-avatar{width:44px;height:44px}.message-row h3{margin:0;font-size:14px}.message-row p{font-size:12px;color:var(--muted);margin:4px 0 0;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-time{margin-left:auto;align-self:flex-start;font-size:10px;color:var(--muted)}.message-row.unread-row h3{font-weight:780}.compose{font-size:29px;color:var(--green);border:1px solid var(--line);border-radius:50%;height:37px;width:37px}.profile-card{display:flex;gap:14px;align-items:center;padding:20px 0 26px;border-bottom:1px solid var(--line)}.profile-avatar{width:58px;height:58px;border-radius:17px;font-size:17px}.profile-card h3{font-size:16px;margin:0 0 4px}.profile-card p{font-size:12px;color:var(--muted);margin:0 0 8px}.member-pill{font-size:10px;color:var(--green);background:var(--soft);padding:4px 7px;border-radius:5px;font-weight:700}.settings-group{margin-top:25px}.settings-group>p{font-size:10px;color:var(--muted);letter-spacing:.1em;font-weight:750;margin-bottom:7px}.settings-group button{width:100%;display:flex;justify-content:space-between;padding:14px 3px;border-bottom:1px solid var(--line);font-size:14px;text-align:left}.settings-group b{font-size:21px;font-weight:400;color:#929a97}.signout{width:100%;margin-top:27px;border:1px solid var(--line);border-radius:11px;padding:13px;color:#a33b34;font-size:13px;font-weight:650}.modal{display:none;position:fixed;inset:0;z-index:4}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:#17201e62}.sheet{position:absolute;bottom:0;width:100%;max-width:480px;left:50%;transform:translateX(-50%);background:#fff;border-radius:23px 23px 0 0;padding:25px 20px calc(25px + env(safe-area-inset-bottom));animation:sheet .25s ease}@keyframes sheet{from{transform:translate(-50%,100%)}to{transform:translate(-50%,0)}}.sheet-close{position:absolute;right:16px;top:13px;font-size:26px;color:#6b7470}.detail-head{display:flex;gap:13px;padding-right:27px}.detail-head .agent-avatar{width:52px;height:52px;border-radius:15px}.detail-head h2{font-size:19px;margin:2px 0 4px}.detail-head p{font-size:12px;color:var(--muted);margin:0}.detail-description{font-size:14px;line-height:1.55;color:#45504c;margin:19px 0}.detail-grid{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:18px}.detail-grid div{width:50%;font-size:12px}.detail-grid div+div{border-left:1px solid var(--line);padding-left:16px}.detail-grid span{display:block;font-size:10px;color:var(--muted);letter-spacing:.08em;margin-bottom:5px}.primary-button{width:100%;height:51px;background:var(--green);border-radius:12px;color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:space-between;padding:0 17px}.primary-button span{font-size:20px;font-weight:400}.hire-sheet h2{font-size:23px;margin:0 0 23px}.checkout-line{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);font-size:14px}.checkout-line.fee{border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.fine-print{font-size:11px;color:var(--muted);line-height:1.45;margin:16px 0}.filter-sheet h2{font-size:23px;margin:0 0 23px}.filter-sheet p{font-size:12px;font-weight:720;margin:17px 0 9px}.price-options,.rating-options{display:flex;gap:8px;flex-wrap:wrap}.price-options button,.rating-options button{border:1px solid var(--line);padding:9px 11px;border-radius:9px;font-size:12px}.price-options button.selected,.rating-options button.selected{border-color:var(--green);background:var(--soft);color:var(--green);font-weight:700}.filter-sheet .primary-button{margin-top:25px}.toast{position:fixed;z-index:8;bottom:92px;left:50%;transform:translate(-50%,20px);background:#17201e;color:#fff;border-radius:9px;padding:10px 14px;font-size:12px;opacity:0;transition:.2s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:600px){body{padding:25px 0}.app-shell{min-height:calc(100vh - 50px);border-radius:20px;box-shadow:0 14px 45px #17201e25}.bottom-nav{bottom:25px;border-radius:0 0 20px 20px}.modal{max-width:480px;left:50%;transform:translateX(-50%)}.modal-backdrop{border-radius:20px}}