:root{--bg-0: #07090f;--bg-1: #0b0e17;--bg-2: #10141f;--bg-3: #161b29;--bg-4: #1d2333;--surface-1: #11151f;--surface-2: #161b27;--surface-3: #1c2232;--surface-hi: #232a3d;--border-1: rgba(255, 255, 255, .04);--border-2: rgba(255, 255, 255, .08);--border-3: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .18);--text-1: #f8fafc;--text-2: #cbd5e1;--text-3: #94a3b8;--text-4: #64748b;--text-5: #475569;--brand: #5b8def;--brand-strong: #3b82f6;--brand-soft: rgba(91, 141, 239, .12);--brand-glow: rgba(91, 141, 239, .3);--accent: #a78bfa;--accent-soft: rgba(167, 139, 250, .14);--success: #10b981;--success-soft: rgba(16, 185, 129, .14);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .14);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .14);--sev-critical: #f43f5e;--sev-critical-soft: rgba(244, 63, 94, .14);--sev-high: #fb7185;--sev-medium: #f59e0b;--sev-low: #38bdf8;--sev-info: #94a3b8;--r-1: 6px;--r-2: 8px;--r-3: 12px;--r-4: 16px;--r-5: 20px;--shadow-1: 0 1px 0 rgba(255,255,255,.04) inset, 0 1px 2px rgba(0,0,0,.3);--shadow-2: 0 1px 0 rgba(255,255,255,.04) inset, 0 6px 14px -6px rgba(0,0,0,.6);--shadow-3: 0 1px 0 rgba(255,255,255,.06) inset, 0 18px 38px -12px rgba(0,0,0,.7);--shadow-glow: 0 0 0 1px var(--brand-glow), 0 0 24px var(--brand-glow);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, "Noto Sans Arabic", "Cairo", system-ui, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "Cascadia Code", "Consolas", monospace}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}img,svg{display:block;max-width:100%}button{background:none;border:0;font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}html,body,#root{min-height:100vh}html{color-scheme:dark}body{background:var(--bg-0);background-image:radial-gradient(1200px 600px at 80% -200px,rgba(91,141,239,.08),transparent),radial-gradient(900px 500px at -10% 100%,rgba(167,139,250,.05),transparent);background-attachment:fixed;color:var(--text-1);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background:var(--brand-soft);color:var(--text-1)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--border-3)}.btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:var(--r-2);border:1px solid var(--border-2);background:var(--surface-2);color:var(--text-1);font-size:13px;font-weight:500;letter-spacing:-.01em;transition:background .12s ease,border-color .12s ease,transform .12s ease,color .12s ease;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-3)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-0),0 0 0 4px var(--brand)}.btn-primary{background:linear-gradient(180deg,#6e9bf2 0%,var(--brand-strong) 100%);border-color:var(--brand-strong);color:#fff;box-shadow:0 0 0 1px #ffffff0f inset,0 6px 16px -6px #3b82f68c}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#82a8f4,#4f8ef5);border-color:var(--brand)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-3)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-1);border-color:var(--border-2)}.btn-danger{background:linear-gradient(180deg,#f87171 0%,var(--danger) 100%);border-color:var(--danger);color:#fff}.btn-sm{height:28px;padding:0 10px;font-size:12px;gap:6px}.btn-icon{width:36px;padding:0;justify-content:center}.input,input[type=text],input[type=email],input[type=password],input[type=url],input[type=search],input[type=number],textarea,select{width:100%;display:block;height:36px;padding:0 12px;background:var(--bg-2);color:var(--text-1);border:1px solid var(--border-2);border-radius:var(--r-2);font:inherit;font-size:13px;transition:border-color .12s,box-shadow .12s,background .12s}textarea{height:auto;min-height:88px;padding:10px 12px;resize:vertical;line-height:1.5}.input:hover,input:hover,textarea:hover,select:hover{border-color:var(--border-3)}.input:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft);background:var(--bg-3)}.input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-5)}select{padding-right:32px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}[dir=rtl] select{padding-right:12px;padding-left:32px;background-position:left 12px center}.login{min-height:100vh;display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;padding:24px;position:relative;overflow:hidden}.login:before,.login:after{content:"";position:absolute;width:700px;height:700px;border-radius:50%;filter:blur(120px);opacity:.5;pointer-events:none}.login:before{background:#5b8def4d;top:-200px;left:-100px}.login:after{background:#a78bfa38;bottom:-250px;right:-150px}.login-card{position:relative;width:100%;max-width:460px;background:linear-gradient(180deg,#1c2232d9,#11151fd9);border:1px solid var(--border-3);border-radius:var(--r-5);padding:36px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-3)}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}.login-brand h1{font-size:18px;font-weight:600;letter-spacing:-.01em}.login-brand p{font-size:12px;color:var(--text-3);margin-top:2px}.login-lang{margin-inline-start:auto}.login-form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;color:var(--text-3);font-weight:500}.field-input{position:relative;display:flex;align-items:center}.field-input svg.leading{position:absolute;inset-inline-start:12px;color:var(--text-4);pointer-events:none}.field-input input{padding-inline-start:38px}.login-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px}.preset-card{text-align:start;padding:10px 12px;border:1px solid var(--border-2);border-radius:var(--r-2);background:var(--surface-1);display:flex;flex-direction:column;gap:4px;transition:border-color .12s,background .12s,box-shadow .12s}.preset-card:hover{border-color:var(--border-3);background:var(--surface-2)}.preset-card.is-selected{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 2px var(--brand-soft)}.preset-card .preset-name{font-size:13px;font-weight:600}.preset-card .preset-role{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.login-help{margin-top:22px;padding-top:18px;border-top:1px solid var(--border-2);font-size:12px;color:var(--text-4);line-height:1.6;display:flex;gap:10px;align-items:flex-start}.login-help svg{color:var(--brand);flex-shrink:0;margin-top:1px}.login-help code{background:var(--surface-3);border-radius:4px;padding:1px 6px;font-family:var(--font-mono);font-size:11px;color:var(--text-2)}.lang{display:inline-flex;background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--r-2);padding:2px}.lang button{padding:4px 10px;font-size:12px;font-weight:500;color:var(--text-3);border-radius:6px}.lang button[aria-pressed=true]{background:var(--surface-3);color:var(--text-1);box-shadow:0 1px #ffffff0f inset}.shell{display:grid;grid-template-columns:248px 1fr;grid-template-rows:60px 1fr;grid-template-areas:"sidebar topbar" "sidebar main";min-height:100vh}.sidebar{grid-area:sidebar;background:var(--bg-1);border-inline-end:1px solid var(--border-1);display:flex;flex-direction:column;overflow:hidden}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border-1)}.sidebar-brand .brand-title{font-size:14px;font-weight:600;letter-spacing:-.01em}.sidebar-brand .brand-subtitle{font-size:10px;color:var(--text-4);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.sidebar-tenant{margin:14px;padding:12px;border:1px solid var(--border-2);background:var(--surface-1);border-radius:var(--r-3);display:flex;align-items:center;gap:10px}.sidebar-tenant .tn-avatar{width:32px;height:32px;border-radius:var(--r-2);background:linear-gradient(135deg,var(--brand),var(--accent));display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.sidebar-tenant .tn-label{font-size:10px;color:var(--text-4);text-transform:uppercase;letter-spacing:.06em}.sidebar-tenant .tn-name{font-size:13px;font-weight:600}.nav{flex:1;overflow-y:auto;padding:8px}.nav-section{margin-top:14px}.nav-section:first-child{margin-top:4px}.nav-section-title{padding:6px 10px;font-size:10px;color:var(--text-5);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.nav-link{position:relative;display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r-2);font-size:13px;font-weight:500;color:var(--text-3);transition:background .12s,color .12s}.nav-link:hover{background:var(--surface-2);color:var(--text-1)}.nav-link svg{color:var(--text-4);transition:color .12s}.nav-link:hover svg{color:var(--text-2)}.nav-link.is-active{background:var(--surface-2);color:var(--text-1)}.nav-link.is-active svg{color:var(--brand)}.nav-link.is-active:before{content:"";position:absolute;inset-inline-start:-8px;top:6px;bottom:6px;width:3px;border-radius:4px;background:var(--brand);box-shadow:0 0 8px var(--brand-glow)}.nav-link .nav-badge{margin-inline-start:auto;background:var(--surface-3);color:var(--text-2);font-size:10px;font-weight:600;padding:1px 6px;border-radius:999px;font-variant-numeric:tabular-nums}.nav-link.is-active .nav-badge{background:var(--brand-soft);color:var(--brand)}.sidebar-footer{padding:12px 18px;border-top:1px solid var(--border-1);font-size:11px;color:var(--text-5);display:flex;align-items:center;gap:6px;font-family:var(--font-mono)}.sidebar-footer .live-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);animation:pulse 2s ease-in-out infinite}.topbar{grid-area:topbar;background:var(--bg-1);border-bottom:1px solid var(--border-1);display:flex;align-items:center;padding:0 20px;gap:12px}.topbar-search{position:relative;flex:1;max-width:420px}.topbar-search input{height:32px;background:var(--surface-1);border:1px solid var(--border-2);padding-inline-start:34px}.topbar-search svg.leading{position:absolute;inset-inline-start:10px;top:50%;transform:translateY(-50%);color:var(--text-4);pointer-events:none}.topbar-search .kbd{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);background:var(--surface-3);border:1px solid var(--border-2);font-family:var(--font-mono);font-size:10px;color:var(--text-3);padding:1px 5px;border-radius:4px}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:8px}.user-chip{display:inline-flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;background:var(--surface-1);border:1px solid var(--border-2);border-radius:999px;transition:background .12s,border-color .12s}.user-chip:hover{background:var(--surface-2);border-color:var(--border-3)}.user-chip .avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--accent));display:grid;place-items:center;color:#fff;font-size:10px;font-weight:700}.user-chip .name{font-size:12px;font-weight:600}.user-chip .role{font-size:10px;color:var(--text-4);text-transform:uppercase;letter-spacing:.04em;margin-top:1px}.main{grid-area:main;overflow-y:auto;padding:24px 28px 64px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-header h1{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.2}.page-header .subtitle{color:var(--text-3);font-size:13px;margin-top:4px}.card{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--r-3);overflow:hidden;box-shadow:var(--shadow-1)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-1);gap:12px}.card-title{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px}.card-title svg{color:var(--text-3)}.card-meta{color:var(--text-3);font-size:12px}.card-body{padding:16px 18px}.card-section{padding:18px;border-bottom:1px solid var(--border-1)}.card-section:last-child{border-bottom:0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:20px}.kpi{position:relative;background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--r-3);padding:16px;overflow:hidden;transition:border-color .12s}.kpi:hover{border-color:var(--border-2)}.kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.kpi-label{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.kpi-icon{width:28px;height:28px;border-radius:var(--r-2);background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.kpi-icon.icon-success{background:var(--success-soft);color:var(--success)}.kpi-icon.icon-warning{background:var(--warning-soft);color:var(--warning)}.kpi-icon.icon-danger{background:var(--danger-soft);color:var(--danger)}.kpi-icon.icon-accent{background:var(--accent-soft);color:var(--accent)}.kpi-value{font-size:28px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.kpi-meta{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;color:var(--text-3)}.kpi-meta .delta-up{color:var(--success);display:inline-flex;align-items:center;gap:2px}.kpi-meta .delta-down{color:var(--danger);display:inline-flex;align-items:center;gap:2px}.kpi-spark{position:absolute;inset-inline-end:0;bottom:0;width:110px;height:38px;opacity:.75;pointer-events:none}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead{background:var(--surface-1);position:sticky;top:0;z-index:1}th{text-align:start;padding:10px 18px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-4);border-bottom:1px solid var(--border-1);white-space:nowrap}td{padding:12px 18px;border-bottom:1px solid var(--border-1);font-size:13px;vertical-align:middle}tbody tr{transition:background .12s}tbody tr:hover{background:var(--surface-2)}tbody tr.is-clickable{cursor:pointer}tbody tr:last-child td{border-bottom:0}.cell-primary{font-weight:600;color:var(--text-1)}.cell-secondary{color:var(--text-3);font-size:12px;margin-top:2px}.cell-mono{font-family:var(--font-mono);font-size:12px;color:var(--text-2)}.badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--brand-soft);color:var(--brand)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-neutral{background:var(--surface-3);color:var(--text-3)}.badge-outline{background:transparent;border:1px solid var(--border-2);color:var(--text-3)}.badge-critical{background:var(--sev-critical-soft);color:var(--sev-critical);position:relative}.badge-critical:before{content:"";position:absolute;inset:-1px;border-radius:999px;border:1px solid var(--sev-critical);opacity:.5;animation:pulse 2s ease-in-out infinite}.badge-high{background:#fb718524;color:var(--sev-high)}.badge-medium{background:var(--warning-soft);color:var(--sev-medium)}.badge-low{background:#38bdf824;color:var(--sev-low)}.avatar-32{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--accent));display:grid;place-items:center;color:#fff;font-weight:600;font-size:12px;flex-shrink:0}.avatar-stack{display:inline-flex;align-items:center;gap:10px}.dot{width:8px;height:8px;border-radius:50%;background:var(--text-4);display:inline-block}.dot-success{background:var(--success);box-shadow:0 0 6px var(--success)}.dot-warning{background:var(--warning)}.dot-danger{background:var(--danger)}.dot-pulse{animation:pulse 1.6s ease-in-out infinite}.switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;inset:0;background:var(--surface-3);border:1px solid var(--border-2);border-radius:999px;cursor:pointer;transition:background .12s,border-color .12s}.switch-slider:before{content:"";position:absolute;height:14px;width:14px;inset-inline-start:2px;top:2px;background:var(--text-2);border-radius:50%;transition:transform .16s ease,background .12s}.switch input:checked+.switch-slider{background:var(--brand);border-color:var(--brand)}.switch input:checked+.switch-slider:before{background:#fff;transform:translate(16px)}[dir=rtl] .switch input:checked+.switch-slider:before{transform:translate(-16px)}.alert{display:flex;gap:10px;padding:12px 14px;border-radius:var(--r-2);border:1px solid var(--border-2);background:var(--surface-2);font-size:13px;align-items:flex-start}.alert svg{flex-shrink:0;margin-top:1px}.alert-success{border-color:#10b9814d;background:var(--success-soft);color:#6ee7b7}.alert-warning{border-color:#f59e0b4d;background:var(--warning-soft);color:#fcd34d}.alert-danger{border-color:#ef44444d;background:var(--danger-soft);color:#fca5a5}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.empty{padding:56px 24px;text-align:center;color:var(--text-4)}.empty .empty-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--surface-2);color:var(--text-3);margin:0 auto 12px}.empty .empty-title{color:var(--text-2);font-weight:600;margin-bottom:4px}.empty .empty-subtitle{font-size:12px}.skeleton{background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--r-2)}.sk-line{height:12px;margin:8px 0}.sk-line.w-30{width:30%}.sk-line.w-50{width:50%}.sk-line.w-80{width:80%}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-1);padding:0 18px}.tab{position:relative;padding:10px 14px;font-size:13px;font-weight:500;color:var(--text-3)}.tab:hover,.tab.is-active{color:var(--text-1)}.tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--brand);border-radius:2px}.dialog-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(4px);z-index:50;animation:fadeIn .12s ease}.dialog-content{position:fixed;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);z-index:60;background:var(--surface-1);border:1px solid var(--border-3);border-radius:var(--r-4);padding:24px;width:calc(100% - 32px);max-width:480px;box-shadow:var(--shadow-3);animation:fadeUp .16s cubic-bezier(.2,.8,.2,1)}.dialog-title{font-size:16px;font-weight:600;margin-bottom:4px}.dialog-desc{color:var(--text-3);font-size:12px;margin-bottom:18px}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px;padding-top:14px;border-top:1px solid var(--border-1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.palette-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(4px);z-index:70;animation:fadeIn .12s ease}.palette-content{position:fixed;inset-block-start:12%;inset-inline-start:50%;transform:translate(-50%);z-index:80;background:var(--surface-1);border:1px solid var(--border-3);border-radius:var(--r-4);width:calc(100% - 32px);max-width:640px;max-height:70vh;display:flex;flex-direction:column;box-shadow:var(--shadow-3);animation:fadeUp .16s cubic-bezier(.2,.8,.2,1);overflow:hidden}:root[dir=rtl] .palette-content,[dir=rtl] .palette-content{transform:translate(50%)}.palette-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-1);flex-shrink:0}.palette-input-icon{color:var(--text-4);flex-shrink:0}.palette-input{flex:1;background:transparent;border:none;font-size:15px;color:var(--text-1);height:28px}.palette-input:focus{outline:none;box-shadow:none}.palette-body{overflow-y:auto;padding:8px;flex:1}.palette-group+.palette-group{margin-top:8px}.palette-group-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-4);padding:6px 10px}.palette-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-3, 8px);cursor:pointer}.palette-item.is-active{background:var(--surface-hi)}.palette-item-icon{color:var(--text-4);flex-shrink:0}.palette-item-text{min-width:0;flex:1}.palette-item-title{font-size:13px;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-item-subtitle{font-size:11px;color:var(--text-4)}.palette-recent-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:var(--r-3, 8px);color:var(--text-2);font-size:13px;text-align:start;cursor:pointer}.palette-recent-item:hover{background:var(--surface-hi)}.palette-loading{display:flex;flex-direction:column;gap:8px;padding:8px}.palette-footer{display:flex;gap:16px;padding:10px 16px;border-top:1px solid var(--border-1);font-size:11px;color:var(--text-4);flex-shrink:0}.palette-footer kbd{display:inline-block;background:var(--surface-3);border:1px solid var(--border-2);font-family:var(--font-mono);font-size:10px;color:var(--text-3);padding:1px 5px;border-radius:4px;margin-inline-end:4px}.activity-feed{display:flex;flex-direction:column}.activity-item{display:flex;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border-1)}.activity-item:last-child{border-bottom:0}.activity-icon{width:32px;height:32px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;color:var(--text-3);flex-shrink:0}.activity-icon.icon-brand{background:var(--brand-soft);color:var(--brand)}.activity-icon.icon-success{background:var(--success-soft);color:var(--success)}.activity-icon.icon-warning{background:var(--warning-soft);color:var(--warning)}.activity-icon.icon-danger{background:var(--danger-soft);color:var(--danger)}.activity-body{flex:1;min-width:0}.activity-title{font-size:13px;font-weight:500}.activity-meta{font-size:11px;color:var(--text-4);margin-top:2px}.sev-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-1)}.sev-row:last-child{border:0}.sev-bar-track{height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden;flex:1}.sev-bar-fill{height:100%;border-radius:999px;transition:width .32s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:4px}.spacer{flex:1}.mono{font-family:var(--font-mono);font-size:12px}.muted{color:var(--text-3)}.faint{color:var(--text-4)}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-lg{font-size:16px}.ltr-numbers{direction:ltr;unicode-bidi:embed;font-variant-numeric:tabular-nums}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.toast-viewport{position:fixed;inset-block-end:16px;inset-inline-end:16px;z-index:100;display:flex;flex-direction:column-reverse;gap:8px;width:min(360px,calc(100vw - 32px));pointer-events:none}.toast-card{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--r-3, 8px);background:var(--surface-1);border:1px solid var(--border-3);box-shadow:var(--shadow-3);animation:toastIn .16s cubic-bezier(.2,.8,.2,1) both}.toast-card[data-state=closed]{animation:toastOut .16s ease both}.toast-icon{flex-shrink:0;margin-top:1px}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--danger)}.toast-info .toast-icon{color:var(--text-3)}.toast-body{flex:1;min-width:0}.toast-title{font-size:13px;font-weight:600;color:var(--text-1)}.toast-description{font-size:12px;color:var(--text-3);margin-top:2px}.toast-close{flex-shrink:0}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.notif-overlay{position:fixed;inset:0;z-index:70;background:transparent}.notif-content{position:fixed;inset-block-start:56px;inset-inline-end:16px;z-index:80;width:min(380px,calc(100vw - 32px));max-height:min(520px,calc(100vh - 80px));display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--border-3);border-radius:var(--r-3, 8px);box-shadow:var(--shadow-3);animation:toastIn .14s cubic-bezier(.2,.8,.2,1)}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-1);flex-shrink:0}.notif-header-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-1)}.notif-body{overflow-y:auto;flex:1}.notif-item{display:block;width:100%;text-align:start;padding:10px 14px;border:none;border-bottom:1px solid var(--border-1);background:transparent;cursor:pointer}.notif-item:hover{background:var(--surface-hi)}.notif-item.is-unread{background:var(--brand-soft)}.notif-item.is-unread:hover{background:var(--brand-soft);filter:brightness(.97)}.notif-item-title{font-size:13px;font-weight:600;color:var(--text-1)}.notif-item-body{font-size:12px;color:var(--text-3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notif-item-meta{font-size:11px;color:var(--text-4);margin-top:4px}.notif-bell-badge{position:absolute;top:2px;inset-inline-end:2px;background:var(--danger);color:#fff;border-radius:999px;font-size:9px;line-height:1;padding:2px 4px;min-width:14px;text-align:center}