@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap";:root{font-family:Vazirmatn,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f5f5f5;--bg-elevated: rgba(255, 255, 255, .9);--surface: #ffffff;--surface-2: #f0f0f0;--surface-3: #e8e8e8;--border: rgba(17, 17, 17, .12);--text: #101010;--muted: #666666;--muted-2: #8a8a8a;--shadow: 0 22px 56px rgba(0, 0, 0, .08);--shadow-soft: 0 12px 30px rgba(0, 0, 0, .05);--accent: #111111;--accent-2: #5f5f5f;--danger: #b42318;--warning: #b54708;--success: #067647;--info: #175cd3;--chart-1: #111111;--chart-2: #494949;--chart-3: #747474;--chart-4: #989898;--chart-5: #c6c6c6;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px;color:var(--text);background:var(--bg);color-scheme:light}:root[data-theme=dark]{--bg: #090909;--bg-elevated: rgba(15, 15, 15, .82);--surface: #111111;--surface-2: #181818;--surface-3: #222222;--border: rgba(255, 255, 255, .1);--text: #f7f7f7;--muted: #a6a6a6;--muted-2: #8a8a8a;--shadow: 0 24px 60px rgba(0, 0, 0, .45);--shadow-soft: 0 10px 26px rgba(0, 0, 0, .24);--accent: #ffffff;--accent-2: #bbbbbb;--danger: #ff6b6b;--warning: #f59e0b;--success: #34d399;--info: #60a5fa;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,rgba(255,255,255,.06),transparent 26%),radial-gradient(circle at top left,rgba(255,255,255,.04),transparent 18%),linear-gradient(180deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 92%,black 8%) 100%);color:var(--text)}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}a{color:inherit}h1,h2,h3,p{margin:0}img,svg{display:block}.button,.iconButton,.fieldControl,.navItem,.searchableSuggestion{transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease,opacity .16s ease}.button{align-items:center;border-radius:999px;display:inline-flex;gap:.5rem;justify-content:center;min-height:42px;padding:.7rem 1rem;font-weight:700;white-space:nowrap}.button-primary{background:var(--accent);color:var(--bg);box-shadow:var(--shadow-soft)}.button-secondary,.button-outline,.button-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}.button-outline{background:transparent}.button-danger{background:color-mix(in srgb,var(--danger) 18%,var(--surface));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 32%,transparent)}.button:hover,.iconButton:hover,.navItem:hover,.searchableSuggestion:hover{transform:translateY(-1px)}.iconButton{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text);display:inline-flex;height:42px;justify-content:center;width:42px}.fieldControl{width:100%;min-height:46px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface) 96%,var(--bg) 4%);color:var(--text);padding:.78rem .95rem;box-shadow:inset 0 1px #ffffff05}.fieldControl::placeholder{color:var(--muted-2)}.fieldControl.compact{min-height:40px;border-radius:12px;padding-block:.55rem}.fieldTextarea{resize:vertical;min-height:140px}.field{display:grid;gap:.45rem}.field>span,.fieldHint,.sectionEyebrow,.eyebrow,.tableMeta{color:var(--muted)}.field>span,.toggleField span{font-size:.88rem;font-weight:700}.fieldHint{font-size:.78rem;line-height:1.6}.fieldHint.error{color:var(--danger)}.toggleField{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;display:flex;gap:.7rem;padding:.9rem 1rem}.toggleField input{width:1rem;height:1rem;margin:0}.appShell{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:100vh;position:relative}.sidebar{align-self:stretch;border-inline-end:1px solid var(--border);background:color-mix(in srgb,var(--bg) 84%,var(--surface) 16%);padding:1.25rem;position:sticky;top:0;height:100vh;display:grid;gap:1.25rem}.sidebarHeader,.authCardHeader,.topbarLeft,.chartHeader,.miniHeader,.serverCardHeader,.countryCardHeader,.serverPreview,.panelHeader,.sectionTitle,.chartLegendRow,.barChartRow,.barChartLabel,.statCardMeta{align-items:center;display:flex;justify-content:space-between;gap:.75rem}.sidebarHeader{align-items:flex-start}.sidebarHeader strong,.sidebarHeader span{display:block}.sidebarHeader strong{font-size:1rem}.sidebarHeader span{color:var(--muted);font-size:.84rem}.brandMark{align-items:center;background:var(--accent);border-radius:16px;color:var(--bg);display:grid;flex:0 0 auto;height:44px;place-items:center;width:44px;box-shadow:var(--shadow-soft)}.sidebarNav{display:grid;gap:.45rem}.navItem{align-items:center;background:transparent;border:1px solid transparent;border-radius:18px;color:var(--muted);display:flex;gap:.8rem;padding:.85rem .95rem;text-align:right}.navItem.active{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:var(--shadow-soft)}.navIcon{align-items:center;border-radius:12px;display:grid;flex:0 0 auto;height:34px;place-items:center;width:34px;background:color-mix(in srgb,var(--surface) 84%,var(--bg) 16%)}.navLabel{flex:1;text-align:start;font-weight:700}.sidebarFooter{align-self:end;display:grid;gap:.85rem}.sidebarCard{background:var(--surface);border:1px solid var(--border);border-radius:20px;display:grid;gap:.25rem;padding:1rem;box-shadow:var(--shadow-soft)}.sidebarCard span,.sidebarCard p{color:var(--muted);font-size:.82rem}.workspace{min-width:0}.topbar{align-items:center;display:flex;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem 0}.topbarLeft{min-width:0}.topbarLeft h1{font-size:clamp(1.45rem,2vw,2rem);font-weight:800}.topbarLeft p{color:var(--muted);margin-top:.15rem;line-height:1.7}.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.topbarActions{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.themeToggle{min-width:118px}.mainContent{display:grid;gap:1rem;padding:1.2rem 1.5rem 1.5rem}.notice{align-items:center;border-radius:18px;border:1px solid var(--border);display:flex;gap:.75rem;padding:.95rem 1rem}.notice.ok{background:color-mix(in srgb,var(--success) 11%,var(--surface));color:var(--text)}.notice.error{background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--text)}.dashboardGrid{display:grid;gap:1rem}.dashboardHero{display:grid;gap:1rem;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.heroCopy,.chartCard,.sparkCard,.statCard,.panel,.authCard,.loadingCard,.serverCard,.countryCard,.miniCard,.sidebarCard,.emptyState{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.heroCopy{padding:1.5rem;display:grid;gap:1rem;align-content:start}.heroCopy h2{font-size:clamp(1.5rem,2.6vw,2.4rem);line-height:1.15;letter-spacing:-.02em}.heroCopy p{color:var(--muted);line-height:1.85}.heroActions{display:flex;flex-wrap:wrap;gap:.7rem}.heroStack{display:grid;gap:1rem}.statsGrid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.statCard{padding:1rem;display:grid;gap:.9rem}.statCardIcon{align-items:center;background:color-mix(in srgb,var(--surface) 75%,var(--bg) 25%);border:1px solid var(--border);border-radius:16px;color:var(--text);display:grid;height:42px;place-items:center;width:42px}.statCardBody{display:grid;gap:.35rem}.statCardBody strong{font-size:1.8rem;line-height:1}.statCardBody p,.statCardTrend{color:var(--muted);font-size:.86rem;line-height:1.7}.statCardTrend{white-space:nowrap}.chartGrid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.chartCard,.sparkCard{padding:1rem;display:grid;gap:1rem}.chartHeader strong{font-size:.95rem}.chartHeader span{color:var(--muted);font-weight:700}.donutChartWrap{display:grid;grid-template-columns:180px minmax(0,1fr);gap:1rem;align-items:center}.donutChart{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;padding:.75rem}.donutChartCenter{background:var(--surface);border-radius:50%;aspect-ratio:1;display:grid;place-items:center;width:74%;text-align:center;border:1px solid var(--border);gap:.15rem}.donutChartCenter span{color:var(--muted);font-size:.82rem}.donutChartCenter strong{font-size:1.3rem}.chartLegend{display:grid;gap:.6rem}.chartLegendRow strong,.barChartRow strong{color:var(--text)}.chartLegendSwatch{border-radius:999px;display:inline-block;flex:0 0 auto;height:10px;width:10px}.barChart{display:grid;gap:.7rem}.barChartRow{align-items:center;display:grid;gap:.7rem;grid-template-columns:160px minmax(0,1fr) auto}.barChartLabel{justify-content:flex-start}.barChartTrack{height:11px;border-radius:999px;background:color-mix(in srgb,var(--surface) 65%,var(--bg) 35%);overflow:hidden}.barChartFill{height:100%;border-radius:inherit}.sparkline{width:100%;height:78px}.sectionPanel,.formPanel,.listPanel{overflow:clip}.splitLayout{display:grid;gap:1rem;grid-template-columns:430px minmax(0,1fr)}.splitLayout.wide{grid-template-columns:480px minmax(0,1fr)}.panel{display:grid}.panelHeader{border-bottom:1px solid var(--border);padding:1rem 1.1rem}.panelHeader h2{font-size:1.1rem}.panelHeader p{color:var(--muted);line-height:1.75;margin-top:.2rem}.headerTools{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;min-width:0}.formBody,.stackList{display:grid;gap:.9rem;padding:1rem 1.1rem 1.1rem}.formGrid{display:grid;gap:.85rem}.formGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.formGrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stickyActions{position:sticky;bottom:0;display:flex;gap:.7rem;justify-content:flex-start;padding:1rem 1.1rem 1.15rem;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-elevated) 70%,transparent) 0%,var(--bg-elevated) 100%);border-top:1px solid var(--border)}.formActions{display:flex;flex-wrap:wrap;gap:.7rem}.tableWrap{overflow:auto;padding:.75rem 1.1rem 1.1rem}.dataTable{border-collapse:collapse;min-width:100%;width:100%}.dataTable th,.dataTable td{border-bottom:1px solid var(--border);padding:1rem .8rem;text-align:right;vertical-align:middle}.dataTable th{color:var(--muted);font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.usageControl{align-items:center;display:grid;gap:.5rem;grid-template-columns:minmax(120px,140px) auto}.userMetaGrid{display:grid;gap:.3rem .55rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.45rem}.userMetaGrid span{color:var(--muted);font-size:.8rem;line-height:1.65;overflow-wrap:anywhere}.breakAll{overflow-wrap:anywhere;word-break:break-word}.rowActions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.rowActions .button{min-height:38px;padding-inline:.85rem}.badge{align-items:center;border-radius:999px;display:inline-flex;gap:.35rem;font-size:.78rem;font-weight:800;justify-content:center;padding:.38rem .68rem;white-space:nowrap;border:1px solid transparent}.badge.muted{background:color-mix(in srgb,var(--surface) 85%,var(--bg) 15%);color:var(--muted);border-color:var(--border)}.badge.success{background:color-mix(in srgb,var(--success) 15%,var(--surface));color:var(--success)}.badge.danger{background:color-mix(in srgb,var(--danger) 15%,var(--surface));color:var(--danger)}.badge.info{background:color-mix(in srgb,var(--info) 15%,var(--surface));color:var(--info)}.badge.warn{background:color-mix(in srgb,var(--warning) 15%,var(--surface));color:var(--warning)}.statCardTrend,.tableMeta,.fieldHint,.miniCard p,.countryCardHeader span,.serverPreview span,.sidebarCard span,.sidebarCard p,.emptyState p{color:var(--muted)}.statCardMeta{align-items:flex-start}.sectionTitle{border-top:1px solid var(--border);padding-top:1rem}.sectionTitle strong{display:block;font-size:1rem}.sectionTitle p{color:var(--muted);margin-top:.2rem}.sectionAction{flex:0 0 auto}.serverEditorList,.serverPreviewList{display:grid;gap:.85rem}.countryGrid{display:grid;gap:.85rem;padding:1rem 1.1rem 1.1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.serverCard,.miniCard{padding:1rem;display:grid;gap:.8rem}.countryCard{padding:1rem;display:grid;gap:.85rem}.countryCardButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);text-align:right;width:100%;box-shadow:var(--shadow-soft)}.countryCardButton:hover{box-shadow:var(--shadow)}.serverCardHeader,.countryCardHeader{align-items:flex-start}.countryCardBody{display:grid;gap:.7rem}.countryStatRow{align-items:center;display:flex;justify-content:space-between;gap:.75rem}.countryStatRow span{color:var(--muted);font-size:.82rem}.countryTagRow{display:flex;flex-wrap:wrap;gap:.45rem}.countryServerTag{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 90%,var(--bg) 10%);border-radius:999px;padding:.34rem .65rem;font-size:.78rem;color:var(--text)}.countryServerTag.muted{color:var(--muted)}.serverBadges{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-start}.countryCardActions{justify-content:flex-start}.miniCard strong,.countryCard strong,.serverPreview strong{display:block}.miniCard p,.countryCardHeader span,.serverPreview span{line-height:1.7}.searchableInputWrap{position:relative}.searchableSuggestions{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);display:grid;gap:.3rem;margin-top:.45rem;padding:.45rem;position:absolute;inset-inline:0;z-index:40}.searchableStatus{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);color:var(--muted);margin-top:.45rem;padding:.8rem .9rem}.searchableSuggestion{background:transparent;border:0;color:var(--text);justify-content:flex-start;padding:.7rem .8rem;text-align:start}.emptyState{padding:1.1rem;text-align:center}.emptyState strong{display:block;font-size:.96rem;margin-bottom:.3rem}.emptyState p{line-height:1.75}.authShell,.loadingScreen{align-items:center;display:grid;min-height:100vh;justify-content:center;padding:1.25rem;position:relative}.authGlow{background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 28%),radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--accent-2) 10%,transparent),transparent 30%);top:0;right:0;bottom:0;left:0;position:absolute;pointer-events:none}.authCard,.loadingCard{width:min(100%,460px);padding:1.25rem;display:grid;gap:1rem;position:relative;z-index:1}.authCard h1{font-size:clamp(1.6rem,3vw,2.2rem);margin-top:.35rem}.authCard p,.loadingCard p{color:var(--muted);line-height:1.85}.authForm{display:grid;gap:.9rem}.authButton{min-height:48px}.modalOverlay{align-items:center;background:#0000008c;display:grid;top:0;right:0;bottom:0;left:0;justify-items:center;padding:1rem;position:fixed;z-index:80}.modalCard{width:min(100%,980px);max-height:min(92vh,960px);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--bg-elevated);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.modalHeader{align-items:flex-start;display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 1.15rem;border-bottom:1px solid var(--border)}.modalHeader strong{display:block;font-size:1.05rem}.modalHeader p{color:var(--muted);margin-top:.2rem;line-height:1.7}.modalBody{overflow:auto;padding:1rem 1.1rem 1.1rem}.modalFooter{border-top:1px solid var(--border);padding:1rem 1.1rem 1.1rem}.modalFooterActions{display:flex;justify-content:flex-end;gap:.6rem}.modalForm .stickyActions{position:static;padding-inline:0}.loadingCard{justify-items:center;text-align:center}.spin{animation:spin .9s linear infinite}.mobileMenuButton,.sidebarClose{display:none}.backdrop{background:#00000073;top:0;right:0;bottom:0;left:0;position:fixed;border:0;z-index:30}@keyframes spin{to{transform:rotate(360deg)}}.sidebar::-webkit-scrollbar,.tableWrap::-webkit-scrollbar,.stackList::-webkit-scrollbar{width:10px;height:10px}.sidebar::-webkit-scrollbar-thumb,.tableWrap::-webkit-scrollbar-thumb,.stackList::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 22%,transparent);border-radius:999px}.subscriptionSyncCard{gap:1rem}.syncResultGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.syncMetric{border:1px solid var(--border);border-radius:14px;padding:.75rem;display:grid;gap:.3rem;background:color-mix(in srgb,var(--panel) 82%,transparent)}.syncMetric span{color:var(--muted);font-size:.76rem}.syncMetric strong{font-size:1.05rem}.syncMetric.success strong{color:var(--success)}.syncMetric.warn strong{color:var(--warning)}.syncMetric.danger strong{color:var(--danger)}.syncMetric.info strong{color:var(--accent)}.geoDiagnostics{padding:.8rem;border-radius:14px;border:1px dashed color-mix(in srgb,var(--accent) 32%,var(--border));background:color-mix(in srgb,var(--accent) 5%,transparent);display:grid;gap:.65rem}.geoDiagnosticsHeader{display:flex;gap:.4rem;flex-wrap:wrap}.geoDiagnosticsGrid,.sessionMetaGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .8rem;color:var(--muted);font-size:.78rem}.geoDiagnosticsGrid strong,.sessionMetaGrid strong{color:var(--text)}.tourEditor{display:grid;gap:.9rem;padding-top:1rem;border-top:1px solid var(--border)}.tourStepList{display:grid;gap:.75rem}.tourStepCard,.sessionCard{display:grid;gap:.8rem;border:1px solid var(--border);border-radius:18px;padding:1rem;background:color-mix(in srgb,var(--panel) 86%,transparent)}.rowActions.compact{gap:.25rem}.rowActions.compact .button{min-width:38px;padding-inline:.65rem}.trafficPage{display:grid;gap:1rem}.trafficFilters{display:flex;gap:.8rem;flex-wrap:wrap;align-items:flex-end}.segmentedControl{display:inline-flex;gap:.25rem;padding:.3rem;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 76%,transparent)}.segmentedControl button{border:0;border-radius:10px;background:transparent;color:var(--muted);padding:.65rem .9rem;cursor:pointer;font:inherit}.segmentedControl button.active{background:var(--accent);color:#fff}.customDateFields{display:flex;gap:.6rem}.customDateFields .field{min-width:150px}.trafficSearch{max-width:300px;margin-inline-start:auto}.trafficStats{grid-template-columns:repeat(5,minmax(0,1fr))}.trafficTable{min-width:940px}.inlineLoading{min-height:120px;display:flex;align-items:center;justify-content:center;gap:.55rem;color:var(--muted)}.pager{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;color:var(--muted)}.sessionList{display:grid;gap:.75rem}@media(max-width:1180px){.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardHero,.chartGrid,.countryGrid,.splitLayout,.splitLayout.wide{grid-template-columns:1fr}.trafficStats,.syncResultGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.appShell{grid-template-columns:1fr}.sidebar{inset-inline-start:0;position:fixed;top:0;width:min(86vw,320px);transform:translate(110%);transition:transform .18s ease;z-index:35}.sidebar.open{transform:translate(0)}.mobileMenuButton,.sidebarClose{display:inline-flex}.sidebarClose{margin-inline-start:auto}.workspace{width:100%}.topbar{padding-inline:1rem;flex-wrap:wrap}.mainContent{padding-inline:1rem}.chartGrid,.statsGrid,.countryGrid,.formGrid.two,.formGrid.three,.donutChartWrap,.barChartRow,.usageControl{grid-template-columns:1fr}.trafficFilters,.customDateFields{align-items:stretch}.trafficSearch{max-width:none;width:100%;margin-inline-start:0}}@media(max-width:640px){.topbarLeft{align-items:flex-start}.topbarActions{width:100%}.topbarActions .button{flex:1 1 auto}.button{width:auto}.dashboardHero,.splitLayout,.splitLayout.wide,.statsGrid{grid-template-columns:1fr}.tableWrap{padding-inline:.7rem}.dataTable th,.dataTable td{padding-inline:.6rem}.modalCard{max-height:94vh;border-radius:22px}.trafficStats,.syncResultGrid,.geoDiagnosticsGrid,.sessionMetaGrid{grid-template-columns:1fr}.segmentedControl{width:100%;overflow-x:auto}.segmentedControl button{flex:1 0 auto}.customDateFields{width:100%;display:grid;grid-template-columns:1fr}.pager{justify-content:space-between}}