@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700&display=swap";:root{font-family:Vazirmatn,system-ui,sans-serif;color:#1b1b1f;background:#f9f9ff;font-synthesis:none;--md-primary: #4058a7;--md-on-primary: #ffffff;--md-primary-container: #dce1ff;--md-surface: #f9f9ff;--md-surface-container: #eeeef6;--md-surface-container-high: #e8e8f0;--md-outline: #777680;--md-error: #ba1a1a;--md-radius: 20px;--form-control-height: 48px;--form-control-radius: 12px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--md-surface)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr;direction:rtl}.navigation-rail{padding:24px 16px;background:var(--md-surface-container);display:flex;flex-direction:column;gap:24px;border-inline-end:1px solid #dddde5}.brand-block{display:flex;align-items:center;gap:12px;padding:0 8px}.brand-block strong,.brand-block small{display:block}.brand-block small{margin-top:2px;color:#5f5e67}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--md-primary);color:var(--md-on-primary);font-weight:700}.nav-list{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:inherit;text-align:right;padding:12px 16px;border-radius:999px;transition:background .15s ease}.nav-item:hover{background:var(--md-surface-container-high)}.nav-item.active{background:var(--md-primary-container);color:#16275f;font-weight:600}.logout-form{margin-top:auto}.text-button,.outlined-button{border-radius:999px;padding:10px 18px;background:transparent;min-height:44px}.text-button{border:0;color:var(--md-primary)}.text-button:hover{background:#4058a714}.outlined-button{border:1px solid var(--md-outline);color:var(--md-primary)}.outlined-button:hover:not(:disabled){background:#4058a712;border-color:var(--md-primary)}.outlined-button:disabled{opacity:.45;cursor:default}.content-area{padding:32px clamp(20px,4vw,56px);min-width:0}.top-app-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}h1{margin:4px 0 0;font-size:clamp(1.7rem,3vw,2.35rem)}.eyebrow{margin:0;color:#5f5e67;font-size:.9rem}.surface-card{min-height:320px;background:#fff;border:1px solid #e1e1e9;border-radius:var(--md-radius);padding:24px;box-shadow:0 1px 3px #0000000f}.state-message{min-height:250px;display:grid;place-content:center;gap:8px;text-align:center;color:#5f5e67}.error-state strong{color:var(--md-error)}.supporting-text{color:#5f5e67}.feature-stack{display:grid;gap:20px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.metric-card{min-height:150px;display:flex;flex-direction:column;gap:10px;padding:20px;background:#fff;border:1px solid #e1e1e9;border-radius:var(--md-radius);box-shadow:0 1px 3px #0000000d}.metric-card-primary{background:var(--md-primary-container);border-color:transparent}.metric-label,.metric-support{color:#5f5e67}.metric-label{font-size:.92rem;font-weight:500}.metric-value{margin-top:auto;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.45}.metric-support{font-size:.84rem;line-height:1.7}.dashboard-summary{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:24px;align-items:start}.dashboard-summary h2{margin:6px 0 0}.summary-list{margin:0;display:grid;gap:4px}.summary-list div{display:flex;justify-content:space-between;gap:16px;padding-block:10px;border-bottom:1px solid #ececf3}.summary-list div:last-child{border-bottom:0}.summary-list dt{color:#5f5e67}.summary-list dd{margin:0;font-weight:600}.feature-placeholder .state-message{min-height:220px}.message-filters{min-height:0}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;align-items:start}.filter-field{display:grid;gap:7px;font-size:.9rem;color:#5f5e67;align-content:start}.filter-field input:not([type=checkbox]):not([type=radio]),.filter-field select,.filter-actions select,.field input{width:100%;height:var(--form-control-height);border:1px solid var(--md-outline);border-radius:var(--form-control-radius);padding:0 14px;background:#fff;color:#1b1b1f;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.filter-field select,.filter-actions select{appearance:none;padding-inline-start:14px;padding-inline-end:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235f5e67' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center;background-size:18px 18px;cursor:pointer}.filter-actions select{width:auto;min-width:150px}.filter-field textarea{width:100%;min-height:120px;border:1px solid var(--md-outline);border-radius:var(--form-control-radius);padding:12px 14px;background:#fff;color:#1b1b1f;outline:none;resize:vertical;line-height:1.8;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.filter-field input:not([type=checkbox]):not([type=radio]):focus-visible,.filter-field select:focus-visible,.filter-actions select:focus-visible,.filter-field textarea:focus-visible,.field input:focus-visible{border-color:var(--md-primary);box-shadow:0 0 0 3px #4058a729}.filter-field input:disabled,.filter-field select:disabled,.filter-actions select:disabled,.filter-field textarea:disabled,.field input:disabled{opacity:.6;cursor:not-allowed;background:var(--md-surface-container)}.filter-field small{color:#777680;line-height:1.6;min-height:1.6em}.filter-actions{display:flex;align-items:center;gap:8px;margin-top:18px;flex-wrap:wrap}.filter-actions .outlined-button,.filter-actions .primary-action{min-height:var(--form-control-height);display:inline-flex;align-items:center;justify-content:center}.primary-action{border:0;border-radius:999px;padding:10px 20px;min-height:44px;background:var(--md-primary);color:var(--md-on-primary);font-weight:600;transition:box-shadow .15s ease,transform .15s ease,opacity .15s ease}.primary-action:hover:not(:disabled){box-shadow:0 3px 8px #4058a73d}.primary-action:active:not(:disabled){transform:translateY(1px)}.primary-action:disabled{opacity:.55;cursor:default}.messages-surface{min-height:360px;padding:0;overflow:hidden}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:850px}.data-table th,.data-table td{padding:15px 18px;text-align:right;border-bottom:1px solid #ececf3;white-space:nowrap}.data-table th{background:#f5f5fc;color:#5f5e67;font-size:.88rem;font-weight:600}.data-table tbody tr:hover{background:#fafaff}.data-table button{white-space:nowrap}.status-chip{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:999px;background:var(--md-surface-container);font-size:.82rem;font-weight:600}.status-chip[data-status=sent],.status-chip[data-status=submitted],.status-chip[data-status=active]{background:#d9f7e5;color:#0d5c36}.status-chip[data-status=failed]{background:#ffdad6;color:#93000a}.status-chip[data-status=queued],.status-chip[data-status=processing]{background:var(--md-primary-container);color:#16275f}.status-chip[data-status=submission_unknown],.status-chip[data-status=draft]{background:#ffddb3;color:#5b3a00}.pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;color:#5f5e67}.pagination>div{display:flex;align-items:center;gap:12px}.template-form{min-height:0}.template-form-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.template-form-header h2{margin:5px 0 0;font-size:1.25rem}.template-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.field-wide{grid-column:1 / -1}.template-form-message{margin:18px 0 0}.form-notice{padding:12px 14px;border-radius:12px;background:#d9f7e5;color:#0d5c36}.templates-surface{min-height:360px;padding:0;overflow:hidden}.templates-table code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem}.credential-form{min-height:0}.credential-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.credential-abilities{margin:0;padding:16px;border:1px solid #e1e1e9;border-radius:14px;display:flex;flex-wrap:wrap;gap:12px 20px}.credential-abilities legend{padding-inline:7px;color:#5f5e67;font-size:.9rem}.ability-option{display:inline-flex;align-items:center;gap:8px}.ability-option input{width:18px;height:18px;accent-color:var(--md-primary)}.credential-secret{margin-top:18px;padding:16px;border-radius:16px;background:#fff4d8;border:1px solid #e7c870;display:grid;gap:10px}.credential-secret code{display:block;overflow-wrap:anywhere;padding:12px;border-radius:10px;background:#fff;border:1px dashed #a98b35;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.credential-secret p{margin:0;color:#5b4a16;line-height:1.8}.credential-secret .outlined-button{justify-self:start}.credentials-surface{min-height:360px;padding:0;overflow:hidden}.credentials-table{min-width:1050px}.danger-action{color:var(--md-error)}.danger-action:disabled{opacity:.45;cursor:default}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;direction:rtl;background:linear-gradient(145deg,#f9f9ff,#eef1ff)}.login-card{width:min(100%,430px);background:#fff;border-radius:28px;padding:32px;border:1px solid #e1e1e9;box-shadow:0 12px 40px #23305a1a}.login-card h1{margin-bottom:8px}.login-card .supporting-text{margin-top:0;margin-bottom:28px}.field{display:grid;gap:8px;margin-bottom:18px}.field label{font-weight:500}.primary-button{width:100%;min-height:var(--form-control-height);border:0;border-radius:999px;padding:10px 20px;background:var(--md-primary);color:var(--md-on-primary);font-weight:600}.validation-error{padding:12px 14px;margin-bottom:18px;border-radius:12px;background:#ffdad6;color:#93000a}@media(max-width:840px){.app-shell{grid-template-columns:1fr}.navigation-rail{position:static;border-inline-end:0;border-bottom:1px solid #dddde5}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.logout-form{margin-top:0}.dashboard-summary{grid-template-columns:1fr}}@media(max-width:620px){.template-fields,.credential-fields{grid-template-columns:1fr}.field-wide{grid-column:auto}}@media(max-width:520px){.content-area{padding:22px 16px}.top-app-bar{align-items:flex-start}.nav-list,.metrics-grid{grid-template-columns:1fr}.login-card{padding:24px 20px;border-radius:22px}.filter-actions,.pagination,.pagination>div{align-items:stretch;flex-direction:column}.filter-actions select{width:100%}.template-form-header{flex-direction:column}.credential-abilities{display:grid}}