:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7fb;--bg-soft:#edf3ff;--card:#fff;--panel:#f9fafb;--text:#172033;--muted:#64748b;--primary:#2563eb;--primary-dark:#1746b8;--border:#e2e8f0;--success:#059669;--warning:#d97706;--purple:#7c3aed;--shadow:0 12px 32px #0f172a14}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1220;--bg-soft:#172338;--card:#111b2c;--panel:#172338;--text:#e5edf8;--muted:#9aabc2;--primary:#60a5fa;--primary-dark:#3b82f6;--border:#2b3a50;--success:#34d399;--warning:#fbbf24;--purple:#a78bfa;--shadow:0 14px 36px #00000040}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Arial,sans-serif;transition:background .2s,color .2s}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.hidden{display:none!important}.muted{color:var(--muted)}.auth-page{background:radial-gradient(ellipse at 12% 15%, #0ea5e921, transparent 35%), var(--bg);place-items:center;min-height:100vh;padding:28px;display:grid}.auth-shell{border:1px solid var(--border);background:var(--card);border-radius:30px;grid-template-columns:1.05fr .95fr;width:min(1160px,100%);min-height:650px;display:grid;overflow:hidden;box-shadow:0 28px 80px #0f172a29}.auth-promo{color:#fff;background:radial-gradient(circle at 18% 80%,#22d3ee4d,#0000 30%),linear-gradient(145deg,#123a86,#2563eb 55%,#0891b2);flex-direction:column;justify-content:space-between;padding:48px;display:flex}.brand,.sidebar-brand{align-items:center;gap:12px;display:flex}.brand{font-size:1.25rem}.logo{color:#fff;background:linear-gradient(135deg,#2563eb,#22d3ee);border-radius:16px;flex:none;place-items:center;width:52px;height:52px;font-size:26px;font-weight:800;display:grid}.promo-content{position:relative}.eyebrow{color:var(--primary);margin-bottom:12px;font-size:.86rem;font-weight:800;display:inline-block}.auth-promo .eyebrow{color:#bae6fd}.promo-content h1{max-width:550px;margin:0 0 16px;font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.35}.promo-content>p{color:#ffffffd6;max-width:500px;line-height:1.9}.promo-points{color:#e0f2fe;gap:11px;margin-top:24px;display:grid}.promo-art{height:120px;margin-top:20px;position:relative}.art-card{z-index:1;color:#173465;box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:14px 18px;font-weight:700;position:absolute}.art-card-one{top:4px;right:10px;transform:rotate(-4deg)}.art-card-two{font-size:.85rem;top:60px;left:18px;transform:rotate(3deg)}.art-orb{background:#ffffff2b;border-radius:50%;width:110px;height:110px;position:absolute;top:4px;right:42%}.auth-form-panel{background:var(--card);flex-direction:column;justify-content:center;padding:34px clamp(24px,4vw,54px);display:flex}.page-tools{align-items:center;gap:10px;display:flex}.auth-form-panel>.page-tools{justify-content:flex-start;margin-bottom:20px}.lang-switch{border:1px solid var(--border);background:var(--bg-soft);border-radius:999px;gap:3px;padding:4px;display:inline-flex}.lang-btn{min-width:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 12px;font-weight:700}.lang-btn.active{color:#fff;background:var(--primary)}.icon-btn{border:1px solid var(--border);width:42px;height:42px;color:var(--text);background:var(--card);box-shadow:var(--shadow);cursor:pointer;border-radius:12px;place-items:center;display:grid}.auth-form h2{margin:0 0 8px;font-size:clamp(1.65rem,2.2vw,2rem)}.auth-description{margin:0 0 25px;line-height:1.7}.field{margin-bottom:16px}.field label{margin-bottom:8px;font-weight:700;display:block}.field input,.field select,.field textarea{border:1px solid var(--border);width:100%;min-height:48px;color:var(--text);background:var(--bg);border-radius:12px;outline:none;padding:12px 14px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb21}.remember-row{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:8px 0 18px;font-size:.9rem;display:flex}.remember-row label{align-items:center;gap:7px;display:flex}.link-text,.link-btn{color:var(--primary);font-weight:700}.primary-btn{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;margin-top:8px;padding:13px 18px;font-weight:700;display:flex}.primary-btn:hover{background:var(--primary-dark)}.switch-link{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin:18px 0;display:flex}.text-btn{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:4px;font-weight:700}.demo-box{border:1px solid var(--border);color:var(--muted);background:var(--bg-soft);border-radius:12px;padding:12px 14px;font-size:.88rem;line-height:1.8}.demo-box strong{color:var(--text);display:block}.dashboard{min-height:100vh;display:flex}.sidebar{border-inline-end:1px solid var(--border);background:var(--card);flex-direction:column;flex:0 0 250px;gap:28px;width:250px;padding:22px 16px;display:flex}.sidebar-brand{font-size:1.02rem}.sidebar-brand .logo{width:48px;height:48px}.side-nav{gap:8px;margin-top:165px;display:grid}.nav-item{color:var(--muted);border-radius:12px;align-items:center;gap:11px;padding:12px 14px;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:var(--text);background:var(--bg-soft)}.secondary-btn{border:1px solid var(--border);width:100%;color:var(--text);background:var(--card);text-align:center;cursor:pointer;border-radius:11px;margin-top:auto;padding:12px;font-weight:700;display:block}.main-content{flex:1;min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.topbar h1{margin:5px 0 0;font-size:clamp(1.5rem,3vw,2rem)}.small-label{color:var(--muted);margin:0;font-size:.82rem}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-card,.panel{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:18px}.stat-card{align-items:center;gap:13px;padding:18px;display:flex}.stat-card p{color:var(--muted);margin:0 0 5px;font-size:.88rem}.stat-card strong{font-size:1.55rem}.stat-icon{border-radius:15px;flex:none;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.stat-icon.blue{background:#2563eb1f}.stat-icon.green{background:#10b9811f}.stat-icon.orange{background:#f59e0b24}.stat-icon.purple{background:#8b5cf621}.content-grid{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px;margin-top:22px;display:grid}.panel{min-width:0;padding:20px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-header h2{margin:0;font-size:1.15rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:start;width:100%}th,td{border-bottom:1px solid var(--border);text-align:start;white-space:nowrap;padding:13px 10px}th{color:var(--muted);font-size:.84rem}.badge{border-radius:999px;padding:5px 10px;font-size:.77rem;font-weight:700;display:inline-block}.badge.pending{color:var(--warning);background:#f59e0b1f}.badge.accepted{color:var(--success);background:#10b9811f}.badge.in-progress{color:var(--primary);background:#2563eb1f}.freelancer-list{gap:12px;display:grid}.freelancer-item{border:1px solid var(--border);background:var(--bg-soft);border-radius:13px;align-items:center;gap:11px;padding:10px;display:flex}.avatar{width:42px;height:42px;color:var(--primary-dark);background:#dbeafe;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.freelancer-info{flex:1;min-width:0}.freelancer-info strong{display:block}.freelancer-info p{color:var(--muted);margin:4px 0 0;font-size:.82rem}.rating{color:#f59e0b;white-space:nowrap;font-weight:700}.profile-top{align-items:center;gap:16px;display:flex}.profile-top h2{margin:0 0 7px}.profile-avatar{width:76px;height:76px;font-size:1.35rem}.profile-bio{color:var(--muted);margin:22px 0;line-height:1.8}.skills-row{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{border:1px solid var(--border);background:var(--bg-soft);border-radius:999px;padding:8px 12px;font-size:.86rem}.profile-info{gap:7px;margin:20px 0;display:grid}.profile-info p{margin:0}.review{border-bottom:1px solid var(--border);padding:15px 0}.review:last-child{border-bottom:0}.review p{color:var(--muted);line-height:1.6}.form-panel{max-width:850px}.job-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;display:grid}.job-form .field:last-of-type{grid-column:1/-1}.job-form .primary-btn{grid-column:1/-1;max-width:240px}.chat-widget{z-index:1000;position:fixed;bottom:24px;right:24px}.chat-toggle{color:#fff;background:linear-gradient(135deg,var(--primary),#22c1dc);width:58px;height:58px;box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:50%;font-size:25px}.chat-panel{border:1px solid var(--border);background:var(--card);width:min(350px,100vw - 32px);box-shadow:var(--shadow);border-radius:18px;display:none;position:absolute;bottom:72px;right:0;overflow:hidden}.chat-widget.open .chat-panel{display:block}.chat-header{color:#fff;background:var(--primary);justify-content:space-between;align-items:center;padding:12px 14px;font-weight:700;display:flex}.chat-title{align-items:center;gap:8px;display:flex}.chat-title .dot{background:#4ade80;border-radius:50%;width:9px;height:9px}.chat-theme-btn{color:#fff;cursor:pointer;background:#ffffff2e;border:0;border-radius:50%;width:32px;height:32px}.chat-body{background:var(--panel);flex-direction:column;gap:9px;min-height:190px;max-height:260px;padding:14px;display:flex;overflow-y:auto}.msg{border-radius:12px;max-width:84%;padding:9px 12px;font-size:.9rem;line-height:1.55}.msg.bot{border:1px solid var(--border);color:var(--text);background:var(--card);align-self:flex-start}.msg.user{color:#fff;background:var(--primary);align-self:flex-end}.chat-input-wrap{border-top:1px solid var(--border);background:var(--card);gap:8px;padding:10px;display:flex}.chat-input-wrap input{border:1px solid var(--border);min-width:0;color:var(--text);background:var(--bg);border-radius:10px;outline:none;flex:1;padding:10px}.chat-input-wrap button{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:10px;padding:9px 13px;font-weight:700}@media (width<=980px){.auth-shell{grid-template-columns:1fr;max-width:650px}.auth-promo{min-height:350px;padding:30px}.promo-art{height:85px}.art-card-two{top:42px}.dashboard{display:block}.sidebar{gap:14px;width:100%;min-height:auto}.side-nav{flex-wrap:wrap;margin-top:0;display:flex}.side-nav .nav-item{flex:150px}.secondary-btn{max-width:220px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.auth-page{padding:12px}.auth-shell{border-radius:22px}.auth-promo{min-height:0;padding:24px 20px}.promo-content{margin-top:28px}.promo-content h1{font-size:1.8rem}.promo-art{display:none}.auth-form-panel{padding:22px}.main-content{padding:18px 14px}.topbar{flex-direction:column;align-items:flex-start}.stats-grid,.content-grid,.job-form{grid-template-columns:1fr}.job-form .field:last-of-type,.job-form .primary-btn{grid-column:auto}.job-form .primary-btn{max-width:none}.chat-widget{bottom:16px;right:16px}}@media (width<=980px){.client-live-grid,.profile-work-grid{grid-template-columns:1fr}}@media (width<=620px){.live-freelancer-card{flex-wrap:wrap}.freelancer-meta{justify-content:space-between;align-items:center;width:100%;display:flex}}.app-notice{z-index:2000;border:1px solid var(--border);width:min(520px,100vw - 32px);color:var(--text);background:var(--card);box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:12px;padding:13px 16px;transition:all .2s;position:fixed;top:18px;left:50%;transform:translate(-50%,-12px)}.app-notice.visible{opacity:1;transform:translate(-50%)}.app-notice[data-type=success]{border-color:#10b9818c}.app-notice[data-type=error]{border-color:#ef444473}.link-text{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.empty-state{text-align:center;color:var(--muted);border:1px dashed var(--border);background:var(--bg-soft);border-radius:14px;justify-items:center;gap:9px;padding:28px 16px;display:grid}.empty-state h3{color:var(--text);margin:0;font-size:1.05rem}.empty-state p{max-width:480px;margin:0;line-height:1.7}.empty-state-icon{font-size:2rem}.empty-state.compact{border:0;min-width:240px;padding:20px}.client-live-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr)}.freelancer-search-field{margin-bottom:14px}.freelancer-search-field input{width:100%}.live-freelancer-card{align-items:flex-start;padding:14px}.live-freelancer-card .freelancer-info p.freelancer-skills{color:var(--text)}.freelancer-info small{color:var(--muted);margin-top:6px;display:block}.freelancer-meta{justify-items:end;gap:10px;margin-inline-start:auto;display:grid}.profile-work-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start}.profile-work-grid .form-panel{max-width:none}.profile-work-grid .job-form .field:nth-last-of-type(2){grid-column:1/-1}.profile-work-grid .job-form .primary-btn{max-width:none}.profile-tags{background:var(--bg-soft);border-radius:10px;margin:14px 0;padding:10px 12px}.chat-quick-actions{background:var(--panel);flex-wrap:wrap;gap:6px;padding:10px 12px 0;display:flex}.chat-chip{border:1px solid var(--border);color:var(--text);background:var(--card);cursor:pointer;border-radius:999px;padding:6px 9px;font-size:.78rem}.chat-chip:hover{border-color:var(--primary)}button:disabled{opacity:.65;cursor:wait}@media (width<=980px){.client-live-grid,.profile-work-grid{grid-template-columns:1fr}}@media (width<=620px){.live-freelancer-card{flex-wrap:wrap}.freelancer-meta{justify-content:space-between;align-items:center;width:100%;display:flex}}.live-items{gap:12px;display:grid}.live-item{border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;gap:8px;padding:14px;display:grid}.live-item p{margin:0;line-height:1.6}.live-item-actions{flex-wrap:wrap;gap:8px;display:flex}.live-item-actions .primary-btn,.live-item-actions .secondary-btn{width:auto;padding:9px 13px}.conversation-box{border:1px solid var(--border);border-radius:12px;margin-top:14px;padding:12px}.conversation-messages{flex-direction:column;gap:8px;max-height:280px;padding:4px;display:flex;overflow:auto}.conversation-message{background:var(--bg-soft);overflow-wrap:anywhere;border-radius:12px;max-width:88%;padding:9px 12px}.conversation-message.mine{background:#3b82f621;align-self:flex-start}.conversation-message small{opacity:.7;margin-top:4px;display:block}.conversation-form{gap:8px;margin-top:12px;display:flex}.conversation-form input{flex:1;min-width:0}.conversation-form .primary-btn{width:auto}.profile-work-grid .job-form .field:nth-last-of-type(n+9){grid-column:auto}@media (width<=700px){.conversation-form{flex-direction:column}.conversation-form .primary-btn{width:100%}}.request-modal-backdrop{z-index:10000;background:#0f172a94;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.request-modal{width:min(720px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 24px 80px #0000003d}.request-modal .panel-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.request-modal .field textarea{resize:vertical;width:100%}.profile-contact-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;display:flex}.profile-chat-panel{margin-top:20px}.profile-chat-panel .conversation-box{display:block}.profile-chat-panel .conversation-box.hidden{display:none}.ff-added-welcome{justify-content:space-between;align-items:center;gap:22px;margin-top:22px;padding:22px;display:flex;position:relative;overflow:hidden}.ff-added-welcome-copy{min-width:0;max-width:760px}.ff-added-welcome .small-label{color:var(--muted);margin:0 0 7px;font-size:.82rem}.ff-added-welcome h2{margin:0 0 8px;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.4}.ff-added-welcome p.muted{margin:0;line-height:1.8}.ff-added-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.ff-added-actions a,.ff-added-actions button{white-space:nowrap;width:auto;text-decoration:none}.ff-added-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.ff-added-shortcut{border:1px solid var(--border);background:var(--card);min-width:0;box-shadow:var(--shadow);color:var(--text);text-align:start;cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:15px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.ff-added-shortcut:hover{border-color:var(--primary);transform:translateY(-2px)}.ff-added-shortcut-icon{background:var(--bg-soft);border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:1.2rem;display:grid}.ff-added-shortcut>span:nth-child(2){gap:4px;min-width:0;display:grid}.ff-added-shortcut strong{font-size:.94rem}.ff-added-shortcut small{color:var(--muted);font-size:.78rem;line-height:1.5}.ff-added-arrow{color:var(--muted);margin-inline-start:auto;font-size:1.15rem}html[dir=ltr] .ff-added-arrow{transform:scaleX(-1)}@media (width<=980px){.ff-added-welcome{flex-direction:column;align-items:flex-start}.ff-added-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.ff-added-actions{width:100%}}@media (width<=620px){.ff-added-welcome{padding:17px}.ff-added-shortcuts{grid-template-columns:1fr}.ff-added-actions{grid-template-columns:1fr;display:grid}.ff-added-actions a,.ff-added-actions button{text-align:center;width:100%}.ff-added-shortcut{padding:13px}}.client-view-section{animation:.22s ffViewIn;display:none}.client-view-section.active{display:block}.client-view-section.active.content-grid{grid-template-columns:minmax(0,1fr);display:grid}.client-home-stats{margin-top:18px}.ff-added-shortcut[type=button]{width:100%;font:inherit;color:var(--text)}.ff-added-shortcut:focus-visible,.nav-item:focus-visible{outline-offset:2px;outline:3px solid #2563eb4d}@keyframes ffViewIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.dashboard{flex-direction:column;min-height:100vh;display:flex}.sidebar{border-inline-end:0;border-bottom:1px solid var(--border);flex:none;gap:12px;width:100%;min-height:0;padding:14px 16px}.sidebar-brand{font-size:.98rem}.sidebar-brand .logo{border-radius:12px;width:40px;height:40px;font-size:22px}.side-nav{scrollbar-width:thin;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:7px;margin-top:0;padding:0 0 3px;display:flex;overflow:auto hidden}.side-nav .nav-item{white-space:nowrap;flex:none;min-height:44px;padding:10px 12px;font-size:.88rem}.sidebar .logout-link{align-self:flex-start;width:auto;max-width:none;margin-top:0;padding:9px 13px}.main-content{padding:20px}.topbar{flex-wrap:wrap;align-items:center}.ff-added-welcome{margin-top:8px}}@media (width<=620px){body{overflow-x:hidden}.sidebar{gap:10px;padding:12px}.sidebar-brand{gap:9px}.side-nav{margin-inline:-2px}.side-nav .nav-item{border-radius:10px;gap:7px;padding:10px 11px;font-size:.82rem}.main-content{padding:16px 12px 34px}.topbar{flex-direction:row;align-items:center;gap:10px;margin-bottom:17px}.topbar h1{font-size:1.35rem}.page-tools{gap:6px}.lang-btn{min-width:36px;padding:7px 9px;font-size:.82rem}.icon-btn{width:38px;height:38px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-card{border-radius:14px;gap:8px;padding:11px 10px}.stat-card p{font-size:.75rem;line-height:1.45}.stat-card strong{font-size:1.25rem}.stat-icon{border-radius:11px;width:36px;height:36px;font-size:18px}.content-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:14px}.panel{border-radius:15px;padding:15px}.panel-header{flex-wrap:wrap;align-items:flex-start;gap:8px}.panel-header h2{font-size:1.03rem;line-height:1.5}.ff-added-welcome{border-radius:16px;gap:12px;margin-top:0;padding:16px}.ff-added-welcome h2{font-size:1.15rem}.ff-added-welcome p.muted{font-size:.9rem;line-height:1.75}.ff-added-actions{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.ff-added-actions a,.ff-added-actions button{white-space:normal;width:100%}.ff-added-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.ff-added-shortcut{border-radius:14px;align-items:flex-start;gap:8px;padding:12px 10px}.ff-added-shortcut-icon{border-radius:10px;flex:0 0 35px;width:35px;height:35px;font-size:1rem}.ff-added-shortcut strong{font-size:.82rem;line-height:1.45}.ff-added-shortcut small{overflow-wrap:anywhere;font-size:.7rem;line-height:1.5}.ff-added-arrow{font-size:.95rem}.client-home-stats{margin-top:14px}.live-item{gap:7px;padding:12px}.live-item-actions{grid-template-columns:minmax(0,1fr);display:grid}.live-item-actions .primary-btn,.live-item-actions .secondary-btn{width:100%;max-width:none}.conversation-box{margin-top:10px;padding:9px}.conversation-messages{max-height:45vh}.conversation-message{overflow-wrap:anywhere;max-width:100%}.conversation-form{flex-direction:column}.conversation-form .primary-btn{width:100%}.table-wrap{max-width:100%}th,td{padding:10px 8px;font-size:.82rem}.request-modal-backdrop{align-items:flex-start;padding:10px}.request-modal{max-height:calc(100dvh - 20px);margin:auto 0;padding:14px}.chat-widget{bottom:12px;right:12px}.chat-panel{width:min(360px,100vw - 24px);right:0}}@media (width<=390px){.ff-added-shortcuts{grid-template-columns:minmax(0,1fr)}.ff-added-shortcut{align-items:center}.ff-added-shortcut strong{font-size:.9rem}.ff-added-shortcut small{font-size:.76rem}}.avatar-image{object-fit:cover;background:var(--bg-soft);display:block}.avatar-upload-layout{align-items:center;gap:20px;display:flex}.avatar-preview-wrap{flex:none;width:112px;height:112px}.avatar-preview{object-fit:cover;border:2px solid var(--border);background:var(--bg-soft);border-radius:50%;place-items:center;width:112px;height:112px;display:grid}.avatar-preview-placeholder{color:var(--muted);font-size:2.6rem}.avatar-upload-controls{flex:1;min-width:0}.avatar-upload-controls p{line-height:1.7}.avatar-upload-controls .primary-btn{max-width:260px}.avatar-help{font-size:.82rem}.single-view-grid{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:0;display:grid}.client-home-shortcuts,.freelancer-home-shortcuts{margin-top:16px}@media (width<=620px){.avatar-upload-layout{flex-direction:column;align-items:flex-start}.avatar-preview-wrap,.avatar-preview{width:96px;height:96px}.avatar-upload-controls .primary-btn{max-width:none}.single-view-grid{gap:12px}.client-home-shortcuts,.freelancer-home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=390px){.client-home-shortcuts,.freelancer-home-shortcuts{grid-template-columns:minmax(0,1fr)}}