:root{--color-background:#020617;--color-foreground:#f8fafc;--color-foreground-muted:#94a3b8;--color-primary:#0f172a;--color-secondary:#1e293b;--color-accent:#22c55e;--color-accent-foreground:var(--color-background);--color-destructive:#ef4444;--color-destructive-strong:#b91c1c;--color-destructive-foreground:var(--color-foreground);--color-warning:#f59e0b;--color-border:#334155;--color-muted:#1a1e2f;--color-focus-ring:var(--color-accent);--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--font-body:Vazirmatn, Tahoma, sans-serif;--font-mono:ui-monospace, "Fira Code", Consolas, monospace;--transition-fast:.15s ease;--transition-base:.2s ease;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{font-size:16px}body{min-height:100vh;font-family:var(--font-body);color:var(--color-foreground);background:var(--color-background);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.5}h1,h2,h3{margin:0 0 var(--space-2);font-weight:600;line-height:1.3}p{margin:0 0 var(--space-2)}a{color:var(--color-accent)}button,input,select,a,[tabindex]{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}main{max-width:1100px;padding:var(--space-4) var(--space-3);width:100%;margin:0 auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-secondary);color:var(--color-foreground);font:inherit;cursor:pointer;transition:background-color var(--transition-base), border-color var(--transition-base), opacity var(--transition-base), transform var(--transition-fast);font-size:.9375rem;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:var(--color-border)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-accent{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-foreground)}.btn-accent:hover:not(:disabled){background:color-mix(in srgb, var(--color-accent) 85%, black)}.btn-danger{background:var(--color-destructive-strong);border-color:var(--color-destructive-strong);color:var(--color-destructive-foreground)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-destructive-strong) 85%, black)}.btn-secondary{background:0 0}.btn-secondary:hover:not(:disabled){background:var(--color-muted)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-muted)}button.danger{border-color:var(--color-destructive);color:var(--color-destructive)}form{gap:var(--space-3);flex-direction:column;display:flex}.field{gap:var(--space-1);flex-direction:column;font-weight:500;display:flex}input,select{font:inherit;min-height:44px;padding:0 var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-muted);color:var(--color-foreground);transition:border-color var(--transition-base), box-shadow var(--transition-base);font-size:1rem}input::placeholder{color:var(--color-foreground-muted)}input:focus-visible,select:focus-visible{border-color:var(--color-accent);outline:2px solid var(--color-focus-ring);outline-offset:1px}select{cursor:pointer}.error{box-sizing:border-box;text-align:start;width:100%;color:var(--color-destructive);background:var(--color-background);border:1px solid var(--color-destructive);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);margin:0;font-size:.875rem;display:block}main.login{max-width:none;min-height:100vh;padding:var(--space-3);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:360px;padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.login-card h1{text-align:center;margin-bottom:var(--space-1);font-size:1.25rem}.login-card>p{color:var(--color-foreground-muted);font-size:.9rem}.login-card .btn{width:100%}.callout{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-muted);margin:var(--space-3) 0}.callout p:last-child{margin-bottom:0}.callout-error{border-color:var(--color-destructive);background:color-mix(in srgb, var(--color-destructive) 12%, var(--color-muted))}.callout-warning{border-color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 12%, var(--color-muted))}.toolbar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.filter-label{align-items:center;gap:var(--space-2);font-weight:500;display:flex}.filter-label select{min-width:220px}.loading-block{align-items:center;gap:var(--space-2);color:var(--color-foreground-muted);margin:var(--space-3) 0;display:flex}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;flex:none;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-table{gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);flex-direction:column;display:flex}.skeleton-row{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-muted) 25%, var(--color-secondary) 50%, var(--color-muted) 75%);background-size:200% 100%;height:32px;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{padding:var(--space-4);text-align:center;color:var(--color-foreground-muted);border:1px dashed var(--color-border);border-radius:var(--radius-md);margin:var(--space-3) 0}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);margin:var(--space-3) 0;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table thead{background:var(--color-secondary);z-index:1;position:sticky;top:0}.data-table th{text-align:start;padding:var(--space-2);border-bottom:1px solid var(--color-border);color:var(--color-foreground-muted);white-space:nowrap;font-weight:600}.data-table td{padding:var(--space-2);border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:nth-child(2n){background:var(--color-muted)}.data-table tbody tr.row-link{cursor:pointer;transition:background-color var(--transition-fast)}.data-table tbody tr.row-link:hover{background:var(--color-secondary)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);white-space:nowrap;border:1px solid #0000;border-radius:999px;font-size:.8125rem;font-weight:600;display:inline-flex}.badge-critical{color:var(--color-destructive);border-color:var(--color-destructive);background:var(--color-background)}.badge-warning{color:var(--color-warning);border-color:var(--color-warning);background:var(--color-background)}.badge-neutral{color:var(--color-foreground-muted);border-color:var(--color-border);background:var(--color-background)}.detail-table{table-layout:fixed;border-collapse:collapse;width:100%;margin:var(--space-3) 0;font-size:.9rem}.detail-table th{text-align:start;color:var(--color-foreground-muted);padding-block:var(--space-2);padding-inline:0 var(--space-3);vertical-align:top;border-bottom:1px solid var(--color-border);width:220px;font-weight:500}.detail-table td{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);vertical-align:top;overflow-wrap:break-word}.detail-table tbody tr:last-child th,.detail-table tbody tr:last-child td{border-bottom:none}@media (width<=767px){.detail-table th{width:140px}}code,pre,.mono-ltr{font-family:var(--font-mono);direction:ltr;unicode-bidi:isolate}code{background:var(--color-muted);border-radius:var(--radius-sm);padding:2px 6px}.mono-ltr{display:inline-block}pre{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);white-space:pre;width:100%;max-height:200px;margin:0;overflow:auto}.context-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-muted);padding:var(--space-3);margin:var(--space-3) 0}.context-card h2{margin-top:0;font-size:1.05rem}.context-card p{margin:0 0 var(--space-1);color:var(--color-foreground-muted)}.actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.action-message{padding:var(--space-2) var(--space-3);background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin:var(--space-3) 0;color:var(--color-foreground)}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:var(--space-3);z-index:50;background:#020617b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);width:100%;max-width:420px;box-shadow:0 20px 40px #00000080}.dialog h2{margin-top:0;font-size:1.1rem}.dialog p{color:var(--color-foreground-muted)}.dialog-actions{gap:var(--space-2);margin-top:var(--space-3);justify-content:flex-end;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.shell{flex-direction:column;min-height:100vh;display:flex}.shell-nav{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-primary);flex-wrap:wrap;display:flex}.shell-brand{color:var(--color-foreground);font-weight:700}.nav-links{gap:var(--space-1);flex-wrap:wrap;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--color-foreground-muted);transition:background var(--transition-fast), color var(--transition-fast);padding:6px 12px;text-decoration:none}.nav-link:hover{color:var(--color-foreground);background:var(--color-secondary)}.nav-link-active{color:var(--color-accent);background:var(--color-secondary)}.shell-content{flex:1}.chip-row{gap:var(--space-1);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.chip{border:1px solid var(--color-border);color:var(--color-foreground-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border-radius:999px;padding:4px 12px}.chip:hover:not(:disabled){color:var(--color-foreground);background:var(--color-secondary)}.chip-active{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-secondary)}.pager{align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.pager-page{color:var(--color-foreground-muted)}textarea{width:100%;padding:0 var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-muted);color:var(--color-foreground);font-family:var(--font-body);resize:vertical;font-size:1rem}textarea:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.msg{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-2);max-width:640px}.msg-customer{background:var(--color-secondary);border:1px solid var(--color-border)}.msg-agent{background:var(--color-muted);border:1px solid var(--color-accent)}.msg-meta{color:var(--color-foreground-muted);margin-bottom:4px;font-size:.85em;display:block}.sms-notice{color:var(--color-warning);margin:var(--space-1) 0 var(--space-2);font-size:.9rem}