@font-face{font-family:"Vazirmatn";src:url("/fonts/Vazirmatn-v33.003.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--bg:#08111e;--panel:#0e1929;--panel2:#122137;--line:#22344d;--text:#e9f1fa;--muted:#8da2b9;--a:#35c9a5;--b:#62aaff;--warn:#f3ba4d;--bad:#ef7078;--good:#78d8bd;--shadow:0 20px 55px rgba(0,0,0,.25)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Vazirmatn,Tahoma,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 10% -10%,#163d55 0,transparent 34%),radial-gradient(circle at 95% 10%,#123c35 0,transparent 29%),var(--bg);min-height:100vh;font-size:12px}.ambient{position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(98,170,255,.035),transparent 45%,rgba(53,201,165,.03));z-index:-1}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:16px;min-height:66px;padding:10px 18px;background:rgba(8,17,30,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(60,85,115,.42)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--text);min-width:max-content}.brand-logo{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--a),var(--b));color:#06111c;font-size:18px;font-weight:900}.brand b,.brand small{display:block}.brand b{font-size:14px}.brand small{font-size:8px;color:var(--muted);margin-top:2px}.main-nav{display:flex;align-items:center;gap:5px;overflow:auto;flex:1}.nav-btn{border:0;background:transparent;color:#91a7bf;padding:8px 10px;border-radius:9px;cursor:pointer;white-space:nowrap;font-size:10px}.nav-btn:hover,.nav-btn.active{background:#13243a;color:#ecf7ff}.top-actions{display:flex;gap:7px;align-items:center}.icon-btn,.account-btn{border:1px solid var(--line);background:#0e1a2b;color:var(--text);border-radius:10px;cursor:pointer}.icon-btn{width:38px;height:38px;position:relative}.account-btn{padding:6px 10px;text-align:right;min-width:110px}.account-btn span,.account-btn small{display:block}.account-btn span{font-size:9px}.account-btn small{color:var(--muted);font-size:7px}.badge-dot{position:absolute;top:-5px;left:-5px;background:var(--bad);color:white;border-radius:999px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;font-size:8px;border:2px solid var(--bg)}.shell{width:min(1220px,calc(100% - 28px));margin:22px auto 50px}.view{animation:enter .2s ease}@keyframes enter{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:none}}.hero{padding:28px;border:1px solid #29415d;background:linear-gradient(135deg,rgba(16,46,64,.72),rgba(11,25,42,.92));border-radius:22px;box-shadow:var(--shadow)}.hero h1{font-size:28px;line-height:1.5;margin:8px 0}.hero p{color:var(--muted);font-size:12px;line-height:2;max-width:780px}.eyebrow{font-size:9px;color:#91ddca}.grid{display:grid;gap:12px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:linear-gradient(180deg,rgba(16,30,49,.96),rgba(12,23,38,.97));border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 12px 32px rgba(0,0,0,.12)}.card h2,.card h3{margin:0 0 7px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 13px}.section-head h2{margin:0;font-size:18px}.muted{color:var(--muted)}.small{font-size:9px}.kpi{font-size:24px;font-weight:800;margin-top:6px}.btn{border:0;border-radius:10px;padding:9px 12px;background:linear-gradient(135deg,var(--a),#50b8d5);color:#07141d;font-weight:800;font-family:inherit;font-size:10px;cursor:pointer}.btn.secondary{background:#14283e;color:#c7def4;border:1px solid #31506e}.btn.ghost{background:transparent;color:#a7bdd4;border:1px solid var(--line)}.btn.danger{background:#4b2229;color:#ffc7cb;border:1px solid #77343f}.actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.field{display:grid;gap:5px}.field label{font-size:9px;color:#9db3c9}.field input,.field select,.field textarea,.search-input{width:100%;border:1px solid var(--line);background:#091525;color:var(--text);border-radius:9px;padding:9px;font-family:inherit;font-size:10px;outline:none}.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus{border-color:#4e7ba5;box-shadow:0 0 0 3px rgba(98,170,255,.06)}.form{display:grid;gap:10px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{padding:9px 10px;border-bottom:1px solid #1d2d43;text-align:right;font-size:9px}.table th{color:#93abc3;background:#112035;font-weight:700;position:sticky;top:0}.table tr:hover td{background:#102035}.pill{display:inline-flex;padding:4px 7px;border-radius:999px;border:1px solid #31516e;background:#14283d;color:#b8d5f0;font-size:8px}.pill.good{border-color:#2c6956;background:#14362e;color:#9ee6d1}.pill.warn{border-color:#665426;background:#332b17;color:#ffd783}.pill.bad{border-color:#71333e;background:#3b1e24;color:#ffabb0}.empty,.error,.loading{padding:42px;text-align:center;border:1px dashed #314967;border-radius:16px;background:#0d1929;color:var(--muted)}.loading:before{content:"";display:block;width:34px;height:34px;border:3px solid #253d57;border-top-color:var(--b);border-radius:50%;margin:0 auto 12px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-wrap{max-width:470px;margin:5vh auto}.auth-card{padding:22px}.tabs{display:flex;gap:5px;margin-bottom:14px}.tab-chip{flex:1;border:1px solid var(--line);background:#101d30;color:#92a9c1;border-radius:9px;padding:8px;cursor:pointer}.tab-chip.active{background:#17314a;color:#e7f4ff;border-color:#3a6489}.drawer{position:fixed;z-index:300;top:66px;left:14px;width:min(390px,calc(100% - 28px));max-height:calc(100vh - 84px);background:#0b1728;border:1px solid #2c425e;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.drawer-head button{border:0;background:transparent;color:white;font-size:18px;cursor:pointer}.drawer-body{max-height:70vh;overflow:auto}.notification{padding:11px;border-bottom:1px solid #1c2b40}.notification.unread{box-shadow:inset -3px 0 var(--b)}.notification b,.notification small{display:block}.notification small{color:var(--muted);margin-top:3px}.modal-backdrop{position:fixed;inset:0;z-index:400;background:rgba(4,8,14,.72);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px}.modal{width:min(650px,100%);max-height:88vh;overflow:auto;background:#0c1728;border:1px solid #2d4562;border-radius:17px;padding:16px;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.modal-head button{border:0;background:transparent;color:white;font-size:20px;cursor:pointer}.case-list{display:grid;gap:7px}.case-row{display:grid;grid-template-columns:100px 1fr auto;gap:9px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:12px;background:#101d30;cursor:pointer}.case-row:hover{border-color:#3e658a;background:#14253c}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:28px 1fr;gap:9px;padding-bottom:14px;position:relative}.timeline-item:not(:last-child):before{content:"";position:absolute;right:13px;top:25px;bottom:0;width:1px;background:#2a3e58}.timeline-dot{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;border:1px solid #34526f;background:#12243a;z-index:1}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.trust-row>div{padding:9px;border:1px solid var(--line);border-radius:10px;background:#0c1828;text-align:center}.trust-row b,.trust-row small{display:block}.trust-row small{font-size:7px;color:var(--muted);margin-top:3px}.status-bar{padding:9px 12px;border-radius:10px;margin-bottom:12px;background:#10243a;border:1px solid #315270;color:#bdd7ef}.global-status{padding:10px 12px;border-radius:10px;margin-bottom:12px}.global-status.error{background:#3b1f25;border:1px solid #70343e;color:#ffc2c6}.global-status.good{background:#15352e;border:1px solid #2e6756;color:#a1e6d3}.footer{width:min(1220px,calc(100% - 28px));margin:0 auto 20px;display:flex;justify-content:space-between;color:#657b92;font-size:8px}.hidden{display:none!important}.mobile-only{display:none}.split{display:grid;grid-template-columns:1fr 1.4fr;gap:12px}.list{display:grid;gap:7px}.list-item{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:10px;background:#0e1a2b}.progress{height:8px;border-radius:999px;background:#091422;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--a),var(--b));border-radius:999px}.funnel{display:grid;gap:7px}.funnel-row{width:var(--w);min-width:35%;display:flex;justify-content:space-between;padding:9px 10px;border:1px solid #2c4964;border-radius:9px;background:linear-gradient(90deg,rgba(53,201,165,.2),rgba(98,170,255,.11))}.code{font-family:ui-monospace,Consolas,monospace;font-size:9px;color:#b5cee7}@media(max-width:900px){.g4{grid-template-columns:1fr 1fr}.g3{grid-template-columns:1fr 1fr}.split,.g2{grid-template-columns:1fr}.main-nav{position:fixed;top:66px;right:12px;left:12px;display:none;flex-direction:column;align-items:stretch;padding:10px;background:#0c1728;border:1px solid #2b425e;border-radius:14px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.mobile-only{display:block}.topbar{gap:8px}.brand{flex:1}.trust-row{grid-template-columns:1fr 1fr}}@media(max-width:560px){body{font-size:11px}.shell{width:calc(100% - 18px);margin-top:12px}.topbar{padding:9px}.brand small{display:none}.account-btn{min-width:0}.account-btn small{display:none}.g4,.g3{grid-template-columns:1fr}.hero{padding:18px}.hero h1{font-size:21px}.case-row{grid-template-columns:1fr}.footer{width:calc(100% - 18px);flex-wrap:wrap;gap:8px}.trust-row{grid-template-columns:1fr 1fr}}

/* v18.2 UX / accessibility / configurable theme */
:root{--radius:16px;--font-scale:1;--density-space:1}
html{scroll-behavior:smooth}
body{font-size:calc(12px * var(--font-scale));}
.skip-link{position:fixed;right:12px;top:-80px;z-index:1000;background:var(--text);color:var(--bg);padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:800;transition:top .15s ease}.skip-link:focus{top:10px}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--b);outline-offset:3px}
.nav-btn,.btn,.tab-chip,.icon-btn,.account-btn{min-height:40px}
.btn,.tab-chip,.nav-btn{touch-action:manipulation}
.card,.hero,.modal,.drawer{border-radius:var(--radius)}
body[data-density="compact"] .card{padding:11px}body[data-density="compact"] .list-item{padding:7px}body[data-density="spacious"] .card{padding:18px}body[data-density="spacious"] .list-item{padding:12px}
body[data-hero-style="flat"] .hero{background:var(--panel2)}body[data-hero-style="minimal"] .hero{background:transparent;box-shadow:none;border-color:transparent}
.skeleton{display:grid;gap:10px}.skeleton i{display:block;height:14px;border-radius:8px;background:linear-gradient(90deg,#102036,#1b3150,#102036);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.skeleton i:nth-child(1){height:34px;width:55%}.skeleton i:nth-child(2){width:85%}.skeleton i:nth-child(3){width:72%}@keyframes shimmer{to{background-position:-200% 0}}
.public-landing{display:grid;gap:18px}.landing-hero{padding:clamp(24px,5vw,56px);border:1px solid #2a4964;background:radial-gradient(circle at 15% 10%,rgba(98,170,255,.16),transparent 34%),radial-gradient(circle at 90% 0,rgba(53,201,165,.16),transparent 32%),linear-gradient(135deg,rgba(13,34,53,.98),rgba(8,20,34,.98));border-radius:24px;box-shadow:var(--shadow)}.landing-hero h1{font-size:clamp(28px,5vw,52px);line-height:1.45;margin:12px 0;max-width:900px}.landing-hero p{color:var(--muted);font-size:clamp(12px,1.7vw,16px);line-height:2;max-width:760px}.landing-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.landing-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.landing-trust .card{min-height:135px}.landing-trust h3{font-size:13px}.landing-trust p{color:var(--muted);line-height:1.9;font-size:10px}.how-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.how-step{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);position:relative}.how-step b,.how-step small{display:block}.how-step b{margin-top:7px}.how-step small{color:var(--muted);margin-top:4px;line-height:1.7}.how-step span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--a),var(--b));color:#06111c;font-weight:900}
.next-action{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:16px;border:1px solid rgba(53,201,165,.35);border-radius:16px;background:linear-gradient(135deg,rgba(20,63,56,.25),rgba(15,30,49,.95));margin-bottom:12px}.next-action b,.next-action small{display:block}.next-action b{font-size:15px}.next-action small{color:var(--muted);margin-top:4px;line-height:1.8}.journey-strip{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.journey-strip span{padding:5px 8px;border:1px solid var(--line);background:#102035;border-radius:999px;font-size:8px;color:#8ea7c0}.journey-strip span.done{color:#a6e9d7;border-color:#2d6857;background:#14342c}.journey-strip span.current{color:#d8edff;border-color:#4877a2;background:#17324a}
.work-grid{display:grid;gap:8px}.work-item{display:grid;grid-template-columns:78px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:12px;background:#0f1c2e;cursor:pointer}.work-item:hover{border-color:#3c6288;background:#13243a}.work-item b,.work-item small{display:block}.work-item small{color:var(--muted);margin-top:3px}.work-kind{font-size:8px;padding:5px 7px;border-radius:999px;text-align:center;background:#14283e;color:#a9cae7}.work-kind.trust{background:#39231e;color:#ffc5a5}.work-kind.ticket{background:#19314a}.work-kind.pricing{background:#22331e;color:#bfdfaa}.work-kind.cms{background:#302344;color:#d7b7ef}
.theme-preview{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.theme-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.theme-swatch{height:42px;border-radius:9px;border:1px solid rgba(255,255,255,.15)}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.theme-grid input[type=color]{height:42px;padding:3px}.performance-ok{color:var(--good)}.performance-warn{color:var(--warn)}.performance-bad{color:var(--bad)}
.release-card{border-right:3px solid var(--b)}
@media(max-width:900px){.landing-trust{grid-template-columns:1fr}.how-flow{grid-template-columns:1fr 1fr}.work-item{grid-template-columns:70px 1fr}.work-item>time{grid-column:2}.theme-grid{grid-template-columns:1fr}}
@media(max-width:560px){.landing-hero{padding:22px}.how-flow{grid-template-columns:1fr}.landing-actions .btn{width:100%}.next-action{grid-template-columns:1fr}.next-action .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

html,body,button,input,select,textarea,optgroup,option,code,pre,kbd,samp,.code{font-family:"Vazirmatn",Tahoma,Arial,sans-serif!important}
