:root{--bg: #f3f5f8;--surface: #ffffff;--surface-2: #f8fafc;--ink: #111827;--muted: #667085;--line: #d8dee8;--blue: #1f5cff;--blue-2: #e8f0ff;--green: #08a66a;--yellow: #ffd43b;--red: #dc2626;--tabbar: 78px}*{box-sizing:border-box}body{margin:0;min-height:100dvh;color:var(--ink);background:linear-gradient(140deg,#eef2f7,#dbe3ef);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}h1,h2,h3,p{margin:0}p{color:var(--muted);line-height:1.45}.stage{min-height:100dvh;display:grid;place-items:center;padding:18px;overflow:hidden}.phone{width:min(100%,430px);height:min(920px,calc(100dvh - 36px));min-height:620px;max-height:920px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:var(--bg);border:1px solid rgba(255,255,255,.72);border-radius:34px;box-shadow:0 18px 48px #10182824;position:relative}.app-header{padding:14px 16px 12px;background:#f3f5f8f5;border-bottom:1px solid rgba(216,222,232,.7)}.bar,.section-title,.mini-actions,.chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:950}.brand-mark,.icon-btn{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:var(--surface)}.brand-mark{width:36px;height:36px;color:#fff;background:linear-gradient(135deg,var(--blue),#32b8ff)}.brand-mark svg{width:30px;height:30px}.language-pill{margin-top:9px;min-height:34px;border-radius:999px;padding:7px 11px;display:inline-flex;align-items:center;gap:7px;color:#253047;background:#fff;border:1px solid rgba(216,222,232,.82);font-size:12px;font-weight:900}main{min-height:0;overflow:hidden}.search-box,input,textarea,select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:16px;padding:12px 13px;color:var(--ink);background:#fff}.search-box{margin-top:10px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;color:#344054;overflow:hidden}.search-box span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-chip,.chip{min-height:36px;border-radius:999px;padding:8px 11px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#172033;background:var(--surface-2);font-size:13px;font-weight:850}.filter-chip{border:0;min-height:40px}textarea{min-height:118px;resize:vertical}.screen{min-height:0;height:100%;overflow-y:auto;padding:14px 14px calc(var(--tabbar) + 18px);overscroll-behavior:contain}.stories{margin:12px -14px 14px;padding:0 14px;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.stories::-webkit-scrollbar{display:none}.category{width:94px;min-width:94px;border-radius:18px;padding:10px;display:grid;gap:8px;background:#fff;color:var(--ink);text-align:left;font-weight:850}.category.active{color:#fff;background:#101828}.category-icon{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;color:var(--blue);background:var(--blue-2)}.category.active .category-icon{color:#fff;background:#ffffff24}.category span:last-child{font-size:12px;line-height:1.15}.badge{min-height:24px;border-radius:999px;padding:4px 8px;display:inline-flex;align-items:center;white-space:nowrap;color:#111827;background:var(--yellow);font-size:11px;font-weight:950}.badge{background:var(--yellow);font-size:12px}.trust-strip{margin-bottom:14px;border-radius:22px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:12px;color:#fff;background:#172033;overflow:hidden;position:relative}.trust-strip:after{content:"";width:112px;height:112px;border-radius:999px;position:absolute;right:-34px;top:-40px;background:#ffd43b52}.trust-strip p{color:#ffffffc2}.trust-kpi{display:grid;gap:2px;text-align:right;z-index:1}.trust-kpi small{color:#ffffffc7;font-size:11px;font-weight:850}.filter-row,.attachment-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.cards,.form-grid,.messages{display:grid;gap:12px}.job-card,.offer-card,.panel,.chat-item{width:100%;padding:14px;border:1px solid rgba(216,222,232,.82);border-radius:18px;background:var(--surface);text-align:left}.job-card{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;overflow:hidden}.job-art{min-height:112px;border-radius:17px;overflow:hidden;background:#dbe4f0}.job-art img{width:100%;height:100%;object-fit:cover;display:block}.job-main{min-width:0;display:grid;gap:8px}.job-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;min-width:0}.job-card h3{margin:7px 0 0;overflow-wrap:anywhere;font-size:16px;line-height:1.25}.meta{display:flex;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:12px;font-weight:750}.offer-text{color:#344054;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.price{color:var(--blue);font-size:16px;font-weight:950;white-space:nowrap}.offer-card.chosen{border-color:#08a66a8c;background:#f3fff9}.person{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center}.avatar{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#1f5cff,#32b8ff);font-weight:950}.rating{display:inline-flex;align-items:center;gap:4px;color:#694600;font-size:12px;font-weight:900}.translated-note{padding:9px 10px;border-radius:14px;display:flex;gap:7px;color:#5f6f89;background:#f4f7fb;font-size:12px;line-height:1.35}.brief{padding:12px;border-radius:16px;background:#eef6ff}.attach-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px dashed #b8c4d6;border-radius:17px;background:#fff}.attach-box p{font-size:13px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{min-height:48px;border-radius:16px;padding:12px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--ink);background:var(--surface-2);font-weight:900}.btn.primary{color:#fff;background:var(--blue)}.btn.dark{color:#fff;background:#101828}.btn.full{width:100%}.btn.small{min-height:40px;border-radius:14px;padding:9px 12px}.fab{position:absolute;right:16px;bottom:calc(var(--tabbar) + 14px);z-index:4;border-radius:999px}.tabbar{position:relative;z-index:8;min-height:var(--tabbar);padding:8px 12px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#fffffff0;border-top:1px solid rgba(216,222,232,.8)}.tab{min-height:58px;border-radius:18px;display:grid;place-items:center;gap:2px;color:var(--muted);background:transparent;font-size:11px;font-weight:900}.tab.active{color:var(--blue);background:var(--blue-2)}.chat-room{display:grid;min-height:100%;grid-template-rows:auto minmax(0,1fr) auto}.chat-item{min-height:74px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center}.chat-item small{color:var(--muted);font-weight:800;line-height:1.35}.unread{min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:grid;place-items:center;color:#fff;background:var(--blue);font-size:12px;font-weight:900}.msg{max-width:88%;padding:10px 12px;border-radius:18px;background:#fff}.msg.me{justify-self:end;color:#fff;background:var(--blue)}.msg.me p,.msg.me small{color:#ffffffdb}.msg small{display:block;margin-top:6px;color:var(--muted)}.composer{display:grid;grid-template-columns:1fr 48px;gap:8px;position:sticky;bottom:0;background:var(--bg);padding-top:10px}.toast{position:absolute;left:18px;right:18px;bottom:calc(var(--tabbar) + 18px);z-index:10;min-height:46px;padding:12px 14px;border-radius:16px;display:flex;align-items:center;gap:8px;color:#fff;background:#101828;font-weight:850}.empty{text-align:center;place-items:center}.language-card{padding:12px;border-radius:17px;background:#fff;border:1px solid rgba(216,222,232,.82)}.language-grid{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.language-option{min-height:42px;border-radius:14px;color:#253047;background:var(--surface-2);font-weight:900}.language-option.active{color:#fff;background:var(--blue)}@media(max-width:560px){.stage{display:block;padding:0}.phone{width:100%;height:100dvh;min-height:100dvh;max-height:none;border-radius:0;border:0}}@media(max-width:380px){.screen{padding-left:10px;padding-right:10px}.stories{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}.job-card{grid-template-columns:78px minmax(0,1fr);gap:8px;padding:10px}.job-art{min-height:104px;border-radius:15px}.job-card h3,.price{font-size:15px}}