:root{
  --bg:#f5f7fb;--surface:#fff;--surface-2:#f8faff;--surface-3:#f1f5fb;--text:#12213f;--muted:#8190aa;--line:#e8edf5;
  --primary:#1267ed;--primary-2:#0c55cf;--success:#19a967;--warning:#f3a11a;--danger:#e83b49;--purple:#7a58ef;
  --shadow:0 14px 42px rgba(41,68,112,.08);--shadow-soft:0 8px 25px rgba(41,68,112,.06);--sidebar:248px;--radius:20px;
}
:root[data-theme="dark"]{
  --bg:#09111f;--surface:#101b2d;--surface-2:#14233a;--surface-3:#182942;--text:#eef5ff;--muted:#9dadc5;--line:#243754;
  --primary:#2b7cff;--primary-2:#1b63dc;--success:#32cb88;--warning:#ffb43d;--danger:#ff5a68;--purple:#9b82ff;
  --shadow:0 18px 55px rgba(0,0,0,.34);--shadow-soft:0 10px 30px rgba(0,0,0,.2)
}
*{box-sizing:border-box}html{font-family:"Vazirmatn","IRANSansX","Segoe UI",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:var(--sidebar);background:var(--surface);border-left:1px solid var(--line);padding:18px 13px;display:flex;flex-direction:column;z-index:50;box-shadow:-10px 0 35px rgba(35,61,105,.025)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:6px 8px 18px;border-bottom:1px solid var(--line)}.sidebar-brand strong{display:block;font-size:14px;font-weight:800;line-height:1.5}.sidebar-brand small{display:block;color:var(--muted);margin-top:3px;font-size:11px}.shield-logo{width:50px;height:56px;flex:0 0 auto;border:4px solid var(--primary);clip-path:polygon(50% 0,96% 15%,91% 72%,50% 100%,9% 72%,4% 15%);display:grid;place-items:center;color:var(--primary);font-weight:900;font-size:11px;background:linear-gradient(145deg,rgba(20,103,238,.12),transparent)}.nav-list{padding:14px 0;display:flex;flex-direction:column;gap:4px;overflow:auto;scrollbar-width:thin}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:var(--text);font-size:12.5px;font-weight:600;transition:.2s}.nav-item span{width:24px;height:24px;display:grid;place-items:center;color:#7282a0;font-weight:800;font-size:10px;border-radius:8px}.nav-item:hover{background:var(--surface-2);transform:translateX(-2px)}.nav-item.active{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:white;box-shadow:0 9px 25px rgba(20,103,238,.26)}.nav-item.active span{color:white;background:rgba(255,255,255,.12)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:14px 6px 2px;display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-footer small{display:block;color:var(--muted);font-size:10px}.sidebar-footer strong{font-size:12px}.main-area{grid-column:2;min-width:0}.topbar{height:86px;background:rgba(255,255,255,.88);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:20}:root[data-theme="dark"] .topbar{background:rgba(16,27,45,.9)}.topbar-title{display:flex;align-items:center;gap:14px}.topbar-title h1{font-size:22px;margin:0 0 3px;font-weight:900;letter-spacing:-.2px}.topbar-title p{margin:0;color:var(--muted);font-size:12px}.topbar-actions{display:flex;align-items:center;gap:16px}.admin-chip{display:flex;align-items:center;gap:9px;padding:5px 7px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#7aa8ff);color:white;font-weight:900;box-shadow:0 7px 20px rgba(20,103,238,.22)}.admin-chip strong,.admin-chip small{display:block}.admin-chip strong{font-size:12px}.admin-chip small{font-size:10px;color:var(--muted)}.theme-control{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;background:var(--surface-2);border:1px solid var(--line);padding:6px 8px;border-radius:12px}.theme-control select{border:0;background:transparent;color:var(--text);border-radius:8px;padding:5px 7px;width:auto;min-width:105px}.theme-icon{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--primary);font-size:14px}.icon-button{border:0;background:var(--surface-2);color:var(--text);width:42px;height:42px;border-radius:12px;cursor:pointer}.mobile-menu{display:none}.page-content{padding:26px 30px 56px;max-width:1600px;margin:auto}.flash{padding:12px 14px;border-radius:12px;margin-bottom:16px;font-size:13px}.flash.success{background:rgba(22,167,104,.1);color:var(--success)}.flash.info{background:rgba(20,103,238,.1);color:var(--primary)}.flash.danger{background:rgba(232,59,71,.1);color:var(--danger)}
.dashboard-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;direction:ltr}.dashboard-layout>*{direction:rtl}.stats-column{display:flex;flex-direction:column;gap:14px}.mini-stat,.panel,.control-card,.feature-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:var(--radius)}.mini-stat{padding:17px 16px;min-height:140px;position:relative;overflow:hidden}.mini-stat:after{content:"";position:absolute;left:-25px;bottom:-40px;width:100px;height:100px;border-radius:50%;background:currentColor;opacity:.035}.mini-stat-top{display:flex;align-items:center;justify-content:space-between}.mini-stat-top i{font-style:normal;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:currentColor;color:#fff;font-size:13px}.mini-stat span,.mini-stat small{display:block;color:var(--muted);font-size:11px}.mini-stat strong{font-size:26px;display:block;margin:8px 0 1px;font-weight:900}.mini-stat.success{color:var(--success)}.mini-stat.warning{color:var(--warning)}.mini-stat.primary{color:var(--primary)}.sparkline{height:30px;margin-top:11px;color:inherit;border-bottom:2px solid currentColor;opacity:.8;clip-path:polygon(0 70%,14% 46%,28% 62%,44% 27%,59% 53%,74% 23%,100% 42%,100% 100%,0 100%)}.dashboard-main{display:flex;flex-direction:column;gap:18px}.control-card{padding:23px}.welcome-row,.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.welcome-row h2,.panel-header h3{margin:0}.welcome-row h2{font-size:18px;font-weight:900}.welcome-row p{margin:5px 0 0;color:var(--muted);font-size:11px}.live-state{display:flex;align-items:center;gap:7px;background:rgba(22,167,104,.1);color:var(--success);padding:7px 10px;border-radius:30px;font-size:10px;font-weight:700}.live-state span{width:7px;height:7px;border-radius:50%;background:currentColor}.control-status{margin:17px 0;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2);display:flex;align-items:center;justify-content:space-between}.control-status>div{display:flex;align-items:center;gap:11px}.control-status strong,.control-status small{display:block}.control-status strong{font-size:18px;font-weight:900}.control-status small{margin-top:3px;color:var(--muted);font-size:10px}.control-status em{font-style:normal;color:var(--muted);font-size:10px}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--warning);box-shadow:0 0 0 6px rgba(243,163,27,.12)}.active-state .status-dot{background:var(--success);box-shadow:0 0 0 6px rgba(22,167,104,.12)}.danger-state .status-dot{background:var(--danger);box-shadow:0 0 0 6px rgba(232,59,71,.12)}.command-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.btn{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:11px;padding:11px 14px;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:700}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(35,61,105,.08)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));border-color:transparent;color:#fff}.btn-success{background:var(--success);border-color:transparent;color:#fff}.btn-warning{background:rgba(243,163,27,.08);border-color:rgba(243,163,27,.3);color:var(--warning)}.btn-danger{background:rgba(232,59,71,.08);border-color:rgba(232,59,71,.3);color:var(--danger)}.btn-soft{background:var(--surface-2)}.btn-large{width:100%;padding:13px}.quick-actions{margin-top:11px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-actions a{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:9px;text-align:center;color:var(--muted);font-size:10px}.mode-switcher{margin-top:12px;display:flex;gap:7px;flex-wrap:wrap;align-items:center}.mode-switcher>span{font-size:10px;color:var(--muted);margin-left:3px}.mode-switcher button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:7px 10px;border-radius:8px;cursor:pointer;font-size:10px}.mode-switcher .selected{background:var(--primary);border-color:var(--primary);color:white}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.feature-card{padding:20px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:158px;transition:.2s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-card.wide{grid-column:span 2;min-height:112px}.feature-card strong{font-size:13px;font-weight:800}.feature-card small{color:var(--muted);font-size:10px;line-height:1.7}.feature-card b{margin-top:auto;color:var(--primary);font-size:10px}.feature-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:900}.feature-icon.blue{background:rgba(20,103,238,.11);color:var(--primary)}.feature-icon.green{background:rgba(22,167,104,.11);color:var(--success)}.feature-icon.purple{background:rgba(128,82,255,.11);color:var(--purple)}.feature-icon.pink{background:rgba(238,64,126,.11);color:#ee407e}.dashboard-bottom{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}.panel{padding:19px}.panel-header{margin-bottom:14px}.panel-header h3{font-size:16px;font-weight:900}.panel-header a,.text-link{color:var(--primary);font-size:10px;font-weight:700}.eyebrow{color:var(--primary);font-size:9px;display:block;margin-bottom:3px}.timeline{display:flex;flex-direction:column}.timeline-item{display:grid;grid-template-columns:10px minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.timeline-item:last-child{border-bottom:0}.timeline-item>span{width:8px;height:8px;border-radius:50%;background:var(--primary);margin-top:6px}.timeline-item strong,.timeline-item small{display:block}.timeline-item strong{font-size:11px}.timeline-item small{color:var(--muted);font-size:9px;margin-top:3px}.chart-badge{font-size:9px;padding:4px 8px;border-radius:20px;background:rgba(22,167,104,.1);color:var(--success)}.activity-chart{height:190px;border-radius:14px;background:linear-gradient(180deg,rgba(20,103,238,.06),transparent);position:relative;overflow:hidden;border:1px solid var(--line)}.activity-chart i{position:absolute;right:0;left:0;border-top:1px dashed var(--line)}.activity-chart i:nth-child(1){top:20%}.activity-chart i:nth-child(2){top:40%}.activity-chart i:nth-child(3){top:60%}.activity-chart i:nth-child(4){top:80%}.activity-chart svg{position:absolute;inset:20px 14px 10px;width:calc(100% - 28px);height:calc(100% - 30px);color:var(--primary)}.chart-summary{display:grid;grid-template-columns:repeat(4,1fr);margin-top:13px}.chart-summary div{text-align:center;border-left:1px solid var(--line)}.chart-summary div:last-child{border-left:0}.chart-summary span,.chart-summary strong{display:block}.chart-summary span{font-size:9px;color:var(--muted)}.chart-summary strong{font-size:15px;margin-top:3px}.connections-panel{padding-bottom:10px}.integration-list{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.integration-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.integration-logo{width:37px;height:37px;border-radius:11px;background:var(--surface-2);display:grid;place-items:center;color:var(--primary);font-weight:900;font-size:10px}.integration-info strong,.integration-info small{display:block}.integration-info strong{font-size:11.5px}.integration-info small{color:var(--muted);font-size:9.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{font-size:8.5px;padding:5px 8px;border-radius:20px;background:var(--surface-2);color:var(--muted)}.status-connected,.status-healthy,.status-configured,.status-protected_baseline{background:rgba(22,167,104,.1);color:var(--success)}.status-error{background:rgba(232,59,71,.1);color:var(--danger)}.status-pending,.status-saved_not_applied,.status-testing{background:rgba(243,163,27,.1);color:var(--warning)}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid.single{grid-template-columns:1fr}.form-grid .full{grid-column:1/-1}.form-stack{display:flex;flex-direction:column;gap:14px}label>span{display:block;font-size:11px;margin-bottom:6px;color:var(--text);font-weight:700}input,textarea,select{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:11px;padding:11px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(20,103,238,.1)}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-start}.inline-test-form{margin-top:14px;display:flex;align-items:center;gap:10px}.inline-test-form small{color:var(--muted)}.policy-item{display:flex;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;margin-bottom:9px}.policy-item>span{font-weight:800}.policy-item.allow>span{color:var(--success)}.policy-item.deny>span{color:var(--danger)}.policy-item strong,.policy-item p{display:block;margin:0}.policy-item p{color:var(--muted);font-size:10px;margin-top:4px}.secret-state,.safe-chip{font-size:9px;padding:5px 8px;border-radius:20px;background:rgba(243,163,27,.1);color:var(--warning)}.secret-state.ok,.safe-chip{background:rgba(22,167,104,.1);color:var(--success)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th,td{padding:11px;border-bottom:1px solid var(--line);text-align:right}th{color:var(--muted);font-weight:600}.empty-state{color:var(--muted);padding:26px;text-align:center}.password-wrap,.field-with-icon{position:relative}.password-toggle,.field-with-icon i{position:absolute;left:9px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--muted);font-style:normal}.password-toggle{cursor:pointer}.global-toast{position:fixed;left:22px;bottom:22px;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow);padding:12px 16px;border-radius:11px;opacity:0;transform:translateY(16px);pointer-events:none;transition:.2s;z-index:100}.global-toast.show{opacity:1;transform:none}.global-toast.error{border-color:var(--danger);color:var(--danger)}
.login-page{background:radial-gradient(circle at 20% 10%,rgba(20,103,238,.06),transparent 34%),var(--bg);min-height:100vh}.login-layout{min-height:100vh;display:grid;grid-template-columns:390px minmax(0,1fr);gap:30px;align-items:center;max-width:1360px;margin:auto;padding:34px}.login-brand-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;padding:42px 32px;text-align:center}.login-shield{margin:0 auto 20px;width:90px;height:102px;font-size:15px}.login-brand-panel h1{font-size:23px;margin:0;font-weight:900}.login-brand-panel>p{color:var(--muted);margin:7px 0 25px}.login-form-card{border:1px solid var(--line);background:var(--surface-2);border-radius:18px;padding:24px;text-align:right}.login-form-card h2{margin:0 0 5px;font-size:18px;text-align:center}.login-form-card>p{color:var(--muted);font-size:11px;text-align:center;margin:0 0 18px}.copyright{display:block;margin-top:21px;color:var(--muted);font-size:10px}.login-preview-panel{position:relative;min-height:690px;border-radius:28px;background:linear-gradient(135deg,rgba(20,103,238,.055),rgba(128,82,255,.055));display:grid;place-items:center;overflow:hidden}.preview-shell{width:80%;height:72%;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);display:grid;grid-template-columns:105px 1fr;overflow:hidden;transform:perspective(1200px) rotateY(2deg)}.preview-sidebar{background:linear-gradient(180deg,#0e63e8,#0a4bb8)}.preview-content{padding:20px}.preview-bar{height:36px;border-bottom:1px solid var(--line)}.preview-hero{height:132px;background:linear-gradient(135deg,rgba(20,103,238,.11),rgba(20,103,238,.03));border:1px solid var(--line);border-radius:15px;margin:19px 0}.preview-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.preview-cards i,.preview-bottom i{display:block;background:var(--surface-2);border:1px solid var(--line);border-radius:13px}.preview-cards i{height:96px}.preview-bottom{display:grid;grid-template-columns:1.35fr 1fr;gap:10px;margin-top:12px}.preview-bottom i{height:145px}.login-copy{position:absolute;bottom:35px;right:40px;left:40px;text-align:center}.login-copy span{color:var(--primary);font-size:11px}.login-copy h2{margin:7px 0;font-size:25px}.login-copy p{color:var(--muted);font-size:12px;max-width:620px;margin:auto}.sidebar-backdrop{display:none}.release-hero{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;padding:22px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.version-row{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.version-number{font-weight:800;color:var(--primary)}.filter-bar{display:flex;gap:8px;margin-bottom:14px}.filter-bar input{max-width:420px}
@media(max-width:1180px){.feature-grid{grid-template-columns:repeat(2,1fr)}.integration-list{grid-template-columns:1fr}.dashboard-bottom{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr;max-width:560px}.login-preview-panel{display:none}}
@media(max-width:960px){.dashboard-layout{grid-template-columns:1fr}.stats-column{display:grid;grid-template-columns:repeat(4,1fr);order:2}.dashboard-main{order:1}.mini-stat{min-height:120px}.two-column{grid-template-columns:1fr}}
@media(max-width:820px){.app-shell{display:block}.sidebar{transform:translateX(110%);transition:.25s;box-shadow:var(--shadow)}.app-shell.menu-open .sidebar{transform:none}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(4,12,25,.48);opacity:0;pointer-events:none;z-index:40;transition:.2s}.app-shell.menu-open .sidebar-backdrop{opacity:1;pointer-events:auto}.main-area{grid-column:auto}.mobile-menu{display:grid;place-items:center}.topbar{height:auto;min-height:76px;padding:12px 16px}.topbar-actions{gap:7px}.admin-chip div:last-child,.theme-label{display:none}.page-content{padding:16px}.command-row{grid-template-columns:1fr 1fr}.quick-actions{grid-template-columns:1fr 1fr}.stats-column{grid-template-columns:1fr 1fr}.login-layout{padding:16px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
@media(max-width:560px){html{font-size:14px}.topbar-title h1{font-size:18px}.topbar-title p{font-size:10px}.theme-control{padding:5px}.theme-control select{min-width:86px;width:86px;padding:5px}.theme-icon{display:none}.stats-column{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.feature-card.wide{grid-column:auto}.command-row{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr 1fr}.mode-switcher{display:grid;grid-template-columns:1fr 1fr}.mode-switcher>span{grid-column:1/-1}.control-status{align-items:flex-start;flex-direction:column;gap:8px}.control-status strong{font-size:16px}.control-status em{align-self:flex-end}.welcome-row{align-items:flex-start;flex-direction:column}.dashboard-bottom{gap:12px}.panel,.control-card{padding:15px}.chart-summary{grid-template-columns:1fr 1fr;gap:10px}.chart-summary div{border-left:0;border-bottom:1px solid var(--line);padding-bottom:8px}.integration-list{grid-template-columns:1fr}.login-brand-panel{padding:30px 18px}.version-row{grid-template-columns:1fr}.integration-info small{white-space:normal}.sidebar{width:min(86vw,300px)}}