:root{color-scheme:light;--bg: #f4f7f9;--surface: #fff;--surface-soft: #f8fafb;--sidebar: #10201f;--sidebar-muted: #aabdb8;--text: #172523;--muted: #64736f;--line: #e2e9e6;--brand: #087e6b;--brand-strong: #056452;--brand-soft: #def4ed;--success: #11885e;--warning: #bf7413;--warning-soft: #fff2dd;--danger: #bd3b48;--danger-soft: #fdebed;--shadow: 0 10px 28px rgb(19 48 40 / 7%);--radius: 14px;font-family:Vazirmatn,IRANSansX,Inter,ui-sans-serif,system-ui,sans-serif;background:var(--bg);color:var(--text)}:root[data-theme=dark]{color-scheme:dark;--bg: #101817;--surface: #172321;--surface-soft: #1b2927;--sidebar: #0b1211;--sidebar-muted: #95aaa4;--text: #e7f0ed;--muted: #a2b2ae;--line: #2c3d38;--brand: #4ed5ae;--brand-strong: #72e1c0;--brand-soft: #163d34;--success: #62d7a6;--warning: #f0b65b;--warning-soft: #403321;--danger: #ff9ba5;--danger-soft: #472a2e;--shadow: 0 10px 30px rgb(0 0 0 / 20%)}@media(prefers-color-scheme:dark){:root[data-theme=system]{color-scheme:dark;--bg: #101817;--surface: #172321;--surface-soft: #1b2927;--sidebar: #0b1211;--sidebar-muted: #95aaa4;--text: #e7f0ed;--muted: #a2b2ae;--line: #2c3d38;--brand: #4ed5ae;--brand-strong: #72e1c0;--brand-soft: #163d34;--success: #62d7a6;--warning: #f0b65b;--warning-soft: #403321;--danger: #ff9ba5;--danger-soft: #472a2e;--shadow: 0 10px 30px rgb(0 0 0 / 20%)}}*{box-sizing:border-box}html,body,#root{max-inline-size:100%;min-inline-size:0}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,tr:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 65%,transparent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:20;inset-block-start:-80px;inset-inline-start:16px;background:var(--brand);color:#fff;padding:10px 14px;border-radius:8px}.skip-link:focus{inset-block-start:16px}.app-shell.locale-fa{direction:rtl;grid-template-columns:minmax(0,1fr) 270px}.app-shell.locale-en{direction:ltr;grid-template-columns:270px minmax(0,1fr)}.locale-en,.locale-en input,.locale-en select,.locale-en textarea{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.locale-en .sidebar{border-inline-start:0;border-inline-end:1px solid rgb(255 255 255 / 6%)}.locale-en .sidebar nav button.active{box-shadow:inset 3px 0 #6ae3bd}@media(max-width:820px){.app-shell.locale-fa,.app-shell.locale-en{grid-template-columns:1fr}.locale-fa .sidebar{inset:0 0 0 auto;transform:translate(-100%)}.locale-fa .sidebar.open{transform:translate(0)}.locale-en .sidebar{inset:0 auto 0 0;transform:translate(-100%)}.locale-en .sidebar.open{transform:translate(0)}}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr);direction:rtl}.sidebar{position:sticky;inset-block-start:0;height:100vh;background:var(--sidebar);color:#fff;padding:24px 14px 16px;display:flex;flex-direction:column;border-inline-start:1px solid rgb(255 255 255 / 6%)}.brand{padding:4px 12px 25px;display:flex;align-items:center;gap:11px}.brand-mark{inline-size:38px;block-size:38px;border-radius:11px;display:grid;place-content:center;background:linear-gradient(135deg,var(--brand),#25af88);font-weight:800;font-size:20px}.brand strong{font-family:Inter,sans-serif;letter-spacing:.08em;font-size:20px}.brand span{display:block;color:var(--sidebar-muted);font-size:10px;margin-block-start:3px;max-inline-size:160px;line-height:1.4}.sidebar nav{display:grid;gap:4px}.sidebar nav button{border:0;background:transparent;color:var(--sidebar-muted);padding:11px 12px;border-radius:9px;text-align:start;display:flex;gap:12px;align-items:center;font-weight:560;min-block-size:44px}.sidebar nav button i{inline-size:18px;font-size:18px;font-style:normal;text-align:center;color:#bcd3cb}.sidebar nav button:hover{background:#ffffff14;color:#fff}.sidebar nav button.active{color:#fff;background:color-mix(in srgb,var(--brand) 65%,transparent);box-shadow:inset -3px 0 #6ae3bd}.sidebar-footer{margin-block-start:auto;border-block-start:1px solid rgb(255 255 255 / 10%);padding:16px 6px 0}.user-card{display:flex;align-items:center;gap:9px}.avatar{inline-size:32px;block-size:32px;display:grid;place-content:center;background:#39564e;border-radius:50%;font-weight:700}.user-card strong,.user-card small{display:block;font-size:12px}.user-card small{color:var(--sidebar-muted);margin-block-start:3px;font-size:10px}.role-switch{display:block;color:var(--sidebar-muted);font-size:10px;margin:14px 3px 0}.role-switch select{margin-block-start:5px;inline-size:100%;background:#1d312d;color:#fff;border:1px solid #405951;border-radius:7px;padding:7px;font-size:11px}.workspace{min-width:0}.topbar{min-height:72px;display:flex;gap:18px;align-items:center;padding:12px clamp(18px,3vw,42px);border-block-end:1px solid var(--line);background:color-mix(in srgb,var(--surface) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;z-index:5;inset-block-start:0}.context-selectors{display:flex;gap:12px}.context-selectors label{color:var(--muted);font-size:10px;display:grid;gap:2px}.context-selectors select{color:var(--text);background:transparent;border:0;font-weight:700;padding:0;font-size:13px}.top-actions{margin-inline-start:auto;display:flex;align-items:center;gap:8px}.global-search{display:flex;align-items:center;gap:7px;background:var(--surface-soft);border:1px solid var(--line);border-radius:9px;padding:0 10px;color:var(--muted)}.global-search input{border:0;outline:0;background:transparent;color:var(--text);block-size:36px;inline-size:190px;font-size:12px}.icon-button{position:relative;border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:9px;inline-size:36px;block-size:36px;font-size:18px;display:inline-grid;place-content:center}.icon-button:hover{color:var(--brand);border-color:var(--brand)}.icon-button b{position:absolute;inline-size:6px;block-size:6px;background:var(--danger);border-radius:50%;inset-block-start:7px;inset-inline-end:8px}.compact-select{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:7px;font-size:11px}.locale-button{border:0;background:transparent;color:var(--brand);font-weight:800;font-family:Inter,sans-serif;padding:8px}.content{max-inline-size:1480px;margin:auto;padding:37px clamp(18px,3vw,42px) 60px}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-block-end:27px}.eyebrow{margin:0 0 6px;color:var(--brand);font-size:11px;font-weight:750;letter-spacing:.04em}.page-header h1{margin:0;letter-spacing:-.025em;font-size:clamp(25px,3vw,34px)}.subtle,.card p{color:var(--muted);margin:7px 0 0;line-height:1.7;font-size:13px}.header-actions{display:flex;align-items:center;gap:8px}.button{min-block-size:40px;border:1px solid var(--brand);background:var(--brand);color:#fff;padding:8px 14px;border-radius:9px;font-size:12px;font-weight:700}.button:hover{background:var(--brand-strong)}.button.secondary{color:var(--brand);background:transparent}.text-button{color:var(--brand);border:0;background:transparent;font-weight:700;font-size:12px;padding:5px}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{padding:17px;min-block-size:125px;display:flex;flex-direction:column;align-items:flex-start}.metric-label{color:var(--muted);font-size:12px}.metric strong{font-size:29px;letter-spacing:-.03em;margin-block-start:auto}.trend{font-size:10px;font-weight:650;margin-block-start:6px}.trend.success{color:var(--success)}.trend.warning{color:var(--warning)}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;margin-block-start:14px}.chart-card,.alerts{padding:19px}.card-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.card-heading h2,.setup-card h2,.state-panel h2{margin:0;font-size:15px}.chart{block-size:200px;display:flex;align-items:end;gap:clamp(5px,1.2vw,13px);padding:24px 4px 0;border-block-end:1px solid var(--line)}.bar-wrap{flex:1;block-size:100%;display:flex;flex-direction:column;justify-content:end;gap:7px;text-align:center;color:var(--muted);font-size:9px;direction:ltr}.bar{background:linear-gradient(to top,var(--brand),#59cda9);border-radius:5px 5px 1px 1px;min-block-size:10px;transition:block-size .2s}.bar-wrap:hover .bar{background:var(--brand-strong)}.alert-row{display:flex;align-items:center;gap:10px;padding:15px 0;border-block-end:1px solid var(--line)}.alert-row:last-child{border:0}.alert-row div{flex:1}.alert-row strong{font-size:12px}.alert-row p{font-size:11px;margin-block-start:3px}.status-dot{inline-size:9px;block-size:9px;border-radius:50%}.status-dot.success{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 15%,transparent)}.status-dot.warning{background:var(--warning);box-shadow:0 0 0 4px color-mix(in srgb,var(--warning) 17%,transparent)}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;white-space:nowrap;font-weight:700}.badge.success{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.badge.warning{color:var(--warning);background:var(--warning-soft)}.badge.danger{color:var(--danger);background:var(--danger-soft)}.badge.neutral{color:var(--muted);background:var(--surface-soft)}.live-indicator{color:var(--success);font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:5px}.live-indicator i{inline-size:8px;block-size:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 16%,transparent)}.filters{display:flex;gap:12px;align-items:end;padding:14px;margin-block-end:14px}.filters label{display:grid;gap:5px;font-size:11px;color:var(--muted)}.filters select,.filters input{color:var(--text);background:var(--surface-soft);border:1px solid var(--line);border-radius:7px;min-block-size:36px;padding:6px 8px;min-inline-size:130px}.filters .search-field{flex:1}.filters .search-field input{inline-size:100%}.table-card{overflow:hidden}.table-card>.card-heading{padding:19px 19px 12px}.table-scroll{overflow-x:auto}table{inline-size:100%;min-inline-size:720px;border-collapse:collapse;text-align:start}th,td{padding:13px 19px;border-block-end:1px solid var(--line);white-space:nowrap;font-size:12px}th{color:var(--muted);background:var(--surface-soft);font-size:10px;font-weight:650}tr{transition:background .15s}tbody tr:hover{background:color-mix(in srgb,var(--brand-soft) 45%,transparent);cursor:pointer}td strong{font-size:12px}.ltr{direction:ltr;text-align:right;font-family:Inter,ui-monospace,monospace}.muted{color:var(--muted)}.pii{font-feature-settings:"tnum"}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:11px 19px;color:var(--muted);font-size:11px}.table-footer .icon-button{inline-size:28px;block-size:28px}.table-footer .icon-button:disabled{opacity:.4;cursor:not-allowed}.state-panel{border:1px dashed var(--line);border-radius:var(--radius);min-block-size:150px;display:flex;align-items:center;justify-content:center;gap:14px;padding:25px;text-align:center;background:var(--surface-soft);margin-block-start:14px}.state-panel>span{color:var(--brand);font-size:28px}.state-panel h2{font-size:15px}.state-panel p{color:var(--muted);font-size:12px;margin:6px 0 12px}.state-panel.error{border-color:var(--danger)}.state-panel.error>span{color:var(--danger)}.skeleton-table{padding:20px;display:grid;gap:12px}.skeleton-table i{display:block;block-size:36px;border-radius:6px;background:linear-gradient(90deg,var(--surface-soft),var(--line),var(--surface-soft));background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.setup-card{min-block-size:190px;padding:20px;display:flex;flex-direction:column;align-items:start}.step{color:var(--brand);background:var(--brand-soft);border-radius:6px;padding:4px 7px;font-family:Inter,sans-serif;font-size:11px;font-weight:750;margin-block-end:auto}.setup-card .text-button{margin-block-start:12px}.onboarding{margin-block-start:14px;padding:20px}.onboarding ol{list-style:none;padding:0;margin:24px 0 3px;display:grid;grid-template-columns:repeat(8,minmax(80px,1fr));overflow-x:auto}.onboarding li{position:relative;min-inline-size:90px;display:grid;gap:7px;justify-items:center;color:var(--muted);font-size:10px}.onboarding li:not(:last-child):after{content:"";position:absolute;block-size:1px;background:var(--line);inline-size:calc(100% - 25px);inset-block-start:13px;inset-inline-start:calc(50% + 13px)}.onboarding li span{z-index:1;inline-size:27px;block-size:27px;display:grid;place-content:center;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-family:Inter,sans-serif}.onboarding li.complete span{border-color:var(--success);background:var(--success);color:#fff}.onboarding li.current{color:var(--brand);font-weight:700}.onboarding li.current span{border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}@media(max-width:1040px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:1fr 1fr}.global-search input{inline-size:120px}}.menu-toggle{display:none}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:15;inset:0 auto 0 0;inline-size:270px;transform:translate(100%);transition:transform .2s;box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:0 0 0 100vmax #0000005c}.menu-toggle{display:inline-grid}.context-selectors label:last-child{display:none}.global-search{display:none}.content{padding-block-start:26px}.page-header{align-items:start;flex-direction:column}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:560px){.topbar{gap:8px;padding-inline:12px}.compact-select{inline-size:70px}.context-selectors select{max-inline-size:135px}.metrics-grid,.module-grid{grid-template-columns:1fr}.filters{align-items:stretch;flex-direction:column}.filters select{inline-size:100%}.header-actions{flex-wrap:wrap}.content{padding-inline:14px}.page-header h1{font-size:25px}}.configuration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-block-start:14px}.config-card{padding:20px}.config-card.wide{grid-column:1 / -1}.config-card h2{margin:0 0 15px;font-size:15px}.config-card>p{color:var(--muted);line-height:1.7;font-size:13px}.config-card form{display:grid;gap:11px}.config-card label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:650}.config-card input,.config-card select,.config-card textarea{min-block-size:38px;width:100%;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:var(--surface-soft);color:var(--text)}.config-card textarea{min-block-size:88px;resize:vertical;direction:ltr;text-align:start;font-family:ui-monospace,monospace}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.form-grid .full{grid-column:1 / -1}.form-message{margin:14px 0 0;padding:10px 13px;border-radius:8px;background:var(--brand-soft);color:var(--brand-strong);font-size:12px}.error-message{background:var(--danger-soft);color:var(--danger)}.record-list{margin-block-start:16px;border-block-start:1px solid var(--line)}.record-list p{margin:0;padding:9px 0;border-block-end:1px solid var(--line);color:var(--text);font-size:11px;line-height:1.5}@media(max-width:1040px){.form-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.configuration-grid,.form-grid{grid-template-columns:1fr}}.selected-resources,.lifecycle-card,.secret-once{margin-block-start:14px;padding:20px}.selected-resources{display:grid;grid-template-columns:1fr 1fr;gap:24px}.selected-resources h2,.lifecycle-card h2,.secret-once h2{margin:0;font-size:15px}.selection-list{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:12px}.selection-list button{border:1px solid var(--line);background:var(--surface-soft);color:var(--text);border-radius:8px;padding:8px 10px;text-align:start;display:grid;gap:4px;font-size:12px}.selection-list button.selected{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.selection-list small{color:var(--muted)}.lifecycle-card{display:flex;align-items:center;justify-content:space-between;gap:18px}.lifecycle-card ul{margin:10px 0 0;padding-inline-start:20px;color:var(--warning);font-size:12px}.success-text{color:var(--success)!important}.scope-set{border:1px solid var(--line);border-radius:8px;padding:10px;display:grid;gap:8px}.scope-set legend{color:var(--muted);font-size:11px}.scope-set label{display:flex;align-items:center;gap:7px;color:var(--text)}.scope-set input{min-block-size:auto;width:auto}.record-actions{display:grid;gap:0}.record-actions article,.library-item{display:flex;justify-content:space-between;align-items:start;gap:10px;padding:12px 0;border-block-end:1px solid var(--line)}.record-actions article:last-child,.library-item:last-child{border-block-end:0}.record-actions strong,.library-item strong{font-size:12px}.record-actions p,.library-item p{font-size:11px;margin:5px 0}.record-actions small{font-size:10px;color:var(--muted)}.danger-button{color:var(--danger)}.secret-once code{display:block;direction:ltr;overflow-wrap:anywhere;margin:14px 0;padding:11px;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:12px}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.library-grid h3{margin:0;font-size:13px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-shell .state-panel{max-width:550px}.sidebar-logout{color:#fff;margin-block-start:12px}.success-text{color:var(--success)}@media(max-width:720px){.selected-resources,.library-grid{grid-template-columns:1fr}.lifecycle-card{align-items:start;flex-direction:column}}.identity-providers{margin-block-start:0}.identity-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:22px;margin-block-start:16px}.identity-grid .form-grid{margin:0}.checkbox-line{align-self:center;display:flex!important;align-items:center;gap:8px;min-block-size:38px;color:var(--text)!important}.checkbox-line input{inline-size:auto!important;min-block-size:auto!important}.form-actions{display:flex;gap:8px;align-items:center}.provider-list{border-inline-start:1px solid var(--line);padding-inline-start:18px}.provider-list h3{margin:0 0 10px;font-size:13px}.provider-list article{padding:11px 0;border-block-end:1px solid var(--line)}.provider-list article.selected{background:color-mix(in srgb,var(--brand-soft) 55%,transparent);margin-inline:-8px;padding-inline:8px;border-radius:8px}.provider-list article>button{width:100%;border:0;background:transparent;color:var(--text);display:grid;gap:5px;text-align:start;padding:0}.provider-list article>button span,.provider-list article>button small{color:var(--muted);font-size:10px}.provider-list article>div{display:flex;gap:7px;margin-block-start:7px}.error-text{color:var(--danger)!important;font-size:11px!important}@media(max-width:900px){.identity-grid{grid-template-columns:1fr}.provider-list{border-inline-start:0;border-block-start:1px solid var(--line);padding-inline-start:0;padding-block-start:16px}}.live-status{display:inline-flex;align-items:center;gap:7px;min-block-size:38px;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:11px;font-weight:700}.live-status i{inline-size:8px;block-size:8px;border-radius:50%;background:currentColor}.live-status.connected{color:var(--success);background:color-mix(in srgb,var(--success) 10%,transparent);border-color:color-mix(in srgb,var(--success) 45%,var(--line))}.live-status.connecting,.live-status.reconnecting,.live-status.stale{color:var(--warning);background:var(--warning-soft)}.live-status.error{color:var(--danger);background:var(--danger-soft)}.stale-notice{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-block-end:14px;padding:11px 14px;border:1px solid var(--warning);background:var(--warning-soft);border-radius:10px;color:var(--warning);font-size:12px}.stale-notice span{color:var(--muted)}.live-metrics{margin-block-end:14px}.freshness-value{font-size:clamp(18px,2vw,25px)!important}.live-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:14px}.live-card,.quality-card{padding:19px}.live-card .table-scroll{margin:14px -19px -19px}.live-card .table-scroll th,.live-card .table-scroll td{padding-inline:19px}.empty-inline{min-block-size:145px;display:grid;place-items:center;margin:16px 0 0!important;color:var(--muted);font-size:12px;text-align:center}.agent-list{margin-block-start:15px}.agent-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-block-end:1px solid var(--line)}.agent-row:last-child{border-block-end:0}.agent-row>div{display:grid;gap:4px;min-inline-size:0}.agent-row strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-row small{color:var(--muted);font-size:10px}.agent-row .badge{margin-inline-start:auto}.quality-card{margin-block-start:14px}.quality-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:17px 0 0}.quality-list div{padding:12px;border-radius:9px;background:var(--surface-soft);border:1px solid var(--line)}.quality-list dt{color:var(--muted);font-size:10px}.quality-list dd{margin:8px 0 0;color:var(--text);font-size:12px;font-weight:700;overflow-wrap:anywhere}.quality-list dd.ltr{font-size:10px}@media(max-width:960px){.live-grid{grid-template-columns:1fr}.quality-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.live-status{font-size:10px}.quality-list{grid-template-columns:1fr}.stale-notice{align-items:start;flex-direction:column}}@media(max-width:820px){.locale-fa .sidebar{inset:0 0 0 auto;transform:translate(100%)}.locale-en .sidebar{inset:0 auto 0 0;transform:translate(-100%)}.locale-fa .sidebar.open,.locale-en .sidebar.open{transform:translate(0)}}.app-shell.locale-fa,.app-shell.locale-en{direction:ltr;inline-size:100%;overflow-x:clip}.locale-fa .sidebar{grid-column:2;direction:rtl}.locale-fa .workspace{grid-column:1;direction:rtl}.locale-en .sidebar{grid-column:1;direction:ltr}.locale-en .workspace{grid-column:2;direction:ltr}@media(max-width:820px){.locale-fa .sidebar,.locale-en .sidebar,.locale-fa .workspace,.locale-en .workspace{grid-column:1}}
