@font-face{
  font-family:Vazirmatn;
  src:url("./assets/Vazirmatn.woff2") format("woff2");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
:root{
  --bg:#faf8f5;
  --surface:#fff;
  --ink:#20213d;
  --secondary:#56566f;
  --accent:#493bb8;
  --dark:#252446;
  --dark-label:#f9f7ff;
  --action:#5041ce;
  --action-hover:#3d2eb8;
  --action-label:#fff;
  --border:#e8e3ee;
  --focus:#5443d4;
  --ghost-ink:#252446;
  --header:#fdfbf8;
  --header-border:#eae5ee;
  --brand-detail:#f0eaff;
  --brand-dot:#7664ed;
  --hover-surface:#f5f1fb;
  --selected-surface:#eeebfc;
  --selected-ink:#4235a6;
  --soft-surface:#f2effa;
  --soft-border:#e9e3f2;
  --soft-ink:#59516f;
  --marker:#5a49ba;
  --ghost-border:#c9bdf1;
  --strong-border:#9a87e6;
  --placeholder:#66607c;
  --input:#fdfaff;
  --input-border:#e4deed;
  --hover-shadow:#30245d10;
  --badge-bg:#ece8fc;
  --badge-ink:#5542bd;
  --rose-bg:#fae9ec;
  --rose-ink:#9d425b;
  --blue-bg:#e5ecfc;
  --blue-ink:#365284;
  --lilac-bg:#f3e8fc;
  --lilac-ink:#763e95;
  --yellow-bg:#f9efdc;
  --yellow-ink:#825916;
  --status-bg:#ede6fc;
  --status-ink:#4c3b96;
  --closed-bg:#f0eef2;
  --closed-ink:#62596c;
  --dialog-shadow:#26214445;
  --dialog-backdrop:#25203e86;
  --mobile-bar:#fdfafff7;
  color:var(--ink);
  background:var(--bg);
  font:400 15px/1.85 Vazirmatn,Tahoma,sans-serif;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#131322;
  --surface:#1d1c31;
  --ink:#f5f1ff;
  --secondary:#c1b9d6;
  --accent:#c1b6ff;
  --dark:#332b58;
  --dark-label:#f6f1ff;
  --action:#a798ff;
  --action-hover:#c2b5ff;
  --action-label:#1b1239;
  --border:#352f4e;
  --focus:#c1b0ff;
  --ghost-ink:#e5dcff;
  --header:#191829;
  --header-border:#332b47;
  --brand-detail:#e7dcff;
  --brand-dot:#ac9bff;
  --hover-surface:#332849;
  --selected-surface:#363059;
  --selected-ink:#e0d5ff;
  --soft-surface:#241f38;
  --soft-border:#3a304f;
  --soft-ink:#cfc2e8;
  --marker:#aa96f1;
  --ghost-border:#62537e;
  --strong-border:#8f79bd;
  --placeholder:#b7a9c8;
  --input:#211c34;
  --input-border:#514465;
  --hover-shadow:#08071051;
  --badge-bg:#34285c;
  --badge-ink:#cdbbff;
  --rose-bg:#452738;
  --rose-ink:#ffb5cc;
  --blue-bg:#25324c;
  --blue-ink:#abc7ff;
  --lilac-bg:#3a284e;
  --lilac-ink:#e2b9ff;
  --yellow-bg:#3e3126;
  --yellow-ink:#f4cc8a;
  --status-bg:#372d52;
  --status-ink:#dfcfff;
  --closed-bg:#302b3c;
  --closed-ink:#c5b9ce;
  --dialog-shadow:#070610a1;
  --dialog-backdrop:#080611a3;
  --mobile-bar:#1a172bf7;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;min-width:280px}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
h1,h2,h3,p{margin:0}
[hidden]{display:none!important}
.wrap{width:min(1200px,calc(100% - 84px));margin-inline:auto}
.skip{position:fixed;z-index:20;inset-inline-start:1rem;top:-100px;padding:8px 14px;background:var(--surface);border-radius:8px}
.skip:focus{top:5px}
.icon{width:21px;height:21px;flex:0 0 auto;display:inline-block;background:currentColor;mask:var(--icon) center/contain no-repeat;vertical-align:middle}
.icon[data-icon="shield"]{--icon:url("./assets/icons/shield.png")}.icon[data-icon="lock"]{--icon:url("./assets/icons/lock.png")}.icon[data-icon="refresh"]{--icon:url("./assets/icons/refresh.png")}.icon[data-icon="badge"]{--icon:url("./assets/icons/badge.png")}.icon[data-icon="headset"]{--icon:url("./assets/icons/headset.png")}.icon[data-icon="sliders"]{--icon:url("./assets/icons/sliders.png")}.icon[data-icon="user"]{--icon:url("./assets/icons/user.png")}.icon[data-icon="alert"]{--icon:url("./assets/icons/alert.png")}.icon[data-icon="link"]{--icon:url("./assets/icons/link.png")}.icon[data-icon="left"]{--icon:url("./assets/icons/left.png")}.icon[data-icon="right"]{--icon:url("./assets/icons/right.png")}.icon[data-icon="chevron"]{--icon:url("./assets/icons/chevron.png")}.icon[data-icon="search"]{--icon:url("./assets/icons/search.png")}.icon[data-icon="plus"]{--icon:url("./assets/icons/plus.png")}.icon[data-icon="home"]{--icon:url("./assets/icons/home.png")}.icon[data-icon="grid"]{--icon:url("./assets/icons/grid.png")}.icon[data-icon="file"]{--icon:url("./assets/icons/file.png")}.icon[data-icon="book"]{--icon:url("./assets/icons/book.png")}.icon[data-icon="close"]{--icon:url("./assets/icons/close.png")}.icon[data-icon="check"]{--icon:url("./assets/icons/check.png")}.icon[data-icon="clock"]{--icon:url("./assets/icons/clock.png")}.icon[data-icon="external"]{--icon:url("./assets/icons/external.png")}.icon[data-icon="copy"]{--icon:url("./assets/icons/copy.png")}.icon[data-icon="spark"]{--icon:url("./assets/icons/spark.png")}.icon[data-icon="chat"]{--icon:url("./assets/icons/chat.png")}
.topbar{background:var(--header);border-bottom:1px solid var(--header-border)}
.top-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:77px;gap:20px}
.brand{display:inline-flex;align-items:center;gap:10px;justify-self:start;line-height:1.1}
.brand-mark{flex:none;display:grid;place-items:center;background:var(--dark);border-radius:13px;width:43px;height:43px;color:var(--brand-detail)}
.brand-mark .icon{width:26px;height:26px}
.brand strong{font-size:26px;font-weight:800;display:block;line-height:1.1;letter-spacing:-.045em}
.brand-dot{color:var(--brand-dot)}
.brand small{display:block;color:var(--secondary);font-size:10px;margin-block-start:6px}
.desktop-nav{display:flex;align-items:center;gap:5px;white-space:nowrap}
.desktop-nav .icon{display:none}
.desktop-nav a{color:var(--secondary);padding:8px 15px;border-radius:9px;font-size:13px}
.desktop-nav a:hover{background:var(--hover-surface)}
.desktop-nav a[aria-current]{background:var(--selected-surface);color:var(--selected-ink);font-weight:700}
.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:13px;line-height:1.6;padding:10px 16px;border:1px solid transparent;border-radius:11px;white-space:nowrap;transition:background .16s,border-color .16s,color .16s}
.button .icon{width:17px;height:17px}
.primary{background:var(--action);color:var(--action-label)}
.primary:hover{background:var(--action-hover)}
.ghost{background:transparent;color:var(--ghost-ink);border-color:var(--ghost-border)}
.ghost:hover{background:var(--hover-surface);border-color:var(--strong-border)}
.header-actions{justify-self:end;display:flex;align-items:center;gap:9px}
.header-button{background:var(--dark);color:var(--dark-label)}
.header-button:hover{background:var(--action-hover);color:var(--action-label)}
.theme-toggle.icon-button{width:44px;height:44px}
.theme-toggle .icon{--icon:url("./assets/icons/moon.png");width:20px;height:20px}
:root[data-theme="dark"] .theme-toggle .icon{--icon:url("./assets/icons/sun.png")}
.main{padding-top:26px;min-height:calc(100vh - 172px);outline:none}
.services-section{margin-top:27px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:15px}
.section-head h2,.page-heading h1{font-size:30px;line-height:1.45;letter-spacing:-.047em}
.section-head p,.page-heading p{margin-top:4px;color:var(--secondary);font-size:13px}
.search{display:flex;align-items:center;gap:8px;border:1px solid var(--input-border);border-radius:11px;background:var(--surface);color:var(--placeholder);width:min(270px,100%);padding:0 12px;min-height:42px}
.search:focus-within{outline:2px solid var(--focus);outline-offset:1px}
.search .icon{width:18px;height:18px}
.search input{background:transparent;border:0;color:var(--ink);outline:none!important;width:100%;padding:7px 0;font-size:12px}
.search input::placeholder{color:var(--placeholder)}
.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.service-card{text-align:right;min-width:0;display:flex;flex-direction:column;align-items:start;position:relative;border:1px solid var(--border);border-radius:17px;background:var(--surface);color:var(--ink);padding:15px 15px 12px;min-height:142px;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}
.service-card:hover{transform:translateY(-3px);border-color:var(--strong-border);box-shadow:0 8px 24px var(--hover-shadow)}
.service-card h3{font-size:14px;line-height:1.7;margin:8px 0 1px;letter-spacing:-.02em}
.service-card p{font-size:11.5px;line-height:1.8;color:var(--secondary);padding-inline-end:14px}
.service-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:12px;background:var(--tone-bg,var(--badge-bg));color:var(--tone-ink,var(--badge-ink));flex-shrink:0}
.service-icon .icon{width:23px;height:23px}
.tone-rose{--tone-bg:var(--rose-bg);--tone-ink:var(--rose-ink)}.tone-indigo{--tone-bg:var(--badge-bg);--tone-ink:var(--badge-ink)}.tone-blue{--tone-bg:var(--blue-bg);--tone-ink:var(--blue-ink)}.tone-lilac{--tone-bg:var(--lilac-bg);--tone-ink:var(--lilac-ink)}.tone-yellow{--tone-bg:var(--yellow-bg);--tone-ink:var(--yellow-ink)}
.card-arrow{position:absolute;inset-inline-end:13px;bottom:14px;width:17px;height:17px;color:var(--placeholder)}
.urgent{position:absolute;inset-inline-end:13px;top:15px;border-radius:20px;padding:1px 8px;background:var(--rose-bg);color:var(--rose-ink);font-size:9.5px;font-weight:700}
.footer{border-top:1px solid var(--soft-border);display:flex;gap:10px;align-items:center;color:var(--secondary);margin-top:35px;padding:16px 0 21px;font-size:11px}
.footer-word{color:var(--ink);font-size:19px;font-weight:800;line-height:1}
.footer a{margin-inline-start:auto}
.footer .icon{width:13px;height:13px}
.bottom-nav{display:none}
.page-heading{margin:7px 0 20px;display:flex;align-items:end;justify-content:space-between;gap:15px}
.page-heading p{max-width:48ch}
.secondary-page .services-section{margin-top:0}
.notice{border:1px solid var(--soft-border);background:var(--soft-surface);color:var(--soft-ink);border-radius:12px;padding:10px 13px;display:flex;gap:9px;align-items:start;font-size:12px}
.notice .icon{width:18px;height:18px;margin-top:3px}
.empty{border:1px dashed var(--ghost-border);background:var(--surface);border-radius:17px;padding:30px 14px;text-align:center;color:var(--secondary)}
.empty h2{font-size:18px;color:var(--ink);margin:5px 0}
.empty .button{margin-top:12px}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.filter{border:1px solid var(--soft-border);padding:6px 13px;background:var(--surface);border-radius:8px;color:var(--secondary);font-size:12px}
.filter[aria-pressed="true"]{background:var(--selected-surface);color:var(--accent);border-color:var(--ghost-border);font-weight:700}
.case-list{display:grid;gap:10px}
.case-row{width:100%;background:var(--surface);border:1px solid var(--border);padding:12px;border-radius:14px;display:flex;align-items:center;text-align:right;color:var(--ink);gap:10px}
.case-row:hover{border-color:var(--strong-border)}
.case-row .case-main{min-width:0;flex:1}
.case-main strong{font-size:13px;display:block;overflow-wrap:anywhere}
.case-main small{font-size:11px;color:var(--secondary)}
.status-pill{display:inline-flex;align-items:center;border-radius:20px;color:var(--status-ink);background:var(--status-bg);padding:2px 8px;font-size:10px;font-weight:700;white-space:nowrap}
.status-pill.closed{background:var(--closed-bg);color:var(--closed-ink)}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.guide-card{border:1px solid var(--border);border-radius:15px;padding:16px;background:var(--surface)}
.guide-card h2{font-size:15px;margin-top:6px}
.guide-card p{font-size:12px;color:var(--secondary);margin:4px 0 9px}
.text-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:12px;font-weight:700}
.text-link:hover{text-decoration:underline}
.text-link .icon{width:14px;height:14px}
.faq{margin-top:23px;max-width:800px}
.faq h2{font-size:20px;margin-bottom:8px}
details{border-bottom:1px solid var(--soft-border);padding:8px 0}
summary{cursor:pointer;font-size:13px;font-weight:700}
details p{font-size:12px;color:var(--secondary);margin:5px 15px 2px}
dialog{border:none;padding:0;background:var(--surface);color:var(--ink);border-radius:23px;width:min(550px,calc(100% - 28px));max-height:calc(100dvh - 36px);box-shadow:0 24px 100px var(--dialog-shadow);overscroll-behavior:contain}
dialog::backdrop{background:var(--dialog-backdrop);backdrop-filter:blur(3px)}
body:has(dialog[open]){overflow:hidden}
.panel-inner{padding:22px}
.panel-header{display:flex;gap:11px;align-items:center;margin-bottom:10px}
.panel-header h2{font-size:20px;line-height:1.55;letter-spacing:-.035em}
.panel-header .panel-heading{flex:1}
.icon-button{display:grid;place-items:center;color:var(--soft-ink);background:var(--soft-surface);border:1px solid var(--soft-border);border-radius:10px;width:38px;height:38px;flex:none}
.icon-button:hover{background:var(--hover-surface)}
.panel-text{font-size:13px;color:var(--secondary);margin:4px 0 11px}
.steps-list{margin:10px 0 12px;padding-inline-start:22px;font-size:13px}
.steps-list li{padding-inline-start:4px;margin-bottom:5px}
.steps-list li::marker{color:var(--accent);font-weight:700}
.panel-actions{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px;margin-top:14px}
.panel-progress{margin:4px 0 12px;display:flex;gap:5px;align-items:center}
.panel-progress span{height:4px;border-radius:4px;flex:1;background:var(--closed-bg)}
.panel-progress span.current{background:var(--marker)}
.panel-progress b{font-size:11px;color:var(--secondary);margin-inline-start:5px}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.choice{display:flex;align-items:center;gap:7px;text-align:right;background:var(--input);border:1px solid var(--input-border);border-radius:10px;padding:7px;color:var(--ink);font-size:12px;min-height:46px}
.choice .service-icon{width:29px;height:29px;border-radius:8px}
.choice .service-icon .icon{width:17px;height:17px}
.choice:hover,.choice[aria-pressed="true"]{background:var(--selected-surface);border-color:var(--strong-border)}
.choice.stacked{padding:10px;min-height:42px}
.fields{display:grid;gap:10px;margin:8px 0}
.field{display:grid;gap:3px;font-size:12px;font-weight:700}
.field small{color:var(--secondary);font-weight:400}
.field input,.field textarea{border:1px solid var(--input-border);background:var(--input);color:var(--ink);border-radius:9px;padding:7px 9px;min-height:42px;width:100%;font-weight:400}
.field textarea{resize:vertical;min-height:78px}
.form-error{color:var(--rose-ink);font-size:12px}
.timeline{padding:0;list-style:none;margin:11px 0;display:grid;gap:7px}
.timeline li{display:flex;align-items:center;gap:8px;font-size:12px}
.timeline .service-icon{width:27px;height:27px;border-radius:8px}
.timeline .icon{width:16px;height:16px}
.case-description{overflow-wrap:anywhere;white-space:pre-wrap;background:var(--soft-surface);border-radius:10px;padding:8px 10px;font-size:12px;color:var(--secondary)}
.toast{position:fixed;z-index:15;inset-inline:10px;bottom:20px;margin-inline:auto;width:max-content;max-width:calc(100% - 20px);padding:6px 14px;border-radius:9px;color:var(--dark-label);background:var(--dark);font-size:12px}
@media(max-width:950px){
  .wrap{width:calc(100% - 46px)}
  .services-grid{gap:9px}
  .service-card{padding:12px 12px 13px}
  .service-card h3{font-size:13px}
}
@media (max-width:740px){
  .wrap{width:calc(100% - 28px)}
  .top-inner{display:flex;justify-content:space-between;min-height:66px;gap:10px}
  .brand{gap:8px}
  .brand-mark{width:38px;height:38px;border-radius:11px}
  .brand-mark .icon{width:23px;height:23px}
  .brand strong{font-size:23px}
  .brand small{font-size:10px;margin-block-start:5px}
  .desktop-nav{display:none}
  .header-actions{gap:6px}
  .header-button{padding:6px 10px;font-size:12px}
  .header-button .icon{width:16px;height:16px}
  .main{padding-top:12px;min-height:calc(100dvh - 188px)}


  .services-section{margin-top:18px}
  .section-head{display:grid;gap:9px;margin-bottom:10px}
  .section-head h2,.page-heading h1{font-size:24px}
  .section-head p,.page-heading p{margin:2px 0 0;font-size:12px}
  .search{min-height:44px;width:100%}
  .search input{font-size:16px;padding-block:4px}
  .search input::placeholder{font-size:13px}
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .service-card{min-height:116px;padding:10px 11px 12px;border-radius:14px}
  .service-card h3{margin-top:6px;font-size:13px}
  .service-card p{font-size:11.5px;line-height:1.7}
  .service-icon{width:36px;height:36px;border-radius:10px}
  .service-icon .icon{width:20px;height:20px}
  .card-arrow{inset-inline-end:8px;bottom:8px;width:15px;height:15px}
  .urgent{inset-inline-end:9px;top:10px;font-size:9px;padding-inline:6px}

  .page-heading{margin:5px 0 13px;align-items:center}
  .page-heading .button{padding:6px 9px;font-size:11px}
  .filter{min-height:44px}
  .case-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 9px}
  .case-row>.service-icon{grid-area:1/1/3/2;align-self:center}
  .case-row>.case-main{grid-area:1/2/2/3}
  .case-row>.status-pill{grid-area:2/2/3/3;justify-self:start}
  .case-row>.icon{grid-area:1/3/3/4;align-self:center}
  .guide-grid{grid-template-columns:1fr}
  summary{padding-block:5px}
  .footer{flex-wrap:wrap;padding:11px 0 13px;gap:6px;margin:21px auto calc(70px + env(safe-area-inset-bottom));font-size:10px}
  .footer-word{font-size:16px}
  .footer .icon{width:10px;height:10px}

  .bottom-nav{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    position:fixed;
    inset-inline:0;
    bottom:0;
    padding:5px 10px calc(5px + env(safe-area-inset-bottom));
    gap:4px;
    background:var(--mobile-bar);
    border-top:1px solid var(--soft-border);
    z-index:8;
    backdrop-filter:blur(12px);
  }
  .bottom-nav a{display:grid;align-content:center;justify-items:center;gap:4px;color:var(--secondary);font-size:11px;line-height:1.2;padding:5px 2px;min-height:49px;border-radius:11px}
  .bottom-nav .icon{width:20px;height:20px}
  .bottom-nav a[aria-current]{background:var(--selected-surface);color:var(--selected-ink);font-weight:700}
  .toast{bottom:calc(68px + env(safe-area-inset-bottom))}

  dialog{width:100%;max-width:none;max-height:88dvh;margin:auto 0 0;border-radius:24px 24px 0 0}
  .panel-inner{padding:16px 15px calc(15px + env(safe-area-inset-bottom))}
  .panel-header h2{font-size:18px}
  .panel-header .icon-button{width:44px;height:44px}
  .panel-text,.steps-list{font-size:14px}
  .panel-actions .button{white-space:normal;text-align:center}
  .choice.stacked{min-height:44px}
  .field input,.field textarea{font-size:16px;min-height:44px}
  .field input::placeholder,.field textarea::placeholder{font-size:13px}
}
@media (max-width:355px){
  .wrap{width:calc(100% - 20px)}
  .brand small,.header-button .icon{display:none}
  .footer>span:nth-child(2){display:none}
}
@media (max-width:310px){
  .top-inner,.brand,.header-actions{gap:5px}
  .brand strong{font-size:21px}
  .brand-mark{width:34px;height:34px}
  .header-button{padding-inline:8px}
  .service-card h3{font-size:12px}
  .service-card p{font-size:11px}
  .choice-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}