@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--font-ar:"IBM Plex Sans Arabic", sans-serif;--font-en:"Inter", sans-serif;--bg-app:#eef1f8;--bg-panel:#fff;--bg-sidebar:#0c1424;--bg-topbar:#eef1f8e6;--bg-input:#f0f3fa;--bg-surface:#fff;--bg-surface-alt:#e8edf7;--bg-elevated:#fff;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-strong:#030712;--text-muted:#9ca3af;--text-sidebar:#b4c8f0b3;--text-sidebar-strong:#fff;--text-sidebar-muted:#b4c8f052;--border-subtle:#0f172a14;--border-strong:#0f172a26;--border-sidebar:#ffffff12;--border-light:#0f172a14;--primary:oklch(58% .17 255);--accent:var(--primary);--accent-soft:color-mix(in oklch, var(--primary) 10%, transparent);--accent-strong:oklch(52% .19 255);--accent-green:oklch(70% .15 152);--accent-purple:oklch(65% .19 290);--accent-amber:oklch(80% .16 85);--danger:oklch(60% .19 25);--warning:oklch(80% .16 85);--success:oklch(68% .16 152);--info:oklch(68% .13 248);--accent-ink:#fff;--accent-main:var(--primary);--glow-primary:0 0 0 3px color-mix(in oklch, var(--primary) 18%, transparent);--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #0000000a;--shadow-md:0 4px 14px -2px #00000012, 0 2px 6px -1px #0000000a;--shadow-lg:0 12px 28px -4px #0000001a, 0 4px 12px -2px #0000000d;--shadow-premium:0 24px 56px -12px #00000024, 0 8px 24px -4px #00000012;--shadow-glow:0 4px 20px color-mix(in oklch, var(--primary) 22%, transparent);--shadow-sidebar:4px 0 32px #0000002e;--inner-shadow:inset 0 2px 4px #0000000a;--sidebar-w:260px;--sidebar-collapsed-w:72px;--topbar-h:60px;--content-max-w:1320px;--radius-xs:.375rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1.125rem;--radius-xl:1.5rem;--transition-smooth:.38s cubic-bezier(.4, 0, .2, 1);--transition-base:.22s cubic-bezier(.4, 0, .2, 1);--transition-fast:.13s cubic-bezier(.4, 0, .2, 1);--transition:var(--transition-base)}[data-theme=dark]{--bg-app:#060a12;--bg-panel:#0c1525;--bg-sidebar:#050910;--bg-topbar:#060a12eb;--bg-input:#07101f;--bg-surface:#0c1525;--bg-surface-alt:#111e35;--bg-elevated:#111e35;--text-primary:#e2eaf7;--text-secondary:#7b90b8;--text-tertiary:#3f5070;--text-strong:#f0f5ff;--text-muted:#3a4d6a;--text-sidebar:#aac3f0ad;--text-sidebar-strong:#e2eaf7;--text-sidebar-muted:#aac3f047;--border-subtle:#ffffff0f;--border-strong:#ffffff1c;--border-sidebar:#ffffff0f;--border-light:#ffffff0f;--primary:oklch(63% .15 252);--accent-soft:color-mix(in oklch, var(--primary) 12%, transparent);--inner-shadow:inset 0 2px 4px #0000004d;--shadow-sm:0 1px 3px #00000047;--shadow-md:0 4px 14px -2px #00000061, 0 2px 6px -1px #00000038;--shadow-lg:0 12px 28px -4px #00000080, 0 4px 12px -2px #00000047;--shadow-premium:0 24px 56px -12px #000000a6, 0 8px 24px -4px #00000052;--shadow-glow:0 4px 24px color-mix(in oklch, var(--primary) 28%, transparent);--shadow-sidebar:4px 0 32px #00000073}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-ar), var(--font-en), sans-serif;background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base);line-height:1.55}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.df-app-layout{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.df-app{width:100vw;height:100vh;display:flex;overflow:hidden}.df-sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border-sidebar);z-index:100;height:100%;box-shadow:var(--shadow-sidebar);transition:width var(--transition-smooth);flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}[dir=rtl] .df-sidebar{border-right:none;border-left:1px solid var(--border-sidebar);box-shadow:-4px 0 32px #0000002e}.sidebar-collapsed .df-sidebar{width:var(--sidebar-collapsed-w)}.df-sidebar:after{content:"";background:linear-gradient(180deg, transparent 0%, color-mix(in oklch, var(--primary) 30%, transparent) 30%, #78a0ff26 70%, transparent 100%);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;right:0}[dir=rtl] .df-sidebar:after{left:0;right:auto}.sidebar-toggle{z-index:101;cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);color:#c8dcffb3;background:#1a2540;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;left:-14px;box-shadow:0 2px 8px #00000059}[dir=rtl] .sidebar-toggle{left:auto;right:-14px}.sidebar-toggle:hover{color:#fff;background:#233055;border-color:#ffffff38;transform:scale(1.12)}.sidebar-brand{height:var(--topbar-h);border-bottom:1px solid var(--border-sidebar);flex-shrink:0;align-items:center;padding:0 1.1rem;display:flex}.agent-header.sidebar-brand{border-bottom:1px solid var(--border-sidebar);background:0 0}.agent-identity{transition:padding var(--transition-smooth);align-items:center;gap:12px;min-width:0;display:flex}.sidebar-collapsed .agent-identity{padding:0 6px}.sidebar-collapsed .sidebar-brand,.sidebar-collapsed .user-profile{justify-content:center}.agent-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;display:flex}.brand-icon{background:var(--primary);color:#fff;box-shadow:0 2px 12px color-mix(in oklch, var(--primary) 40%, transparent), 0 0 0 1px color-mix(in oklch, var(--primary) 30%, transparent)}.agent-title{font-weight:700;font-family:var(--font-en);color:var(--text-sidebar-strong);opacity:1;transition:opacity var(--transition-base);white-space:nowrap;letter-spacing:0;font-size:1rem}.sidebar-collapsed .agent-title{opacity:0;pointer-events:none}.df-nav{flex-direction:column;flex:1;gap:2px;padding:1.25rem .65rem;display:flex;overflow-y:auto}.df-nav-item{border-radius:var(--radius-md);height:42px;color:var(--text-sidebar);transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:12px;padding:0 14px;font-size:.88rem;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.df-nav-item i{width:18px;transition:color var(--transition-fast);flex-shrink:0;justify-content:center;font-size:.95rem;display:flex}.df-nav-item span{opacity:1;transition:opacity var(--transition-base), transform var(--transition-base);white-space:nowrap;font-weight:500}.sidebar-collapsed .df-nav-item span{opacity:0;pointer-events:none;transform:translate(8px)}.sidebar-collapsed .df-nav-item{justify-content:center;gap:0;padding:0}[dir=rtl] .sidebar-collapsed .df-nav-item span{transform:translate(-8px)}.df-nav-item:hover{color:var(--text-sidebar-strong);background:#ffffff0f;border-color:#ffffff0f}.df-nav-item-active{background:color-mix(in oklch, var(--primary) 18%, #0000);color:#c5d8ff;border-color:color-mix(in oklch, var(--primary) 25%, transparent);box-shadow:inset 3px 0 0 var(--primary);font-weight:600}[dir=rtl] .df-nav-item-active{box-shadow:inset -3px 0 0 var(--primary)}.df-nav-item-active i{color:var(--primary);filter:drop-shadow(0 0 6px color-mix(in oklch, var(--primary) 60%, transparent))}.sidebar-footer{border-top:1px solid var(--border-sidebar);flex-shrink:0;padding:.85rem .9rem}.user-profile{gap:10px;overflow:hidden}.user-avatar{background:linear-gradient(135deg, var(--primary), var(--accent-purple));color:#fff;font-family:var(--font-en);letter-spacing:0;flex-shrink:0;font-size:.75rem;font-weight:700}.sidebar-footer-info{opacity:1;min-width:0;transition:opacity var(--transition-base);flex-direction:column;gap:2px;display:flex}.sidebar-collapsed .sidebar-footer-info{opacity:0;pointer-events:none}.user-name{color:var(--text-sidebar-strong);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.user-email{color:var(--text-sidebar-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-family:var(--font-en);overflow:hidden}.df-main-container{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative}.df-topbar{height:var(--topbar-h);background:var(--bg-topbar);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:90;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:0 2rem;display:flex}.topbar-status{background:var(--bg-surface-alt);border:1px solid var(--border-subtle);transition:all var(--transition-base);border-radius:2rem;flex-shrink:1;align-items:center;gap:.65rem;min-width:0;padding:.28rem .9rem;display:flex}[data-theme=dark] .topbar-status{background:#ffffff0a;border-color:#ffffff12}.status-label{font-family:var(--font-en);color:var(--text-primary);letter-spacing:0;white-space:nowrap;font-size:11.5px;font-weight:700}.topbar-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.85rem;display:flex}.theme-toggle{background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:2rem;padding:3px;display:flex}[data-theme=dark] .theme-toggle{background:#ffffff0a;border-color:#ffffff12}.btn-theme{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex}.btn-theme.active{background:var(--bg-panel);color:var(--primary);box-shadow:var(--shadow-sm)}.df-workspace-scroll{scroll-behavior:smooth;flex:1;padding:2.25rem 2.5rem;overflow-y:auto}.df-workspace-content{width:100%;max-width:var(--content-max-w);flex-direction:column;gap:2rem;margin:0 auto;animation:.35s ease-out fadeInUp;display:flex}.df-page{flex-direction:column;gap:2rem;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.df-page-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin:-2.25rem -2.5rem .5rem;padding:2rem 2.25rem;display:flex;position:relative;overflow:hidden}.df-page-header:before{content:"";background:linear-gradient(135deg, color-mix(in oklch, var(--primary) 4%, var(--bg-panel)) 0%, var(--bg-panel) 60%);pointer-events:none;position:absolute;inset:0}[data-theme=dark] .df-page-header:before{background:linear-gradient(135deg, color-mix(in oklch, var(--primary) 8%, var(--bg-surface)) 0%, var(--bg-surface) 60%)}.df-page-header:after{content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in oklch, var(--primary) 30%, transparent) 40%, transparent 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.header-titles{z-index:1;flex-direction:column;gap:.3rem;display:flex;position:relative}.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:0;align-items:center;gap:.5rem;margin-bottom:.2rem;font-size:.72rem;font-weight:700;display:flex}.eyebrow:before{content:"";background:var(--primary);width:6px;height:6px;box-shadow:0 0 8px color-mix(in oklch, var(--primary) 60%, transparent);border-radius:50%;display:inline-block}.page-title{letter-spacing:0;color:var(--text-strong);font-size:2.1rem;font-weight:800;line-height:1.1}.page-description{color:var(--text-secondary);max-width:520px;margin-top:.25rem;font-size:.88rem;line-height:1.6}.header-actions{z-index:1;flex-wrap:wrap;align-items:center;gap:.75rem;display:flex;position:relative}.df-page-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.df-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.25rem;display:grid}.summary-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);padding:1.25rem 1.5rem;position:relative;overflow:hidden}.summary-card:before{content:"";background:linear-gradient(90deg, var(--primary), color-mix(in oklch, var(--primary) 40%, transparent));height:2px;position:absolute;top:0;left:0;right:0}.summary-card:after{content:"";background:radial-gradient(circle at top right, color-mix(in oklch, var(--primary) 8%, transparent) 0%, transparent 70%);pointer-events:none;width:80px;height:80px;position:absolute;top:0;right:0}.summary-card:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);border-color:color-mix(in oklch, var(--primary) 22%, transparent);transform:translateY(-3px)}.summary-card .label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:0;align-items:center;gap:7px;margin-bottom:.85rem;font-size:.78rem;font-weight:700;display:flex}.summary-card .label i{color:var(--primary);opacity:.75;font-size:.8rem}.summary-card .value{color:var(--text-strong);font-size:2.1rem;font-weight:900;font-family:var(--font-en);letter-spacing:0;font-variant-numeric:tabular-nums;line-height:1}.compact-summary{flex-direction:column;gap:.3rem;display:flex;padding:.85rem 1.1rem!important}.compact-summary .label{margin-bottom:.2rem!important;font-size:.67rem!important}.compact-summary .value{overflow-wrap:anywhere;font-size:1.05rem!important;font-weight:700!important}.df-panel{background:var(--bg-panel);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.df-panel:before{content:"";background:linear-gradient(90deg, color-mix(in oklch, var(--primary) 20%, transparent) 0%, transparent 70%);pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}.df-panel-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-alt);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.75rem;display:flex}[data-theme=dark] .df-panel-header{background:#ffffff06}.df-panel-body{padding:1.75rem}.panel-titles{flex-direction:column;gap:.2rem;display:flex}.panel-title{color:var(--text-strong);align-items:center;gap:.6rem;font-size:1rem;font-weight:700;display:flex}.panel-title i{color:var(--text-tertiary);font-size:.9rem}.panel-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.agent-unit{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.agent-unit:before{content:"";background:linear-gradient(90deg, var(--primary), var(--accent-purple), transparent);pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.agent-unit:hover{box-shadow:var(--shadow-lg)}.agent-header{background:linear-gradient(135deg, color-mix(in oklch, var(--primary) 6%, var(--bg-surface-alt)) 0%, var(--bg-surface-alt) 100%);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.5rem;display:flex}[data-theme=dark] .agent-header{background:linear-gradient(135deg, color-mix(in oklch, var(--primary) 10%, #0a1428) 0%, #0a1428 100%)}.agent-info{flex-direction:column;gap:2px;display:flex}.agent-meta{color:var(--text-tertiary);font-size:.72rem;font-weight:600;font-family:var(--font-en);text-transform:uppercase;letter-spacing:0}.agent-status-badge{background:color-mix(in oklch, var(--primary) 8%, var(--bg-surface));border:1px solid color-mix(in oklch, var(--primary) 15%, transparent);color:var(--text-secondary);font-size:.7rem;font-weight:800;font-family:var(--font-en);letter-spacing:0;border-radius:2rem;align-items:center;gap:.55rem;padding:.35rem .85rem;display:flex}[data-theme=dark] .agent-status-badge{background:color-mix(in oklch, var(--primary) 12%, #0000);color:color-mix(in oklch, var(--primary) 80%, white)}.status-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:7px;height:7px;position:relative}.status-dot.pulse:after{content:"";border:1px solid;border-radius:50%;animation:2.2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;inset:-3px}@keyframes pulse-ring{0%{opacity:.9;transform:scale(.4)}80%,to{opacity:0;transform:scale(1.6)}}.agent-io-grid{grid-template-columns:1fr 1fr;display:grid;position:relative}@media (width<=1024px){.agent-io-grid{grid-template-columns:1fr}}.io-separator{background:var(--bg-panel);border:1px solid var(--border-strong);width:30px;height:30px;color:var(--text-tertiary);z-index:10;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=1024px){.io-separator{display:none}}.io-panel{flex-direction:column;gap:.85rem;padding:1.5rem;display:flex}.io-input{border-right:1px solid var(--border-subtle);background:color-mix(in oklch, var(--primary) 2%, var(--bg-panel))}[dir=rtl] .io-input{border-right:0;border-left:1px solid var(--border-subtle)}[data-theme=dark] .io-input{background:#ffffff04}.io-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.io-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0;font-size:.75rem;font-weight:700;font-family:var(--font-en);align-items:center;gap:.45rem;display:flex}.editor-area{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;min-height:120px;color:var(--text-primary);box-shadow:var(--inner-shadow);transition:all var(--transition-base);resize:vertical;overflow-wrap:anywhere;scrollbar-gutter:stable;outline:none;padding:1rem 1.1rem;font-family:inherit;font-size:.92rem;line-height:1.7;overflow-y:auto}.editor-area:focus{background:var(--bg-panel);border-color:color-mix(in oklch, var(--primary) 50%, transparent);box-shadow:var(--glow-primary), var(--inner-shadow)}.editor-area[contentEditable="true"]:empty:before{content:attr(data-placeholder);color:var(--text-tertiary);font-style:italic}.text-input,.select-input{height:44px;min-height:44px}.deep-text-area{min-height:240px}.df-field{gap:.5rem;margin-bottom:.75rem;display:grid}.field-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:0;font-size:.8rem;font-weight:700}.field-hint{color:var(--text-tertiary);font-size:.72rem;line-height:1.5}.btn{border-radius:var(--radius-sm);cursor:pointer;height:40px;transition:all var(--transition-base);border:1px solid var(--border-strong);background:var(--bg-panel);color:var(--text-primary);white-space:nowrap;letter-spacing:0;justify-content:center;align-items:center;gap:.6rem;max-width:100%;padding:0 1.35rem;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn span{text-overflow:ellipsis;min-width:0;overflow:hidden}.btn:hover{background:var(--bg-surface-alt);border-color:var(--border-strong);color:var(--text-strong)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 1px 3px color-mix(in oklch, var(--primary) 30%, transparent)}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong);box-shadow:var(--shadow-glow);color:#fff}.btn-danger{background:color-mix(in oklch, var(--danger) 10%, var(--bg-panel));color:var(--danger);border-color:color-mix(in oklch, var(--danger) 25%, transparent)}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-small{height:32px;padding:0 .9rem;font-size:.8rem}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:.85rem;display:flex}.icon-btn:hover{background:var(--bg-surface-alt);border-color:var(--border-strong);color:var(--text-primary)}.portal-btn{border:1px solid var(--border-subtle);background:var(--bg-input);height:38px;color:var(--text-secondary);padding:0 1.1rem;font-size:.82rem}.portal-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--accent-soft)}.logout-btn{width:36px;height:36px}.badge{letter-spacing:0;white-space:nowrap;font-size:.72rem;font-weight:700;font-family:var(--font-en);border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.badge-neutral{background:var(--bg-surface-alt);color:var(--text-secondary);border-color:var(--border-subtle)}.badge-success{background:color-mix(in oklch, var(--success) 12%, transparent);color:var(--success);border-color:color-mix(in oklch, var(--success) 22%, transparent)}.badge-warning{background:color-mix(in oklch, var(--warning) 12%, transparent);color:color-mix(in oklch, var(--warning) 80%, #6b4a00);border-color:color-mix(in oklch, var(--warning) 25%, transparent)}[data-theme=dark] .badge-warning{color:var(--warning)}.badge-danger{background:color-mix(in oklch, var(--danger) 12%, transparent);color:var(--danger);border-color:color-mix(in oklch, var(--danger) 22%, transparent)}.badge-info{background:color-mix(in oklch, var(--info) 12%, transparent);color:var(--info);border-color:color-mix(in oklch, var(--info) 22%, transparent)}.badge-primary{background:color-mix(in oklch, var(--primary) 12%, transparent);color:var(--primary);border-color:color-mix(in oklch, var(--primary) 22%, transparent)}.df-alert{border-radius:var(--radius-md);border:1px solid #0000;align-items:flex-start;gap:.85rem;padding:1rem 1.25rem;font-size:.88rem;line-height:1.55;display:flex}.alert-danger{background:color-mix(in oklch, var(--danger) 8%, var(--bg-panel));border-color:color-mix(in oklch, var(--danger) 20%, transparent);color:var(--danger)}.alert-info{background:color-mix(in oklch, var(--info) 8%, var(--bg-panel));border-color:color-mix(in oklch, var(--info) 20%, transparent);color:var(--text-secondary)}.alert-content{flex:1}.df-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.empty-icon{border-radius:var(--radius-md);background:var(--bg-surface-alt);border:1px solid var(--border-subtle);width:52px;height:52px;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:1.3rem;display:flex}.empty-title{color:var(--text-strong);font-size:1rem;font-weight:700}.empty-text{color:var(--text-secondary);max-width:340px;font-size:.85rem;line-height:1.6}.empty-action{margin-top:.5rem}.df-skeleton-stack{flex-direction:column;gap:.75rem;display:flex}.df-skeleton{border-radius:var(--radius-md);background:var(--bg-surface-alt);height:52px;position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff12 50%,#0000 100%) 0 0/200% 100%;animation:1.6s ease-in-out infinite shimmer-anim;position:absolute;inset:0}@keyframes shimmer-anim{0%{background-position:-200% 0}to{background-position:200% 0}}.df-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#0000008c;place-items:center;padding:2rem;display:grid;position:fixed;inset:0}.df-modal{background:var(--bg-panel);border-radius:var(--radius-xl);width:min(100%,820px);max-height:92vh;box-shadow:var(--shadow-premium);border:1px solid var(--border-subtle);flex-direction:column;display:flex;position:relative;overflow:hidden}.df-modal:before{content:"";background:linear-gradient(90deg, var(--primary), var(--accent-purple), transparent);height:2px;position:absolute;top:0;left:0;right:0}.df-modal-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-alt);justify-content:space-between;align-items:center;padding:1.35rem 1.75rem;display:flex}[data-theme=dark] .df-modal-header{background:#ffffff05}.modal-title{color:var(--text-strong);overflow-wrap:anywhere;font-size:1.05rem;font-weight:700}.df-modal-body{flex-direction:column;flex:1;gap:1.25rem;min-height:0;padding:1.75rem;display:flex;overflow-y:auto}.df-modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-panel);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:.75rem;padding:1rem 1.75rem 1.25rem;display:flex}.df-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem;display:grid}.df-form-grid .df-field{margin-bottom:0}.df-span-2{grid-column:span 2}.df-note-list{flex-direction:column;gap:.85rem;padding-top:.25rem;display:flex}.df-note-list h3{color:var(--text-strong);font-size:.92rem;font-weight:700}.df-note-list article{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-alt);padding:1rem}.df-note-list article p{color:var(--text-primary);line-height:1.7}.df-note-list time,.df-muted{color:var(--text-tertiary);font-size:.78rem}.leads-table{border-collapse:collapse;text-align:right;width:100%;min-width:900px;font-size:13.5px}.leads-thead{z-index:2;position:sticky;top:0}.leads-th{color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-alt);white-space:nowrap;font-size:.68rem;font-weight:700;font-family:var(--font-en);text-transform:uppercase;letter-spacing:0;box-shadow:inset 0 -1px 0 var(--border-subtle);padding:11px 20px}[data-theme=dark] .leads-th{background:#ffffff08}.leads-row{transition:background var(--transition-fast);border-bottom:1px solid var(--border-subtle)}.leads-row:hover{background:color-mix(in oklch, var(--primary) 4%, var(--bg-panel))}[data-theme=dark] .leads-row:hover{background:color-mix(in oklch, var(--primary) 8%, #0000)}.leads-td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:14px 20px;line-height:1.45}.leads-th-center,.leads-td-center{text-align:center}.leads-cell-name-primary{color:var(--text-strong);font-size:14px;font-weight:700;line-height:1.3}.leads-cell-name-secondary{color:var(--text-tertiary);align-items:center;gap:4px;margin-top:3px;font-size:12px;display:flex}.leads-cell-next-action{color:var(--text-primary);font-size:13px;font-weight:600}.leads-cell-note{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;max-width:240px;margin-top:3px;font-size:11.5px;overflow:hidden}.leads-cell-actions-group{flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;display:flex}.leads-action-btn{border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;padding:5px 11px;font-family:inherit;font-size:12px;font-weight:600}.leads-action-btn:hover{background:var(--bg-surface-alt);border-color:var(--border-subtle);color:var(--text-primary)}.leads-action-btn-primary:hover{background:color-mix(in oklch, var(--primary) 10%, var(--bg-panel));border-color:color-mix(in oklch, var(--primary) 25%, transparent);color:var(--primary)}.leads-external-link{justify-content:center;align-items:center;display:inline-flex}.leads-next-action-td{min-width:210px;max-width:260px}.leads-external-button{width:30px;height:30px;font-size:.72rem}.table-responsive{width:100%;overflow-x:auto}.results-count{font-family:var(--font-en);color:var(--text-tertiary);background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:99px;padding:3px 10px;font-size:.8rem;font-weight:600}.section-heading{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.heading-brand{color:var(--text-strong);letter-spacing:0;align-items:center;gap:.65rem;font-size:1.05rem;font-weight:700;display:flex}.heading-brand i{color:var(--text-tertiary);font-size:.95rem}.action-group,.df-action-row,.panel-actions,.header-actions,.df-page-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.form-grid-3,.filters-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.df-home-grid-layout{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=1100px){.df-home-grid-layout{grid-template-columns:1fr}}.focus-reason{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.9rem;line-height:1.65}.quick-alerts-stack,.agents-stack,.distribution-stack,.latest-leads-list,.leads-content-stack{flex-direction:column;gap:.75rem;display:flex}.alert-item{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.75rem;padding:.65rem 0;display:flex}.alert-item:last-child{border-bottom:none}.alert-label{color:var(--text-secondary);flex:1;font-size:.88rem;font-weight:500}.distribution-row{grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.5rem 0;display:grid}.channel-info{flex-direction:column;grid-column:1/-1;gap:2px;display:flex}.channel-name{color:var(--text-primary);font-size:.85rem;font-weight:700}.channel-leads{color:var(--text-tertiary);font-size:.75rem}.df-meter{background:var(--bg-surface-alt);border-radius:99px;flex:1;grid-column:1/2;height:5px;overflow:hidden}.df-meter-bar{background:linear-gradient(90deg, var(--primary), var(--accent-purple));border-radius:99px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);display:block}.percentage-text{color:var(--text-secondary);font-size:.75rem;font-weight:700;font-family:var(--font-en);text-align:left;grid-area:2/2/auto/3;min-width:36px}.followup-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.stat-box{background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.85rem;display:flex}.stat-box:hover{border-color:color-mix(in oklch, var(--primary) 20%, transparent);background:color-mix(in oklch, var(--primary) 4%, var(--bg-panel))}.stat-box i{color:var(--primary);opacity:.75;font-size:1rem}.stat-value{color:var(--text-strong);font-size:1.5rem;font-weight:800;font-family:var(--font-en);letter-spacing:0;line-height:1}.stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0;font-size:.72rem;font-weight:600}.lead-row{border-radius:var(--radius-sm);transition:all var(--transition-fast);border:1px solid #0000;justify-content:space-between;align-items:center;padding:.6rem .75rem;text-decoration:none;display:flex}.lead-row:hover{background:var(--bg-surface-alt);border-color:var(--border-subtle)}.lead-name{color:var(--text-primary);font-size:.87rem;font-weight:600}.lead-status{color:var(--text-tertiary);font-size:.75rem;font-family:var(--font-en)}.channels-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.channel-card{transition:all var(--transition-base);cursor:pointer;justify-content:space-between;align-items:center;padding:1rem 1.25rem;text-decoration:none;display:flex;background:var(--bg-panel)!important}.channel-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:color-mix(in oklch, var(--primary) 22%, transparent)!important}.channel-brand{align-items:center;gap:.75rem;display:flex}.channel-brand .agent-icon{background:color-mix(in oklch, var(--primary) 12%, var(--bg-surface-alt));width:36px;height:36px;color:var(--primary);border:1px solid color-mix(in oklch, var(--primary) 18%, transparent)}.channel-brand .channel-name{color:var(--text-strong);font-size:.88rem;font-weight:700}.landing-links-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.25rem;display:grid}.landing-link-card .df-panel-body{flex-direction:column;gap:1rem;display:flex}.landing-link-title{align-items:center;gap:1rem;display:inline-flex}.landing-link-title i{color:var(--primary)}.landing-link-actions{justify-content:flex-end;align-items:center;display:flex}.df-boot{background:var(--bg-app);flex-direction:column;place-items:center;gap:1rem;width:100vw;height:100vh;display:grid}.df-brand-mark{font-family:var(--font-en);color:var(--primary);letter-spacing:0;font-size:1.5rem;font-weight:900}.manual-save-btn{height:34px;padding:0 .9rem;font-size:.78rem}.df-login-page{background:var(--bg-app);place-items:center;min-height:100vh;padding:2rem;display:grid}.login-card{gap:1.75rem;width:min(100%,460px);padding:2rem}.login-brand-row{align-items:center;gap:.9rem;min-width:0;display:flex}.login-brand-icon{background:var(--accent-main);width:42px;height:42px;color:var(--accent-ink);font-size:1.05rem}.login-brand-copy{gap:2px;min-width:0;display:grid}.login-brand-copy strong{color:var(--text-strong);font-family:var(--font-en);font-size:1rem;line-height:1.2}.login-brand-copy small{color:var(--text-tertiary);font-family:var(--font-en);font-size:.78rem;font-weight:600}.login-header{gap:.65rem;display:grid}.login-eyebrow{color:var(--primary);font-family:var(--font-en);letter-spacing:0;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;display:flex}.login-header h1{color:var(--text-strong);font-size:1.75rem;line-height:1.2}.login-header p{color:var(--text-secondary);font-size:.92rem;line-height:1.7}.login-form{gap:1.25rem;display:grid}.login-submit{width:100%;height:52px;font-size:1rem}.outputs-stack{flex-direction:column;gap:1.5rem;display:flex}.outputs-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.outputs-heading{flex-wrap:wrap;gap:1rem;margin-bottom:0}.workspace-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.workspace-header-actions .compact-summary{min-width:160px}.output-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:initial;transition:all var(--transition-base);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem;min-height:180px;padding:1.35rem;display:flex}.output-card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in oklch, var(--primary) 18%, transparent)}.output-header{color:var(--text-primary);margin-top:.2rem;font-size:.95rem;font-weight:700;line-height:1.45}.output-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.output-label{color:var(--text-tertiary);font-family:var(--font-en);letter-spacing:0;text-transform:uppercase;font-size:.68rem;font-weight:700}.output-count{background:var(--bg-surface-alt);border:1px solid var(--border-subtle);min-width:28px;height:28px;color:var(--text-secondary);font-family:var(--font-en);border-radius:999px;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:inline-flex}.output-items-list{flex-direction:column;gap:.75rem;display:flex}.output-text-item,.output-record{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-input)}.output-text-item{color:var(--text-primary);overflow-wrap:anywhere;padding:.85rem 1rem;line-height:1.7}.output-record{overflow:hidden}.output-record-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(110px,.48fr) 1fr;gap:.85rem;padding:.75rem .9rem;display:grid}.output-record-row:last-child{border-bottom:none}.output-record-row span{color:var(--text-tertiary);letter-spacing:0;font-size:.72rem;font-weight:700}.output-record-row strong{color:var(--text-primary);overflow-wrap:anywhere;font-size:.86rem;font-weight:600;line-height:1.55}.output-empty-copy{color:var(--text-tertiary);font-size:.88rem;line-height:1.6}.outputs-empty-state{grid-column:1/-1;min-height:160px}.leads-table-wrapper{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.leads-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-alt);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}[data-theme=dark] .leads-header{background:#ffffff06}.leads-title{color:var(--text-strong);align-items:center;gap:.5rem;font-size:.92rem;font-weight:700;display:flex}.leads-title i{color:var(--text-tertiary)}.channel-leads-header{flex-wrap:wrap;align-items:center;gap:1rem}.leads-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.875rem;display:flex}.leads-count-pill{border:1px solid var(--border-subtle);background:var(--bg-panel);color:var(--text-secondary);font-family:var(--font-en);white-space:nowrap;border-radius:999px;padding:.35rem .75rem;font-size:.78rem;font-weight:700}@media (width<=760px){.df-sidebar{width:var(--sidebar-collapsed-w)}.sidebar-toggle{display:none}.df-sidebar .sidebar-brand,.df-sidebar .user-profile{justify-content:center}.df-sidebar .agent-identity{padding:0 6px}.df-sidebar .agent-title,.df-sidebar .df-nav-item span,.df-sidebar .sidebar-footer-info{opacity:0;pointer-events:none}.df-sidebar .df-nav-item{justify-content:center;gap:0;padding:0}.df-topbar{padding:0 1rem}.topbar-status{max-width:46vw;padding-inline:.75rem}.df-workspace-scroll{padding:1.25rem}.df-workspace-content,.df-page{gap:1.25rem}.df-page-header{align-items:flex-start;gap:1.25rem;margin:-1.25rem -1.25rem .25rem;padding:1.5rem 1.25rem}.header-actions,.df-page-actions,.workspace-header-actions,.panel-actions,.action-group,.leads-header-actions{justify-content:flex-start;width:100%}.page-title{font-size:1.65rem}.page-description{max-width:100%}.df-panel-header,.agent-header,.leads-header,.df-modal-header{align-items:flex-start}.df-panel-body,.df-modal-body{padding:1.25rem}.df-modal-overlay{place-items:stretch stretch;padding:.75rem}.df-modal{border-radius:var(--radius-lg);width:100%;max-height:calc(100vh - 1.5rem)}.df-modal-footer{padding:1rem 1.25rem}.df-form-grid,.form-grid-3,.filters-grid,.landing-links-grid{grid-template-columns:1fr}.landing-link-actions{justify-content:flex-start}.df-span-2{grid-column:auto}.login-card{padding:1.5rem}.login-header h1{font-size:1.45rem}.outputs-grid{grid-template-columns:1fr}.output-record-row{grid-template-columns:1fr;gap:.25rem}.workspace-header-actions .compact-summary{flex:100%;min-width:0}}@media (width<=560px){.df-login-page{padding:1rem}.df-modal-footer .btn,.leads-header-actions .btn,.workspace-header-actions .btn{flex:140px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.p-6{padding:1.5rem}