/* Fonts are loaded by theme-v6.0.css */

:root{
  --bg:#f5f6f2;
  --paper:#ffffff;
  --ink:#121511;
  --muted:#6f766c;
  --line:#e4e7df;
  --accent:#c9f65b;
  --accent-strong:#a9dc32;
  --accent-2:#141913;
  --soft:#eef1e9;
  --soft-2:#f8f9f6;
  --danger:#b74a42;
  --warn:#a26a10;
  --ok:#26734b;
  --shadow:0 18px 50px rgba(26,34,22,.08);
  --shadow-soft:0 6px 20px rgba(26,34,22,.055);
  --radius:24px;
  --radius-sm:16px;
  --font:'Estedad','Vazirmatn',Tahoma,Arial,ui-sans-serif,system-ui,sans-serif;
}

html,body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-weight:450;line-height:1.75}
button,input,select,textarea{font-family:var(--font)}
button{-webkit-tap-highlight-color:transparent}

/* Typography */
.hero h1,.section h2,.topbar h1,.card h2,.card h3,.feature h3,.price h3,.auth-modal h2,.modal h2{font-weight:800;letter-spacing:-.035em}
.eyebrow{font-weight:700;letter-spacing:0;color:#7c8378;font-size:11px}
.muted,.caption{color:var(--muted)}

/* Buttons */
.btn{min-height:44px;padding:11px 18px;border-radius:14px;font-weight:700;transition:.2s ease;box-shadow:none}
.btn:hover{transform:translateY(-1px)}
.btn.accent{background:var(--accent);color:#18200f;box-shadow:0 8px 24px rgba(169,220,50,.2)}
.btn.accent:hover{background:#d4fb76}
.btn.light{background:#fff;border:1px solid var(--line);color:var(--ink)}
.btn.ghost{border:1px solid var(--line);background:transparent}
.btn.sm{min-height:38px;padding:8px 12px;border-radius:12px}

/* Marketing */
#marketing{background:
  radial-gradient(circle at 80% 4%,rgba(201,246,91,.28),transparent 26%),
  radial-gradient(circle at 8% 40%,rgba(173,193,255,.14),transparent 24%),
  #f6f7f3;
}
.nav{height:82px;max-width:1240px;padding:0 30px}
.brand{font-weight:800;letter-spacing:-.025em}
.mark{width:34px;height:34px;border-radius:11px;background:#141913;box-shadow:0 5px 18px rgba(18,23,17,.14)}
.mark:before{background:var(--accent)}
.navlinks{gap:30px;color:#5e655b}
.nav-actions{gap:10px}
.hero{max-width:1240px;padding:84px 30px 42px;gap:62px}
.hero h1{font-size:clamp(48px,6.7vw,88px);line-height:1.04;max-width:760px;margin:18px 0 22px}
.hero p{font-size:18px;line-height:1.95;color:#5c6459;max-width:610px}
.hero-card{border-radius:34px;background:linear-gradient(145deg,#141914,#1b2119);box-shadow:0 42px 100px rgba(30,42,24,.24);padding:22px;transform:rotate(-.5deg)}
.hero-panel{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.09)}
.tl-card,.metric{background:rgba(255,255,255,.07)}
.capacity>i{background:linear-gradient(90deg,#b7eb45,#d7fa83)}
.section{max-width:1240px;padding:112px 30px}
.section h2{line-height:1.1}
.feature-grid{gap:18px}
.feature,.price{border-color:#e1e5dd;box-shadow:var(--shadow-soft);background:rgba(255,255,255,.84);backdrop-filter:blur(10px)}
.feature{padding:26px;border-radius:28px}
.visual{background:#f5f7f2;border-color:#e3e7df}
.quote{border-radius:32px;background:linear-gradient(135deg,#141913,#222a1f)}
.price.featured{background:linear-gradient(145deg,#171c16,#242b21);box-shadow:0 26px 60px rgba(18,26,15,.2)}
.footer{max-width:1240px}

/* App shell */
#appShell{background:#f1f3ee}
.app-layout{grid-template-columns:276px minmax(0,1fr)}
.sidebar{background:linear-gradient(180deg,#131812,#171d16);padding:24px 18px;box-shadow:12px 0 40px rgba(23,29,21,.04)}
.sidebar .brand{padding:0 8px 22px;font-size:18px}
.sidebar nav{gap:7px}
.nav-item{min-height:45px;border-radius:14px;padding:11px 13px;font-weight:600;color:#aeb6aa;gap:11px;position:relative}
.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.08);color:#fff}
.nav-item.active{box-shadow:inset -3px 0 0 var(--accent)}
.nav-item.active .nav-dot{background:var(--accent)}
.nav-dot{display:none}
.nav-icon{width:20px;height:20px;display:inline-block;opacity:.9;flex:0 0 auto;background:currentColor;mask-image:var(--icon);-webkit-mask-image:var(--icon);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}
.icon-today{--icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 3.5h16A1.5 1.5 0 0 1 21.5 5v15A1.5 1.5 0 0 1 20 21.5H4A1.5 1.5 0 0 1 2.5 20V5A1.5 1.5 0 0 1 4 3.5Zm0 5v11h16v-11H4Zm3-7h2v4H7v-4Zm8 0h2v4h-2v-4Z'/%3E%3C/svg%3E")}
.icon-projects{--icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M3 5.5A2.5 2.5 0 0 1 5.5 3H10l2 2h6.5A2.5 2.5 0 0 1 21 7.5v10A3.5 3.5 0 0 1 17.5 21h-12A2.5 2.5 0 0 1 3 18.5v-13Zm2 2v11a.5.5 0 0 0 .5.5h12a1.5 1.5 0 0 0 1.5-1.5v-10a.5.5 0 0 0-.5-.5h-7.3l-2-2H5.5a.5.5 0 0 0-.5.5Z'/%3E%3C/svg%3E")}
.icon-focus{--icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18Zm0 2a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm0 3a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E")}
.icon-insights{--icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 19h16v2H2V3h2v16Zm3-3.2-1.4-1.4 4.2-4.2 3 3L18.6 7.4 20 8.8l-7.2 7.2-3-3L7 15.8Z'/%3E%3C/svg%3E")}
.icon-report{--icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M6 2h9l5 5v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm8 2H6v16h12V8h-4V4Zm-5 7h6v2H9v-2Zm0 4h6v2H9v-2Z'/%3E%3C/svg%3E")}
.icon-settings{--icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='m13.7 2 .4 2.1c.6.2 1.1.4 1.6.7l1.8-1.2 2.1 2.1-1.2 1.8c.3.5.5 1 .7 1.6l2.1.4v3l-2.1.4c-.2.6-.4 1.1-.7 1.6l1.2 1.8-2.1 2.1-1.8-1.2c-.5.3-1 .5-1.6.7l-.4 2.1h-3l-.4-2.1c-.6-.2-1.1-.4-1.6-.7l-1.8 1.2-2.1-2.1L6 14.5a8 8 0 0 1-.7-1.6l-2.1-.4v-3l2.1-.4c.2-.6.4-1.1.7-1.6L4.8 5.7l2.1-2.1 1.8 1.2c.5-.3 1-.5 1.6-.7l.4-2.1h3ZM12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z'/%3E%3C/svg%3E")}

.sidebar-bottom{gap:12px}
.upgrade{background:linear-gradient(145deg,rgba(201,246,91,.13),rgba(255,255,255,.04));border-color:rgba(201,246,91,.2);border-radius:18px;padding:16px}
.user-chip{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:10px}
.avatar{background:var(--accent);box-shadow:0 5px 14px rgba(201,246,91,.18)}

.main{padding:30px 34px 110px;max-width:1540px;width:100%;margin:0 auto}
.topbar{position:sticky;top:0;z-index:20;margin:-30px -34px 24px;padding:22px 34px 16px;background:linear-gradient(#f1f3ee 72%,rgba(241,243,238,0));backdrop-filter:blur(10px)}
.topbar h1{font-size:31px;margin-top:2px}
.topbar .right{gap:10px}
.surface{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-soft)}
.card{padding:22px}
.grid-2{gap:18px}
.grid-3{gap:16px}
.stat{padding:18px 20px;background:linear-gradient(180deg,#fff,#fbfcf9)}
.stat strong{font-size:28px}
.card-head{margin-bottom:18px}

/* App details */
.capacity-card{background:linear-gradient(145deg,#171d16,#242c20)!important;color:white;border-color:#242c20!important;overflow:hidden;position:relative}
.capacity-card:after{content:'';position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(201,246,91,.12);left:-55px;bottom:-78px;filter:blur(2px)}
.capacity-card .caption,.capacity-card .muted{color:#aeb7aa}
.capacity-card .capacity{background:rgba(255,255,255,.12)}
.capacity-card .capacity>i{background:linear-gradient(90deg,#b8ed48,#dcff89)}
.day-plan{gap:10px}
.plan-row{border:1px solid #e8ebe3;background:#fff;border-radius:17px;padding:11px 12px;box-shadow:0 5px 16px rgba(23,31,20,.03);transition:.18s ease}
.plan-row:hover{border-color:#d9ded3;transform:translateY(-1px)}
.plan-time{font-weight:700;color:#5d6559;font-size:12px}
.taskbox{border-radius:13px}
.taskbox .check{width:25px;height:25px;border:1.5px solid #ced4ca;border-radius:8px;background:#fff}
.taskbox.done{opacity:.56}
.tag{border-radius:999px;padding:5px 9px;font-weight:650}
.tag.green{background:#e9f6ee;color:#246a46}.tag.yellow{background:#fff4d8;color:#8a5a09}.tag.red{background:#fbe8e6;color:#9c4039}
.risk-row{border-radius:17px;background:#fbfcf9;border:1px solid #e8ebe3;padding:14px 15px}
.project-list{gap:14px}
.project-card{border-radius:21px;border:1px solid #e2e6dd;background:linear-gradient(180deg,#fff,#fbfcf9);box-shadow:var(--shadow-soft);transition:.2s ease}
.project-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.healthbar{height:8px;background:#e9ece5}
.healthbar i{background:linear-gradient(90deg,#b4e946,#d4fa75)}
.focus-wrap{background:radial-gradient(circle at 50% 12%,rgba(201,246,91,.16),transparent 32%),linear-gradient(145deg,#161b15,#242b20)!important;color:#fff;border:0!important;min-height:480px;display:flex;flex-direction:column;justify-content:center}
.focus-wrap .caption,.focus-wrap .muted{color:#aeb7aa}
.timer{font-size:clamp(58px,8vw,92px);font-weight:700;letter-spacing:-.04em}
.focus-progress{background:rgba(255,255,255,.12)}
.focus-progress i{background:linear-gradient(90deg,#b6ec47,#dafa81)}
.money-card{background:linear-gradient(145deg,#fff,#f8faf5);border:1px solid #e2e7dd}
.money-row{border-radius:15px;padding:11px 12px}
.moneybar{height:8px;background:#e8ece3}.moneybar i{background:#bfdc78}
.client-report{padding:30px}
.report-metric{border-radius:18px;background:#f7f9f5;border:1px solid #e6eae1}

/* Forms & modals */
.modal-wrap{backdrop-filter:blur(8px);background:rgba(14,18,13,.42)}
.modal{border-radius:26px;border:1px solid rgba(255,255,255,.55);box-shadow:0 35px 100px rgba(21,27,19,.24);padding:26px}
.field input,.field select,.field textarea{min-height:48px;border:1px solid #dce1d7;border-radius:14px;background:#fbfcfa;padding:11px 13px;outline:none;transition:.18s ease}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#a8ca51;box-shadow:0 0 0 4px rgba(201,246,91,.18);background:#fff}
.choice{border-radius:16px;min-height:78px;background:#fbfcfa}.choice.on{border-color:#a8ca51;background:#f5fbe7;box-shadow:0 0 0 3px rgba(201,246,91,.16)}
.toast{border-radius:14px;box-shadow:0 16px 50px rgba(15,20,13,.2)}

/* Android / mobile */
@media(max-width:980px){
  .app-layout{grid-template-columns:226px minmax(0,1fr)}
  .main{padding:24px 22px 108px}.topbar{margin:-24px -22px 20px;padding:18px 22px 14px}
}

@media(max-width:680px){
  :root{--radius:20px;--radius-sm:14px}
  html,body{overscroll-behavior-y:none}
  #appShell{background:#f5f6f2}
  .app-layout{display:block}.sidebar{display:none}
  .main{padding:calc(18px + env(safe-area-inset-top)) 14px calc(112px + env(safe-area-inset-bottom));max-width:none}
  .topbar{position:sticky;top:0;margin:calc(-18px - env(safe-area-inset-top)) -14px 14px;padding:calc(14px + env(safe-area-inset-top)) 14px 12px;background:rgba(245,246,242,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(222,226,217,.7)}
  .topbar h1{font-size:25px;line-height:1.25}.topbar .eyebrow{font-size:10px}.topbar .right{gap:7px}.topbar .right .btn.light,.top-sync{display:none}.topbar .btn.accent{min-width:44px;width:44px;height:44px;padding:0;font-size:0;border-radius:14px}.topbar .btn.accent::before{content:'+';font-size:25px;line-height:1}
  .grid-2,.grid-3{grid-template-columns:1fr!important;gap:12px}
  .surface{border-radius:20px}.card{padding:17px}.stat{padding:15px 16px}.stat strong{font-size:24px}
  .card-head{margin-bottom:14px}.card h2{font-size:20px}.card h3{font-size:17px}
  .capacity-card{border-radius:22px!important}.capacity-card .big-num{font-size:36px}
  .plan-row{grid-template-columns:56px 1fr!important;padding:11px 10px;border-radius:15px}.plan-time{grid-column:1!important}.taskbox{grid-column:2!important}.plan-row>.tag{display:none!important}
  .project-list{grid-template-columns:1fr!important}.project-card{border-radius:18px;padding:16px}
  .focus-wrap{min-height:calc(100vh - 210px);border-radius:22px!important;padding:22px 16px}.timer{font-size:58px}
  .client-report{padding:18px}.report-head{gap:14px}.report-head h2{font-size:25px!important}.report-grid{grid-template-columns:1fr 1fr}.report-columns{grid-template-columns:1fr}
  .bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:10px;right:10px;bottom:calc(9px + env(safe-area-inset-bottom));height:68px;background:rgba(18,23,17,.94);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);border-radius:21px;padding:6px 6px 5px;z-index:40;box-shadow:0 18px 45px rgba(17,23,14,.26)}
  .bottom-nav button{min-width:0;min-height:54px;background:none;border:0;border-radius:15px;color:#8f988b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 2px;font-size:9.5px;font-weight:600}
  .bottom-nav button.active{color:#fff;background:rgba(255,255,255,.07)}
  .bottom-nav .nav-icon{width:20px;height:20px}
  .fab{display:grid;position:fixed;left:18px;right:auto;bottom:calc(91px + env(safe-area-inset-bottom));width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#d6ff70,#b6ea43);color:#16200d;border:0;place-items:center;box-shadow:0 12px 30px rgba(134,173,45,.28);z-index:39;font-size:28px;font-weight:500}
  .modal-wrap{align-items:flex-end;padding:0}.modal{width:100%!important;max-width:none;border-radius:26px 26px 0 0;padding:24px 18px calc(24px + env(safe-area-inset-bottom));max-height:91vh;overflow:auto;animation:sheetUp .22s ease-out}
  .modal-x{top:18px}
  .choice-grid{grid-template-columns:1fr}.choice{min-height:70px}
  .hero{grid-template-columns:1fr;padding:54px 20px 24px}.hero h1{font-size:46px}.hero p{font-size:16px}.hero-card{transform:none;border-radius:25px}.hero-grid{grid-template-columns:1fr}.nav{padding:0 18px}.navlinks{display:none}.nav-actions .btn.light{display:none}.section{padding:80px 20px}.feature-grid,.pricing{grid-template-columns:1fr}.feature.big{grid-column:auto}.feature{min-height:220px}.quote{grid-template-columns:1fr;padding:30px 22px}.quote h3{font-size:31px}.footer{padding:42px 20px 120px;flex-direction:column}
}

@keyframes sheetUp{from{transform:translateY(28px);opacity:.5}to{transform:translateY(0);opacity:1}}

/* Native mode tweaks */
html.native-app #marketing{display:none!important}
html.native-app #appShell.hidden{display:block!important}
html.native-app .topbar #backMarketing{display:none!important}
html.native-app .main{min-height:100dvh}
html.native-app body{user-select:none;-webkit-user-select:none}
html.native-app input,html.native-app textarea{user-select:text;-webkit-user-select:text}


/* Flowday V5 Marketplace */
.nav-glyph{font-size:19px;line-height:1;width:22px;text-align:center;font-weight:900}.market-toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap}.market-search{flex:1;min-width:240px;position:relative}.market-search input{width:100%;background:#f9f8f4;border:1px solid var(--line);border-radius:999px;padding:12px 16px;color:var(--ink);outline:none}.market-search input:focus{border-color:#aebd7d;box-shadow:0 0 0 3px rgba(214,255,99,.18)}.filter-row{display:flex;gap:7px;overflow:auto;padding-bottom:3px}.filter-chip{border:1px solid var(--line);background:#f9f8f4;color:var(--muted);border-radius:999px;padding:9px 12px;white-space:nowrap;font-size:12px}.filter-chip.active{background:#1d211b;color:white;border-color:#1d211b}.job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.job-card{padding:19px;position:relative;transition:.2s ease}.job-card:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(40,42,34,.09)}.job-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.job-card h3{font-size:19px;margin:5px 0 4px;line-height:1.45}.employer-line{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.verified{width:16px;height:16px;border-radius:50%;display:inline-grid;place-items:center;background:#daf6de;color:#23663b;font-size:10px;font-weight:900}.match-ring{min-width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--match)*1%),#e4e3dc 0);position:relative}.match-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#f9f8f4}.match-ring b{position:relative;z-index:1;font-size:13px}.job-budget{font-weight:900;font-size:18px;margin:17px 0 3px}.job-meta{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:11px}.skills{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.skill{font-size:10px;background:#ecece4;border:1px solid #dfdfd6;padding:5px 8px;border-radius:999px}.job-desc{font-size:12px;color:var(--muted);line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.job-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;padding-top:14px;border-top:1px solid #e8e6df}.capacity-note{font-size:11px}.capacity-note.ok{color:var(--ok)}.capacity-note.warn{color:var(--warn)}.bid-advice{background:#1e221c;color:white;border-radius:18px;padding:16px;margin:14px 0 18px}.bid-advice .advice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.bid-advice .advice-item{background:#2c3128;border:1px solid #3b4334;border-radius:12px;padding:10px}.bid-advice b{display:block;font-size:15px;color:var(--accent)}.bid-advice span{font-size:9px;color:#aeb5a8}.proposal-list{display:grid;gap:11px}.proposal-card{padding:17px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.proposal-card h3{margin:0 0 4px;font-size:16px}.proposal-info{font-size:11px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap}.proposal-status{border-radius:999px;padding:7px 9px;font-size:10px;font-weight:800}.proposal-status.sent{background:#e8ecff;color:#4250a3}.proposal-status.shortlisted{background:#fff1c7;color:#8a6417}.proposal-status.accepted{background:#dff4e4;color:#2d7045}.proposal-status.rejected{background:#f6dfdc;color:#93433b}.employer-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.employer-job{padding:18px}.employer-job-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.incoming-bids{display:grid;gap:8px;margin-top:14px}.freelancer-bid{background:#efeee8;border:1px solid #dfddd5;border-radius:15px;padding:13px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.freelancer-name{display:flex;align-items:center;gap:9px}.avatar-sm{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d8ff73;font-size:11px;font-weight:900}.bid-numbers{text-align:left;font-size:11px}.bid-numbers b{display:block;font-size:14px}.contract-strip{border:1px solid #cbd9a9;background:#f1f8df;border-radius:16px;padding:13px;margin-top:12px;color:#425826}.more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.more-card{padding:20px;text-align:right;border:0;cursor:pointer}.more-card b{font-size:17px;display:block;margin-bottom:4px}.market-modal{max-width:700px}.job-detail-hero{padding:18px;border-radius:20px;background:#1d211b;color:white;margin:10px 0 18px}.job-detail-hero h2{font-size:25px;margin:7px 0}.job-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.job-detail-stat{background:#2b3027;border:1px solid #3a4033;border-radius:13px;padding:10px}.job-detail-stat b{display:block;color:var(--accent);font-size:15px}.job-detail-stat span{font-size:9px;color:#aab2a4}.empty-market{padding:40px;text-align:center}.empty-market b{font-size:20px;display:block;margin-bottom:5px}@media(max-width:900px){.job-grid{grid-template-columns:1fr}}@media(max-width:760px){.market-toolbar{align-items:stretch}.market-search{min-width:100%}.job-card{padding:16px}.job-top{gap:8px}.match-ring{min-width:52px;height:52px}.proposal-card{grid-template-columns:1fr}.employer-job-head{display:block}.employer-job-head .btn{margin-top:10px}.freelancer-bid{grid-template-columns:1fr}.bid-numbers{text-align:right}.more-grid{grid-template-columns:1fr 1fr}.job-detail-stats,.bid-advice .advice-grid{grid-template-columns:1fr 1fr}.market-modal{border-radius:26px 26px 0 0;max-height:91vh;overflow:auto}}

/* V5.1 bilingual FA/EN */
.lang-switch{min-width:48px;height:40px;border:1px solid var(--line);background:rgba(255,255,255,.72);color:var(--ink);border-radius:13px;padding:0 11px;font:700 12px/1 var(--font);cursor:pointer;backdrop-filter:blur(10px)}
.sidebar .lang-switch{background:#242a21;border-color:#3a4234;color:#f3f5ef}.app-lang-switch{height:38px;min-width:45px}
html[dir="ltr"]{direction:ltr}html[dir="ltr"] body{text-align:left;line-height:1.6}html[dir="ltr"]{--font:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
html[dir="ltr"] .nav,html[dir="ltr"] .hero,html[dir="ltr"] .section,html[dir="ltr"] .footer,html[dir="ltr"] .modal,html[dir="ltr"] .main,html[dir="ltr"] .sidebar{direction:ltr}
html[dir="ltr"] .nav-item{text-align:left}html[dir="ltr"] .nav-dot{margin-left:auto;margin-right:0}html[dir="ltr"] .price .badge{right:16px;left:auto}html[dir="ltr"] .modal-x{right:18px;left:auto}
html[dir="ltr"] .hero-card{transform:rotate(1.2deg)}html[dir="ltr"] .tl{grid-template-columns:55px 1fr}html[dir="ltr"] .tl time{grid-column:1}html[dir="ltr"] .tl-card{grid-column:2;grid-row:1}
html[dir="ltr"] .plan-row{grid-template-columns:62px 1fr auto}html[dir="ltr"] .plan-time{grid-column:1}html[dir="ltr"] .taskbox{grid-column:2}html[dir="ltr"] .plan-row>.tag{grid-column:3}
html[dir="ltr"] .price li:before{margin-right:8px;margin-left:0}html[dir="ltr"] .field input,html[dir="ltr"] .field select,html[dir="ltr"] .field textarea{direction:ltr;text-align:left}html[dir="ltr"] .field input[type=email]{direction:ltr;text-align:left}
html[dir="ltr"] .report-columns ul{padding-left:20px;padding-right:0}html[dir="ltr"] .bottom-nav{direction:ltr}html[dir="ltr"] .bid-numbers{text-align:right}html[dir="ltr"] .more-card{text-align:left}
html[dir="ltr"] .hero h1,html[dir="ltr"] .section h2,html[dir="ltr"] .card h2,html[dir="ltr"] .card h3,html[dir="ltr"] .auth-modal h2{letter-spacing:-.035em}
html[dir="ltr"] .eyebrow{text-transform:uppercase;letter-spacing:.1em}
@media(max-width:760px){html[dir="ltr"] .hero-card{transform:none}html[dir="ltr"] .plan-row{grid-template-columns:56px 1fr!important}html[dir="ltr"] .plan-time{grid-column:1!important}html[dir="ltr"] .taskbox{grid-column:2!important}html[dir="ltr"] .fab{right:18px;left:auto}}


/* V5.1.1 Persian typography polish */
html[lang="fa"] body{font-family:'Estedad','Vazirmatn',Tahoma,Arial,sans-serif;font-weight:450;line-height:1.82;font-kerning:normal}
html[lang="fa"] button,html[lang="fa"] input,html[lang="fa"] select,html[lang="fa"] textarea{font-family:'Estedad','Vazirmatn',Tahoma,Arial,sans-serif}
html[lang="fa"] .hero h1,html[lang="fa"] .section h2,html[lang="fa"] .topbar h1,html[lang="fa"] .card h2,html[lang="fa"] .card h3,html[lang="fa"] .feature h3{letter-spacing:-.018em;font-weight:750}
html[lang="fa"] .eyebrow{letter-spacing:0;font-weight:650}
html[lang="fa"] .btn{font-weight:650}

/* =========================================================
   Flowday V5.2 — Mobile product polish
   Loaded after the legacy inline stylesheet on purpose.
   ========================================================= */
:root{
  --bg:#f3f5f1;
  --paper:#ffffff;
  --ink:#171b17;
  --muted:#747b72;
  --line:#e4e8e0;
  --accent:#d9ff72;
  --accent-strong:#b8e74a;
  --accent-2:#172019;
  --soft:#eef2eb;
  --soft-2:#f8faf7;
  --shadow:0 18px 48px rgba(25,34,23,.075);
  --shadow-soft:0 7px 22px rgba(25,34,23,.055);
  --radius:24px;
  --radius-sm:16px;
  --font:'IBM Plex Sans Arabic','Vazirmatn',Tahoma,Arial,ui-sans-serif,system-ui,sans-serif;
}
html[dir="ltr"]{--font:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
html[lang="fa"] body,
html[lang="fa"] button,
html[lang="fa"] input,
html[lang="fa"] select,
html[lang="fa"] textarea{font-family:var(--font)!important}
html[lang="fa"] body{font-weight:400;line-height:1.86;letter-spacing:0}
html[lang="fa"] .hero h1,
html[lang="fa"] .section h2,
html[lang="fa"] .topbar h1,
html[lang="fa"] .card h2,
html[lang="fa"] .card h3,
html[lang="fa"] .feature h3,
html[lang="fa"] .job-card h3,
html[lang="fa"] .price h3,
html[lang="fa"] .auth-modal h2,
html[lang="fa"] .modal h2{font-weight:650!important;letter-spacing:-.012em!important}
html[lang="fa"] .btn,
html[lang="fa"] .nav-item,
html[lang="fa"] .filter-chip{font-weight:550}
html[lang="fa"] .eyebrow{font-weight:500;letter-spacing:0}

body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
#appShell{background:
  radial-gradient(circle at 80% 0%,rgba(217,255,114,.12),transparent 28%),
  linear-gradient(180deg,#f5f7f3 0%,#f1f4ef 100%)}
#view{animation:flowdayViewIn .18s ease-out both}
@keyframes flowdayViewIn{from{opacity:.72;transform:translateY(4px)}to{opacity:1;transform:none}}

/* Refined app chrome */
.sidebar{background:linear-gradient(180deg,#111812 0%,#172019 100%);border-inline-end:1px solid rgba(255,255,255,.035)}
.sidebar .brand{font-weight:700}
.nav-item{font-size:13px;font-weight:550;transition:background .16s ease,color .16s ease,transform .16s ease}
.nav-item:hover{transform:translateX(0);background:rgba(255,255,255,.075)}
.nav-item.active{background:linear-gradient(90deg,rgba(217,255,114,.10),rgba(255,255,255,.055));box-shadow:inset -3px 0 0 var(--accent)}
html[dir="ltr"] .nav-item.active{box-shadow:inset 3px 0 0 var(--accent)}
.upgrade{background:linear-gradient(145deg,rgba(217,255,114,.12),rgba(255,255,255,.035));border-color:rgba(217,255,114,.18)}
.user-chip{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.055)}

.main{padding:30px 34px 116px}
.topbar{background:linear-gradient(180deg,rgba(245,247,243,.96) 70%,rgba(245,247,243,0));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.topbar h1{font-size:30px;font-weight:650}
.surface{background:rgba(255,255,255,.94);border:1px solid rgba(220,226,217,.95);box-shadow:var(--shadow-soft)}
.card{padding:22px}
.card-head h2,.card-head h3{line-height:1.45}
.caption{font-size:11.5px;line-height:1.7}

/* Dashboard cards */
.stat{position:relative;overflow:hidden;background:linear-gradient(165deg,#fff 0%,#fbfcfa 100%);border-color:#e7eae4}
.stat:after{content:"";position:absolute;width:56px;height:56px;border-radius:50%;background:rgba(217,255,114,.11);inset-inline-end:-20px;top:-22px}
.stat strong{font-weight:650;font-size:27px}
.capacity-card{background:linear-gradient(145deg,#151c16,#222c22)!important;box-shadow:0 18px 46px rgba(17,25,18,.16)!important}
.capacity-card:after{background:rgba(217,255,114,.14)}
.big-num{font-weight:650}

.plan-row{border:1px solid #e8ece5;background:rgba(255,255,255,.98);box-shadow:0 4px 15px rgba(26,35,24,.032);padding:12px 13px}
.taskbox b{font-weight:550;line-height:1.55}
.taskbox span{line-height:1.55}
.taskbox .check{border-radius:9px;box-shadow:inset 0 0 0 1px rgba(23,30,22,.015)}
.taskbox .check:hover{border-color:#9fbc67}
.risk-row{background:#fafcf8;border-color:#e6ebe2}
.healthbar{height:7px}
.healthbar i{background:linear-gradient(90deg,#b4e449,#d9ff72)}

/* Marketplace refinement */
.market-search input{min-height:46px;background:#fff;border-color:#e2e7de;padding-inline:17px;box-shadow:0 3px 14px rgba(25,34,23,.03)}
.filter-row{scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}
.filter-chip{min-height:40px;background:#fff;border-color:#e2e7de;padding:9px 14px}
.filter-chip.active{background:#172019;color:#fff;border-color:#172019;box-shadow:0 6px 16px rgba(18,28,19,.10)}
.job-grid{gap:16px}
.job-card{border-radius:23px;padding:20px;background:linear-gradient(180deg,#fff 0%,#fcfdfb 100%);border-color:#e3e8df;box-shadow:0 8px 26px rgba(24,34,22,.052)}
.job-card:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(24,34,22,.085)}
.job-card h3{font-size:18px;font-weight:600}
.job-budget{font-size:17px;font-weight:650}
.job-meta{gap:7px}.job-meta span{background:#f5f7f3;border:1px solid #e8ece4;border-radius:999px;padding:4px 8px}
.skill{background:#f0f4ed;border-color:#e2e8de;color:#5f675c;font-size:10.5px}
.match-ring{background:conic-gradient(var(--accent-strong) calc(var(--match)*1%),#ecefe8 0);box-shadow:0 0 0 1px #e7ebe3}
.match-ring:after{background:#fff}
.job-foot{border-top-color:#ecefe9}
.verified{background:#e5f6e9;color:#28714a}

/* Forms feel native on touch devices */
.field label{font-size:11.5px;font-weight:550;color:#596157}
.field input,.field select,.field textarea{background:#fcfdfb;border-color:#dfe5dc;border-radius:15px;box-shadow:0 1px 0 rgba(255,255,255,.7) inset;transition:border .16s ease,box-shadow .16s ease,background .16s ease}
.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:#a9c770;box-shadow:0 0 0 4px rgba(184,231,74,.13)}
.modal{background:rgba(255,255,255,.985)}

/* Native / mobile experience */
@media(max-width:760px){
  html,body{overscroll-behavior-y:none}
  body{background:#f3f5f1}
  #appShell{background:linear-gradient(180deg,#f6f8f4 0%,#eff2ed 100%)}
  .main{padding:12px 12px calc(110px + env(safe-area-inset-bottom));max-width:none}
  .topbar{margin:-12px -12px 15px;padding:calc(10px + env(safe-area-inset-top)) 14px 11px;background:rgba(246,248,244,.91);border-bottom:1px solid rgba(223,229,219,.86);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
  .topbar h1{font-size:21px;line-height:1.35;margin-top:0}
  .topbar .eyebrow{font-size:9.5px;line-height:1.4;margin-bottom:2px;color:#858d82}
  .topbar .right{gap:7px}
  #quickAdd{display:none}
  .app-lang-switch{min-width:42px;height:39px;border-radius:12px;padding:0 9px;background:#fff;box-shadow:0 3px 12px rgba(29,37,26,.045)}
  .surface{border-radius:20px;box-shadow:0 5px 18px rgba(26,35,24,.045)}
  .card{padding:16px}
  .card-head{margin-bottom:14px;gap:8px}
  .card-head h2{font-size:18px;line-height:1.55}
  .card-head h3{font-size:16px}
  .card-head .btn.sm{flex:0 0 auto}
  .caption{font-size:10.5px;line-height:1.65}
  .grid-2{gap:12px}
  .grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px!important}
  .stat{padding:13px 10px;border-radius:17px;min-height:76px}
  .stat strong{font-size:19px;line-height:1.25;white-space:nowrap}
  .stat span{font-size:9.5px;line-height:1.45;display:block;margin-top:4px}
  .capacity-card{border-radius:20px!important;padding:17px!important}
  .big-num{font-size:38px!important;line-height:1.1}
  .split{font-size:10px;gap:8px}
  .day-plan{gap:8px}
  .plan-row{border-radius:16px;padding:10px 10px;gap:9px;min-height:64px}
  .plan-time{font-size:11px;align-self:start;padding-top:4px}
  .taskbox{gap:9px;padding:0!important;background:transparent!important}
  .taskbox .check{width:24px;height:24px;min-width:24px;border-radius:8px}
  .taskbox b{font-size:12.5px;line-height:1.55}
  .taskbox span{font-size:9.5px;margin-top:1px}
  .risk-list{gap:8px}
  .risk-row{padding:12px;border-radius:15px}
  .risk-row p{font-size:10px;line-height:1.65;margin:6px 0}
  .bottom-nav{left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));border-radius:22px;padding:6px;background:rgba(18,25,19,.94);border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 42px rgba(15,22,16,.24);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
  .bottom-nav button{min-height:54px;border-radius:16px;font-size:9px;gap:3px;transition:.16s ease;color:#96a096}
  .bottom-nav button.active{background:rgba(217,255,114,.11);color:#f7fbf3}
  .bottom-nav button.active .nav-icon,.bottom-nav button.active .nav-glyph{color:var(--accent)}
  .bottom-nav button svg,.bottom-nav .nav-icon{width:20px;height:20px}
  .bottom-nav .nav-glyph{font-size:18px;height:20px;display:grid;place-items:center}
  .fab{right:18px;bottom:calc(82px + env(safe-area-inset-bottom));width:54px;height:54px;background:linear-gradient(145deg,#e1ff8c,#c8f35a);box-shadow:0 13px 32px rgba(128,168,52,.28);border:1px solid rgba(132,168,65,.25);font-size:25px}
  html[dir="rtl"] .fab{right:auto;left:18px}
  html[dir="ltr"] .fab{right:18px;left:auto}
  .market-toolbar{gap:9px;margin-bottom:12px}
  .market-search input{min-height:44px;border-radius:14px}
  .filter-row{margin-inline:-2px;padding:0 2px 2px}
  .filter-chip{min-height:36px;padding:7px 11px;font-size:10.5px}
  .job-grid{gap:10px}
  .job-card{padding:15px;border-radius:19px}
  .job-card h3{font-size:15px;line-height:1.6;margin-top:4px}
  .employer-line{font-size:9.5px}
  .match-ring{min-width:50px;width:50px;height:50px}
  .match-ring b{font-size:11px}
  .job-budget{font-size:15px;margin:13px 0 5px}
  .job-meta{font-size:9.5px;gap:5px}.job-meta span{padding:3px 7px}
  .skills{margin:11px 0;gap:5px}.skill{font-size:9px;padding:4px 7px}
  .job-desc{font-size:10.5px;line-height:1.72}
  .job-foot{margin-top:13px;padding-top:11px;align-items:center}
  .capacity-note{font-size:9.5px;max-width:52%}
  .proposal-card,.employer-job{border-radius:19px;padding:15px}
  .proposal-card h3{font-size:14px;line-height:1.55}
  .proposal-info{font-size:9.5px}
  .employer-head{align-items:flex-start}.employer-head h2{font-size:18px;line-height:1.5}
  .more-grid{gap:9px}.more-card{border-radius:18px;padding:16px}.more-card b{font-size:14px}
  .modal-wrap{align-items:flex-end;padding:0}
  .modal{border-radius:28px 28px 0 0;padding:22px 16px calc(22px + env(safe-area-inset-bottom));max-height:92dvh;overflow:auto;box-shadow:0 -16px 55px rgba(20,28,20,.19)}
  .modal h2{font-size:21px;line-height:1.55}
  .modal-x{top:13px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#f1f4ef;font-size:22px}
  .choice-grid{gap:10px}
  .field{margin-bottom:12px}
  .field input,.field select,.field textarea{font-size:13px;min-height:47px}
  .modal-actions{position:sticky;bottom:calc(-22px - env(safe-area-inset-bottom));margin:18px -16px calc(-22px - env(safe-area-inset-bottom));padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.94);border-top:1px solid #e8ebe5;backdrop-filter:blur(18px)}
  .modal-actions .btn{min-height:45px}
  .focus-wrap{min-height:calc(100dvh - 150px);border-radius:22px!important}
  .timer{font-size:58px}
  .client-report{padding:17px}
  .report-head{gap:10px}.report-head h2{font-size:22px!important}
  .report-grid{gap:8px}.report-metric{padding:12px;border-radius:15px}.report-metric b{font-size:17px}
}

@media(min-width:761px) and (max-width:1100px){
  .app-layout{grid-template-columns:92px 1fr}
  .sidebar{padding:20px 10px}.sidebar .brand span,.sidebar .nav-item span,.sidebar .upgrade,.user-chip>div{display:none}.sidebar .brand,.nav-item{justify-content:center}.sidebar .nav-glyph{margin:auto}.main{padding-inline:20px}.project-list{grid-template-columns:1fr 1fr}
}