@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--color-navy-950: #050b18;--color-navy-900: #071225;--color-navy-800: #0b1730;--color-navy-700: #0f2042;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-secondary: #3b82f6;--color-cyan: #22d3ee;--color-text: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: rgba(148, 163, 184, .12);--color-danger: #f87171;--color-surface: rgba(15, 32, 66, .72);--color-surface-strong: rgba(11, 23, 48, .88);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .5rem;--radius-md: .85rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--shadow-elevated: 0 24px 64px rgba(2, 6, 23, .45);--shadow-inset: inset 0 1px 0 rgba(248, 250, 252, .06);--font-sans: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-display: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--motion-fast: .14s ease;--motion-base: .22s ease;--z-shell: 10;--z-overlay: 40}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:radial-gradient(ellipse 80% 55% at 15% -10%,rgba(37,99,235,.28),transparent 55%),radial-gradient(ellipse 70% 50% at 90% 10%,rgba(34,211,238,.12),transparent 50%),radial-gradient(ellipse 60% 40% at 50% 110%,rgba(59,130,246,.14),transparent 55%),linear-gradient(165deg,var(--color-navy-950),var(--color-navy-900) 45%,var(--color-navy-800));background-attachment:fixed;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}.loading-shell{min-height:100svh;display:grid;place-items:center;gap:var(--space-4);color:var(--color-text-secondary)}.loading-shell .orb{width:2.5rem;height:2.5rem;border-radius:999px;background:radial-gradient(circle at 30% 30%,var(--color-cyan),var(--color-primary));box-shadow:0 0 32px #2563eb73;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.92);opacity:.75}50%{transform:scale(1);opacity:1}}.auth-page{min-height:100svh;display:grid;place-items:center;padding:var(--space-6)}.login-card{width:min(26rem,100%);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:linear-gradient(160deg,#0f2042eb,#071225e6),var(--color-surface);box-shadow:var(--shadow-elevated),var(--shadow-inset);display:grid;gap:var(--space-4)}.login-card h1{margin:0;font-family:var(--font-display);font-size:1.75rem;font-weight:700}.eyebrow{margin:0;color:var(--color-cyan);font-size:.8rem;font-weight:600;letter-spacing:.04em}.muted{margin:0;color:var(--color-text-muted);line-height:1.6}.login-card form{display:grid;gap:var(--space-4);margin-top:var(--space-2)}.login-card label{display:grid;gap:var(--space-2);color:var(--color-text-secondary);font-size:.92rem}.login-card input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#050b188c;color:var(--color-text);padding:.85rem 1rem;transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.login-card input:focus{border-color:#3b82f68c;box-shadow:0 0 0 3px #2563eb33;outline:none}.password-field{display:grid;grid-template-columns:1fr auto;gap:var(--space-2);align-items:center}.icon-button,.primary-button,.logout-button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#0f2042cc;color:var(--color-text-secondary);padding:.7rem .9rem;cursor:pointer;transition:background var(--motion-fast),border-color var(--motion-fast),transform var(--motion-fast)}.icon-button:hover,.logout-button:hover{border-color:#3b82f659;color:var(--color-text)}.primary-button{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-color:transparent;color:#fff;font-weight:600;padding:.9rem 1rem}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary));transform:translateY(-1px)}.primary-button:disabled,.logout-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.form-error{margin:0;color:var(--color-danger);background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-sm);padding:var(--space-3)}.app-shell{min-height:100svh;display:grid;grid-template-columns:16.5rem 1fr}.app-shell aside{border-inline-end:1px solid var(--color-border);background:#050b18b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-8)}.brand{font-weight:700;font-size:1.15rem;letter-spacing:.02em}.brand span{color:var(--color-cyan);margin-inline-start:.35rem}.app-shell nav{display:grid;gap:var(--space-2)}.app-shell nav a,.app-shell nav .nav-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:.7rem .85rem;border-radius:var(--radius-md);color:var(--color-text-secondary)}.app-shell nav a.active{background:#2563eb2e;color:var(--color-text);box-shadow:var(--shadow-inset)}.app-shell nav .nav-item.is-disabled{opacity:.55;cursor:not-allowed}.app-shell nav small{color:var(--color-text-muted);font-size:.72rem}.workspace{display:grid;grid-template-rows:auto 1fr;min-width:0}.workspace>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background:#0712258c;position:sticky;top:0;z-index:var(--z-shell)}.user-chip{display:grid;gap:.15rem}.user-chip strong{font-weight:600}.user-chip span{color:var(--color-text-muted);font-size:.85rem}.home,.page{padding:var(--space-8) var(--space-6);display:grid;gap:var(--space-4);align-content:start}.home h1,.page h1{margin:0;font-size:clamp(1.6rem,2vw,2.1rem)}.info-card{max-width:36rem;padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-inset)}.info-card h2{margin:0 0 var(--space-2);font-size:1.05rem}.page-heading,.panel-heading,.filter-bar,.inline-form,.pagination{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.page-heading,.panel-heading{justify-content:space-between}.page-heading p,.panel-heading p,.panel-heading h2{margin:0}.filter-bar,.data-card,.details-panel,.summary-card{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-inset);border-radius:var(--radius-lg)}.filter-bar{padding:var(--space-4)}.filter-bar label,.detail-section label{display:grid;gap:var(--space-1);color:var(--color-text-secondary);font-size:.9rem}select,.filter-bar input,.inline-form input,.detail-section input{min-height:2.65rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem .7rem;color:var(--color-text);background:#050b1899}.data-card{overflow:auto}table{width:100%;border-collapse:collapse;min-width:36rem}th,td{padding:var(--space-4);text-align:start;border-bottom:1px solid var(--color-border)}th{color:var(--color-text-muted);font-size:.82rem;font-weight:600}tbody tr:hover{background:#3b82f60f}.status-pill{display:inline-flex;border-radius:999px;padding:.2rem .6rem;background:#22d3ee1f;color:var(--color-cyan);font-size:.82rem}.empty-state{padding:var(--space-6);text-align:center;color:var(--color-text-muted)}.pagination{justify-content:center;color:var(--color-text-secondary)}.details-panel{position:fixed;z-index:var(--z-overlay);inset-block:1rem;inset-inline-end:1rem;width:min(31rem,calc(100vw - 2rem));overflow:auto;padding:var(--space-6);background:var(--color-surface-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.detail-grid{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);margin:var(--space-5) 0;color:var(--color-text-secondary)}.detail-section{display:grid;gap:var(--space-3);border-top:1px solid var(--color-border);margin-top:var(--space-5);padding-top:var(--space-5)}.detail-section h3{margin:0;font-size:1rem}.inline-form input{flex:1}.activity-list{display:grid;gap:var(--space-2);padding:0;margin:0;list-style:none}.activity-list li{display:grid;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-sm);background:#050b1859}.activity-list p{margin:0}.activity-list small{color:var(--color-text-muted)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--space-4)}.summary-card{padding:var(--space-5);display:grid;gap:var(--space-2)}.summary-card span{color:var(--color-text-secondary)}.summary-card strong{color:var(--color-cyan);font-size:2rem}.inbox-page{display:grid;grid-template-columns:minmax(16rem,22rem) minmax(0,1fr) minmax(14rem,20rem);gap:0;min-height:calc(100svh - 4.5rem);border-top:1px solid var(--color-border)}.inbox-pane{padding:var(--space-5);min-height:0;overflow:auto}.inbox-pane-list{border-inline-end:1px solid var(--color-border);background:#050b1859}.inbox-pane-chat{display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-4)}.inbox-pane-details{border-inline-start:1px solid var(--color-border);background:#050b1847}.inbox-list{display:grid;gap:var(--space-3)}.inbox-card{display:grid;gap:var(--space-2);width:100%;text-align:start;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#0f172a8c;color:inherit;cursor:pointer}.inbox-card.is-active{border-color:#22d3ee73;box-shadow:inset 0 0 0 1px #22d3ee33}.inbox-card-top,.inbox-card-meta{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center}.inbox-preview{margin:0;color:var(--color-text-secondary);font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-pill,.unread-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.15rem .55rem;font-size:.78rem}.channel-pill{background:#2563eb33;color:var(--color-cyan)}.unread-badge{background:#f8717133;color:#fecaca}.inbox-chat-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.inbox-status-control{display:grid;gap:var(--space-1);min-width:10rem;color:var(--color-text-secondary);font-size:.85rem}.agent-home-count{min-width:9rem}.agent-home-count small{display:block}.agent-home-filters{display:grid;gap:var(--space-4)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-chip{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#0f172a8c;color:inherit;padding:.35rem .75rem;cursor:pointer}.filter-chip.is-active{border-color:#22d3ee73;color:var(--color-cyan)}.agent-home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-4)}.agent-home-card{height:100%}.workload-section{display:grid;gap:var(--space-4);margin-top:var(--space-6)}.workload-card h3{margin:0 0 var(--space-2)}.toggle-inline{display:inline-flex;align-items:center;gap:var(--space-2);color:inherit}.inbox-messages{display:grid;gap:var(--space-3);align-content:start;overflow:auto;padding-block:var(--space-2)}.chat-bubble{max-width:min(34rem,88%);display:grid;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.chat-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble small{color:var(--color-text-muted)}.chat-bubble.is-in{justify-self:start;background:#1e293be6}.chat-bubble.is-out{justify-self:end;background:#2563eb47}.inbox-composer{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);align-items:end}.inbox-composer textarea{width:100%;resize:vertical;min-height:3.2rem;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:#050b188c;color:var(--color-text)}.attachment-input{max-width:12rem;font-size:.8rem;align-self:center}.attachment-status{margin:0;font-size:.85rem}.attachment-image{max-width:min(20rem,100%);max-height:18rem;border-radius:var(--radius-md);object-fit:contain}.attachment-audio,.attachment-video{max-width:min(20rem,100%)}.attachment-video{border-radius:var(--radius-md)}.attachment-card{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#050b1859}.attachment-icon{font-size:1.4rem}.attachment-meta{display:grid;gap:2px;flex:1;min-width:0}.attachment-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-picker{align-items:end}.inbox-attachment-composer{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-top:var(--space-3)}.attachment-pending{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;font-size:.9rem;color:var(--color-text-secondary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chat-bubble .retry-button{margin-top:var(--space-2)}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:var(--space-4);margin-top:var(--space-4)}.channel-card h2{margin:0;font-size:1.15rem}.channel-pill.is-muted{opacity:.75}.pagination-bar{margin-top:var(--space-4);justify-content:center}.secondary-button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#0f20428c;color:var(--color-text-secondary);padding:.65rem .85rem;cursor:pointer}.secondary-button:hover:not(:disabled){border-color:#3b82f659;color:var(--color-text)}.link-button{border:none;background:none;color:var(--color-cyan);cursor:pointer;padding:0;text-decoration:underline}.wizard-steps{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0 0 var(--space-4)}.wizard-steps li{padding:.35rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);font-size:.85rem;color:var(--color-text-secondary)}.wizard-steps li.is-active{border-color:var(--color-cyan);color:var(--color-text)}.wizard-steps li.is-done{opacity:.75}.wizard-nav{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.rule-group{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin-block:var(--space-3)}.rule-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-bottom:var(--space-2)}.rule-actions{display:flex;gap:var(--space-2)}.json-preview{max-height:8rem;overflow:auto;font-size:.75rem;background:#00000040;padding:var(--space-2);border-radius:var(--radius-sm)}.source-badge{display:inline-block;font-size:.72rem;padding:.15rem .45rem;border-radius:999px;margin-inline-end:var(--space-2)}.source-manual{background:#22d3ee26;color:var(--color-cyan)}.source-behavioral{background:#3b82f626;color:#93c5fd}.source-ai{background:#a855f726;color:#d8b4fe}@media(max-width:1100px){.inbox-page{grid-template-columns:minmax(14rem,18rem) minmax(0,1fr)}.inbox-pane-details{display:none}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.app-shell aside{border-inline-end:none;border-bottom:1px solid var(--color-border)}.page,.home{padding:var(--space-6) var(--space-4)}.inbox-page{grid-template-columns:1fr;min-height:auto}}