@font-face{font-family:Vazirmatn;src:url('../fonts/vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#f5f7fb;--surface:#fff;--surface-soft:#f8fafc;--surface-raised:#fff;--sidebar:#172033;--text:#182238;--text-soft:#748098;--border:#e6ebf2;--primary:#4f46e5;--primary-soft:#eeedff;--success:#059669;--danger:#dc3650;--shadow:0 3px 14px #18223804;--nav-width:238px;--panel:var(--surface);--ink:var(--text);--muted:var(--text-soft);--line:var(--border);--nav:var(--sidebar);color-scheme:light}
html[data-theme=dark]{--bg:#0e1524;--surface:#172033;--surface-soft:#1c263a;--surface-raised:#202c42;--sidebar:#121b2c;--text:#e5eaf4;--text-soft:#9ba9bf;--border:#2a354a;--primary:#a5a0ff;--primary-soft:#2c2b4f;--success:#34d399;--danger:#fb7185;--shadow:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.75 Vazirmatn,Tahoma,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:var(--primary);text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 35%,transparent);outline-offset:3px}[hidden]{display:none!important}.ui-icon{width:20px;height:20px;flex:0 0 auto;vertical-align:middle}.shell{display:grid;grid-template-columns:var(--nav-width) minmax(0,1fr);min-height:100dvh;transition:grid-template-columns .18s}.shell>main{min-width:0}.shell>aside{position:sticky;top:0;display:flex;flex-direction:column;width:var(--nav-width);height:100dvh;padding:24px 14px 14px;background:var(--sidebar);color:#e2e8f0;z-index:40;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#344158 transparent}
.brand{display:flex;align-items:center;gap:11px;padding:0 9px 24px;margin-bottom:20px;border-bottom:1px solid #ffffff0c}.brand>span,.logo{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:#4f46e5;color:#fff;font-weight:800;font-size:15px}.brand>div{display:grid;gap:1px;min-width:0}.brand strong{font-size:13px;color:#fff;white-space:nowrap}.brand small{font-size:10px;color:#8c9ab2;letter-spacing:.06em}.nav-caption{font-size:10px;font-weight:600;color:#7d8ba4;padding:0 14px 8px}.shell nav{display:grid;gap:5px}.shell nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:500;color:#a9b6cd;transition:background .15s,color .15s;white-space:nowrap}.shell nav a>i{display:grid;place-items:center;font-style:normal}.shell nav a:hover{color:#fff;background:#ffffff08}.shell nav a.active{background:#4f46e5;color:#fff;border-color:#7069f4;box-shadow:0 4px 12px #00000012}.shell nav a .ui-icon{width:18px;height:18px}.nav-separator{margin:21px 14px 6px;color:#7d8ba4;font-size:10px}.aside-foot{margin-top:auto;padding:24px 8px 0;display:grid;gap:12px}.central-health{padding:12px;border:1px solid #ffffff0c;border-radius:10px;display:grid;grid-template-columns:7px 1fr;gap:0 8px;background:#ffffff03}.central-health i{width:6px;height:6px;border-radius:50%;background:#34d399;margin-top:8px}.central-health span{font-size:11px;direction:ltr;text-align:start;color:#c7d2e5;overflow:hidden;text-overflow:ellipsis}.central-health small{grid-column:2;font-size:10px;color:#8493ac}.aside-version{display:flex;justify-content:space-between;font-size:10px;color:#7d8ba4}.aside-version strong{font-weight:500;direction:ltr}
.shell>main>header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;height:70px;padding:0 30px;border-bottom:1px solid var(--border);background:var(--surface)}.header-context{display:grid;gap:0}.header-context strong{font-size:12px;font-weight:700}.header-context small{font-size:10px;color:var(--text-soft)}.spacer{flex:1}.menu,.icon-button{display:inline-grid;place-items:center;width:35px;height:35px;padding:0;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-soft)}.menu:hover,.icon-button:hover,.ghost:hover,.secondary:hover{background:var(--surface-soft);color:var(--primary)}header form{margin:0}.ghost{border:1px solid var(--border);border-radius:10px;padding:7px 10px;background:var(--surface);color:var(--text-soft);font-size:11px}.user-chip{display:flex;align-items:center;gap:9px;padding-inline:5px;color:var(--text)}.user-chip>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:800}.user-chip>div{display:grid;line-height:1.6}.user-chip strong{font-size:11px}.user-chip small{font-size:10px;color:var(--text-soft)}
.content{max-width:1560px;margin:auto;padding:30px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:25px}.page-title h1{margin:0;color:var(--text);font-size:21px;font-weight:800}.page-title p{margin:4px 0 0;font-size:12px;color:var(--text-soft)}.page-title .button{font-size:12px}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:24px}.metrics article{position:relative;min-width:0;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow)}.metrics span{display:block;color:var(--text-soft);font-size:12px}.metrics strong{display:block;margin-top:10px;font-size:30px;line-height:1.4;font-weight:800;font-variant-numeric:tabular-nums}.metrics i{position:absolute;inset-inline-end:20px;bottom:22px;color:var(--primary)}.metrics i.warn{color:#d97706}.metrics i .ui-icon{width:28px;height:28px;opacity:.45}.grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:20px}.panel{padding:22px;margin-bottom:20px;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.panel h2{margin:0 0 18px;font-size:14px;font-weight:750}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:10px}table{width:100%;border-collapse:collapse;text-align:start;background:var(--surface)}th,td{padding:12px 16px;white-space:nowrap;border-bottom:1px solid var(--border);text-align:start}th{font-size:11px;font-weight:650;color:var(--text-soft);background:var(--surface-soft)}td{font-size:12px;color:var(--text)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface-soft)}td code{font-size:11px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:650;background:var(--surface-soft);color:var(--text-soft)}.badge.active,.badge.published{background:#05966912;color:var(--success)}.badge.locked,.badge.revoked{background:#dc365012;color:var(--danger)}.badge.suspended,.badge.draft,.badge.pending{background:#f59e0b15;color:#b7790a}.release{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border)}.release:last-child{border-bottom:0}.release>div{display:grid;gap:4px}.release strong{font-size:12px}.release span,.empty{font-size:12px;color:var(--text-soft)}.release code{font-size:12px;color:var(--primary);background:var(--primary-soft);padding:4px 8px;border-radius:6px}.empty{text-align:center;padding:28px 10px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.section-heading h2{margin:0}.section-heading p{font-size:12px;color:var(--text-soft);margin:6px 0 0}
.primary,.success-button,.danger-button,.secondary,.actions button,.table-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:9px;padding:9px 14px;font-size:12px;font-weight:650;line-height:1.65;text-decoration:none}.primary{background:#4f46e5;color:#fff}.primary:hover{background:#4338ca}.secondary,.actions button,.table-action{border-color:var(--border);background:var(--surface);color:var(--text)}.success-button{background:#059669;color:#fff}.danger-button{background:#dc3650;color:#fff}.actions{display:flex;gap:6px}.actions button,.table-action{padding:5px 9px;font-size:11px}.form{max-width:900px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form label,.stack-form label,.permission-form label{display:grid;gap:7px;font-size:12px;color:var(--text-soft)}input:not([type=checkbox]),select,textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-size:12px;min-height:42px}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}textarea{min-height:110px;resize:vertical}.form>button{justify-self:start}.form-note{font-size:12px;color:var(--text-soft);grid-column:1/-1}.form>#freshInstallOptions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px;background:var(--surface-soft);border:1px solid var(--border);border-radius:10px}.permission-form{display:flex;align-items:end;gap:12px}.permission-form label{flex:1}.update-permission{border-inline-start:3px solid var(--primary)}.check-label{display:flex!important;align-items:center;gap:8px!important}.check-label input{width:auto;accent-color:#4f46e5}.flash{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:20px;border:1px solid transparent;border-radius:10px;font-size:12px}.flash.success{color:var(--success);background:#05966910;border-color:#05966922}.flash.error,.field-error{color:var(--danger);background:#dc365010;border-color:#dc365022}.field-error{padding:10px;border-radius:8px;font-size:12px}.one-time-secret{background:var(--primary-soft);border-color:var(--primary);color:var(--text)}.one-time-secret code{font-size:16px;color:var(--primary)}.one-time-secret small{color:var(--text-soft)}.detail-list dt{font-size:12px}.detail-list dd{font-size:13px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.stack-form{display:grid;gap:14px}.stack-form button{justify-self:start}.timeline strong{font-size:12px}.timeline span{font-size:11px}
.login-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--bg)}.login-card{width:min(420px,100%);display:grid;gap:19px;padding:36px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 18px 55px #17203308}.login-card .logo{margin:auto;width:48px;height:48px;border-radius:14px}.login-card h1{font-size:20px;font-weight:800;text-align:center;margin:0}.login-card label{display:grid;gap:7px;font-size:12px;color:var(--text-soft)}.login-help{color:var(--text-soft);font-size:12px;text-align:center}.login-card .primary{width:100%;padding:11px}.mobile-backdrop{display:none}.sidebar-collapsed{--nav-width:78px}.sidebar-collapsed aside .brand>div,.sidebar-collapsed aside nav a>span,.sidebar-collapsed .nav-caption,.sidebar-collapsed .nav-separator,.sidebar-collapsed .aside-foot{display:none}.sidebar-collapsed aside{padding-inline:10px}.sidebar-collapsed aside .brand{padding-inline:8px}.sidebar-collapsed aside nav a{padding:13px;justify-content:center}
@media(max-width:1200px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.content{padding:24px}.shell>main>header{padding-inline:24px}}
@media(max-width:1000px){.grid,.detail-grid,.user-management-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.shell{display:block}.shell>aside{position:fixed;inset-block:0;inset-inline-start:0;width:238px;transform:translateX(-100%);transition:transform .2s}html[dir=rtl] .shell>aside{transform:translateX(100%)}body.open .shell>aside{transform:none}.mobile-backdrop{position:fixed;z-index:30;inset:0;background:#0f172a66;backdrop-filter:blur(2px)}body.open .mobile-backdrop{display:block}.content{padding:20px 14px}.shell>main>header{height:62px;padding-inline:14px;gap:8px}.header-context,.user-chip>div{display:none}.form,.form>#freshInstallOptions{grid-template-columns:1fr}.permission-form{align-items:stretch;flex-direction:column}.page-title h1{font-size:19px}.sidebar-collapsed aside .brand>div,.sidebar-collapsed aside nav a>span,.sidebar-collapsed .nav-caption,.sidebar-collapsed .aside-foot{display:grid}.sidebar-collapsed aside nav a{justify-content:start}.sidebar-collapsed .nav-separator{display:block}.panel{padding:18px}.user-list form{grid-template-columns:1fr 1fr}.user-list form>div{grid-column:1/-1}}
@media(max-width:420px){.metrics{gap:9px}.metrics article{padding:14px}.metrics span{font-size:10px}.metrics strong{font-size:25px}.metrics i{inset-inline-end:12px;bottom:15px}.metrics i .ui-icon{width:23px}.content{padding-inline:10px}.recovery-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.muted{color:var(--text-soft);font-size:12px}.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.form-actions form{margin:0}.form-actions button:not(.primary):not(.danger-button),.license-code-cell button,.one-time-secret button{border:1px solid var(--border);border-radius:8px;padding:8px 12px;background:var(--surface);color:var(--text);font-size:12px}.record-form>.form-actions,.record-form>.flash{grid-column:1/-1}.record-form>.flash{background:var(--primary-soft);margin:0}.record-form input[readonly]{background:var(--surface-soft)}.actions{flex-wrap:wrap;align-items:center}.actions form{margin:0}.actions .danger-button{background:transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 25%,var(--border))}.license-code-cell{display:flex;align-items:center;gap:10px}.license-code-cell code{white-space:nowrap}.license-delete-action{display:flex;justify-content:flex-end;margin:0 0 20px}.one-time-secret{flex-wrap:wrap}.one-time-secret p{flex-basis:100%;font-size:12px;margin:0}.one-time-secret code{overflow-wrap:anywhere}.detail-list dd{overflow-wrap:anywhere;min-width:0}.management-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.management-metrics>.panel{margin:0;position:relative;display:grid;gap:8px}.management-metrics span{color:var(--text-soft);font-size:12px}.management-metrics strong{font-size:28px}.management-metrics svg{position:absolute;inset-inline-end:22px;bottom:25px;color:var(--primary);width:28px;height:28px}.role-pill,.self-label{display:inline-block;border-radius:7px;padding:3px 9px;background:var(--primary-soft);color:var(--primary);font-size:11px}.self-label{font-size:10px;margin-inline-start:8px}.user-identity{display:flex;align-items:center;gap:12px}.user-identity small{display:block;color:var(--text-soft);margin-top:3px;font-size:11px}.user-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:var(--primary-soft);color:var(--primary);font-size:17px;font-weight:700}.user-editor-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:start}.role-guide article{border-bottom:1px solid var(--border);padding:16px 0}.role-guide article:first-of-type{padding-top:0}.role-guide p{font-size:12px;color:var(--text-soft);margin:7px 0 0}.role-guide>p{padding-top:18px}.repository-steps{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:24px;color:var(--text-soft);font-size:12px}.repository-steps span{display:flex;align-items:center;gap:9px}.repository-steps b{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--primary-soft);color:var(--primary)}.repository-workspace{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr);gap:22px;align-items:start}.advanced-settings{border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);padding:12px 14px}.advanced-settings summary,.repository-package-help summary{cursor:pointer;color:var(--text);font-size:12px;font-weight:650}.advanced-settings .stack-form{margin-top:16px}.connected-repositories{display:grid;gap:16px}.repository-card{min-width:0;padding:18px;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft)}.repository-card-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.repository-url{display:block;text-align:start;overflow-wrap:anywhere;font-size:13px;font-weight:600}.repository-meta{display:flex;gap:8px 16px;flex-wrap:wrap;margin:12px 0 16px;font-size:11px;color:var(--text-soft)}.repository-card .integration-error{overflow-wrap:anywhere;white-space:pre-wrap;padding:10px 12px;border-radius:8px;border:1px solid #dc365025;background:#dc365010;font-size:12px;color:var(--danger)}.repository-empty{display:grid;justify-items:center;gap:10px;padding:35px 10px}.repository-empty svg{width:35px;height:35px;color:var(--primary)}.repository-empty p{max-width:340px;margin:0}.repository-package-help p{font-size:12px;color:var(--text-soft);line-height:2;margin:14px 0 0}
@media(max-width:1100px){.repository-workspace{grid-template-columns:1fr}.user-editor-grid{grid-template-columns:1fr}.section-heading{flex-wrap:wrap}}
@media(max-width:600px){.management-metrics{grid-template-columns:1fr;gap:10px}.management-metrics>.panel{padding:16px 18px}.management-metrics strong{font-size:23px}.repository-steps{gap:10px;font-size:11px}.one-time-secret code{font-size:12px;max-width:100%}.one-time-secret{align-items:flex-start}.repository-card{padding:14px}.license-delete-action{justify-content:flex-start}.form-actions{gap:8px}.user-identity{gap:8px}}
.one-time-secret{grid-template-columns:minmax(0,1fr) auto auto}.one-time-secret code{background:var(--surface);border:1px solid var(--border)}.one-time-secret>p,.one-time-secret>form{grid-column:1/-1}
@media(max-width:760px){.one-time-secret{grid-template-columns:minmax(0,1fr)}.one-time-secret code{justify-self:start;max-width:100%}}
