@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');

:root{
  --blue:#0f5eea;
  --blue-2:#1769ff;
  --blue-3:#eaf2ff;
  --navy:#0c1636;
  --text:#121a35;
  --muted:#68738c;
  --line:#e6ebf3;
  --soft:#f7faff;
  --green:#16a46c;
  --orange:#ff9c18;
  --red:#ef4b5f;
  --card:#fff;
  --shadow:0 8px 28px rgba(21,53,106,.08);
  --shadow-sm:0 3px 12px rgba(21,53,106,.07);
  --radius:14px;
  --container:1480px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#fff}
body{margin:0;font-family:'Be Vietnam Pro',Inter,Arial,sans-serif;color:var(--text);font-size:12px;line-height:1.55;background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--container),calc(100% - 36px));margin:0 auto}
.page-shell{min-height:100vh;background:#fff}
.header{height:49px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:1000;backdrop-filter:blur(12px)}
.header .container{height:100%;display:grid;grid-template-columns:180px 395px 1fr;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:800;letter-spacing:-.6px;color:#0c0f18;white-space:nowrap}
.brand-mark{width:28px;height:23px;position:relative;display:inline-block}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;top:1px;width:11px;height:22px;border-radius:8px 8px 5px 5px;background:linear-gradient(160deg,#2e7cff,#064bd1);transform:skew(-16deg)}
.brand-mark:before{left:2px}.brand-mark:after{right:2px;transform:skew(16deg)}
.header-search{height:34px;border:1px solid #dfe5ef;border-radius:8px;display:flex;align-items:center;background:#fff;overflow:hidden;box-shadow:0 1px 3px rgba(22,41,77,.03)}
.header-search .search-icon{width:38px;text-align:center;color:#7d89a4;font-size:15px}
.header-search input{flex:1;border:0;outline:0;height:100%;padding:0 4px;font-size:12px;background:transparent}
.header-search .search-type{height:100%;display:flex;align-items:center;padding:0 14px;border-left:1px solid var(--line);font-weight:600;color:#53607c;gap:6px}
.header-nav{display:flex;align-items:center;justify-content:flex-end;gap:25px;height:100%}
.nav-link{height:100%;display:flex;align-items:center;font-weight:600;font-size:12px;position:relative;white-space:nowrap}
.nav-link.active{color:var(--blue)}
.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--blue)}
.header-actions{display:flex;align-items:center;gap:12px;margin-left:3px}
.icon-btn{width:29px;height:29px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;position:relative;color:#35405a;cursor:pointer}
.badge{position:absolute;right:-2px;top:-3px;min-width:14px;height:14px;padding:0 3px;border-radius:8px;color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;border:2px solid #fff;background:#f23b45}
.badge.blue{background:var(--blue)}
.avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid #eef2f8}
.btn{height:34px;padding:0 17px;border-radius:7px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:12px;cursor:pointer;transition:.2s ease;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--blue-2),#0754db);color:#fff;box-shadow:0 6px 16px rgba(15,94,234,.22)}
.btn-outline{background:#fff;border-color:#dce4ef;color:#18233e;box-shadow:var(--shadow-sm)}
.btn-soft{background:#eff5ff;color:var(--blue);border-color:#dce9ff}
.btn-xs{height:28px;padding:0 12px;font-size:12px}
.btn-sm{height:31px;padding:0 14px;font-size:12px}
.btn-block{width:100%}
.section-title{font-size:15px;line-height:1.25;font-weight:800;letter-spacing:-.2px;margin:0;color:#111b38}
.section-link{font-weight:700;color:var(--blue);font-size:12px}
.muted{color:var(--muted)}
.small{font-size:12px}.tiny{font-size:12px}
.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:#edf4ff;color:var(--blue);font-weight:700;font-size:12px}
.rating{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:#6d7790}.star{color:#ffac19}
.tag{display:inline-flex;align-items:center;height:19px;padding:0 7px;border-radius:999px;background:#f5f7fb;border:1px solid #e8edf5;color:#61708d;font-size:12px;font-weight:500}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px rgba(30,49,89,.02)}
.card-hover{transition:.2s ease}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d6e4fb}
.divider{height:1px;background:var(--line)}

/* shared hero / bands */
.hero{background:radial-gradient(circle at 78% 22%,#e8f1ff 0,transparent 34%),linear-gradient(180deg,#f6faff 0,#f8fbff 100%);border-bottom:1px solid #edf1f7}
.home-hero{height:302px;padding-top:24px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}
.home-hero h1{font-size:36px;line-height:1.08;letter-spacing:-1.25px;margin:11px 0 11px;font-weight:800;color:#0c1430}
.home-hero h1 .blue{color:var(--blue)}
.home-hero p{font-size:12px;line-height:1.7;color:#606b84;margin:0 0 14px;max-width:500px}
.hero-actions{display:flex;gap:12px;margin-bottom:14px}
.trust-row{display:flex;gap:23px;color:#56637d;font-size:12px;font-weight:600}
.trust-item{display:flex;align-items:center;gap:6px}
.trust-dot{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--blue);border:1px solid #dce7f7}
.dashboard-visual{height:222px;position:relative}
.dash-main{position:absolute;left:14px;right:28px;top:0;height:175px;border-radius:13px;background:#fff;border:1px solid #e6edf8;box-shadow:0 18px 36px rgba(32,76,143,.12);padding:16px 18px 14px 54px}
.dash-sidebar{position:absolute;left:0;top:0;width:40px;height:100%;border-right:1px solid #eef2f8;padding-top:15px;display:flex;flex-direction:column;align-items:center;gap:15px;color:#bbcae3}
.dash-logo{font-size:14px;font-weight:800;color:var(--blue)}
.dash-content{display:grid;grid-template-columns:1.35fr .8fr;gap:14px}
.chart-card,.recommend-card{border:1px solid #edf1f7;border-radius:9px;padding:11px;background:#fff}
.chart-card strong{display:block;font-size:13px;margin-top:3px}.green{color:var(--green)}
.line-chart{height:76px;position:relative;margin-top:6px;background:linear-gradient(180deg,#fff,rgba(242,247,255,.6));overflow:hidden;border-radius:6px}
.line-chart:before{content:"";position:absolute;inset:8px 0;background:repeating-linear-gradient(to bottom,#eef3fb 0,#eef3fb 1px,transparent 1px,transparent 22px)}
.chart-svg{position:absolute;inset:0;width:100%;height:100%}
.recommend-card{height:89px}.recommend-thumb{height:39px;border-radius:6px;background:linear-gradient(135deg,#5424e4,#7c4fff);margin-top:5px}
.expert-strip{margin-top:8px;border:1px solid #edf1f7;border-radius:9px;padding:8px 9px;display:flex;align-items:center;justify-content:space-between}.expert-avatars{display:flex}.expert-avatars img{width:24px;height:24px;border-radius:50%;border:2px solid #fff;margin-left:-5px}.expert-avatars img:first-child{margin-left:0}
.dash-stats{position:absolute;left:0;right:10px;bottom:0;height:55px;background:#fff;border:1px solid #e2e9f5;border-radius:11px;box-shadow:0 10px 24px rgba(25,63,126,.09);display:grid;grid-template-columns:repeat(3,1fr) 56px;align-items:center}.dash-stat{padding:0 15px;border-right:1px solid #edf1f7}.dash-stat b{display:block;font-size:13px;margin-top:2px}.shield{width:34px;height:38px;background:linear-gradient(155deg,#2f80ff,#0553da);clip-path:polygon(50% 0,90% 15%,86% 69%,50% 100%,14% 69%,10% 15%);display:grid;place-items:center;color:#fff;font-size:16px;margin:auto}

.category-strip{margin-top:-1px;background:#fff}.category-bar{height:53px;display:grid;grid-template-columns:repeat(8,1fr);align-items:center;border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 20px rgba(33,65,121,.05);padding:0 12px;background:#fff}.category-item{display:flex;align-items:center;justify-content:center;gap:9px;color:#1f2b46;font-weight:600;font-size:12px}.category-item .ci{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;color:var(--blue);font-size:16px}

.home-sections{padding:18px 0 0}.home-row{display:grid;grid-template-columns:95px 1fr;gap:16px;margin-bottom:13px;align-items:start}.home-label{padding-top:4px}.home-label .section-link{display:block;margin-top:5px}.horizontal-cards{display:grid;gap:10px}.horizontal-cards.five{grid-template-columns:repeat(5,1fr)}
.gig-card{height:112px;overflow:hidden;padding:0;position:relative}.gig-thumb{height:57px;border-radius:10px 10px 0 0;position:relative;overflow:hidden}.gig-body{padding:6px 8px}.gig-title{font-weight:700;font-size:12px;line-height:1.35;height:25px;overflow:hidden}.meta-line{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:12px;color:#66738d}.price{margin-left:auto;font-weight:800;color:#17213b}.heart{position:absolute;right:7px;top:7px;width:17px;height:17px;border-radius:50%;background:rgba(255,255,255,.85);display:grid;place-items:center;color:#5e6c86;font-size:12px}
.thumb-dark{background:linear-gradient(135deg,#08133c,#25115d 55%,#2856e8)}.thumb-teal{background:linear-gradient(135deg,#66d4d1,#36bab6 55%,#b9f2ef)}.thumb-purple{background:linear-gradient(135deg,#6d19e7,#b320e4 55%,#4910b9)}.thumb-clean{background:linear-gradient(135deg,#f8f5ee,#d9ecf5)}.thumb-orange{background:linear-gradient(135deg,#ffb01e,#ffcf56 65%,#fff0a9)}.thumb-pink{background:linear-gradient(135deg,#ff567c,#ff9fae)}.thumb-navy{background:linear-gradient(135deg,#0b1433,#182444 60%,#020817)}
.mock-device{position:absolute;width:50%;height:70%;right:9%;bottom:8%;border-radius:5px;background:rgba(255,255,255,.9);box-shadow:0 5px 14px rgba(0,0,0,.15);border:2px solid rgba(255,255,255,.65)}.mock-device:before{content:"";position:absolute;left:8%;right:8%;top:10%;height:12%;border-radius:3px;background:rgba(39,91,232,.25);box-shadow:0 14px 0 rgba(39,91,232,.12),0 28px 0 rgba(39,91,232,.08)}
.expert-card{height:79px;padding:9px 10px;display:grid;grid-template-columns:39px 1fr;gap:9px;align-items:start}.expert-card img{width:39px;height:39px;border-radius:50%;background:#eef4ff}.expert-name{font-size:12px;font-weight:800;display:flex;align-items:center;gap:3px}.verified{display:inline-grid;place-items:center;width:11px;height:11px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px}.expert-role{font-size:12px;color:#69768e;margin:1px 0 3px}.expert-bottom{display:flex;align-items:center;gap:5px}.expert-price{font-size:12px;font-weight:700;margin-left:auto}.tag-row{display:flex;gap:4px;margin-top:5px;overflow:hidden}
.product-mini{height:70px;overflow:hidden;position:relative;border-radius:9px}.product-mini .product-bg{height:100%;padding:10px;color:#fff;font-size:12px;font-weight:700}.product-mini .product-price{position:absolute;bottom:6px;right:7px;background:#fff;color:#17213b;border-radius:5px;padding:2px 5px;font-weight:800;font-size:12px}
.job-mini{height:58px;padding:9px 10px;display:grid;grid-template-columns:25px 1fr;gap:8px;align-items:center}.job-icon{width:25px;height:25px;border-radius:7px;background:#eef4ff;color:var(--blue);display:grid;place-items:center;font-weight:800}.job-mini b{font-size:12px}.job-meta{font-size:12px;color:#69768e;display:flex;gap:7px;margin-top:3px}.job-mode{margin-left:auto;border:1px solid #e4eaf4;border-radius:6px;padding:1px 4px}
.trust-band{margin-top:8px;background:linear-gradient(180deg,#f5f9ff,#eef5ff);border-top:1px solid #e6edf8;border-bottom:1px solid #e4ecf7;padding:12px 0}.trust-grid{display:grid;grid-template-columns:235px 1fr 1fr 295px;gap:12px;align-items:center}.logos{display:flex;align-items:center;gap:13px;margin-top:8px;font-size:13px;font-weight:800}.logos span:nth-child(1){color:#ff5c18}.logos span:nth-child(2){color:#0b70f1}.logos span:nth-child(3){color:#f57f22}.logos span:nth-child(4){color:#e12b2b}.logos span:nth-child(5){color:#f5c400}.logos span:nth-child(6){color:#1e5c98}.quote-card{height:75px;padding:10px 12px;display:flex;gap:9px}.quote-card img{width:26px;height:26px;border-radius:50%;margin-top:auto}.quote-card p{margin:0;font-size:12px;color:#56647f}.quote-card b{font-size:12px}.metrics{height:75px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;text-align:center}.metric b{display:block;color:var(--blue);font-size:17px}.metric span{font-size:12px;color:#6b7890}

.footer{background:#fff;padding:12px 0 8px;border-top:1px solid #edf1f6}.footer-grid{display:grid;grid-template-columns:210px repeat(4,1fr) 255px;gap:26px}.footer-brand p{font-size:12px;color:#707d94;max-width:180px}.socials{display:flex;gap:9px;margin-top:7px}.socials span{width:17px;height:17px;border-radius:50%;background:#f1f4f9;display:grid;place-items:center;font-size:12px}.footer h4{margin:2px 0 7px;font-size:12px}.footer ul{list-style:none;padding:0;margin:0}.footer li{font-size:12px;color:#66738d;margin:4px 0}.newsletter{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.newsletter p{font-size:12px;color:#6b7890;margin:4px 0 8px}.newsletter-form{display:flex;height:28px}.newsletter-form input{min-width:0;flex:1;border:1px solid #dfe6f0;border-radius:6px 0 0 6px;padding:0 8px;font-size:12px;outline:0}.newsletter-form button{border-radius:0 6px 6px 0;height:28px;padding:0 14px;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef2f7;margin-top:9px;padding-top:7px;font-size:12px;color:#77839a}.payment-logos{display:flex;align-items:center;gap:12px;font-weight:700}.payment-logos span:nth-child(1){color:#0c4aac}.payment-logos span:nth-child(2){color:#111}.payment-logos span:nth-child(3){color:#d20b78}.payment-logos span:nth-child(4){color:#008cd6}.payment-logos span:nth-child(5){color:#169f50}.to-top{position:fixed;right:22px;bottom:18px;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;box-shadow:0 8px 17px rgba(15,94,234,.3);z-index:20}

/* page heading */
.page-hero{background:linear-gradient(180deg,#f6faff 0,#fbfdff 100%);border-bottom:1px solid #e9eef6}.page-hero .container{padding:22px 0 14px}.breadcrumb{font-size:12px;color:#356bd6;margin-bottom:9px}.page-heading{font-size:30px;line-height:1.17;margin:0;letter-spacing:-.8px}.page-heading .blue{color:var(--blue)}.page-subtitle{font-size:12px;color:#69758d;margin-top:6px}
.filter-bar{margin-top:17px;height:58px;border:1px solid var(--line);background:#fff;border-radius:10px;display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr 138px;gap:6px;padding:9px;box-shadow:0 6px 20px rgba(33,66,121,.04)}
.field{height:38px;border:1px solid #e1e7f0;border-radius:7px;padding:6px 10px;display:flex;align-items:center;gap:8px;background:#fff}.field-main{display:flex;flex-direction:column;min-width:0}.field-label{font-size:12px;color:#66738d}.field-value{font-size:12px;color:#45526c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-filters{height:43px;display:flex;align-items:center;gap:8px}.quick-chip{height:26px;padding:0 11px;border-radius:999px;border:1px solid #e2e8f1;background:#fff;color:#56647f;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600}.quick-chip.active{background:var(--blue);border-color:var(--blue);color:#fff}

/* Dashboard */
.dashboard-page{background:#f8faff;min-height:100vh}.dashboard-layout{display:grid;grid-template-columns:215px 1fr;min-height:calc(100vh - 49px)}.sidebar{background:#fff;border-right:1px solid #e7edf5;padding:18px 15px;position:sticky;top:49px;height:calc(100vh - 49px)}.side-nav{display:flex;flex-direction:column;gap:5px}.side-link{height:38px;border-radius:8px;padding:0 12px;display:flex;align-items:center;gap:11px;color:#5f6c85;font-weight:500;position:relative}.side-link.active{background:#edf4ff;color:var(--blue);font-weight:700}.side-count{margin-left:auto;background:#edf4ff;color:var(--blue);min-width:19px;height:19px;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:700}.mode-card{margin-top:25px;padding:12px;border-radius:10px;border:1px solid var(--line);font-size:12px}.mode-card b{display:block;font-size:12px;margin:3px 0 8px}.mode-switch{color:var(--blue);font-weight:700}.dashboard-main{padding:19px 20px 28px;overflow:hidden}.dash-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.dash-head h1{font-size:18px;margin:0 0 2px}.dash-head p{margin:0;color:#68758e;font-size:12px}.period-select{height:34px;width:135px;border:1px solid #dfe6f0;border-radius:7px;background:#fff;padding:0 10px;color:#53607a}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden}.stat-card{padding:13px 14px;min-height:91px;border-right:1px solid #edf1f6}.stat-card:last-child{border-right:0}.stat-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.stat-icon{width:23px;height:23px;border-radius:7px;background:#edf4ff;color:var(--blue);display:grid;place-items:center}.stat-value{font-size:19px;font-weight:800;margin:8px 0 4px;letter-spacing:-.4px}.stat-change{font-size:12px;color:var(--green)}.stat-change.down{color:var(--red)}.dashboard-columns{display:grid;grid-template-columns:1fr 320px;gap:14px;margin-top:13px}.dash-left{min-width:0}.dash-right{display:flex;flex-direction:column;gap:12px}.overview-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:12px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.panel-head h3{font-size:12px;margin:0}.panel-link{font-size:12px;color:var(--blue);font-weight:700}.activity-chart{height:190px;position:relative}.activity-chart .grid{position:absolute;inset:10px 0 20px;background:repeating-linear-gradient(to bottom,#edf2f8 0,#edf2f8 1px,transparent 1px,transparent 37px)}.activity-chart svg{position:absolute;left:28px;right:0;top:13px;width:calc(100% - 36px);height:142px}.axis-y{position:absolute;left:0;top:5px;height:150px;display:flex;flex-direction:column;justify-content:space-between;color:#8290a7;font-size:12px}.axis-x{position:absolute;left:31px;right:0;bottom:0;display:flex;justify-content:space-between;color:#8290a7;font-size:12px}.legend{display:flex;gap:18px;justify-content:center;font-size:12px;color:#5e6c85}.legend span:before{content:"";display:inline-block;width:16px;height:2px;background:var(--blue);margin-right:5px;vertical-align:middle}.legend span:last-child:before{background:repeating-linear-gradient(to right,var(--blue) 0,var(--blue) 5px,transparent 5px,transparent 8px)}.task-list{display:flex;flex-direction:column;gap:9px}.task-item{display:grid;grid-template-columns:27px 1fr 20px;gap:8px;align-items:center;padding:6px 0}.task-icon{width:27px;height:27px;border-radius:50%;background:#eef5ff;color:var(--blue);display:grid;place-items:center}.task-item:nth-child(2) .task-icon{background:#fff0ef;color:#ef5d54}.task-item:nth-child(3) .task-icon{background:#eafbf7;color:#20a88a}.task-item:nth-child(4) .task-icon{background:#fff7e8;color:#f0a027}.task-title{font-size:12px;font-weight:700}.task-desc{font-size:12px;color:#7a869b}.task-count{width:18px;height:18px;border-radius:50%;background:#eff4ff;color:var(--blue);display:grid;place-items:center;font-size:12px;font-weight:700}.orders-panel{margin-top:12px;padding-bottom:8px}.table-wrap{overflow:auto}.orders-table{width:100%;border-collapse:collapse;font-size:12px}.orders-table th{text-align:left;color:#76839a;font-weight:600;padding:7px 4px;border-bottom:1px solid var(--line)}.orders-table td{padding:8px 4px;border-bottom:1px solid #f0f3f7;white-space:nowrap}.status{display:inline-flex;padding:3px 7px;border-radius:6px;background:#edf4ff;color:var(--blue);font-size:12px;font-weight:700}.status.wait{background:#fff4e4;color:#f19a22}.status.done{background:#eaf9f2;color:#1d9a69}.status.cancel{background:#ffedef;color:#de4f59}.saved-panel{margin-top:12px}.saved-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.saved-item{display:grid;grid-template-columns:82px 1fr;gap:8px;min-width:0}.saved-thumb{height:65px;border-radius:7px}.saved-info{min-width:0}.saved-info b{font-size:12px;display:block;line-height:1.35}.profile-progress{display:flex;gap:14px;align-items:center}.progress-ring{width:56px;height:56px;border-radius:50%;background:conic-gradient(var(--blue) 0 80%,#e7edf5 80%);display:grid;place-items:center}.progress-ring:before{content:"";width:42px;height:42px;border-radius:50%;background:#fff}.progress-ring span{position:absolute;font-size:12px;font-weight:800;color:var(--blue)}.check-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.check-row{display:flex;align-items:center;gap:8px;font-size:12px}.check-dot{width:13px;height:13px;border-radius:50%;background:#eaf9f2;color:var(--green);display:grid;place-items:center;margin-left:auto}.support-card{min-height:87px;position:relative;overflow:hidden}.support-illustration{position:absolute;right:14px;bottom:8px;width:54px}.promo-card{background:linear-gradient(135deg,#edf4ff,#e8f1ff);min-height:95px}.wallet-balance{font-size:20px;font-weight:800;margin:7px 0}.wallet-subgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.wallet-mini{padding:9px;border:1px solid var(--line);border-radius:8px}.wallet-mini b{display:block;font-size:12px;margin-top:5px}.wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}

/* Products */
.products-page{background:#fff}.products-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:45px}.promo-banner{height:132px;border-radius:11px;background:linear-gradient(135deg,#eff6ff,#edf2ff 55%,#faf7ff);border:1px solid #e1e9f7;padding:17px 18px;position:relative;overflow:hidden}.promo-banner:after{content:"";position:absolute;right:30px;top:17px;width:210px;height:100px;border-radius:18px;background:linear-gradient(135deg,#c9d7ff,#f2d8ff);box-shadow:0 14px 24px rgba(80,87,195,.14);transform:rotate(-2deg)}.promo-banner h3{font-size:15px;color:var(--blue);margin:6px 0 3px}.products-toolbar{margin-top:18px;display:grid;grid-template-columns:300px 1fr auto;gap:18px;align-items:center}.product-search{height:35px;border:1px solid #e1e7f0;border-radius:7px;display:flex;align-items:center;padding:0 10px;gap:8px}.product-search input{border:0;outline:0;flex:1;font-size:12px}.toolbar-filters{display:flex;gap:8px}.view-toggle{display:flex;gap:5px}.view-btn{width:30px;height:30px;border:1px solid #e2e8f1;background:#fff;border-radius:7px;display:grid;place-items:center}.view-btn.active{color:var(--blue);background:#edf4ff}.catalog-wrap{display:grid;grid-template-columns:185px 1fr;gap:18px;padding:12px 0 18px}.filter-side{display:flex;flex-direction:column;gap:10px}.filter-box{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}.filter-box h4{font-size:12px;margin:0 0 8px}.filter-list{list-style:none;padding:0;margin:0}.filter-list li{display:flex;justify-content:space-between;font-size:12px;color:#5f6d85;margin:4px 0}.price-range{height:4px;background:#dfe7f4;border-radius:4px;margin:16px 0 8px;position:relative}.price-range:before{content:"";position:absolute;left:5%;right:8%;height:4px;background:var(--blue);border-radius:4px}.price-range:after{content:"";position:absolute;right:6%;top:-4px;width:12px;height:12px;background:#fff;border:3px solid var(--blue);border-radius:50%}.check-option{display:flex;align-items:center;gap:7px;font-size:12px;margin:5px 0;color:#596781}.check-box{width:10px;height:10px;border:1px solid #cfd8e5;border-radius:2px;background:#fff}.best-strip{margin-bottom:12px}.best-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.best-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.best-card{height:71px;display:grid;grid-template-columns:63px 1fr;gap:8px;padding:7px;position:relative}.rank-badge{position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#ffb91c;color:#fff;display:grid;place-items:center;font-weight:800;border:2px solid #fff;font-size:12px}.best-thumb{height:56px;border-radius:6px}.best-card b{font-size:12px;line-height:1.3;display:block}.best-meta{font-size:12px;color:#6f7b92}.best-price{font-size:12px;font-weight:800;text-align:right;margin-top:5px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.product-card{overflow:hidden;min-height:179px;position:relative}.product-card .pc-thumb{height:92px;border-radius:11px 11px 0 0;position:relative}.product-card .pc-body{padding:8px 9px}.product-card h3{font-size:12px;margin:0 0 4px;line-height:1.4}.creator{font-size:12px;color:#77839a}.pc-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#64728a;margin-top:6px}.pc-price{margin-left:auto;font-size:12px;font-weight:800}.pc-tags{display:flex;gap:4px;margin-top:7px}.catalog-count{font-size:12px;color:#68758c;margin-top:13px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:-19px}.page-btn{width:26px;height:26px;border-radius:6px;border:1px solid #e0e7f0;background:#fff;font-size:12px;display:grid;place-items:center}.page-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}.feature-strip{background:#f6f9ff;border-top:1px solid #e6edf6;border-bottom:1px solid #e6edf6}.feature-grid{height:57px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.feature-item{display:flex;align-items:center;justify-content:center;gap:10px}.feature-icon{font-size:17px;color:var(--blue)}.feature-item b{font-size:12px;display:block}.feature-item span{font-size:12px;color:#758098}

/* Gig detail */
.gig-detail-page{background:#fff}.gig-detail-main{padding:16px 0}.gig-layout{display:grid;grid-template-columns:1fr 390px;gap:26px;align-items:start}.gig-title-main{font-size:24px;line-height:1.18;letter-spacing:-.5px;margin:5px 0 8px;max-width:720px}.seller-row{display:flex;align-items:center;gap:7px;font-size:12px}.seller-row img{width:31px;height:31px;border-radius:50%}.seller-name{font-weight:800;font-size:12px}.seller-badge{background:#edf4ff;color:var(--blue);padding:3px 6px;border-radius:999px;font-weight:700}.seller-sep{color:#b1bac9}.gig-summary{font-size:12px;color:#5e6b84;margin:9px 0}.gallery-grid{display:grid;grid-template-columns:1fr 82px;gap:12px}.hero-cover{height:179px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#061447,#35126a 60%,#1227b3);position:relative;color:#fff;padding:28px 30px}.hero-cover h2{font-size:22px;line-height:1.15;margin:0}.hero-cover h2 span{display:block;font-size:15px;font-weight:500}.hero-cover p{font-size:12px;color:#d9e4ff}.device-group{position:absolute;right:30px;bottom:22px;width:260px;height:115px}.laptop{position:absolute;right:0;bottom:0;width:200px;height:103px;background:#f8fbff;border:7px solid #161a27;border-radius:6px;box-shadow:0 15px 25px rgba(0,0,0,.35)}.laptop:before{content:"";position:absolute;left:8px;right:8px;top:8px;height:55px;background:linear-gradient(135deg,#edf4ff,#fff);box-shadow:inset 0 0 0 1px #d9e3f3}.phone{position:absolute;left:15px;bottom:0;width:43px;height:83px;border:5px solid #10141f;border-radius:8px;background:#fff}.gallery-thumbs{display:flex;flex-direction:column;gap:8px}.gallery-thumb{height:48px;border-radius:6px;border:1px solid #dfe6f0;background:linear-gradient(135deg,#edf4ff,#dfe8ff)}.gallery-more{height:59px;border:1px solid #b7d0ff;border-radius:6px;display:grid;place-items:center;text-align:center;color:var(--blue);font-weight:800;background:#f5f9ff}.benefit-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:11px}.benefit{height:43px;padding:7px 9px;display:flex;align-items:center;gap:8px}.benefit .bi{width:25px;height:25px;border-radius:50%;background:#edf4ff;color:var(--blue);display:grid;place-items:center}.benefit b{font-size:12px;display:block}.benefit span{font-size:12px;color:#718097}.content-columns{display:grid;grid-template-columns:1.25fr 1fr .95fr;gap:18px;margin-top:14px}.content-block h3{font-size:12px;margin:0 0 7px}.content-block p,.content-block li{font-size:12px;color:#5f6d84}.content-block ul{padding-left:14px;margin:6px 0}.check-lines{list-style:none!important;padding-left:0!important}.check-lines li{position:relative;padding-left:16px;margin:6px 0}.check-lines li:before{content:"✓";position:absolute;left:0;top:0;color:var(--blue);font-weight:800}.process-step{display:grid;grid-template-columns:18px 1fr;gap:7px;margin:7px 0}.step-num{width:18px;height:18px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.process-step b{font-size:12px}.process-step span{font-size:12px;color:#6f7b91;display:block}.review-faq-grid{display:grid;grid-template-columns:1.05fr 1.45fr;gap:16px;margin-top:12px}.faq-item{height:27px;border:1px solid #e2e8f1;border-radius:6px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:12px;margin:5px 0}.review-box{display:grid;grid-template-columns:150px 1fr;gap:12px}.review-summary{border:1px solid var(--line);border-radius:8px;padding:10px}.review-score{font-size:25px;font-weight:800}.rating-bars{font-size:12px;color:#64718a}.bar-line{display:grid;grid-template-columns:22px 1fr 14px;gap:5px;align-items:center;margin:4px 0}.bar{height:4px;background:#edf1f6;border-radius:3px;overflow:hidden}.bar:before{content:"";display:block;height:100%;width:90%;background:#ffad18}.review-item{display:grid;grid-template-columns:30px 1fr;gap:8px;margin-bottom:10px}.review-item img{width:30px;height:30px;border-radius:50%}.review-item b{font-size:12px}.review-item p{font-size:12px;color:#5f6c83;margin:3px 0}.pricing-card{position:sticky;top:64px;padding:14px}.pricing-card h3{font-size:12px;margin:0 0 8px}.package-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.package{height:58px;border:1px solid #e1e7f0;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.package.active{border:2px solid var(--blue);color:var(--blue);background:#f9fbff}.package b{font-size:12px}.package strong{font-size:12px;margin-top:4px}.popular{position:absolute;right:-2px;top:-8px;background:var(--blue);color:#fff;border-radius:999px;padding:2px 6px;font-size:12px}.package-list{list-style:none;padding:0;margin:12px 0}.package-list li{font-size:12px;color:#53617a;margin:7px 0;padding-left:17px;position:relative}.package-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}.package-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.package-mini{border:1px solid #e2e8f1;border-radius:8px;padding:9px}.package-mini span{font-size:12px;color:#7b869b}.package-mini b{font-size:12px;display:block;margin-top:2px}.buyer-protect{margin-top:10px;background:#f8fbff;border:1px solid #e3eaf5;border-radius:8px;padding:10px;display:flex;gap:8px}.buyer-protect b{font-size:12px}.buyer-protect p{font-size:12px;color:#738096;margin:2px 0}.expert-trust{margin-top:12px;padding:14px}.expert-trust h3{font-size:12px;margin:0 0 9px}.trust-point{display:grid;grid-template-columns:23px 1fr;gap:8px;margin:10px 0}.trust-point .tp{width:23px;height:23px;border-radius:7px;background:#eef4ff;color:var(--blue);display:grid;place-items:center}.trust-point b{font-size:12px}.trust-point span{display:block;font-size:12px;color:#6f7b92}.similar-section{margin-top:13px}.similar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.similar-card{height:85px;overflow:hidden}.similar-thumb{height:45px}.similar-body{padding:5px 7px}.similar-body b{font-size:12px;display:block;line-height:1.35}.similar-meta{display:flex;gap:5px;font-size:12px;color:#68758d;margin-top:4px}.similar-price{margin-left:auto;font-weight:800;color:#111a35}

/* jobs */
.jobs-layout{display:grid;grid-template-columns:185px 1fr 195px;gap:17px;padding:13px 0 18px}.jobs-filters{align-self:start}.jobs-main{min-width:0}.jobs-right{display:flex;flex-direction:column;gap:10px}.featured-companies{margin-bottom:10px}.company-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.company-card{height:60px;padding:8px;display:flex;align-items:center;gap:7px;position:relative}.company-logo{width:33px;height:33px;border-radius:8px;background:#edf4ff;color:var(--blue);display:grid;place-items:center;font-size:12px;font-weight:800}.company-card b{font-size:12px;display:block}.company-card span{font-size:12px;color:#6e7a90}.featured-label{position:absolute;left:8px;bottom:3px;color:#ff8c1a;font-size:12px;font-weight:700}.job-results-head{display:flex;justify-content:space-between;align-items:center;margin:10px 0 7px;font-size:12px}.job-list{display:flex;flex-direction:column;gap:8px}.job-card{padding:10px 12px;display:grid;grid-template-columns:44px 1fr 118px;gap:12px;min-height:94px}.job-logo{width:39px;height:39px;border-radius:10px;background:linear-gradient(135deg,#2237b5,#6d44eb);color:#fff;display:grid;place-items:center;font-size:16px;font-weight:800}.job-card:nth-child(2) .job-logo{background:linear-gradient(135deg,#724cf1,#3720b9)}.job-card:nth-child(3) .job-logo{background:linear-gradient(135deg,#ed1970,#ca155f)}.job-card:nth-child(4) .job-logo{background:linear-gradient(135deg,#1765de,#093a9f)}.job-card h3{font-size:12px;margin:0 0 2px}.job-company{font-size:12px;color:#7b879c}.job-card-meta{display:flex;gap:8px;color:#6c7990;font-size:12px;margin:4px 0}.job-desc{font-size:12px;color:#66738b;margin:3px 0}.job-skills{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.job-actions{display:flex;flex-direction:column;gap:7px;align-items:stretch}.salary{text-align:right;font-size:12px;font-weight:800}.salary small{font-size:12px;color:#7b8699;font-weight:500;margin-left:3px}.market-card,.employer-card{padding:12px}.market-card h3,.employer-card h3{font-size:12px;margin:0 0 7px}.market-stat{padding:8px 0;border-bottom:1px solid #edf1f6;display:grid;grid-template-columns:25px 1fr auto;gap:7px;align-items:center}.market-stat:last-of-type{border-bottom:0}.market-stat .mi{width:24px;height:24px;border-radius:7px;background:#edf4ff;color:var(--blue);display:grid;place-items:center}.market-stat b{font-size:12px;display:block}.market-stat span{font-size:12px;color:#77839a}.up{color:var(--green);font-size:12px}.employer-top{display:flex;align-items:center;gap:8px}.employer-top .company-logo{width:39px;height:39px}.employer-card p{font-size:12px;color:#66738a}.employer-facts{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#5f6c83;margin:9px 0}

/* responsive */
@media(max-width:1180px){:root{--container:1040px}.header .container{grid-template-columns:170px 330px 1fr}.header-nav{gap:16px}.home-hero h1{font-size:32px}.footer-grid{grid-template-columns:190px repeat(4,1fr) 235px;gap:17px}}
@media(max-width:960px){.header{height:auto}.header .container{grid-template-columns:1fr auto;padding:8px 0}.header-search{grid-column:1/-1;grid-row:2}.header-nav .nav-link{display:none}.home-hero{height:auto;padding:28px 0}.hero-grid,.products-hero-grid{grid-template-columns:1fr}.dashboard-visual{margin-top:10px}.category-bar{grid-template-columns:repeat(4,1fr);height:auto;padding:8px}.horizontal-cards.five{grid-template-columns:repeat(2,1fr)}.home-row{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr 1fr}.dashboard-layout{grid-template-columns:1fr}.sidebar{display:none}.dashboard-columns,.overview-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-card{border-bottom:1px solid #edf1f6}.catalog-wrap,.jobs-layout{grid-template-columns:1fr}.filter-side,.jobs-filters,.jobs-right{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.gig-layout{grid-template-columns:1fr}.pricing-card{position:relative;top:0}.content-columns,.review-faq-grid{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr 1fr;height:auto}.filter-bar .btn{grid-column:1/-1}.footer-grid{gap:20px}.newsletter{grid-column:span 2}}
@media(max-width:620px){.container{width:min(100% - 20px,var(--container))}.brand{font-size:18px}.header-actions .icon-btn:nth-child(-n+2){display:none}.btn{padding:0 11px}.home-hero h1{font-size:28px}.hero-actions{flex-wrap:wrap}.trust-row{flex-direction:column;gap:6px}.category-bar{grid-template-columns:repeat(2,1fr)}.horizontal-cards.five,.saved-grid,.product-grid,.best-grid,.similar-grid,.company-grid{grid-template-columns:1fr}.trust-grid,.footer-grid{grid-template-columns:1fr}.footer .newsletter{grid-column:auto}.dashboard-main{padding:12px}.stat-grid{grid-template-columns:1fr}.dashboard-columns{display:block}.dash-right{margin-top:12px}.filter-bar{grid-template-columns:1fr}.products-toolbar{grid-template-columns:1fr}.toolbar-filters{flex-wrap:wrap}.gallery-grid{grid-template-columns:1fr}.gallery-thumbs{display:grid;grid-template-columns:repeat(3,1fr)}.benefit-row{grid-template-columns:1fr 1fr}.job-card{grid-template-columns:39px 1fr}.job-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.page-heading{font-size:24px}}

/* Accessibility/readability pass: no user-facing text below 12px */
.badge{min-width:18px;height:18px;padding:0 4px;border-radius:10px;line-height:14px}
.header{height:56px}.header-search{height:38px}.dashboard-layout{min-height:calc(100vh - 56px)}.sidebar{top:56px;height:calc(100vh - 56px)}
.tag{height:auto;min-height:24px;padding:3px 8px;line-height:1.25}
.pill{min-height:26px}.btn-xs{min-height:32px;height:auto;padding-top:6px;padding-bottom:6px}.btn-sm{min-height:34px;height:auto;padding-top:6px;padding-bottom:6px}
.category-bar{min-height:62px;height:auto;padding-top:8px;padding-bottom:8px}.category-item{line-height:1.35}
.home-sections{padding-top:22px}.home-row{grid-template-columns:112px 1fr;gap:18px;margin-bottom:20px}.horizontal-cards{align-items:stretch}
.gig-card{height:auto;min-height:156px;overflow:visible}.gig-thumb{height:72px}.gig-body{padding:9px 10px}.gig-title{height:auto;min-height:38px;line-height:1.4}.meta-line{flex-wrap:wrap;line-height:1.35}.meta-line .price{margin-left:0;width:100%}
.expert-card{height:auto;min-height:138px;padding:12px;grid-template-columns:46px 1fr;gap:10px}.expert-card img{width:46px;height:46px}.expert-bottom{flex-wrap:wrap;line-height:1.35}.expert-price{margin-left:0;width:100%}.tag-row{overflow:visible;flex-wrap:wrap}
.product-mini{height:auto;min-height:108px}.product-mini .product-bg{min-height:108px;padding:12px 58px 34px 12px;line-height:1.4}.product-mini .product-price{bottom:9px;right:9px}
.job-mini{height:auto;min-height:104px;padding:12px;grid-template-columns:32px 1fr}.job-icon{width:32px;height:32px}.job-meta{flex-wrap:wrap;line-height:1.4}.job-mode{margin-left:0}
.trust-band{padding:20px 0}.trust-grid{align-items:stretch}.quote-card{min-height:112px}.metrics-card{min-height:112px}
.footer{padding-top:22px}.footer li{margin:7px 0;line-height:1.45}.socials span{width:24px;height:24px}

/* Dashboard */
.side-link{min-height:42px;height:auto;padding-top:9px;padding-bottom:9px}.side-count{min-width:22px;height:22px}
.stat-card{min-height:118px}.overview-grid{align-items:stretch}.panel-head{gap:12px}.task-item{min-height:62px}.orders-table th,.orders-table td{padding-top:12px;padding-bottom:12px}.saved-item{min-height:126px}
.check-row{min-height:31px}.wallet-mini{min-height:74px}

/* Product catalogue */
.filter-list li{margin:8px 0;line-height:1.4}.check-option{margin:8px 0}.best-card{height:auto;min-height:118px;grid-template-columns:76px 1fr;padding:10px}.best-thumb{height:76px}.best-card b{line-height:1.4}.best-meta{line-height:1.4}.product-card{min-height:260px}.product-card .pc-thumb{height:132px}.product-card .pc-body{padding:12px}.product-card h3{line-height:1.45}.pc-meta,.pc-tags{flex-wrap:wrap;line-height:1.4}
.feature-strip{min-height:82px;height:auto;padding-top:12px;padding-bottom:12px}.feature-item{min-height:54px}

/* Gig detail */
.seller-row{flex-wrap:wrap;line-height:1.45}.gig-summary{line-height:1.65}.benefit{height:auto;min-height:74px;padding:10px}.content-block p,.content-block li{line-height:1.65}.content-block li{margin-bottom:6px}.process-step{grid-template-columns:24px 1fr;gap:9px}.step-num{width:24px;height:24px}.faq-item{height:auto;min-height:42px;padding-top:8px;padding-bottom:8px;line-height:1.4}.review-item{grid-template-columns:38px 1fr}.review-item img{width:38px;height:38px}.review-item p{line-height:1.55}.pricing-card h3,.expert-trust h3{line-height:1.4}.package{height:auto;min-height:82px;padding:10px 5px}.popular{top:-10px;padding:4px 8px}.package-list li{line-height:1.55;margin:10px 0}.package-mini{min-height:66px}.buyer-protect p{line-height:1.5}.trust-point{grid-template-columns:30px 1fr}.trust-point .tp{width:30px;height:30px}.similar-card{height:auto;min-height:150px}.similar-thumb{height:78px}.similar-body{padding:9px}.similar-body b{line-height:1.45}.similar-meta{flex-wrap:wrap;line-height:1.4}

/* Jobs */
.company-card{height:auto;min-height:92px;padding:12px}.company-card b,.company-card span{line-height:1.4}.featured-label{position:static;margin-top:4px}.job-card{min-height:164px;padding:14px;grid-template-columns:50px 1fr 140px}.job-logo{width:46px;height:46px}.job-card h3{line-height:1.4}.job-card-meta,.job-skills{flex-wrap:wrap;line-height:1.45}.job-desc{line-height:1.55}.job-actions{justify-content:center}.market-stat{min-height:72px}.market-stat span,.employer-card p,.employer-facts{line-height:1.5}

@media(max-width:960px){.header{height:auto}.sidebar{top:0}.home-row{grid-template-columns:1fr}.gig-card,.expert-card,.product-mini,.job-mini{min-height:unset}.best-card{min-height:110px}.job-card{grid-template-columns:50px 1fr 135px}}
@media(max-width:620px){.horizontal-cards.five{grid-template-columns:1fr}.gig-card{min-height:150px}.job-card{grid-template-columns:46px 1fr}.product-card{min-height:245px}.review-box{grid-template-columns:1fr}}


/* =========================================================
   WIDE DESKTOP LAYOUT PASS
   Requested: wider content, larger usable canvas, minimum 12px text.
   ========================================================= */
:root{
  --container:1480px;
  --container-padding:32px;
}
.container{
  width:min(var(--container),calc(100% - (var(--container-padding) * 2)));
  margin-inline:auto;
}

/* Page-specific maximum widths */
.home-page .container{max-width:1480px}
.products-page .container,.jobs-page .container{max-width:1460px}
.gig-detail-page .container{max-width:1400px}

/* Header uses the added horizontal room instead of leaving a large empty margin */
.header .container{
  grid-template-columns:190px minmax(390px,470px) minmax(0,1fr);
  gap:28px;
}
.header-nav{gap:28px}

/* Homepage */
.home-hero{height:330px;padding-top:30px}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(500px,1.08fr);gap:72px}
.home-hero p{max-width:570px}
.category-bar{padding-inline:20px}
.home-sections{padding-top:26px}
.home-row{grid-template-columns:128px minmax(0,1fr);gap:24px;margin-bottom:24px}
.horizontal-cards{gap:14px}
.trust-grid{gap:18px}

/* Dashboard */
.dashboard-page .header .container{
  width:min(1540px,calc(100% - 48px));
  max-width:none;
}
.dashboard-layout{
  width:min(1540px,calc(100% - 48px));
  margin-inline:auto;
  grid-template-columns:240px minmax(0,1fr);
}
.sidebar{padding:22px 18px}
.dashboard-main{min-width:0;padding:24px 28px 34px}
.dashboard-columns{grid-template-columns:minmax(0,1fr) 350px;gap:24px;margin-top:20px}
.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:20px}
.stat-card{padding-inline:18px}
.panel{padding:18px}
.saved-grid{gap:14px}

/* Product catalogue */
.products-hero-grid{grid-template-columns:minmax(0,1fr) minmax(520px,.95fr);gap:64px}
.products-toolbar{grid-template-columns:370px minmax(0,1fr) auto;gap:22px}
.catalog-wrap{grid-template-columns:230px minmax(0,1fr);gap:24px;padding-top:18px}
.filter-side{gap:14px}
.filter-box{padding:14px}
.product-grid{gap:16px}
.best-grid{gap:12px}

/* Gig detail */
.gig-layout{grid-template-columns:minmax(0,1fr) 420px;gap:36px}
.gig-title-main{max-width:850px}
.gallery-grid{grid-template-columns:minmax(0,1fr) 96px;gap:16px}
.hero-cover{height:225px}
.content-columns{gap:28px}
.review-faq-grid{gap:24px}
.similar-grid{gap:14px}

/* Jobs */
.jobs-layout{grid-template-columns:240px minmax(0,1fr) 260px;gap:24px;padding-top:20px}
.filter-bar{grid-template-columns:1.55fr 1fr 1fr 1fr 150px;gap:10px}
.company-grid{gap:12px}
.job-list{gap:12px}
.job-card{grid-template-columns:54px minmax(0,1fr) 150px;gap:16px;padding:16px 18px}
.jobs-right{gap:14px}

/* Footer */
.footer-grid{
  grid-template-columns:230px repeat(4,minmax(120px,1fr)) 300px;
  gap:28px;
}
.footer-brand p{max-width:215px}

/* Guarantee the previously requested minimum text size. */
body,button,input,select,textarea{font-size:12px}

@media(max-width:1600px){
  :root{--container:1360px;--container-padding:28px}
  .header .container{grid-template-columns:180px minmax(360px,420px) minmax(0,1fr);gap:22px}
  .header-nav{gap:22px}
  .hero-grid{gap:54px}
  .dashboard-page .header .container,.dashboard-layout{width:min(1460px,calc(100% - 40px))}
  .jobs-layout{grid-template-columns:220px minmax(0,1fr) 235px;gap:20px}
}

@media(max-width:1280px){
  :root{--container:1180px;--container-padding:24px}
  .header .container{grid-template-columns:170px 340px minmax(0,1fr);gap:18px}
  .header-nav{gap:16px}
  .hero-grid{grid-template-columns:1fr .95fr;gap:38px}
  .products-hero-grid{grid-template-columns:1fr .9fr;gap:36px}
  .home-row{grid-template-columns:112px minmax(0,1fr);gap:18px}
  .dashboard-page .header .container,.dashboard-layout{width:calc(100% - 32px)}
  .dashboard-layout{grid-template-columns:220px minmax(0,1fr)}
  .dashboard-main{padding:20px}
  .dashboard-columns{grid-template-columns:minmax(0,1fr) 320px;gap:16px}
  .catalog-wrap{grid-template-columns:205px minmax(0,1fr);gap:18px}
  .gig-layout{grid-template-columns:minmax(0,1fr) 390px;gap:26px}
  .jobs-layout{grid-template-columns:205px minmax(0,1fr) 215px;gap:18px}
  .footer-grid{grid-template-columns:210px repeat(4,minmax(105px,1fr)) 270px;gap:20px}
}

@media(max-width:1180px){
  :root{--container:1040px;--container-padding:22px}
  .header .container{grid-template-columns:165px 315px minmax(0,1fr)}
  .header-nav{gap:14px}
  .dashboard-columns{grid-template-columns:minmax(0,1fr) 300px}
  .jobs-layout{grid-template-columns:190px minmax(0,1fr) 200px;gap:15px}
}

@media(max-width:960px){
  :root{--container-padding:18px}
  .container,.home-page .container,.products-page .container,.jobs-page .container,.gig-detail-page .container{
    width:calc(100% - 36px);
    max-width:none;
  }
  .header .container{grid-template-columns:1fr auto;gap:10px}
  .header-search{grid-column:1/-1;grid-row:2}
  .header-nav .nav-link{display:none}
  .home-hero{height:auto}
  .hero-grid,.products-hero-grid{grid-template-columns:1fr;gap:24px}
  .home-row{grid-template-columns:1fr}
  .dashboard-page .header .container,.dashboard-layout{width:100%}
  .dashboard-layout{grid-template-columns:1fr}
  .dashboard-main{padding:18px}
  .sidebar{display:none}
  .dashboard-columns,.overview-grid{grid-template-columns:1fr}
  .catalog-wrap,.jobs-layout,.gig-layout{grid-template-columns:1fr}
  .filter-side,.jobs-filters,.jobs-right{display:none}
  .products-toolbar{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:620px){
  :root{--container-padding:10px}
  .container,.home-page .container,.products-page .container,.jobs-page .container,.gig-detail-page .container{width:calc(100% - 20px)}
  .dashboard-main{padding:12px}
  .footer-grid{grid-template-columns:1fr}
}

/* =========================================================
   EXPANDED PAGES: PRODUCT DETAIL, WORKPLACE, JOB DETAIL
   ========================================================= */
.product-detail-page .container,.job-detail-page .container{max-width:1460px}
.product-detail-page,.job-detail-page{background:#fff}

/* Shared detail utilities */
.detail-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#69758d;font-size:12px;margin:22px 0 18px}
.detail-breadcrumb a{color:var(--blue);font-weight:600}
.detail-breadcrumb i{width:13px;height:13px}
.detail-chip{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:5px 11px;border:1px solid #dfe6f0;border-radius:9px;background:#fff;font-weight:600;color:#3f4b66}
.detail-chip i{width:16px;height:16px;color:var(--blue)}
.detail-section-title{font-size:18px;line-height:1.35;margin:0 0 12px;font-weight:800;color:#111a34;letter-spacing:-.3px}
.detail-copy{font-size:13px;line-height:1.75;color:#596781;margin:0}
.detail-list{margin:0;padding:0;list-style:none;display:grid;gap:11px}
.detail-list li{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start;color:#526078;font-size:13px;line-height:1.6}
.detail-list li:before{content:"✓";width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#eaf9f2;color:var(--green);font-size:12px;font-weight:800;margin-top:1px}
.detail-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 30px rgba(25,55,102,.045)}

/* Product detail */
.product-detail-main{padding-bottom:28px}
.pd-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:32px;align-items:start}
.pd-content{min-width:0}
.pd-gallery{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:stretch}
.pd-thumbs{display:flex;flex-direction:column;gap:12px}
.pd-thumb{height:76px;border:1px solid #dfe6f0;border-radius:10px;padding:4px;background:#fff;cursor:pointer;transition:.2s ease;position:relative;overflow:hidden}
.pd-thumb.active{border:2px solid var(--blue);box-shadow:0 0 0 3px #eaf2ff}
.pd-thumb-preview{height:100%;border-radius:6px;background:linear-gradient(135deg,#294df2,#8a45f5 58%,#e7e9ff);position:relative;overflow:hidden}
.pd-thumb:nth-child(2) .pd-thumb-preview{background:linear-gradient(135deg,#241064,#6134ef 55%,#c6d2ff)}
.pd-thumb:nth-child(3) .pd-thumb-preview{background:linear-gradient(135deg,#1839d0,#4967ff 60%,#dfe8ff)}
.pd-thumb:nth-child(4) .pd-thumb-preview{background:linear-gradient(135deg,#3d27b6,#8254f0 55%,#f2eaff)}
.pd-thumb:nth-child(5) .pd-thumb-preview{background:linear-gradient(135deg,#111e54,#3a58d5 60%,#91a8ff)}
.pd-thumb-preview:after{content:"";position:absolute;right:7px;bottom:7px;width:58%;height:50%;border-radius:4px;background:rgba(255,255,255,.88);box-shadow:-10px -7px 0 rgba(255,255,255,.32)}
.pd-cover{height:356px;border-radius:14px;overflow:hidden;position:relative;background:linear-gradient(135deg,#2853ef 0,#7a45f2 47%,#5a78fb 100%);box-shadow:0 12px 28px rgba(50,72,171,.15)}
.pd-cover:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 30%,rgba(255,255,255,.14),transparent 32%),radial-gradient(circle at 82% 20%,rgba(255,255,255,.2),transparent 25%)}
.pd-cover-copy{position:absolute;left:54px;top:45px;color:#fff;z-index:2}
.pd-cover-copy h1{font-size:39px;line-height:1.12;margin:0 0 20px;letter-spacing:-1.3px;max-width:330px}
.pd-cover-copy ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:14px}
.pd-cover-copy li{display:flex;align-items:center;gap:8px}.pd-cover-copy li:before{content:"✓";width:18px;height:18px;border-radius:50%;background:#fff;color:#3970f8;display:grid;place-items:center;font-size:12px;font-weight:900}
.pd-dashboard-art{position:absolute;right:-14px;top:39px;width:52%;height:290px;background:rgba(255,255,255,.95);border-radius:16px 0 0 16px;box-shadow:0 20px 35px rgba(24,42,114,.22);padding:18px;z-index:2}
.pd-dash-top{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pd-kpi{height:48px;border:1px solid #e4e9f5;border-radius:8px;padding:8px;background:#fff}.pd-kpi b{display:block;font-size:13px;margin-top:3px}.pd-chart-box{height:118px;border:1px solid #e6ebf4;border-radius:9px;margin-top:10px;position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#f8faff)}
.pd-chart-box:before{content:"";position:absolute;inset:12px;background:repeating-linear-gradient(to bottom,#edf1f7 0,#edf1f7 1px,transparent 1px,transparent 25px)}
.pd-chart-box svg{position:absolute;inset:13px;width:calc(100% - 26px);height:calc(100% - 26px)}
.pd-dash-bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:9px;margin-top:10px}.pd-mini-panel{height:67px;border:1px solid #e5eaf3;border-radius:9px;background:#fff;padding:8px}.pd-ring{width:38px;height:38px;border-radius:50%;background:conic-gradient(var(--blue) 0 72%,#e6ebf4 72%);margin:4px auto;position:relative}.pd-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}
.pd-gallery-arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid #e0e6f0;background:#fff;display:grid;place-items:center;color:#536079;box-shadow:var(--shadow-sm);z-index:4}
.pd-title{font-size:22px;line-height:1.35;margin:16px 0 9px;letter-spacing:-.45px}
.pd-seller-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#56647e}
.pd-seller-main{display:flex;align-items:center;gap:10px}.pd-seller-main img{width:42px;height:42px;border-radius:50%;border:2px solid #eef3fb}.pd-seller-main b{display:block;color:#17213c;font-size:13px}.pd-seller-main span{font-size:12px}.pd-separator{width:1px;height:30px;background:#e4e9f1}.pd-meta-item{display:flex;align-items:center;gap:7px;font-size:13px}.pd-meta-item i{width:15px;height:15px;color:#7c88a0}.pd-tags{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0 20px}
.pd-tabs{height:56px;border-bottom:1px solid #dfe6ef;display:flex;align-items:flex-end;gap:18px;margin-top:4px;overflow-x:auto}.pd-tab{height:55px;padding:0 15px;border:0;background:transparent;display:flex;align-items:center;gap:9px;color:#53607a;font-weight:600;white-space:nowrap;cursor:pointer;position:relative}.pd-tab.active{color:var(--blue)}.pd-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue);border-radius:2px}.pd-tab i{width:17px;height:17px}
.pd-tab-pane{padding:16px 0 4px}.pd-tab-pane[hidden]{display:none}.pd-more{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-weight:700;margin-top:8px}
.pd-related{margin-top:18px}.pd-related-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pd-related-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.pd-related-card{overflow:hidden;min-width:0}.pd-related-thumb{height:92px;position:relative;padding:13px;color:#fff;font-weight:700;line-height:1.35}.pd-related-thumb .cart-dot{position:absolute;right:7px;top:7px;width:27px;height:27px;border-radius:50%;background:#fff;color:#50607d;display:grid;place-items:center}.pd-related-body{padding:9px 4px 2px}.pd-related-body b{display:block;font-size:12px;line-height:1.4;min-height:34px}.pd-related-foot{display:flex;align-items:center;gap:5px;margin-top:7px;color:#6d7990}.pd-related-price{margin-left:auto;font-weight:800;color:#18213b}
.pd-buy-card{position:sticky;top:76px;border-radius:16px;overflow:hidden}.pd-buy-inner{padding:20px}.pd-discount{display:inline-flex;min-height:25px;padding:3px 8px;background:#ffedef;color:#e34d5c;border-radius:6px;font-weight:800}.pd-price-line{display:flex;align-items:baseline;gap:10px;margin:8px 0 5px}.pd-price{font-size:29px;font-weight:800;letter-spacing:-.7px}.pd-old-price{text-decoration:line-through;color:#9aa4b6;font-size:14px}.pd-save{color:#61708a;margin-bottom:18px}.pd-format-title{font-weight:800;margin:15px 0 10px;font-size:13px}.pd-format-row{display:flex;gap:9px;flex-wrap:wrap}.pd-buy-actions{display:grid;gap:10px;margin:28px 0 14px}.pd-buy-actions .btn{height:44px;font-size:14px;border-radius:9px}.pd-guarantee{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px;border:1px solid #cceedd;background:#f1fbf6;border-radius:9px;color:#4f6d62}.pd-guarantee .g-icon{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#dff6e9;color:var(--green)}
.pd-perks{display:grid;gap:2px;margin-top:10px}.pd-perk{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #eef2f7}.pd-perk:last-child{border-bottom:0}.pd-perk-icon{width:32px;height:32px;border-radius:9px;background:#eff5ff;color:var(--blue);display:grid;place-items:center}.pd-perk b{display:block;font-size:13px}.pd-perk span{font-size:12px;color:#728098}.pd-store{border-top:1px solid #e7ecf3;padding:16px 20px}.pd-store-head{display:flex;align-items:center;gap:10px}.pd-store-head img{width:43px;height:43px;border-radius:50%}.pd-store-head b{font-size:13px}.pd-store-head .btn{margin-left:auto}.pd-store-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.pd-store-stat{font-size:12px;color:#59667f;text-align:center;border-right:1px solid #e9edf3}.pd-store-stat:last-child{border-right:0}.pd-store-stat b{color:#1c2740}

/* Workplace */
.workspace-page{
  --workspace-width:1460px;
  --workspace-gutter:32px;
  background:#f5f8fc;
  min-height:100vh;
  overflow:hidden;
}
.workspace-page .header{position:relative}
.workspace-page .header .container,
.workspace-canvas{
  width:min(var(--workspace-width),calc(100% - (var(--workspace-gutter) * 2)));
  max-width:var(--workspace-width);
  margin-inline:auto;
}
.workspace-page .header-search{max-width:520px}
.workspace-canvas{
  height:calc(100dvh - 81px);
  min-height:670px;
  margin-top:16px;
  display:grid;
  grid-template-columns:232px 310px minmax(0,1fr);
  background:#fff;
  border:1px solid #dfe6f0;
  border-radius:16px;
  box-shadow:0 14px 36px rgba(23,52,96,.075);
  overflow:hidden;
}
.ws-account{border-right:1px solid #e4eaf2;padding:18px 15px;background:#fff;overflow:auto}.ws-user{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid #e7ecf3}.ws-user-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#4f43f3,#6b5cff);color:#fff;display:grid;place-items:center;font-weight:800;font-size:16px}.ws-user b{display:block;font-size:13px}.ws-user span{color:#7c879b;font-size:12px}.ws-nav-group{margin-top:17px}.ws-nav-label{font-size:12px;text-transform:uppercase;letter-spacing:.9px;color:#91a0b8;font-weight:800;margin:0 9px 7px}.ws-nav{display:grid;gap:4px}.ws-nav a{min-height:39px;border-radius:8px;padding:8px 10px;display:flex;align-items:center;gap:10px;color:#53617a;font-weight:600}.ws-nav a:hover,.ws-nav a.active{background:#edf4ff;color:var(--blue)}.ws-nav a i{width:16px;height:16px}.ws-help{margin-top:20px;border-radius:11px;background:linear-gradient(135deg,#f4f8ff,#fff);padding:12px;border:1px solid #e5ebf5}.ws-help b{display:block;margin-bottom:4px}.ws-help p{margin:0 0 7px;color:#7b879b;line-height:1.5}.ws-help a{color:var(--blue);font-weight:700}
.ws-contract{border-right:1px solid #e4eaf2;background:#fbfcfe;display:flex;flex-direction:column;min-width:0;overflow:hidden}.ws-contract-scroll{overflow:auto;padding:17px 14px 20px}.ws-contract-top{padding-bottom:14px;border-bottom:1px solid #e4eaf2}.ws-contract-code{display:flex;align-items:center;gap:8px;color:#8a96aa;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.ws-contract-status{display:inline-flex;align-items:center;min-height:26px;padding:3px 8px;border-radius:7px;background:#eaf2ff;color:var(--blue);font-weight:800}.ws-contract-title{font-size:17px;line-height:1.4;margin:12px 0 4px}.ws-contract-total{font-size:23px;color:#ff6a00;font-weight:800;margin-bottom:12px}.ws-contract-party{padding:7px 0;border-top:1px solid #edf1f6;color:#637089}.ws-contract-party b{display:block;color:#1a2540}.ws-contract-party a{color:var(--blue);font-weight:700}.ws-contract-benefit{color:var(--green);font-weight:700}.ws-milestone-title{text-align:center;margin:20px 0 11px;font-weight:800;letter-spacing:.2px}.ws-milestones{display:grid;gap:10px}.ws-milestone{border:1px solid #dde5ef;border-radius:10px;padding:11px;background:#fff}.ws-milestone.active{border-color:#73a6ff;background:#eff5ff;box-shadow:0 0 0 2px rgba(15,94,234,.07)}.ws-milestone.completed{border-color:#cbeedc;background:#f2fbf6}.ws-milestone.locked{opacity:.72}.ws-milestone-head{display:flex;align-items:start;gap:8px}.ws-step{font-weight:800;color:#19243e}.ws-milestone-price{margin-left:auto;color:#ff6500;font-weight:800}.ws-milestone-desc{margin:4px 0;color:#58657d;line-height:1.45}.ws-ms-status{font-weight:800;color:var(--blue)}.ws-ms-status.wait{color:#68758c}.ws-ms-status.done{color:var(--green)}.ws-ms-actions{display:grid;gap:7px;margin-top:10px}.ws-ms-actions .btn{min-height:36px;height:auto;white-space:normal}.ws-danger-actions{margin-top:14px;display:grid;gap:9px}.ws-danger{border:1px solid #ffb8bd;color:#db3d48;background:#fff;border-radius:8px;min-height:36px;font-weight:700}.ws-arbitration{background:#152238;color:#fff;border:0;border-radius:8px;min-height:38px;font-weight:700}
.ws-chat{min-width:0;display:flex;flex-direction:column;background:#fff}.ws-chat-head{min-height:58px;padding:0 18px;border-bottom:1px solid #e4eaf2;display:flex;align-items:center;gap:10px}.ws-chat-head h2{font-size:15px;margin:0}.ws-online{width:8px;height:8px;border-radius:50%;background:#3ecf7c}.ws-chat-head-actions{margin-left:auto;display:flex;gap:8px}.ws-chat-head-actions button{width:34px;height:34px;border-radius:8px;border:1px solid #e0e7f0;background:#fff;color:#59667f;display:grid;place-items:center}.ws-chat-summary{min-height:52px;padding:9px 18px;border-bottom:1px solid #edf1f6;display:flex;align-items:center;gap:10px;background:#fbfdff}.ws-summary-item{display:flex;align-items:center;gap:7px;color:#68758d}.ws-summary-item b{color:#1b2640}.ws-summary-spacer{flex:1}.ws-chat-body{flex:1;overflow:auto;padding:20px 28px 26px;background:linear-gradient(180deg,#fbfdff 0,#fff 100%)}.ws-system-pill{width:max-content;max-width:78%;margin:0 auto 14px;padding:8px 13px;border:1px solid #d6e5ff;background:#f2f7ff;border-radius:999px;color:#2056b8;text-align:center}.ws-notice{max-width:760px;margin:0 auto 14px;padding:16px 18px;border:1px solid #ffbf79;background:#fff8ef;border-radius:11px;color:#9a4c12;text-align:center;line-height:1.55}.ws-notice b{display:block;margin-bottom:5px;color:#c05a10}.ws-notice-time{text-align:right;margin-top:8px;color:#c58a5a;font-weight:700}.ws-event{width:max-content;max-width:620px;margin:12px auto;padding:12px 16px;border:1px solid #ffca91;background:#fff8ef;border-radius:10px;color:#854511;line-height:1.5}.ws-event b{color:#8b330e}.ws-event-time{text-align:right;color:#c18556;font-weight:700;margin-top:5px}.ws-chat-row{display:flex;gap:10px;margin:18px 0;align-items:flex-end}.ws-chat-row.me{justify-content:flex-end}.ws-chat-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover}.ws-message{max-width:610px;border:1px solid #e0e6ef;border-radius:14px 14px 14px 4px;background:#fff;padding:12px 14px;box-shadow:0 4px 13px rgba(31,55,91,.04);line-height:1.55}.ws-chat-row.me .ws-message{border-radius:14px 14px 4px 14px;background:#edf4ff;border-color:#d6e5ff}.ws-message-meta{display:flex;gap:8px;margin-bottom:5px;font-weight:700}.ws-message-meta time{font-weight:500;color:#8a95a8}.ws-file-card{margin-top:9px;border:1px solid #dfe6f0;border-radius:9px;padding:10px;display:flex;align-items:center;gap:10px;background:#fff}.ws-file-icon{width:38px;height:38px;border-radius:8px;background:#eef4ff;color:var(--blue);display:grid;place-items:center}.ws-file-card b{display:block}.ws-file-card span{color:#7d899e}.ws-file-card .btn{margin-left:auto}.ws-delivery-card{max-width:720px;margin:20px auto;border:1px solid #bcd6ff;background:#f5f9ff;border-radius:13px;padding:16px}.ws-delivery-head{display:flex;align-items:center;gap:9px}.ws-delivery-head .status{margin-left:auto}.ws-delivery-actions{display:flex;gap:9px;margin-top:13px;justify-content:flex-end}.ws-delivery-actions .btn{min-width:128px}.ws-chat-compose{min-height:67px;border-top:1px solid #e2e8f0;padding:10px 12px;display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;background:#fff}.ws-attach{width:38px;height:40px;border:1px solid #e0e6ef;border-radius:8px;background:#fff;display:grid;place-items:center}.ws-message-input{height:42px;border:1px solid #dfe5ee;border-radius:9px;padding:0 13px;outline:0;background:#fbfcfe}.ws-send{height:42px;min-width:80px}.ws-floating-chat{position:fixed;right:22px;bottom:20px;width:44px;height:44px;border-radius:14px;background:var(--blue);color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px rgba(15,94,234,.3);z-index:30}

/* Job detail */
.job-detail-main{padding:22px 0 32px}.jd-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}.jd-left{min-width:0;display:grid;gap:16px}.jd-hero{padding:24px}.jd-company-line{display:flex;align-items:flex-start;gap:16px}.jd-logo{width:72px;height:72px;border-radius:17px;background:linear-gradient(135deg,#1a62e6,#3b3fe5);color:#fff;display:grid;place-items:center;font-size:27px;font-weight:800;box-shadow:0 10px 22px rgba(27,87,211,.23)}.jd-title-wrap{min-width:0}.jd-title-wrap h1{font-size:27px;line-height:1.32;margin:0 0 6px;letter-spacing:-.65px}.jd-company-name{display:flex;align-items:center;gap:7px;color:var(--blue);font-weight:700;font-size:14px}.jd-verified{width:17px;height:17px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:12px}.jd-hero-actions{margin-left:auto;display:flex;gap:9px}.jd-icon-action{width:40px;height:40px;border-radius:10px;border:1px solid #dce4ef;background:#fff;color:#53617a;display:grid;place-items:center}.jd-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:17px 0 13px;color:#61708a}.jd-meta span{display:flex;align-items:center;gap:6px}.jd-meta i{width:16px;height:16px;color:#7e8ba1}.jd-salary{font-size:22px;font-weight:800;color:#ff6800;margin-right:7px}.jd-tags{display:flex;gap:8px;flex-wrap:wrap}.jd-highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.jd-highlight{min-height:74px;border:1px solid #e3e9f2;border-radius:11px;padding:10px;background:#fbfdff}.jd-highlight span{display:block;color:#7a879d;margin-bottom:4px}.jd-highlight b{font-size:13px}.jd-content{display:grid;gap:16px}.jd-section{padding:22px}.jd-section p{font-size:13px;line-height:1.75;color:#59677f}.jd-section h2{font-size:18px;margin:0 0 13px}.jd-bullets{margin:0;padding-left:20px;display:grid;gap:9px;color:#56647d;font-size:13px;line-height:1.65}.jd-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.jd-benefit{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #e4eaf2;border-radius:10px;background:#fbfdff}.jd-benefit i{width:19px;height:19px;color:var(--blue);flex:none}.jd-benefit b{display:block;font-size:13px}.jd-benefit span{color:#768298;line-height:1.5}.jd-process{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.jd-process-step{position:relative;padding:13px;border:1px solid #e1e8f1;border-radius:11px;background:#fff}.jd-process-step:not(:last-child):after{content:"";position:absolute;right:-11px;top:28px;width:12px;height:1px;background:#cfd8e6}.jd-process-num{width:28px;height:28px;border-radius:8px;background:#edf4ff;color:var(--blue);display:grid;place-items:center;font-weight:800;margin-bottom:8px}.jd-process-step b{display:block;margin-bottom:3px}.jd-process-step span{color:#7b879b;line-height:1.45}.jd-company-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.jd-company-card .jd-logo{width:58px;height:58px;font-size:21px}.jd-company-stats{display:flex;gap:18px;margin-top:8px;color:#68758e}.jd-company-card .btn{align-self:center}.jd-similar-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.jd-similar{padding:14px;display:grid;grid-template-columns:46px 1fr auto;gap:11px;align-items:start}.jd-similar-logo{width:44px;height:44px;border-radius:11px;background:#edf4ff;color:var(--blue);display:grid;place-items:center;font-weight:800}.jd-similar h3{font-size:13px;margin:0 0 3px}.jd-similar p{font-size:12px;margin:0;color:#748096}.jd-similar-price{font-weight:800;color:#ff6800;white-space:nowrap}.jd-side{display:grid;gap:14px}.jd-apply-card{position:sticky;top:76px;padding:20px}.jd-deadline{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-radius:9px;background:#fff7e8;color:#996018;margin-bottom:14px}.jd-apply-card .btn{height:44px;font-size:14px}.jd-apply-card .btn+.btn{margin-top:9px}.jd-info-list{display:grid;gap:12px;margin-top:17px}.jd-info-item{display:grid;grid-template-columns:35px 1fr;gap:9px}.jd-info-icon{width:34px;height:34px;border-radius:9px;background:#eef4ff;color:var(--blue);display:grid;place-items:center}.jd-info-item b{display:block}.jd-info-item span{color:#77849a}.jd-recruiter{padding:17px}.jd-recruiter-head{display:flex;gap:10px;align-items:center}.jd-recruiter-head img{width:48px;height:48px;border-radius:50%}.jd-recruiter-head b{display:block;font-size:13px}.jd-recruiter-meta{display:grid;gap:8px;margin-top:13px;color:#627089}.jd-share{display:flex;gap:8px;margin-top:14px}.jd-share button{width:34px;height:34px;border:1px solid #e0e7f0;border-radius:8px;background:#fff;color:#52617a;display:grid;place-items:center}

/* Generic modal */
.ui-modal{position:fixed;inset:0;background:rgba(7,16,38,.45);display:none;align-items:center;justify-content:center;padding:20px;z-index:3000}.ui-modal.open{display:flex}.ui-modal-dialog{width:min(560px,100%);background:#fff;border-radius:16px;box-shadow:0 30px 80px rgba(5,17,43,.25);overflow:hidden}.ui-modal-head{display:flex;align-items:center;padding:17px 20px;border-bottom:1px solid #e5ebf3}.ui-modal-head h3{margin:0;font-size:17px}.ui-modal-close{margin-left:auto;width:34px;height:34px;border:0;background:#f3f6fb;border-radius:8px;display:grid;place-items:center}.ui-modal-body{padding:20px}.ui-form-grid{display:grid;gap:12px}.ui-form-field{display:grid;gap:6px}.ui-form-field label{font-weight:700}.ui-form-field input,.ui-form-field textarea{width:100%;border:1px solid #dfe6ef;border-radius:9px;padding:10px 12px;outline:0}.ui-form-field textarea{min-height:105px;resize:vertical}.ui-modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:14px 20px;border-top:1px solid #e8edf4;background:#fbfcfe}

@media(max-width:1280px){
  .pd-layout{grid-template-columns:minmax(0,1fr) 360px;gap:24px}.pd-cover{height:330px}.pd-cover-copy{left:38px}.pd-cover-copy h1{font-size:34px}.pd-related-grid{grid-template-columns:repeat(3,1fr)}
  .workspace-canvas{grid-template-columns:210px 280px minmax(0,1fr)}
  .jd-layout{grid-template-columns:minmax(0,1fr) 350px}.jd-highlight-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1024px){
  .pd-layout,.jd-layout{grid-template-columns:1fr}.pd-buy-card,.jd-apply-card{position:relative;top:auto}.pd-gallery{grid-template-columns:78px minmax(0,1fr)}.pd-dashboard-art{width:54%}.pd-related-grid{grid-template-columns:repeat(3,1fr)}
  .workspace-page{overflow:auto}.workspace-canvas{height:auto;min-height:0;grid-template-columns:190px 260px minmax(580px,1fr);overflow:auto}.ws-chat{min-height:720px}
  .jd-process{grid-template-columns:repeat(2,1fr)}.jd-process-step:nth-child(2):after{display:none}
}
@media(max-width:760px){
  .pd-gallery{grid-template-columns:1fr}.pd-thumbs{display:grid;grid-template-columns:repeat(5,1fr);order:2}.pd-thumb{height:64px}.pd-cover{height:330px}.pd-cover-copy{left:24px;top:31px}.pd-cover-copy h1{font-size:29px;max-width:230px}.pd-cover-copy ul{font-size:12px}.pd-dashboard-art{right:-80px;width:70%;opacity:.88}.pd-related-grid{grid-template-columns:repeat(2,1fr)}.pd-title{font-size:20px}.pd-separator{display:none}
  .workspace-page .header .container,.workspace-canvas{width:100%}.workspace-canvas{margin-top:0;border-radius:0;border-left:0;border-right:0}.ws-account{display:none}.workspace-canvas{grid-template-columns:250px minmax(520px,1fr)}
  .jd-company-line{flex-wrap:wrap}.jd-hero-actions{margin-left:0;width:100%}.jd-highlight-grid,.jd-benefits,.jd-similar-list{grid-template-columns:1fr}.jd-process{grid-template-columns:1fr}.jd-process-step:after{display:none}.jd-company-card{grid-template-columns:auto 1fr}.jd-company-card .btn{grid-column:1/-1}.jd-title-wrap h1{font-size:23px}
}
@media(max-width:520px){
  .pd-related-grid{grid-template-columns:1fr}.pd-cover{height:300px}.pd-dashboard-art{display:none}.pd-cover-copy{right:24px}.pd-cover-copy h1{font-size:32px;max-width:none}.pd-tabs{gap:3px}.pd-tab{padding:0 10px}.pd-buy-inner{padding:16px}.pd-price{font-size:25px}
  .workspace-canvas{grid-template-columns:230px minmax(500px,1fr)}
  .jd-meta{gap:10px}.jd-salary{font-size:19px}.jd-hero{padding:17px}.jd-section{padding:17px}.jd-highlight-grid{grid-template-columns:1fr}
}

/* =========================================================
   WORKPLACE WIDTH SYNC
   Keeps Workplace aligned with Product, Jobs and detail pages.
   ========================================================= */
@media (max-width:1600px){
  .workspace-page{--workspace-width:1360px;--workspace-gutter:28px}
  .workspace-canvas{grid-template-columns:220px 300px minmax(0,1fr)}
}
@media (max-width:1280px){
  .workspace-page{--workspace-width:1180px;--workspace-gutter:24px}
  .workspace-canvas{grid-template-columns:205px 285px minmax(0,1fr)}
  .ws-account{padding-inline:12px}
  .ws-contract-scroll{padding-inline:12px}
}
@media (max-width:1180px){
  .workspace-page{--workspace-width:1040px;--workspace-gutter:22px}
  .workspace-canvas{grid-template-columns:190px 265px minmax(0,1fr)}
  .workspace-page .header-search{max-width:none}
}
@media (max-width:1024px){
  .workspace-page{--workspace-width:100%;--workspace-gutter:18px;overflow:auto}
  .workspace-page .header .container,
  .workspace-canvas{width:calc(100% - 36px);max-width:none}
  .workspace-canvas{
    height:auto;
    min-height:720px;
    grid-template-columns:190px 255px minmax(0,1fr);
    overflow:auto;
  }
  .ws-chat{min-width:500px;min-height:720px}
}
@media (max-width:860px){
  .workspace-page{--workspace-gutter:14px}
  .workspace-page .header .container,
  .workspace-canvas{width:calc(100% - 28px)}
  .ws-account{display:none}
  .workspace-canvas{grid-template-columns:250px minmax(520px,1fr)}
}
@media (max-width:620px){
  .workspace-page .header .container,
  .workspace-canvas{width:100%;max-width:none}
  .workspace-canvas{
    margin-top:0;
    border-radius:0;
    border-left:0;
    border-right:0;
    grid-template-columns:230px minmax(500px,1fr);
  }
}



/* =========================================================
   Workfino V3 integration layer
   Shared width, header, dynamic Go templates and legacy pages
   ========================================================= */
:root{
  --wf-v3-container:1480px;
  --wf-v3-gutter:32px;
  --wf-v3-blue:#0f5eea;
  --wf-v3-blue-strong:#0754db;
  --wf-v3-ink:#101936;
  --wf-v3-muted:#68738c;
  --wf-v3-line:#e4eaf3;
  --wf-v3-bg:#f7faff;
}
html{font-size:16px}
body.wf-body{font-family:'Be Vietnam Pro',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12px;line-height:1.55;background:#f7faff;color:var(--wf-v3-ink)}
body.wf-body :is(.text-[8px],.text-[9px],.text-[10px],.text-[11px]){font-size:12px!important}
.wf-container,.wf-page-shell{width:min(calc(100% - (var(--wf-v3-gutter) * 2)),var(--wf-v3-container));max-width:var(--wf-v3-container);margin-inline:auto}
.wf-page-shell{margin-top:20px;margin-bottom:40px}

/* Shared header matches the approved template. */
.wf-site-header{height:58px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--wf-v3-line);box-shadow:0 2px 12px rgba(26,54,105,.04);backdrop-filter:blur(14px)}
.wf-header-row{height:58px;min-height:58px;grid-template-columns:190px minmax(320px,470px) minmax(0,1fr) auto;gap:22px}
.wf-brand{gap:8px}.wf-brand-mark{width:34px;height:29px}.wf-brand-mark svg{width:34px;height:29px}.wf-brand-name{font-size:23px;font-weight:800;letter-spacing:-.7px}
.wf-search{height:38px;border-radius:9px;background:#fff;border-color:#dfe5ef;padding-left:13px;box-shadow:0 1px 3px rgba(22,41,77,.03)}
.wf-search input{font-size:12px}.wf-search button{width:32px;height:32px;flex-basis:32px;border-radius:7px}
.wf-primary-nav{height:58px;gap:3px;justify-content:flex-end}.wf-nav-trigger,.wf-nav-direct{height:58px;padding:0 12px;font-size:12px;font-weight:650;border:0;background:transparent;display:inline-flex;align-items:center;gap:5px;text-decoration:none;position:relative;white-space:nowrap;color:#151b2d}
.wf-nav-trigger::after,.wf-nav-direct::after{content:"";position:absolute;left:11px;right:11px;bottom:0;height:2px;border-radius:2px;background:var(--wf-v3-blue);transform:scaleX(0);transition:.18s}
.wf-nav-trigger:hover,.wf-nav-trigger[aria-expanded="true"],.wf-nav-trigger.is-current,.wf-nav-direct:hover,.wf-nav-direct.is-current{color:var(--wf-v3-blue)}
.wf-nav-trigger:hover::after,.wf-nav-trigger[aria-expanded="true"]::after,.wf-nav-trigger.is-current::after,.wf-nav-direct:hover::after,.wf-nav-direct.is-current::after{transform:scaleX(1)}
.wf-header-actions{gap:8px}.wf-icon-button{width:34px;height:34px}.wf-user-button{height:36px;padding:2px 6px;border:0;background:transparent}.wf-user-avatar,.wf-avatar-fallback{width:31px;height:31px}.wf-user-name{display:none}.wf-primary-cta,.wf-secondary-cta{min-height:36px;height:36px;border-radius:8px;padding:0 15px;font-size:12px;font-weight:750}
.wf-badge{font-size:12px;min-width:15px;height:15px}
.wf-mega-menu{top:58px}

/* Consistent public surface and typography. */
.wf-surface,.wf-card{border-color:var(--wf-v3-line);border-radius:14px;box-shadow:0 3px 14px rgba(28,61,116,.055)}
.wf-section-title{font-size:20px;letter-spacing:-.35px}.wf-section-subtitle,.wf-card-meta,.wf-card p{font-size:12px}.wf-card-title{font-size:14px;line-height:1.45}.wf-chip{font-size:12px;min-height:24px}
.wf-card-grid{gap:16px}

/* Home and marketplace listing refresh. */
body.wf-home-page .wf-page-shell{max-width:1480px}
.wf-v3-home-hero{min-height:330px;margin-top:0;padding:34px 42px;border:1px solid #e7eef9;border-radius:0 0 24px 24px;background:radial-gradient(circle at 83% 20%,#dfeaff 0,transparent 34%),linear-gradient(180deg,#f7fbff,#f4f8ff);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(470px,.98fr);gap:48px;align-items:center;overflow:hidden}
.wf-v3-home-copy h1{font-size:44px;line-height:1.08;letter-spacing:-1.5px;margin:12px 0 14px;font-weight:800;color:#0c1430}.wf-v3-home-copy h1 span{color:var(--wf-v3-blue)}.wf-v3-home-copy p{max-width:620px;font-size:14px;line-height:1.75;color:#5f6d86;margin:0}.wf-v3-home-actions{display:flex;gap:12px;margin-top:22px}.wf-v3-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:20px;color:#58657e;font-weight:600}.wf-v3-trust span{display:flex;align-items:center;gap:7px}.wf-v3-trust i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #dce7f7;color:var(--wf-v3-blue);font-style:normal}
.wf-v3-hero-visual{position:relative;height:245px}.wf-v3-dashboard{position:absolute;inset:0 25px 45px 0;background:#fff;border:1px solid #e2eaf6;border-radius:16px;box-shadow:0 22px 50px rgba(33,75,141,.14);padding:22px;display:grid;grid-template-columns:1.5fr .85fr;gap:16px}.wf-v3-chart{border:1px solid #edf1f7;border-radius:12px;padding:14px}.wf-v3-chart strong{display:block;font-size:17px;margin:4px 0}.wf-v3-chart svg{width:100%;height:100px;margin-top:12px}.wf-v3-suggest{display:grid;gap:12px}.wf-v3-suggest-card{border:1px solid #edf1f7;border-radius:12px;padding:12px;background:#fff}.wf-v3-suggest-thumb{height:52px;border-radius:9px;margin-top:8px;background:linear-gradient(135deg,#5424e4,#7c4fff)}.wf-v3-dashboard-stats{position:absolute;left:28px;right:0;bottom:0;height:65px;border:1px solid #e2e9f5;border-radius:14px;background:#fff;box-shadow:0 12px 28px rgba(25,63,126,.1);display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.wf-v3-dashboard-stats div{padding:0 18px;border-right:1px solid #edf1f7}.wf-v3-dashboard-stats div:last-child{border-right:0}.wf-v3-dashboard-stats b{display:block;font-size:17px}
.wf-v3-category-strip{margin-top:16px;padding:0 4px}.wf-v3-category-bar{display:grid;grid-template-columns:repeat(8,1fr);min-height:70px;border:1px solid var(--wf-v3-line);border-radius:13px;background:#fff;box-shadow:0 7px 22px rgba(33,65,121,.055);padding:7px}.wf-v3-category-bar a{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:650;text-align:center;border-radius:9px}.wf-v3-category-bar a:hover{background:#f3f7ff;color:var(--wf-v3-blue)}.wf-v3-category-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eef4ff;color:var(--wf-v3-blue)}
.wf-v3-section{margin-top:28px}.wf-v3-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.wf-v3-section-head h2{font-size:22px;margin:0;letter-spacing:-.4px}.wf-v3-section-head p{margin:4px 0 0;color:var(--wf-v3-muted);font-size:12px}.wf-v3-product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.wf-v3-product-card{background:#fff;border:1px solid var(--wf-v3-line);border-radius:14px;overflow:hidden;transition:.2s;min-width:0}.wf-v3-product-card:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(26,58,112,.11);border-color:#cddcfa}.wf-v3-product-media{display:block;aspect-ratio:1.55/1;overflow:hidden;background:#eef2f8;position:relative}.wf-v3-product-media img{width:100%;height:100%;object-fit:cover}.wf-v3-product-body{padding:12px}.wf-v3-product-title{font-size:13px;font-weight:750;line-height:1.45;height:38px;overflow:hidden}.wf-v3-product-meta{display:flex;align-items:center;gap:5px;margin-top:8px;color:#66738d}.wf-v3-product-footer{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:10px}.wf-v3-product-price{font-size:14px;font-weight:800;color:#101a37}.wf-v3-job-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.wf-v3-job-card{background:#fff;border:1px solid var(--wf-v3-line);border-radius:14px;padding:15px;transition:.2s}.wf-v3-job-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(26,58,112,.09)}

/* Product detail dynamic page. */
body.wf-product-detail-page{background:#fff}.wf-product-detail-page .product-detail-main{max-width:1480px}.wf-product-detail-page .pd-layout{grid-template-columns:minmax(0,1fr) 400px;gap:32px}.wf-product-detail-page .pd-cover{background:#edf2ff;overflow:hidden}.wf-product-detail-page .pd-real-image{width:100%;height:100%;object-fit:contain;background:#f8faff}.wf-product-detail-page .pd-video{width:100%;height:100%;border:0}.wf-product-detail-page .pd-thumb img{width:100%;height:100%;object-fit:cover}.wf-product-detail-page .pd-thumb{overflow:hidden}.wf-product-detail-page .pd-related-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.wf-product-detail-page .pd-buy-card{top:78px}.wf-product-detail-page .pd-price{font-size:30px}.wf-product-detail-page #productContentBlock,.wf-product-detail-page #productContentBlock *{max-width:100%;overflow-wrap:anywhere}.wf-product-detail-page #productContentBlock img{width:100%!important;height:auto!important;border-radius:12px;margin:18px 0;cursor:zoom-in}.wf-product-detail-page .pd-tab-pane{font-size:13px;line-height:1.75;color:#55647c}.wf-product-detail-page .pd-buy-benefit{font-size:12px}

/* Existing jobs page gets the approved width and card rhythm. */
body.wf-jobs-page .wf-page-shell{max-width:1460px}.wf-jobs-page .wf-jobs-hero{border-radius:18px;background:radial-gradient(circle at 90% 10%,#dbe9ff 0,transparent 28%),linear-gradient(180deg,#f6faff,#f8fbff);border:1px solid #e7eef9;padding:30px}.wf-jobs-page .wf-job-layout{gap:22px}.wf-jobs-page .wf-job-card{border-radius:14px;box-shadow:0 3px 12px rgba(28,61,116,.05)}

/* Job detail dynamic page. */
body.wf-job-detail-page{background:#f7faff}.wf-job-detail-page .job-detail-main{max-width:1460px}.wf-job-detail-page .jd-layout{grid-template-columns:minmax(0,1fr) 390px;gap:28px}.wf-job-detail-page .jd-apply-card{top:78px}

/* Workspace: header and canvas share exactly the same width. */
body.wf-workspace-page{--wf-v3-container:1480px;--wf-v3-gutter:32px;background:#f5f8fd;overflow-x:hidden}
body.wf-workspace-page .wf-container,body.wf-workspace-page .wf-page-shell{width:min(calc(100% - (var(--wf-v3-gutter) * 2)),var(--wf-v3-container));max-width:var(--wf-v3-container)}
body.wf-workspace-page .wf-page-shell{margin-top:18px;display:grid!important;grid-template-columns:230px minmax(0,1fr);gap:18px!important;align-items:stretch}
body.wf-workspace-page .wf-page-shell>aside:first-child{width:auto!important;min-width:0!important}
body.wf-workspace-page .wf-page-shell>main{min-width:0}
body.wf-workspace-page .wf-page-shell>main>.bg-white.rounded-xl{height:calc(100vh - 100px)!important;min-height:720px;border-radius:14px!important;display:grid!important;grid-template-columns:315px minmax(0,1fr)!important;overflow:hidden!important}
body.wf-workspace-page .wf-page-shell>main>.bg-white.rounded-xl>div:first-child{width:auto!important;min-width:0!important}
body.wf-workspace-page .wf-page-shell>main>.bg-white.rounded-xl>div:last-child{min-width:0!important}
body.wf-workspace-page .wf-site-header .wf-container{width:min(calc(100% - (var(--wf-v3-gutter) * 2)),var(--wf-v3-container));max-width:var(--wf-v3-container)}
body.wf-workspace-page .wf-footer{display:none}

/* Profile/dashboard width and card polish. */
body.wf-dashboard-page .wf-page-shell{max-width:1540px;display:grid!important;grid-template-columns:230px minmax(0,1fr);gap:22px!important}.wf-dashboard-page .wf-page-shell>main{min-width:0}.wf-dashboard-page .wf-page-shell>aside:last-child{display:none}

@media(max-width:1500px){:root{--wf-v3-container:1360px;--wf-v3-gutter:28px}.wf-v3-home-hero{grid-template-columns:minmax(0,1fr) 500px}.wf-v3-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1280px){:root{--wf-v3-container:1180px;--wf-v3-gutter:24px}.wf-header-row{grid-template-columns:170px minmax(280px,1fr) auto auto;gap:12px}.wf-primary-nav{gap:0}.wf-nav-trigger,.wf-nav-direct{padding-inline:9px}.wf-v3-home-hero{grid-template-columns:1fr 430px;padding-inline:30px}.wf-v3-home-copy h1{font-size:38px}.wf-v3-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wf-v3-job-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.wf-workspace-page .wf-page-shell{grid-template-columns:210px minmax(0,1fr)}body.wf-workspace-page .wf-page-shell>main>.bg-white.rounded-xl{grid-template-columns:290px minmax(0,1fr)!important}}
@media(max-width:1080px){.wf-primary-nav{display:none}.wf-header-row{grid-template-columns:auto minmax(0,1fr) auto}.wf-v3-home-hero{grid-template-columns:1fr}.wf-v3-hero-visual{display:none}.wf-v3-category-bar{grid-template-columns:repeat(4,1fr)}.wf-v3-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wf-v3-job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.wf-workspace-page .wf-page-shell{display:block!important}body.wf-workspace-page .wf-page-shell>aside:first-child{display:none}body.wf-workspace-page .wf-page-shell>main>.bg-white.rounded-xl{grid-template-columns:280px minmax(620px,1fr)!important;overflow:auto!important}}
@media(max-width:760px){:root{--wf-v3-gutter:14px}.wf-site-header{height:auto}.wf-header-row{height:auto;min-height:58px}.wf-brand-name{font-size:20px}.wf-v3-home-hero{padding:26px 20px;border-radius:0}.wf-v3-home-copy h1{font-size:32px}.wf-v3-home-actions,.wf-v3-trust{gap:9px}.wf-v3-category-bar{grid-template-columns:repeat(2,1fr)}.wf-v3-product-grid,.wf-v3-job-grid{grid-template-columns:1fr 1fr}.wf-product-detail-page .pd-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.wf-workspace-page{overflow:auto}body.wf-workspace-page .wf-page-shell{width:100%;max-width:none;margin:0}body.wf-workspace-page .wf-page-shell>main>.bg-white.rounded-xl{border-radius:0!important;min-width:900px}}
@media(max-width:520px){.wf-v3-product-grid,.wf-v3-job-grid{grid-template-columns:1fr}.wf-v3-home-copy h1{font-size:29px}.wf-v3-category-bar{grid-template-columns:1fr 1fr}.wf-product-detail-page .pd-related-grid{grid-template-columns:1fr}}

/* V3 product marketplace page */
.wf-v3-products-page{max-width:1460px!important}.wf-v3-products-hero{min-height:190px;padding:28px 34px;border:1px solid #e5edf8;border-radius:18px;background:radial-gradient(circle at 83% 18%,#dce9ff 0,transparent 34%),linear-gradient(180deg,#f7fbff,#f3f8ff);display:grid;grid-template-columns:1fr 470px;gap:34px;align-items:center}.wf-v3-breadcrumb{display:flex;gap:8px;color:#75829a;margin-bottom:10px}.wf-v3-breadcrumb a{color:#0f5eea;font-weight:650}.wf-v3-products-hero h1{font-size:38px;line-height:1.12;letter-spacing:-1px;margin:0}.wf-v3-products-hero h1 span{color:#0f5eea}.wf-v3-products-hero p{font-size:13px;color:#62708a;max-width:650px;line-height:1.7}.wf-v3-products-promo{min-height:122px;border:1px solid #dce7f8;border-radius:15px;background:rgba(255,255,255,.83);padding:20px 24px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 12px 30px rgba(24,67,137,.08)}.wf-v3-products-promo span{color:#0f5eea;font-weight:750}.wf-v3-products-promo strong{font-size:20px;margin-top:5px}.wf-v3-products-promo small{color:#718097;margin-top:4px}.wf-v3-product-toolbar{display:grid;grid-template-columns:minmax(320px,1fr) 210px 180px auto;gap:10px;margin-top:18px;padding:12px;border:1px solid #e4eaf3;border-radius:13px;background:#fff}.wf-v3-toolbar-search{height:40px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #dce4ef;border-radius:9px}.wf-v3-toolbar-search input{border:0;outline:0;flex:1}.wf-v3-product-toolbar select,.wf-v3-product-toolbar>input{height:40px;border:1px solid #dce4ef;border-radius:9px;padding:0 12px;outline:0;background:#fff}.wf-v3-market-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:22px;margin-top:18px;align-items:start}.wf-v3-filter-card{border:1px solid #e2e8f1;border-radius:14px;background:#fff;overflow:hidden;position:sticky;top:76px}.wf-v3-filter-head{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid #e8edf4}.wf-v3-filter-head b{font-size:14px}.wf-v3-filter-head a{color:#0f5eea;font-weight:700}.wf-v3-filter-card section{padding:14px 16px;border-bottom:1px solid #edf1f6;display:grid;gap:8px}.wf-v3-filter-card section:last-child{border-bottom:0}.wf-v3-filter-card h3{font-size:13px;margin:0 0 4px}.wf-v3-filter-card section a,.wf-v3-filter-card label{color:#5f6d84;display:flex;align-items:center;gap:7px}.wf-v3-filter-card section a:hover,.wf-v3-filter-card section a.active{color:#0f5eea;font-weight:700}.wf-v3-sort{display:flex;gap:6px}.wf-v3-sort a{padding:7px 11px;border:1px solid #dfe6ef;border-radius:8px;background:#fff}.wf-v3-sort a.active{background:#edf4ff;border-color:#cbdcff;color:#0f5eea;font-weight:700}.wf-v3-product-grid--market{grid-template-columns:repeat(4,minmax(0,1fr))}.wf-v3-sales-badge{position:absolute;right:9px;top:9px;background:rgba(10,20,44,.82);color:#fff;border-radius:999px;padding:4px 8px;font-weight:700}.wf-v3-product-author{margin-top:7px;color:#748198}.wf-v3-product-author a{color:#33415c;font-weight:700}.wf-v3-product-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.wf-v3-product-tags span{padding:3px 7px;border-radius:999px;background:#f4f7fb;border:1px solid #e7ecf3;color:#66758f}.wf-v3-star{color:#ffac19}.wf-v3-empty{grid-column:1/-1;padding:60px;border:1px dashed #ccd7e6;border-radius:14px;text-align:center;color:#718097}.wf-v3-seo-block{margin-top:25px;padding:28px;border:1px solid #e4eaf3;border-radius:14px;background:#fff}.wf-v3-seo-block h2{margin-top:0}

/* V3 home Gig, experts and trust */
.wf-v3-gig-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.wf-v3-gig-card{border:1px solid #e4eaf3;border-radius:14px;background:#fff;overflow:hidden;transition:.2s}.wf-v3-gig-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(25,60,116,.1)}.wf-v3-gig-media{height:132px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b1745,#5321d8);color:#fff;font-weight:800;overflow:hidden}.wf-v3-gig-media img{width:100%;height:100%;object-fit:cover}.wf-v3-gig-body{padding:12px}.wf-v3-gig-body>a>b{display:block;font-size:13px;line-height:1.45;height:38px;overflow:hidden}.wf-v3-gig-user{display:flex;align-items:center;gap:6px;margin-top:9px;color:#65738c}.wf-v3-gig-user img,.wf-v3-gig-user>span{width:24px;height:24px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#eaf2ff;color:#0f5eea;font-weight:800}.wf-v3-gig-user em{margin-left:auto;color:#ff9c18;font-style:normal}.wf-v3-gig-price{margin-top:8px;text-align:right;font-weight:800}.wf-v3-expert-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.wf-v3-expert-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:11px;align-items:center;padding:12px;border:1px solid #e4eaf3;border-radius:14px;background:#fff;transition:.2s}.wf-v3-expert-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(25,60,116,.09)}.wf-v3-expert-card>img,.wf-v3-expert-fallback{width:58px;height:58px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,#edf4ff,#d6e4ff);color:#0f5eea;font-size:20px;font-weight:800}.wf-v3-expert-card b{display:block;font-size:13px}.wf-v3-expert-card b i{font-style:normal;color:#0f5eea}.wf-v3-expert-card small{display:block;color:#748198;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-v3-expert-card div>div{display:flex;justify-content:space-between;gap:8px;margin-top:7px;color:#68758d}.wf-v3-expert-card strong{color:#17213b}.wf-v3-job-card b{font-size:14px}.wf-v3-job-card p{height:42px;overflow:hidden;color:#66748d;line-height:1.55}.wf-v3-job-card>div{display:flex;justify-content:space-between;gap:8px;margin-top:11px}.wf-v3-job-card>div span{color:#0f5eea}.wf-v3-job-card>div strong{color:#17213b}.wf-v3-trust-band{margin:32px 0 0;padding:23px 28px;border:1px solid #dfe8f5;border-radius:16px;background:linear-gradient(135deg,#eff6ff,#f9fbff);display:grid;grid-template-columns:repeat(3,170px) minmax(0,1fr);gap:20px;align-items:center}.wf-v3-trust-band div:not(.wf-v3-testimonial){display:flex;flex-direction:column}.wf-v3-trust-band b{font-size:24px;color:#0f5eea}.wf-v3-trust-band span{color:#68758c}.wf-v3-testimonial{padding-left:24px;border-left:1px solid #d9e4f2;color:#4e5e78;font-size:13px;line-height:1.7}

@media(max-width:1280px){.wf-v3-products-hero{grid-template-columns:1fr 390px}.wf-v3-product-grid--market{grid-template-columns:repeat(3,minmax(0,1fr))}.wf-v3-gig-grid,.wf-v3-expert-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wf-v3-trust-band{grid-template-columns:repeat(3,150px) minmax(0,1fr)}}
@media(max-width:980px){.wf-v3-products-hero{grid-template-columns:1fr}.wf-v3-product-toolbar{grid-template-columns:1fr 1fr}.wf-v3-market-layout{grid-template-columns:1fr}.wf-v3-filter-card{position:static}.wf-v3-product-grid--market{grid-template-columns:repeat(3,minmax(0,1fr))}.wf-v3-gig-grid,.wf-v3-expert-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wf-v3-trust-band{grid-template-columns:repeat(3,1fr)}.wf-v3-testimonial{grid-column:1/-1;border-left:0;border-top:1px solid #d9e4f2;padding:16px 0 0}}
@media(max-width:700px){.wf-v3-products-hero{padding:22px}.wf-v3-products-hero h1{font-size:30px}.wf-v3-product-toolbar{grid-template-columns:1fr}.wf-v3-product-grid--market,.wf-v3-gig-grid,.wf-v3-expert-grid{grid-template-columns:1fr 1fr}.wf-v3-trust-band{grid-template-columns:1fr 1fr}.wf-v3-testimonial{grid-column:1/-1}.wf-v3-expert-card{grid-template-columns:46px minmax(0,1fr)}.wf-v3-expert-card>img,.wf-v3-expert-fallback{width:46px;height:46px}}
@media(max-width:480px){.wf-v3-product-grid--market,.wf-v3-gig-grid,.wf-v3-expert-grid{grid-template-columns:1fr}.wf-v3-trust-band{grid-template-columns:1fr}}

/* Dynamic product-detail additions */
.pd-admin-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 0;padding:13px 15px;border:1px solid #fecaca;border-radius:12px;background:#fff1f2}.pd-admin-bar>div:first-child{display:flex;flex-direction:column}.pd-admin-bar span{color:#9f1239}.pd-admin-bar>div:last-child{display:flex;gap:8px}.pd-danger-btn{background:#dc2626;color:#fff}.pd-avatar-fallback{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#dce9ff,#c9d9ff);color:#0f5eea;font-weight:800}.pd-video-icon{font-size:20px;color:#0f5eea}.pd-file-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pd-file-summary>div{padding:12px;border:1px solid #e4eaf2;border-radius:10px;background:#fbfdff}.pd-file-summary span{display:block;color:#78859b;margin-bottom:4px}.pd-format-row{display:flex;flex-wrap:wrap;gap:8px}.detail-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border-radius:9px;border:1px solid #dfe6ef;background:#fff;font-weight:650;color:#45546e}.pd-related-thumb img{width:100%;height:100%;object-fit:cover}.pd-purchased-note,.pd-refund{margin-top:10px;padding:10px 12px;border-radius:9px;background:#effaf4;color:#16754c;font-weight:650}.pd-buy-card h3{font-size:13px;margin:18px 0 9px}.pd-price-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pd-price-row small{color:#748198}.pd-heart{width:40px;height:40px;border-radius:10px;border:1px solid #e0e6ef;background:#fff;font-size:22px;color:#0f5eea}.pd-buy-main{height:44px;margin-top:11px}.pd-cart-btn{height:42px;margin-top:17px}.pd-author-card .pd-avatar-fallback{width:42px;height:42px}.pd-author-card>a{margin-left:auto}.pd-tab-pane[hidden]{display:none}.pd-cover #closeMiniVideo{position:absolute;right:10px;top:10px;width:30px;height:30px;border:0;border-radius:50%;background:#dc2626;color:#fff;z-index:5}
@media(max-width:700px){.pd-file-summary{grid-template-columns:1fr}.pd-admin-bar{align-items:flex-start;flex-direction:column}}

/* =========================================================
   V3 final integration: Job detail + Workspace exact width
   ========================================================= */
body.wf-body *{min-font-size:initial}

/* Job detail */
.wf-job-detail-page .job-detail-main{max-width:1460px;margin-top:20px;margin-bottom:44px}
.jd-breadcrumb{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:16px;color:#7a879d;font-size:12px;white-space:nowrap;overflow:hidden}
.jd-breadcrumb a{color:#0f5eea;font-weight:650}.jd-breadcrumb strong{overflow:hidden;text-overflow:ellipsis;color:#4e5c75;font-weight:650}
.jd-moderation{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:14px 16px;border:1px solid #fecaca;border-radius:13px;background:#fff1f2}
.jd-moderation>div:first-child{display:flex;flex-direction:column}.jd-moderation b{color:#9f1239;font-size:13px}.jd-moderation span{color:#be123c}.jd-moderation>div:last-child{display:flex;gap:8px}
.jd-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:28px;align-items:start}.jd-main-column,.jd-side-column{min-width:0}.jd-side-column{display:grid;gap:16px;position:relative}
.jd-hero-card,.jd-content-card,.jd-applications,.jd-related,.jd-apply-card,.jd-client-card,.jd-support-card{background:#fff;border:1px solid #e2e8f1;border-radius:15px;box-shadow:0 4px 16px rgba(25,58,111,.055)}
.jd-hero-card{position:relative;overflow:hidden;padding:28px}.jd-hero-topline{position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#0f5eea,#6d3de8)}
.jd-hero-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.jd-title-wrap{min-width:0}.jd-eyebrow{display:flex;align-items:center;gap:10px;color:#7b889e}.jd-eyebrow a{padding:5px 9px;border-radius:999px;background:#edf4ff;color:#0f5eea;font-weight:750}.jd-title-wrap h1{margin:13px 0 14px;font-size:30px;line-height:1.22;letter-spacing:-.65px;color:#101936;font-weight:800}.jd-client-line{display:flex;align-items:center;gap:9px;color:#627089}.jd-client-line>div{display:flex;flex-direction:column}.jd-client-line b{font-size:13px;color:#17213b}.jd-client-line small{font-size:12px}.jd-client-avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#dce9ff,#bcd2ff);color:#0f5eea;font-weight:800;font-size:15px}.jd-client-avatar--large{width:48px;height:48px;font-size:18px}.jd-verified{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#0f5eea;color:#fff;font-weight:800;font-size:12px}
.jd-status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 10px;border-radius:999px;border:1px solid;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:12px;white-space:nowrap}.jd-status--pending{color:#a16207;background:#fffbeb;border-color:#fde68a}.jd-status--private{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.jd-status--open{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.jd-status--hired{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.jd-status--closed{color:#64748b;background:#f8fafc;border-color:#e2e8f0}
.jd-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;border:1px solid #e5eaf2;border-radius:13px;background:#f9fbfe;overflow:hidden}.jd-stats>div{padding:16px 18px;border-right:1px solid #e5eaf2;display:flex;flex-direction:column}.jd-stats>div:last-child{border-right:0}.jd-stats span{text-transform:uppercase;letter-spacing:.055em;color:#8591a5;font-weight:750}.jd-stats b{font-size:20px;line-height:1.3;color:#101936;margin-top:5px}.jd-stats>div:first-child b{color:#f97316}.jd-stats small{margin-top:3px;color:#758299}
.jd-content-card{margin-top:18px;padding:26px}.jd-section+.jd-section{padding-top:26px;margin-top:26px;border-top:1px solid #edf1f6}.jd-section-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.jd-section-heading>span{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#edf4ff;color:#0f5eea;font-weight:800}.jd-section-heading h2{font-size:18px;line-height:1.3;margin:0;color:#111b38}.jd-section-heading p{margin:3px 0 0;color:#77849a}.jd-rich-text{white-space:pre-line;padding:18px 20px;border:1px solid #e7ecf3;border-radius:12px;background:#fbfdff;color:#53617a;font-size:13px;line-height:1.75}.jd-rich-text--warm{background:#fffaf2;border-color:#f8e1ba}.jd-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.jd-info-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:16px;border:1px solid #e5eaf2;border-radius:12px;background:#fff}.jd-info-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#edf4ff;color:#0f5eea;font-size:17px;font-weight:800}.jd-info-card h3{margin:0 0 5px;font-size:14px}.jd-info-card p{margin:0;color:#627089;line-height:1.6}.jd-skill-list{display:flex;gap:6px;flex-wrap:wrap}.jd-skill-list a,.jd-skill-list span{min-height:27px;padding:4px 9px;border:1px solid #dfe6ef;border-radius:999px;background:#f5f8fc;color:#51617b;font-weight:650}
.jd-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.jd-process-grid>div{position:relative;padding:14px;border:1px solid #e5eaf2;border-radius:11px;background:#fbfdff;display:flex;flex-direction:column;min-height:130px}.jd-process-grid i{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#0f5eea;color:#fff;font-style:normal;font-weight:800}.jd-process-grid b{margin-top:10px;font-size:13px}.jd-process-grid span{margin-top:4px;color:#6b7890;line-height:1.55}
.jd-applications{margin-top:18px;overflow:hidden}.jd-applications-head,.jd-related-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 22px;border-bottom:1px solid #e8edf4}.jd-applications-head h2,.jd-related-head h2{margin:0;font-size:19px}.jd-applications-head p,.jd-related-head p{margin:3px 0 0;color:#77849a}.jd-applications-head>span{padding:5px 10px;border-radius:999px;background:#edf4ff;color:#0f5eea;font-weight:750}.jd-application-list{padding:16px;display:grid;gap:14px;background:#f8fbff}.jd-application-card{position:relative;display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px;padding:18px;border:1px solid #e1e7f0;border-radius:13px;background:#fff}.jd-application-hired{position:absolute;right:0;top:0;padding:5px 10px;border-radius:0 12px 0 10px;background:#16a46c;color:#fff;font-weight:800}.jd-application-profile{padding-right:18px;border-right:1px solid #e8edf4}.jd-application-profile>a,.jd-application-profile>div{display:inline-flex;vertical-align:middle}.jd-application-avatar{width:48px;height:48px;border-radius:50%;align-items:center;justify-content:center;background:#0f5eea;color:#fff;font-size:18px;font-weight:800;margin-right:9px}.jd-application-profile>div{flex-direction:column}.jd-application-profile>div b{font-size:14px}.jd-application-profile>div span{color:#0f5eea;font-weight:650}.jd-application-profile dl{margin:16px 0 0;padding:11px;border:1px solid #e7ecf3;border-radius:10px;background:#f8fafc}.jd-application-profile dl>div{display:flex;justify-content:space-between;gap:8px;padding:4px 0}.jd-application-profile dt{color:#748198}.jd-application-profile dd{margin:0;font-weight:750}.jd-proposal-price{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border:1px solid #f5d2aa;border-radius:10px;background:#fff7ed}.jd-proposal-price span{color:#9a5d19;font-weight:750}.jd-proposal-price b{font-size:18px;color:#ea580c}.jd-milestones{margin-top:12px;padding:13px;border:1px solid #d9e6fb;border-radius:11px;background:#f4f8ff}.jd-milestones-head,.jd-milestone-row,.jd-milestone-total{display:flex;align-items:center;justify-content:space-between;gap:12px}.jd-milestones-head span{color:#0f5eea}.jd-milestone-row{margin-top:7px;padding:8px 10px;border:1px solid #e0e8f4;border-radius:8px;background:#fff}.jd-milestone-row b{color:#e65c00}.jd-milestone-total{margin-top:9px;padding-top:9px;border-top:1px solid #d9e2ef}.jd-cover-letter{margin-top:13px}.jd-cover-letter>span{display:block;color:#7d899d;text-transform:uppercase;letter-spacing:.05em;font-weight:750}.jd-cover-letter p{margin:5px 0 0;padding-left:12px;border-left:3px solid #dce6f7;color:#526077;white-space:pre-line;line-height:1.65}.jd-application-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:13px;border-top:1px solid #edf1f6}.jd-empty-applications{padding:42px;text-align:center;border:1px dashed #cbd5e1;border-radius:12px;background:#fff;color:#718097;display:flex;flex-direction:column}.jd-empty-applications b{font-size:16px;color:#44516a}
.jd-related{margin-top:18px;overflow:hidden}.jd-related-head a{color:#0f5eea;font-weight:750}.jd-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px}.jd-related-card{min-width:0;padding:14px;border:1px solid #e4eaf2;border-radius:11px;background:#fff;transition:.2s}.jd-related-card:hover{transform:translateY(-2px);border-color:#cbdcff;box-shadow:0 10px 22px rgba(25,60,116,.08)}.jd-related-card>span{color:#0f5eea;font-weight:700}.jd-related-card>b{display:block;margin-top:6px;font-size:13px;line-height:1.45;height:38px;overflow:hidden}.jd-related-card>p{height:38px;overflow:hidden;color:#718097;line-height:1.55}.jd-related-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.jd-related-card strong{color:#17213b}.jd-related-card small{color:#758299}
.jd-apply-card{position:sticky;top:76px;padding:20px}.jd-apply-price>span{display:block;color:#758299;font-weight:650}.jd-apply-price>b{display:block;margin-top:4px;font-size:27px;color:#101936;letter-spacing:-.5px}.jd-apply-price>small{color:#748198}.jd-apply-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 0}.jd-apply-facts>div{padding:11px;border:1px solid #e4eaf2;border-radius:9px;background:#f9fbfd;display:flex;flex-direction:column}.jd-apply-facts span{color:#8190a4}.jd-apply-facts b{font-size:13px}.jd-btn{min-height:39px;padding:8px 14px;border:1px solid transparent;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-weight:750;cursor:pointer;transition:.18s;text-decoration:none}.jd-btn:hover:not(:disabled){transform:translateY(-1px)}.jd-btn-primary{background:linear-gradient(135deg,#1769ff,#0754db);color:#fff;box-shadow:0 8px 20px rgba(15,94,234,.2)}.jd-btn-success{background:#16a46c;color:#fff}.jd-btn-warning{background:#f59e0b;color:#fff}.jd-btn-danger{background:#dc2626;color:#fff}.jd-btn-disabled{background:#eef2f6;color:#7b879b;border-color:#dfe5ed;cursor:not-allowed}.jd-btn-block{width:100%}.jd-apply-help{color:#67758e;line-height:1.6}.jd-private-note,.jd-my-application{margin:12px 0;padding:11px 12px;border:1px solid #ddd6fe;border-radius:9px;background:#f5f3ff;color:#6d28d9;display:flex;flex-direction:column}.jd-private-note--pending{background:#fffbeb;border-color:#fde68a;color:#a16207}.jd-my-application{background:#effaf4;border-color:#bce8d2;color:#16754c}.jd-protection-list{display:grid;gap:12px;margin-top:18px;padding-top:17px;border-top:1px solid #e8edf4}.jd-protection-list>div{display:grid;grid-template-columns:27px 1fr;gap:9px}.jd-protection-list i{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#ecfdf5;color:#16a46c;font-style:normal;font-weight:800}.jd-protection-list span{display:flex;flex-direction:column}.jd-protection-list small{color:#7a879d;line-height:1.45}
.jd-client-card{padding:18px}.jd-client-card-head{display:flex;align-items:center;gap:10px}.jd-client-card-head>div{display:flex;flex-direction:column}.jd-client-card-head b{font-size:14px}.jd-client-card-head span{color:#768399}.jd-client-card-head i{margin-left:auto;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#0f5eea;color:#fff;font-style:normal;font-weight:800}.jd-client-card dl{margin:15px 0;padding:11px 0;border-block:1px solid #e9eef5}.jd-client-card dl>div{display:flex;justify-content:space-between;padding:5px 0}.jd-client-card dt{color:#758299}.jd-client-card dd{margin:0;font-weight:700}.jd-client-card p{margin:0;color:#7b879a;line-height:1.55}.jd-support-card{padding:16px;background:linear-gradient(135deg,#edf4ff,#f8fbff)}.jd-support-card>div{display:flex;flex-direction:column}.jd-support-card b{font-size:14px}.jd-support-card span{color:#697791;line-height:1.5;margin-top:3px}.jd-support-card a{display:inline-block;margin-top:10px;color:#0f5eea;font-weight:750}

/* Workplace uses one geometry token for both header and content. */
body.wf-workspace-page{--wf-workspace-width:1480px;--wf-workspace-gutter:32px}
body.wf-workspace-page .wf-site-header>.wf-container,
body.wf-workspace-page .wf-workspace-shell{width:min(var(--wf-workspace-width),calc(100% - (var(--wf-workspace-gutter) * 2)))!important;max-width:var(--wf-workspace-width)!important;margin-inline:auto!important}
body.wf-workspace-page .wf-workspace-shell{display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;gap:18px!important;margin-top:18px!important;margin-bottom:22px!important;align-items:stretch}
body.wf-workspace-page .wf-workspace-shell>aside:first-child{width:100%!important;min-width:0!important;margin:0!important}
body.wf-workspace-page .wf-workspace-main{width:100%!important;min-width:0!important;margin:0!important}
body.wf-workspace-page .wf-workspace-main-card{width:100%!important;height:calc(100vh - 100px)!important;min-height:720px!important;display:grid!important;grid-template-columns:315px minmax(0,1fr)!important;border-radius:14px!important;overflow:hidden!important}
body.wf-workspace-page .wf-workspace-contract-panel{width:auto!important;min-width:0!important;height:100%!important}
body.wf-workspace-page .wf-workspace-chat-panel{width:auto!important;min-width:0!important;height:100%!important;border-left:1px solid #e5eaf2!important}

@media(max-width:1500px){body.wf-workspace-page{--wf-workspace-width:1360px;--wf-workspace-gutter:28px}.jd-layout{grid-template-columns:minmax(0,1fr) 360px}.jd-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1280px){body.wf-workspace-page{--wf-workspace-width:1180px;--wf-workspace-gutter:24px}body.wf-workspace-page .wf-workspace-shell{grid-template-columns:210px minmax(0,1fr)!important}body.wf-workspace-page .wf-workspace-main-card{grid-template-columns:290px minmax(0,1fr)!important}.jd-layout{grid-template-columns:minmax(0,1fr) 340px;gap:20px}.jd-title-wrap h1{font-size:27px}.jd-process-grid{grid-template-columns:1fr 1fr}.jd-application-card{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:1080px){.jd-layout{grid-template-columns:1fr}.jd-side-column{grid-template-columns:1fr 1fr}.jd-apply-card{position:static;grid-row:1 / span 2}.jd-support-card{align-self:start}.jd-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.wf-workspace-page .wf-workspace-shell{display:block!important}body.wf-workspace-page .wf-workspace-shell>aside:first-child{display:none!important}body.wf-workspace-page .wf-workspace-main-card{grid-template-columns:280px minmax(620px,1fr)!important;overflow:auto!important}}
@media(max-width:760px){.wf-job-detail-page .job-detail-main{margin-top:12px}.jd-layout{display:block}.jd-side-column{display:grid;grid-template-columns:1fr;margin-top:16px}.jd-hero-card,.jd-content-card{padding:20px}.jd-hero-head{flex-direction:column}.jd-status-wrap{position:absolute;right:18px;top:18px}.jd-title-wrap h1{font-size:24px;padding-right:80px}.jd-stats{grid-template-columns:1fr}.jd-stats>div{border-right:0;border-bottom:1px solid #e5eaf2}.jd-stats>div:last-child{border-bottom:0}.jd-info-grid,.jd-process-grid{grid-template-columns:1fr}.jd-application-card{grid-template-columns:1fr}.jd-application-profile{padding:0 0 15px;border-right:0;border-bottom:1px solid #e8edf4}.jd-related-grid{grid-template-columns:1fr 1fr}.jd-moderation{align-items:flex-start;flex-direction:column}.jd-applications-head,.jd-related-head{align-items:flex-start}body.wf-workspace-page{--wf-workspace-gutter:0;overflow:auto}body.wf-workspace-page .wf-workspace-shell{width:100%!important;max-width:none!important;margin:0!important}body.wf-workspace-page .wf-workspace-main-card{border-radius:0!important;min-width:900px!important}}
@media(max-width:500px){.jd-related-grid{grid-template-columns:1fr}.jd-title-wrap h1{padding-right:0}.jd-status-wrap{position:static}.jd-hero-card,.jd-content-card{padding:17px}.jd-section-heading{gap:9px}.jd-application-actions .jd-btn,.jd-application-actions form{width:100%}.jd-application-actions form .jd-btn{width:100%}}

/* V3 dynamic jobs marketplace */
.wf-v3-jobs-page{max-width:1460px!important}.wf-v3-jobs-hero{min-height:184px;padding:28px 34px;border:1px solid #e5edf8;border-radius:18px;background:radial-gradient(circle at 88% 12%,#dce9ff 0,transparent 32%),linear-gradient(180deg,#f7fbff,#f3f8ff);display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:34px;align-items:center}.wf-v3-jobs-hero h1{font-size:38px;line-height:1.13;letter-spacing:-1px;margin:0}.wf-v3-jobs-hero h1 span{color:#0f5eea}.wf-v3-jobs-hero p{font-size:13px;line-height:1.7;color:#62708a;max-width:760px}.wf-v3-jobs-hero-card{padding:18px;border:1px solid #dfe8f7;border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 12px 28px rgba(25,65,130,.08);display:flex;flex-direction:column}.wf-v3-jobs-hero-card b{margin-top:10px;font-size:14px}.wf-v3-jobs-hero-card small{color:#718097;margin-top:3px}.wf-v3-jobs-hero-card a{color:#0f5eea;font-weight:750;margin-top:8px}.wf-v3-jobs-avatars{display:flex}.wf-v3-jobs-avatars span{width:30px;height:30px;margin-left:-5px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;background:linear-gradient(135deg,#dbe8ff,#bcd2ff);color:#0f5eea;font-weight:800}.wf-v3-jobs-avatars span:first-child{margin-left:0}.wf-v3-jobs-avatars span:last-child{width:40px;border-radius:999px;font-size:12px}
.wf-v3-job-searchbar{display:grid;grid-template-columns:1.35fr 1fr 1fr 145px;gap:10px;margin-top:16px;padding:12px;border:1px solid #e2e8f1;border-radius:13px;background:#fff}.wf-v3-job-searchbar label{display:flex;flex-direction:column;gap:5px}.wf-v3-job-searchbar label>span{font-size:12px;font-weight:700;color:#4f5e77}.wf-v3-job-searchbar label>div,.wf-v3-job-searchbar select{height:40px;border:1px solid #dce4ef;border-radius:9px;background:#fff;display:flex;align-items:center;padding:0 11px}.wf-v3-job-searchbar label>div i{font-style:normal;color:#7d899d;margin-right:7px}.wf-v3-job-searchbar input,.wf-v3-job-searchbar select{width:100%;outline:0}.wf-v3-job-searchbar input{border:0}.wf-v3-job-searchbar>button{align-self:end;height:40px}
.wf-v3-job-quickfilters{display:flex;align-items:center;gap:7px;margin-top:12px;overflow:auto;padding-bottom:4px}.wf-v3-job-quickfilters>b{white-space:nowrap}.wf-v3-job-quickfilters>a,.wf-v3-job-quickfilters>button{height:32px;padding:0 11px;border:1px solid #dfe6ef;border-radius:999px;background:#fff;color:#53627b;display:inline-flex;align-items:center;white-space:nowrap;font:inherit;font-weight:650;cursor:pointer}.wf-v3-job-quickfilters>a.active,.wf-v3-job-quickfilters>a:hover{background:#edf4ff;color:#0f5eea;border-color:#cbdcff}.wf-v3-job-quickfilters>span{flex:1}.wf-v3-job-quickfilters>button{border-radius:8px;background:#0f5eea;color:#fff;border-color:#0f5eea}
.wf-v3-jobs-layout{display:grid;grid-template-columns:230px minmax(0,1fr) 250px;gap:20px;margin-top:18px;align-items:start}.wf-v3-jobs-filter,.wf-v3-jobs-insights>section{border:1px solid #e2e8f1;border-radius:14px;background:#fff;overflow:hidden}.wf-v3-jobs-filter{position:sticky;top:76px}.wf-v3-jobs-filter section{padding:14px 16px;border-bottom:1px solid #edf1f6;display:grid;gap:8px}.wf-v3-jobs-filter section:last-child{border-bottom:0}.wf-v3-jobs-filter h3{font-size:13px;margin:0 0 4px}.wf-v3-jobs-filter section a,.wf-v3-jobs-filter label{display:flex;align-items:center;gap:7px;color:#5f6d84}.wf-v3-jobs-filter section a.active,.wf-v3-jobs-filter section a:hover{color:#0f5eea;font-weight:700}.wf-v3-jobs-filter small{color:#8a95a7;line-height:1.45}.wf-v3-budget-note{padding:9px;border-radius:8px;background:#f5f8fc;color:#68758d;line-height:1.5}
.wf-v3-jobs-result-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:11px}.wf-v3-jobs-result-head h2{font-size:19px;margin:0}.wf-v3-jobs-result-head p{margin:3px 0 0;color:#78859a}.wf-v3-jobs-result-head>span{padding:7px 10px;border:1px solid #dfe6ef;border-radius:8px;background:#fff;color:#718097;white-space:nowrap}.wf-v3-job-list{display:grid;gap:11px}.wf-v3-job-list-card{display:grid;grid-template-columns:50px minmax(0,1fr);gap:14px;padding:16px;border:1px solid #e2e8f1;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(28,61,116,.045);transition:.2s}.wf-v3-job-list-card:hover{transform:translateY(-2px);border-color:#cbdcff;box-shadow:0 13px 28px rgba(25,60,116,.09)}.wf-v3-job-company-logo{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#165dff,#5b32e5);color:#fff;font-size:20px;font-weight:800;box-shadow:0 7px 16px rgba(20,87,255,.2)}.wf-v3-job-list-content{min-width:0}.wf-v3-job-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.wf-v3-job-title-row h2{font-size:15px;line-height:1.4;margin:0;color:#101936}.wf-v3-job-title-row strong{font-size:14px;color:#17213b;white-space:nowrap}.wf-v3-job-byline{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px;color:#768399}.wf-v3-job-byline b{color:#35425b}.wf-v3-job-byline em{margin-left:auto;padding:3px 7px;border-radius:999px;background:#ecfdf5;color:#047857;font-style:normal;font-weight:700}.wf-v3-job-list-content>p{margin:9px 0 0;color:#65738b;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wf-v3-job-skills{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.wf-v3-job-skills a{padding:3px 7px;border:1px solid #e1e7ef;border-radius:999px;background:#f6f8fb;color:#60708b}.wf-v3-job-card-foot{display:flex;align-items:center;gap:13px;margin-top:12px;padding-top:11px;border-top:1px solid #edf1f6;color:#6d7a91}.wf-v3-job-card-foot a{margin-left:auto;color:#0f5eea;font-weight:750}.wf-v3-jobs-loading{padding:18px;text-align:center;color:#728098;font-weight:650}.wf-v3-jobs-empty{padding:55px 20px;border:1px dashed #ccd7e6;border-radius:14px;background:#fff;text-align:center;display:flex;flex-direction:column;color:#718097}.wf-v3-jobs-empty b{font-size:16px;color:#42506a}.wf-v3-jobs-empty a{color:#0f5eea;font-weight:750;margin-top:9px}
.wf-v3-jobs-insights{display:grid;gap:14px;position:sticky;top:76px}.wf-v3-jobs-insights>section{padding:16px}.wf-v3-jobs-insights h3{font-size:14px;margin:0 0 12px}.wf-v3-jobs-insights>section>div:not(.wf-v3-jobs-avatars){display:grid;grid-template-columns:27px 1fr;gap:9px;margin-top:11px}.wf-v3-jobs-insights i{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#ecfdf5;color:#16a46c;font-style:normal;font-weight:800}.wf-v3-jobs-insights div>span{display:flex;flex-direction:column}.wf-v3-jobs-insights small{color:#78859b;line-height:1.45}.wf-v3-jobs-insights>section>a{display:inline-block;margin-top:13px;color:#0f5eea;font-weight:750}.wf-v3-employer-card{background:linear-gradient(145deg,#edf4ff,#f9fbff)!important}.wf-v3-employer-card>span{color:#0f5eea;font-weight:750}.wf-v3-employer-card h3{margin-top:7px}.wf-v3-employer-card p{color:#68758d;line-height:1.55}.wf-v3-employer-card button{width:100%;height:37px;border:0;border-radius:8px;background:#0f5eea;color:#fff;font:inherit;font-weight:750;cursor:pointer}
@media(max-width:1280px){.wf-v3-jobs-layout{grid-template-columns:210px minmax(0,1fr) 220px;gap:16px}.wf-v3-job-searchbar{grid-template-columns:1.3fr 1fr 1fr 130px}}
@media(max-width:1050px){.wf-v3-jobs-layout{grid-template-columns:210px minmax(0,1fr)}.wf-v3-jobs-insights{display:none}.wf-v3-job-searchbar{grid-template-columns:1fr 1fr}.wf-v3-job-searchbar>button{align-self:auto}.wf-v3-jobs-hero{grid-template-columns:1fr 270px}}
@media(max-width:760px){.wf-v3-jobs-hero{grid-template-columns:1fr;padding:22px}.wf-v3-jobs-hero h1{font-size:30px}.wf-v3-jobs-hero-card{display:none}.wf-v3-job-searchbar{grid-template-columns:1fr}.wf-v3-job-quickfilters>span{display:none}.wf-v3-jobs-layout{grid-template-columns:1fr}.wf-v3-jobs-filter{display:none}.wf-v3-job-list-card{grid-template-columns:42px minmax(0,1fr);padding:13px}.wf-v3-job-company-logo{width:42px;height:42px}.wf-v3-job-title-row{display:block}.wf-v3-job-title-row strong{display:block;margin-top:4px}.wf-v3-job-byline em{margin-left:0}.wf-v3-job-card-foot{align-items:flex-start;flex-wrap:wrap}.wf-v3-job-card-foot a{width:100%;margin-left:0}}