@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap";:root{font-family:Vazirmatn,Tahoma,Arial,sans-serif;color:#202633;background:#f7f8fa;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #202633;--muted: #77808e;--line: #e8ebef;--surface: #ffffff;--canvas: #f7f8fa;--primary: #315bce;--primary-dark: #2549ae;--success: #16845b;--danger: #c44d55;--shadow: 0 8px 30px rgba(28, 39, 58, .045)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--canvas)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select{min-width:0}.app-shell{min-height:100vh;display:flex;direction:rtl}.sidebar{width:252px;flex:0 0 252px;background:#fff;border-left:1px solid var(--line);min-height:100vh;display:flex;flex-direction:column;padding:25px 17px 16px;position:sticky;top:0;height:100vh;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 7px 29px}.brand-mark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;background:#315bce;font-weight:800;font-size:25px;box-shadow:0 7px 16px #315bce33}.brand-small{width:39px;height:39px;border-radius:12px;font-size:20px}.sidebar-brand strong{display:block;font-size:16px;font-weight:800}.sidebar-brand span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.nav-caption{color:#9ba3ae;font-size:11px;font-weight:600;padding:0 12px 10px}.main-nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#66707f;border-radius:10px;display:flex;align-items:center;gap:12px;padding:12px 13px;text-align:right;font-size:13px;position:relative;transition:.18s ease}.nav-item:hover{background:#f5f7fb;color:var(--ink)}.nav-item.nav-active{color:var(--primary);background:#eff3ff;font-weight:700}.nav-item i{position:absolute;right:0;width:3px;height:22px;background:var(--primary);border-radius:4px 0 0 4px}.sidebar-bottom{margin-top:auto}.security-note{display:flex;align-items:center;gap:8px;color:#16845b;background:#f0faf5;border:1px solid #e2f3e9;border-radius:9px;padding:10px 11px;font-size:11px;margin:0 2px 14px}.sidebar-user{border-top:1px solid var(--line);padding:16px 2px 0;display:flex;align-items:center;gap:9px}.avatar{flex:0 0 auto;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#315bce;background:#eaf0ff;font-weight:700}.sidebar-user-text{flex:1;min-width:0}.sidebar-user-text strong,.sidebar-user-text span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-text strong{font-size:11px}.sidebar-user-text span{font-size:10px;color:var(--muted);margin-top:3px}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid transparent;border-radius:9px;color:#77808e;background:transparent}.icon-button:hover{background:#f3f5f8;border-color:var(--line);color:var(--ink)}.logout-button{margin-right:auto}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:82px;background:#ffffffe0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 35px;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-title{display:flex;align-items:center;gap:10px}.topbar-eyebrow{display:block;color:#9aa2ae;font-size:9px;font-weight:700;letter-spacing:.8px;direction:ltr;text-align:right}.topbar h1{margin:3px 0 0;font-size:18px;font-weight:800}.topbar-actions{display:flex;align-items:center;gap:15px}.connection-indicator{display:flex;align-items:center;gap:7px;color:#718071;font-size:11px}.connection-indicator i,.live-tag i{width:7px;height:7px;border-radius:50%;background:#27a66d;box-shadow:0 0 0 3px #e8f7ef}.content-area{width:100%;max-width:1500px;margin:0 auto;padding:31px 35px 40px;flex:1}.app-footer{display:flex;justify-content:space-between;padding:12px 35px 18px;color:#a0a7b1;font-size:10px;border-top:1px solid #eceef1}.page-stack{display:grid;gap:22px}.welcome-row,.page-intro{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-kicker{color:var(--primary);font-size:11px;font-weight:700}.welcome-row h2,.page-intro h2{margin:5px 0 3px;font-size:21px;font-weight:800}.welcome-row p,.page-intro p{margin:0;color:var(--muted);font-size:12px}.live-tag,.readonly-chip,.count-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:8px;font-size:10px;color:#16845b;background:#eff9f3;border:1px solid #e3f2e8;white-space:nowrap}.readonly-chip{color:#667080;background:#f4f6f8;border-color:#e9edf1}.count-chip{color:#6f7887;background:#fff;border-color:var(--line)}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric-button{text-align:right;padding:0;border:0;background:transparent;border-radius:13px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px 19px;min-height:142px;box-shadow:var(--shadow);transition:.18s ease}.metric-button:hover .metric-card{border-color:#cbd7f6;transform:translateY(-2px)}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:#f0f4ff;color:var(--primary)}.metric-note{font-size:9px;color:#c18735;background:#fff8eb;border-radius:6px;padding:4px 7px}.metric-value{display:block;margin-top:13px;font-size:25px;font-weight:800;line-height:1.15;color:#252d3a}.metric-label{display:block;margin-top:5px;color:var(--muted);font-size:11px}.overview-bottom{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:15px}.panel-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:var(--shadow)}.panel-heading h3,.system-card h3{font-size:14px;margin:0}.panel-heading p,.system-card p{font-size:11px;color:var(--muted);margin:5px 0 0}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px}.quick-grid button{display:grid;grid-template-columns:38px 1fr 18px;grid-template-rows:auto auto;align-items:center;text-align:right;gap:2px 10px;border:1px solid #edf0f3;border-radius:10px;padding:12px;background:#fff;color:var(--ink)}.quick-grid button:hover{background:#fafbff;border-color:#dce4fa}.quick-grid button>span{grid-row:1 / 3;width:36px;height:36px;display:grid;place-items:center;color:var(--primary);background:#f0f4ff;border-radius:10px}.quick-grid button strong{font-size:11px}.quick-grid button small{font-size:9px;color:var(--muted)}.quick-grid button>svg{grid-column:3;grid-row:1 / 3;color:#9aa3b0}.system-card{display:flex;flex-direction:column;align-items:flex-start}.system-icon{width:38px;height:38px;display:grid;place-items:center;color:#16845b;background:#eef9f3;border-radius:11px;margin-bottom:12px}.system-row{width:100%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f1f3;padding:11px 0;margin-top:3px;font-size:10px;color:#687281}.system-row:first-of-type{margin-top:15px}.status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:6px;font-size:10px;white-space:nowrap;font-weight:600}.status-active{color:#16845b;background:#eaf7f0}.status-pending{color:#a66b1e;background:#fff5e5}.status-rejected,.status-suspended{color:#b44d55;background:#fff0f0}.status-inactive{color:#747d89;background:#f0f2f4}.role{display:inline-flex;padding:5px 8px;border-radius:6px;font-size:10px;white-space:nowrap;background:#f0f3f8;color:#566171}.role-superadmin{background:#f0edff;color:#7054bd}.role-quality_manager{background:#eaf2ff;color:#3564b9}.role-supervisor{background:#eaf5fa;color:#31728b}.role-operator{background:#f1f5f1;color:#547b57}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e5e8ed;background:#fff;color:#525d6d;border-radius:8px;padding:9px 13px;font-size:11px;font-weight:600;transition:.16s ease;white-space:nowrap}.button:hover:not(:disabled){background:#f7f8fa;border-color:#d7dce4}.button-primary{background:var(--primary);border-color:var(--primary);color:#fff}.button-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}.button-success{background:#edf8f2;color:#16845b;border-color:#d9efe3}.button-success:hover:not(:disabled){background:#e1f4e9}.button-danger-ghost{background:#fff;color:#b44d55;border-color:#f0dfe0}.button-danger-ghost:hover:not(:disabled){background:#fff5f5}.button-small{padding:6px 9px;font-size:10px;border-radius:7px}.button-normal{min-height:37px}.page-intro{margin-bottom:1px}.filter-bar{display:flex;align-items:end;gap:12px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:11px}.field{display:grid;gap:7px;min-width:0}.field-label{font-size:10px;font-weight:700;color:#596373}.field input,.field select{width:100%;height:39px;padding:0 11px;border:1px solid #e4e8ed;background:#fff;border-radius:8px;outline:none;color:var(--ink);font-size:11px}.field input:focus,.field select:focus{border-color:#9aafea;box-shadow:0 0 0 3px #eff3ff}.filter-bar>.field{width:220px;max-width:100%}.filter-audit>.field{width:260px}.table-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}thead{background:#fafbfc}th{color:#858e9b;font-size:10px;font-weight:700;padding:13px 15px;border-bottom:1px solid var(--line)}td{padding:13px 15px;border-bottom:1px solid #f0f1f3;color:#515b6a;font-size:10px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfcfd}.person-cell{display:flex;align-items:center;gap:9px;min-width:180px}.avatar-table{width:31px;height:31px;border-radius:9px;font-size:11px}.person-cell strong,.person-cell small,.domain-name-cell strong,.domain-name-cell small{display:block}.person-cell strong,.domain-name-cell strong{color:#333d4b;font-size:10px}.person-cell small,.domain-name-cell small{color:#89919d;font-size:9px;margin-top:3px}.date-cell{color:#78818e;font-size:9px}.row-actions{display:flex;align-items:center;gap:5px}.verified{font-size:10px}.verified-yes{color:#16845b}.verified-no{color:#a66b1e}.protected-label{display:inline-flex;align-items:center;gap:4px;color:#7c6aa8;font-size:9px}.pager{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-top:1px solid var(--line);color:#858e9b;font-size:10px}.pager-actions{display:flex;gap:7px}.table-loading,.loading-line{display:flex;align-items:center;justify-content:center;gap:9px;padding:14px;color:#78818e;font-size:10px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:155px;color:#8b94a1;text-align:center;white-space:normal}.empty-state strong{color:#606a78;font-size:11px}.empty-state>span:last-child{font-size:10px}.empty-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#f3f5f8}.domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.domain-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:17px;box-shadow:var(--shadow);min-width:0}.domain-card-top{display:flex;align-items:center;justify-content:space-between}.domain-symbol{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#eff3ff;color:var(--primary)}.domain-card h3{font-size:14px;margin:15px 0 4px}.domain-card code,td code{color:#68758b;font-size:10px;background:#f5f6f8;padding:4px 6px;border-radius:5px}.domain-meta{border-top:1px solid #f0f1f3;margin-top:15px;padding-top:12px;color:#929aa5;font-size:9px}.domain-meta span{display:flex;align-items:center;gap:5px}.domain-actions{display:flex;gap:7px;margin-top:14px}.full-span{grid-column:1 / -1;background:#fff;border:1px solid var(--line);border-radius:12px}.audit-action{color:#4b62a0;background:#f0f3fb;border-radius:5px;padding:5px 7px;font-size:9px}.audit-details summary{color:var(--primary);cursor:pointer;font-size:10px}.audit-details pre{direction:ltr;text-align:left;max-width:260px;max-height:160px;overflow:auto;padding:8px;background:#f6f7f9;border-radius:6px;font-size:9px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#18202e59;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(100%,460px);max-height:min(90vh,720px);overflow-y:auto;background:#fff;border-radius:15px;padding:20px;box-shadow:0 24px 80px #111a2b2e}.modal-wide{width:min(100%,620px)}.modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:17px}.modal-head h2{font-size:15px;margin:0}.modal-form{display:grid;gap:15px}.modal-form .field input,.modal-form .field select{height:42px}.field-hint{color:#939ba6;font-size:9px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #f0f1f3;padding-top:14px;margin-top:3px}.selected-user{display:grid;gap:4px;background:#f7f8fa;border-radius:8px;padding:11px}.selected-user strong{font-size:11px}.selected-user span{color:var(--muted);font-size:10px}.form-warning{display:flex;align-items:flex-start;gap:7px;color:#986a28;background:#fff8eb;border-radius:8px;padding:10px;margin:0;font-size:10px;line-height:1.8}.inline-error{display:flex;align-items:center;gap:7px;color:#b44d55;background:#fff1f1;padding:10px;border-radius:8px;font-size:10px}.toast{position:fixed;z-index:80;left:25px;bottom:25px;display:flex;align-items:center;gap:9px;max-width:min(440px,calc(100vw - 30px));background:#fff;border:1px solid #dfe7e2;border-radius:10px;padding:12px 15px;box-shadow:0 12px 35px #1420301f;font-size:11px}.toast-success{color:#16845b}.toast-error{color:#b44d55;border-color:#f0dfe0}.boot-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#758091;font-size:12px}.spinner{width:22px;height:22px;border:2px solid #e7ebf2;border-top-color:var(--primary);border-radius:50%;display:inline-block;animation:spin .75s linear infinite}.spinner-small{width:15px;height:15px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{min-height:100vh;display:grid;place-items:center;padding:25px;position:relative;background:radial-gradient(circle at 50% 10%,#edf2ff 0,transparent 36%),#f7f8fa}.login-card{width:min(100%,420px);padding:36px;background:#fff;border:1px solid #e9edf2;border-radius:18px;box-shadow:0 18px 60px #22304c14}.login-card>.brand-mark{margin:0 auto 22px}.login-heading{text-align:center}.eyebrow{font-size:9px;letter-spacing:1px;color:#8b96a7;font-weight:700;direction:ltr;display:block}.login-heading h1{font-size:21px;margin:8px 0 5px}.login-heading p{color:var(--muted);font-size:11px;margin:0}.login-form{display:grid;gap:15px;margin-top:26px}.login-form .button{width:100%;min-height:43px;margin-top:3px}.login-register-link,.register-login-link{text-align:center;margin-top:15px;color:#7e8998;font-size:10px}.login-register-link a,.register-login-link a{color:var(--primary);font-weight:700;text-decoration:none}.login-register-link a:hover,.register-login-link a:hover{text-decoration:underline}.register-card{width:min(100%,460px);padding:30px 34px}.register-form{gap:12px;margin-top:22px}.register-form .field{gap:6px}.register-form .input-with-icon{height:41px}.register-card .login-foot{align-items:flex-start;line-height:1.9;text-align:center}.registration-result{display:grid;justify-items:center;gap:14px;margin-top:26px;text-align:center}.registration-success-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eaf7f0;color:#16845b}.registration-result p{margin:0;color:#586575;font-size:11px;line-height:2}.registration-back{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:42px;padding:0 18px}.input-with-icon{display:flex;align-items:center;gap:9px;height:43px;border:1px solid #e4e8ed;border-radius:8px;padding:0 11px;color:#9aa3b0}.input-with-icon:focus-within{border-color:#9aafea;box-shadow:0 0 0 3px #eff3ff}.input-with-icon input{flex:1;width:100%;border:0;outline:0;background:transparent;font-size:11px;color:var(--ink)}.login-foot{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:21px;color:#8b96a3;font-size:10px}.login-version{position:absolute;bottom:18px;color:#a3aab4;font-size:9px;letter-spacing:.8px;direction:ltr}.mobile-menu,.mobile-scrim{display:none}@media (max-width: 1100px){.sidebar{width:225px;flex-basis:225px}.content-area{padding:25px 22px 35px}.topbar{padding:0 22px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 780px){.sidebar{position:fixed;right:0;top:0;transform:translate(105%);transition:transform .22s ease;box-shadow:-15px 0 40px #141e3214}.sidebar-open{transform:translate(0)}.mobile-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;border:0;background:#141e2d47}.mobile-menu{display:inline-grid}.topbar{height:72px;padding:0 15px}.topbar h1{font-size:16px}.topbar-eyebrow{font-size:8px}.topbar-actions{gap:8px}.connection-indicator{display:none}.content-area{padding:22px 15px 30px}.app-footer{padding:12px 15px 16px}.overview-bottom{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{padding:14px;min-height:128px}.metric-value{font-size:22px}.welcome-row h2,.page-intro h2{font-size:18px}.page-intro{align-items:flex-start}}@media (max-width: 520px){.content-area{padding:18px 11px 25px}.topbar{padding:0 11px}.topbar-actions .button{padding:7px 8px;font-size:9px}.topbar-title{gap:5px}.topbar h1{font-size:14px}.metrics-grid{gap:8px}.metric-card{min-height:119px;padding:12px}.metric-icon{width:32px;height:32px}.metric-value{font-size:20px}.metric-label{font-size:10px}.quick-grid{grid-template-columns:1fr}.welcome-row{align-items:flex-start}.live-tag{font-size:9px;padding:7px}.filter-bar{flex-direction:column;align-items:stretch;padding:12px}.filter-bar>.field,.filter-audit>.field{width:100%}.page-intro{flex-direction:column;align-items:stretch}.page-intro>.button{align-self:flex-start}.domain-grid{grid-template-columns:1fr}.domain-actions{flex-wrap:wrap}.count-chip{align-self:flex-start}.login-card{padding:27px 21px}.register-card{padding:25px 19px}.app-footer{font-size:9px;gap:8px}.toast{left:10px;right:10px;bottom:10px;max-width:none}}