@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-primary: #f05d22;--color-dark: #231F20;--color-dark-light: #2a2528;--bg-primary: #0a0e1a;--bg-secondary: #0f1419;--bg-tertiary: #1a1f2e;--bg-elevated: #232936;--bg-hover: #2a2f3e;--bg-active: #3a3f4e;--text-primary: #ffffff;--text-secondary: #E5E7EB;--text-tertiary: #9CA3AF;--text-muted: #6B7280;--border-subtle: rgba(255, 255, 255, .05);--border-light: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .2);--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--space-xxl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .37);--shadow-orange: 0 0 20px rgba(240, 93, 34, .3);--shadow-orange-strong: 0 0 30px rgba(240, 93, 34, .5);--shadow-card-hover: 0 8px 24px rgba(240, 93, 34, .2);--transition-fast: all .2s cubic-bezier(0, 0, .2, 1);--transition-medium: all .35s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}.display-screen{background:var(--bg-primary);background-image:radial-gradient(circle at 20% 50%,rgba(240,93,34,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(240,93,34,.02) 0%,transparent 50%);color:var(--text-primary);font-family:Noto Kufi Arabic,Inter,sans-serif;margin:0;padding:var(--space-md);min-height:100vh;max-height:100vh;overflow:hidden;display:flex;flex-direction:column}.display-screen.scrollable{height:100vh;overflow:hidden}.screen2-scrollable-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:var(--space-sm);height:0}.screen2-scrollable-content::-webkit-scrollbar{width:12px}.screen2-scrollable-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:6px}.screen2-scrollable-content::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:6px;border:2px solid var(--bg-tertiary)}.screen2-scrollable-content::-webkit-scrollbar-thumb:hover{background:#ff7a47}.screen2-scrollable-content{scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--bg-tertiary)}.display-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.spinner{width:60px;height:60px;border:5px solid var(--bg-elevated);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.display-screen.data-stale{border:3px solid #F59E0B}.display-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding:var(--space-lg) var(--space-xl);background:#fff;border-radius:var(--radius-lg);border-bottom:10px solid var(--color-primary);flex-shrink:0;height:100px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.display-header:before{content:"";position:absolute;top:0;right:0;width:400px;height:100%;pointer-events:none}.header-logo{width:150px;height:auto;-o-object-fit:contain;object-fit:contain;z-index:2}.header-text{text-align:left;flex:1;z-index:2}.display-header h1{margin:0 0 var(--space-xs) var(--space-lg);font-size:48px;font-weight:700;letter-spacing:1px;color:var(--bg-primary);text-shadow:none;align-items:center}.display-header h1:before{content:"";display:inline-block;width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse 2s infinite}.version-badge{font-size:20px;font-weight:500;color:var(--color-primary);background:#f05d221a;padding:4px 12px;border-radius:6px;letter-spacing:.5px}.display-header p{margin:0 0 0 var(--space-lg);font-size:24px;opacity:.85;color:var(--text-secondary);font-weight:500;padding-left:24px}.channel-section,.ticker-section{margin-bottom:var(--space-md);flex-shrink:0}.status-section{position:relative;padding:var(--space-sm) var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-light);flex-shrink:0;margin-bottom:var(--space-md);box-shadow:var(--shadow-md)}.status-section h3{margin:0 0 var(--space-xs) 0;font-size:18px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-xs)}.stat-placeholder-card{background:linear-gradient(135deg,rgba(240,93,34,.08) 0%,var(--bg-tertiary) 100%);border-radius:var(--radius-lg);padding:var(--space-md);min-height:420px;max-height:420px;display:flex;flex-direction:column;border:2px solid rgba(240,93,34,.3);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.stat-placeholder-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top left,rgba(240,93,34,.1) 0%,transparent 70%);pointer-events:none}.stat-card-header{display:flex;align-items:center;gap:var(--space-sm);position:relative;z-index:1;flex-shrink:0}.stat-card-icon{font-size:28px;filter:drop-shadow(0 0 8px rgba(240,93,34,.5))}.stat-card-header h3{font-size:18px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0}.stat-card-body{flex:1;display:flex;flex-direction:column;gap:var(--space-sm);justify-content:space-evenly;position:relative;z-index:1;overflow:hidden}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:12px var(--space-md);background:#ffffff08;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);transition:all .3s ease;flex-shrink:0;gap:15px}.stat-row:hover{background:#ffffff0f;border-color:#f05d224d;transform:translate(4px)}.stat-placeholder-card .stat-label{font-size:13px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-placeholder-card .stat-value{font-size:28px;font-weight:800;color:var(--color-primary);text-shadow:0 0 15px rgba(240,93,34,.4);line-height:1}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr)!important;gap:var(--space-md);width:100%}.channel-card{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-elevated) 100%);border-radius:var(--radius-lg);padding:0;cursor:pointer;transition:var(--transition-medium);min-height:420px;position:relative;overflow:hidden;display:flex;flex-direction:column;border:3px solid transparent;box-shadow:var(--shadow-md)}.channel-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(240,93,34,.05) 0%,transparent 60%);opacity:0;transition:var(--transition-medium);pointer-events:none}.channel-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.channel-card:hover:before{opacity:1}.channel-card:active{transform:scale(.98)}.channel-screenshot{width:100%;height:280px;-o-object-fit:contain;object-fit:contain;background:#00000080;border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative}.screenshot-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(90deg,#1a1f2e80,#232936cc,#1a1f2e80);background-size:200% 100%;animation:shimmer 2s infinite}.loading-spinner{width:30px;height:30px;border:3px solid var(--bg-elevated);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.channel-content{padding:var(--space-md);flex:1;border-top:4px solid;margin-top:0;display:flex;flex-direction:column;gap:var(--space-sm)}.channel-card.al_jazeera{border-left:6px solid #d97706}.channel-card.al_jazeera .channel-content{border-top-color:#d97706}.channel-card.al_arabiya{border-left:6px solid #059669}.channel-card.al_arabiya .channel-content{border-top-color:#059669}.channel-card.kuwait1{border-left:6px solid #0284c7}.channel-card.kuwait1 .channel-content{border-top-color:#0284c7}.channel-card.sky_news_arabia{border-left:6px solid #dc2626}.channel-card.sky_news_arabia .channel-content{border-top-color:#dc2626}.channel-header{display:flex;justify-content:space-between;align-items:center}.channel-name{font-size:22px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-status{font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:6px 12px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:6px}.channel-status.recording{color:#10b981;background:#10b9811a}.channel-status.paused{color:#f59e0b;background:#f59e0b1a}.channel-status.offline{color:var(--text-muted);background:#6b72801a}.speaker-info{display:flex;align-items:center;gap:var(--space-sm);font-size:18px;background:#ffffff0d;padding:var(--space-sm);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.speaker-label{font-family:Inter,sans-serif;font-weight:600;color:var(--text-primary)}.gender-icon,.sentiment-emoji{font-size:20px}.trending-ticker{background:var(--color-dark);padding:var(--space-md) 0;border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--color-primary);box-shadow:var(--shadow-orange);height:100px;display:flex;flex-direction:column;justify-content:center;position:relative}.trending-ticker:before,.trending-ticker:after{content:"";position:absolute;top:0;bottom:0;width:50px;z-index:2;pointer-events:none}.trending-ticker:before{left:0;background:linear-gradient(to right,var(--color-dark),transparent)}.trending-ticker:after{right:0;background:linear-gradient(to left,var(--color-dark),transparent)}.ticker-label{text-align:center;font-size:24px;font-weight:700;margin-bottom:var(--space-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:2px}.ticker-content{font-weight:700;white-space:nowrap;color:var(--text-primary)}.ticker-item{margin:0 var(--space-md);font-size:28px;display:inline-block;color:var(--text-primary)}.ticker-item strong{color:var(--text-primary)}.clusters-section{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-elevated) 100%);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.top-clusters{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-sm);direction:rtl}.cluster-tag{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:22px;font-weight:600;color:var(--text-primary);background:var(--bg-hover);border:2px solid var(--bg-active);box-shadow:var(--shadow-sm);transition:var(--transition-fast);cursor:pointer}.cluster-tag:hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:var(--shadow-orange);background:var(--bg-active)}.cluster-tag:active{transform:scale(.98)}.pipeline-section{background:var(--bg-tertiary);border:1px solid var(--border-light)}.pipeline-status{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;flex-wrap:wrap}.stat-item{background:#ffffff0d;border-radius:20px;padding:8px 16px;border:1px solid rgba(255,255,255,.15);transition:var(--transition-fast);cursor:pointer;flex:0 0 auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-item:hover{transform:translateY(-1px);border-color:var(--color-primary);background:#f05d221a;box-shadow:0 0 15px #f05d224d}.stat-icon{font-size:16px;display:inline-block;line-height:1}.stat-value{font-size:18px;font-weight:700;color:var(--text-primary);display:inline-block;margin:0;line-height:1}.stat-label{font-size:12px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;line-height:1}.stat-item.health-score .stat-value{color:var(--color-primary)}.last-updated{text-align:center;padding:var(--space-md);opacity:.7;font-size:16px;color:var(--text-tertiary)}.card-lift{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.orange-glow{box-shadow:var(--shadow-orange-strong)}.pulse-dot{animation:pulse 2s infinite}.process-indicators{display:flex;align-items:center;gap:6px;margin-left:4px}.process-indicator-emoji{font-size:18px;transition:all .3s ease;cursor:help;position:relative}.process-indicator-emoji.active{filter:grayscale(0) brightness(1.2) drop-shadow(0 0 3px rgba(16,185,129,.6));animation:pulse-green 2s infinite}.process-indicator-emoji.inactive{filter:grayscale(1) brightness(.5) sepia(1) hue-rotate(-50deg) saturate(5);opacity:.7}@keyframes pulse-green{0%,to{filter:grayscale(0) brightness(1.2) drop-shadow(0 0 3px rgba(16,185,129,.6))}50%{filter:grayscale(0) brightness(1.4) drop-shadow(0 0 6px rgba(16,185,129,.9))}}.shimmer{animation:shimmer 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes countUp{0%{transform:scale(1.2);opacity:0}to{transform:scale(1);opacity:1}}.fade-in{animation:fadeIn .5s ease-out}.channel-card:nth-child(1){animation:fadeIn .5s ease-out .1s both}.channel-card:nth-child(2){animation:fadeIn .5s ease-out .2s both}.channel-card:nth-child(3){animation:fadeIn .5s ease-out .3s both}.channel-card:nth-child(4){animation:fadeIn .5s ease-out .4s both}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (min-width: 1920px){.display-header h1{font-size:56px}.channel-grid{grid-template-columns:repeat(4,1fr)!important;gap:var(--space-lg)}.channel-screenshot{height:320px}}@media (max-width: 1919px) and (min-width: 1440px){.channel-grid{grid-template-columns:repeat(4,1fr)!important}.display-header h1{font-size:42px}.display-header p{font-size:20px}}@media (max-width: 1439px) and (min-width: 1024px){.channel-grid{grid-template-columns:repeat(4,1fr)!important}.display-header{height:120px;padding:var(--space-md) var(--space-lg)}.display-header h1{font-size:36px}.display-header p{font-size:18px}.header-logo{width:160px}.channel-screenshot{height:240px}}@media (max-width: 1023px){.channel-grid{grid-template-columns:repeat(4,1fr)!important}.display-header{flex-direction:column;height:auto;text-align:center}.header-text{text-align:center}.display-header h1,.display-header p{margin-left:0}.top-clusters{grid-template-columns:1fr}.pipeline-status{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.display-screen{padding:var(--space-sm)}.display-header h1{font-size:12px}.display-header p{font-size:16px}.pipeline-status{grid-template-columns:1fr}.stat-value{font-size:32px}.ticker-item{font-size:20px}}.keywords-monitor-button{background:#f05d22;color:#000;border:none;padding:10px 20px;border-radius:20px;font-weight:600;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 8px #f05d224d;position:relative;margin-left:16px}.alerts-history-button{background:linear-gradient(135deg,var(--color-primary) 0%,#ff8c42 100%);color:#fff;border:none;padding:10px 20px;border-radius:20px;font-weight:600;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 8px #f05d224d;position:relative;margin-left:16px}.top-faces-button{background:#f05d22;color:#000;border:none;padding:10px 20px;border-radius:20px;font-weight:600;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d;position:relative;margin-left:12px}.top-faces-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66;filter:brightness(1.1)}.top-faces-button:active{transform:translateY(0)}.keywords-monitor-button:hover,.alerts-history-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f05d2266;filter:brightness(1.1)}.keywords-monitor-button:active,.alerts-history-button:active{transform:translateY(0)}.alerts-history-button .alerts-badge{background:#fff;color:var(--color-primary);padding:2px 8px;border-radius:12px;font-size:13px;font-weight:700;min-width:24px;text-align:center}.panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .2s ease-out}.alerts-panel{position:fixed;right:0;top:0;width:60%;max-width:90vw;height:100vh;background:var(--bg-secondary);box-shadow:-4px 0 32px #00000080;z-index:1001;animation:slideInRight .3s ease-out;display:flex;flex-direction:column;border-left:2px solid var(--border-medium)}.alerts-panel .panel-header{padding:24px;border-bottom:2px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;background:var(--bg-tertiary);flex-shrink:0}.alerts-panel .panel-title{font-size:24px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:12px;margin:0}.alerts-panel .panel-icon{font-size:28px}.alerts-panel .close-button{background:transparent;border:none;color:var(--text-tertiary);font-size:36px;line-height:1;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.alerts-panel .close-button:hover{background:var(--bg-hover);color:var(--text-primary)}.alerts-panel .panel-controls{padding:16px 24px;border-bottom:1px solid var(--border-subtle);display:flex;gap:12px;align-items:center;background:var(--bg-primary);flex-shrink:0}.alerts-panel .refresh-button{background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text-secondary);padding:8px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.alerts-panel .refresh-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-medium)}.alerts-panel .refresh-button:disabled{opacity:.5;cursor:not-allowed}.alerts-panel .filter-select{background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text-secondary);padding:8px 12px;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;flex:1;transition:all .2s ease}.alerts-panel .filter-select:hover{border-color:var(--border-medium)}.alerts-panel .filter-select:focus{outline:none;border-color:var(--color-primary)}.alerts-panel .panel-content{flex:1;overflow-y:auto;padding:20px;background:var(--bg-primary)}.alerts-panel .panel-content::-webkit-scrollbar{width:8px}.alerts-panel .panel-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.alerts-panel .panel-content::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}.alerts-panel .panel-content::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.alerts-panel .loading-state,.alerts-panel .error-state,.alerts-panel .empty-state{padding:48px 24px;text-align:center;color:var(--text-tertiary)}.alerts-panel .loading-state .spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.alerts-panel .error-state p{color:#ef4444;margin-bottom:16px}.alerts-panel .retry-button{background:var(--color-primary);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600}.alerts-panel .empty-state small{display:block;margin-top:8px;color:var(--text-muted)}.alerts-panel .alerts-list{display:flex;flex-direction:column;gap:16px}.alerts-panel .alert-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;transition:all .2s ease}.alerts-panel .alert-card:hover{background:var(--bg-tertiary);border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translate(-4px)}.alerts-panel .alert-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.alerts-panel .channel-info{display:flex;align-items:center;gap:10px}.alerts-panel .channel-logo-small,.keywords-monitor-panel .channel-logo-small,.keyword-detail-panel .channel-logo-small{width:20px;height:20px;border-radius:4px;-o-object-fit:contain;object-fit:contain;background:var(--bg-elevated);padding:2px}.alerts-panel .channel-name{font-weight:600;font-size:15px;color:var(--text-secondary)}.alerts-panel .alert-timestamp{font-size:13px;color:var(--text-muted)}.alerts-panel .alert-card-body{display:flex;flex-direction:column;gap:12px}.alerts-panel .keyword-badge{display:inline-block;background:linear-gradient(135deg,#fef3c7,#fde047);color:#854d0e;padding:6px 14px;border-radius:16px;font-size:14px;font-weight:700;align-self:flex-start;box-shadow:0 2px 6px #fde0474d}.alerts-panel .keyword-category{font-weight:500;opacity:.8;font-size:13px}.alerts-panel .alert-context{color:var(--text-secondary);line-height:1.6;font-size:15px;padding:12px;background:var(--bg-primary);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}.alerts-panel .keyword-highlight{background:linear-gradient(135deg,#fef3c7,#fde047);color:#854d0e;font-weight:700;padding:2px 6px;border-radius:4px;box-shadow:0 1px 3px #fde04766}.alerts-panel .alert-screenshot{width:100%;border-radius:var(--radius-sm);border:1px solid var(--border-light);margin-top:8px;transition:all .2s ease;cursor:pointer}.alerts-panel .alert-screenshot:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.alerts-panel .panel-footer{padding:16px 24px;border-top:1px solid var(--border-subtle);background:var(--bg-tertiary);text-align:center;flex-shrink:0}.alerts-panel .text-muted{color:var(--text-muted);font-size:13px}@media (max-width: 768px){.alerts-panel{width:100vw}.alerts-history-button{font-size:14px;padding:8px 16px}.alerts-history-button .alerts-badge{font-size:12px}.top-faces-button{font-size:14px;padding:8px 16px}}.top-faces-panel{position:fixed;right:0;top:0;width:75%;max-width:95vw;height:100vh;background:var(--bg-secondary);box-shadow:-4px 0 32px #00000080;z-index:1001;animation:slideInRight .3s ease-out;display:flex;flex-direction:column;border-left:2px solid var(--border-medium)}.top-faces-panel .panel-content{flex:1;overflow-y:auto;padding:20px;background:var(--bg-primary)}.top-faces-panel .panel-content::-webkit-scrollbar{width:8px}.top-faces-panel .panel-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.top-faces-panel .panel-content::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}.top-faces-panel .panel-content::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.top-faces-panel .faces-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:16px;padding:8px}.face-card{background:var(--bg-tertiary);border-radius:8px;overflow:hidden;border:1px solid var(--border-light);transition:all .2s ease;position:relative;display:flex;flex-direction:column}.face-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;border-color:var(--color-accent)}.face-rank{position:absolute;top:8px;left:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.face-image-container{width:100%;height:200px;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.face-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.face-image-placeholder{font-size:64px;color:var(--text-secondary);opacity:.3}.face-image-container.image-error{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.face-image-container.image-error:after{content:"👤";font-size:64px;color:var(--text-tertiary);opacity:.5}.face-info{padding:12px;display:flex;flex-direction:column;gap:8px;flex:1}.face-stats-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.face-appearances{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:4px}.face-meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.face-meta{font-size:12px;color:var(--text-secondary);background:var(--bg-secondary);padding:3px 8px;border-radius:12px;display:inline-flex;align-items:center;gap:4px}.face-channels{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.channel-badge{font-size:10px;font-weight:600;padding:3px 6px;border-radius:3px;white-space:nowrap}.channel-badge-more{font-size:10px;color:var(--text-tertiary);background:var(--bg-secondary);padding:3px 6px;border-radius:3px}.face-timestamps{font-size:11px;color:var(--text-muted);padding-top:4px;border-top:1px solid var(--border-light)}@media (max-width: 1200px){.top-faces-panel .faces-grid{grid-template-columns:repeat(5,1fr);gap:12px}.face-image-container{height:180px}}@media (max-width: 768px){.top-faces-panel{width:90%}.top-faces-panel .faces-grid{grid-template-columns:repeat(3,1fr);gap:10px}.face-image-container{height:150px}}.keywords-monitor-panel{position:fixed;right:0;top:0;width:70%;max-width:90vw;height:100vh;background:var(--bg-secondary);box-shadow:-4px 0 32px #00000080;z-index:1001;animation:slideInRight .3s ease-out;display:flex;flex-direction:column;border-left:2px solid var(--border-medium)}.keywords-monitor-panel .panel-header,.keywords-monitor-panel .panel-footer,.keywords-monitor-panel .panel-controls{flex-shrink:0}.keywords-monitor-panel .panel-content{flex:1;overflow-y:auto;padding:20px;background:var(--bg-primary)}.keywords-monitor-panel .panel-content::-webkit-scrollbar{width:8px}.keywords-monitor-panel .panel-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.keywords-monitor-panel .panel-content::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}.keywords-monitor-panel .panel-content::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.keywords-monitor-panel .back-button{background:transparent;border:none;color:var(--text-secondary);font-size:24px;line-height:1;cursor:pointer;padding:4px 8px;margin-right:8px;border-radius:var(--radius-sm);transition:all .2s ease}.keywords-monitor-panel .back-button:hover{background:var(--bg-hover);color:var(--text-primary)}.keywords-list{display:flex;flex-direction:column;gap:24px;width:100%}.keyword-category{padding-bottom:16px;border-bottom:1px solid var(--border-light)}.keyword-category .category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--border-light)}.keyword-category .category-header h3{margin:0;font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px}.keyword-category .category-count{background:var(--bg-elevated);color:var(--text-secondary);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.keywords-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.keyword-card{background:var(--bg-tertiary);border-radius:8px;padding:12px 16px;border:1px solid var(--border-light);cursor:pointer;transition:all .2s ease;direction:rtl;text-align:right}.keyword-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;border-color:var(--color-accent)}.keyword-card .keyword-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.keyword-card .keyword-text{font-weight:600;font-size:15px;color:var(--text-primary)}.keyword-card .mention-badge{background:var(--color-primary);color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:700;min-width:24px;text-align:center}.keyword-card .keyword-ar{color:var(--text-secondary);font-size:13px;margin-bottom:6px;direction:ltr;text-align:left}.keyword-card .keyword-meta{color:var(--text-muted);font-size:11px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-light)}.mentions-list{display:flex;flex-direction:column;gap:16px;width:100%}.mention-card{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;padding:16px;transition:all .2s ease;direction:rtl;text-align:right}.mention-card:hover{border-color:var(--border-medium);box-shadow:0 2px 8px #00000026}.mention-card .mention-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mention-card .mention-time{font-size:12px;color:var(--text-muted)}.mention-card .mention-body{display:flex;flex-direction:column;gap:12px}.mention-card .keyword-highlight{padding:8px 12px;border-radius:6px;border-left:4px solid var(--color-primary)}.mention-card .keyword-badge-inline{background:var(--color-primary);color:#fff;padding:4px 10px;border-radius:12px;font-size:13px;font-weight:700}.mention-card .mention-context{line-height:1.6;color:var(--text-secondary);font-size:14px;direction:rtl;text-align:right}.mention-card .context-before,.mention-card .context-after{color:var(--text-tertiary)}.mention-card .matched-text{font-weight:600;color:var(--text-primary);background:#f05d2226;padding:2px 4px;border-radius:3px}.mention-card .mention-screenshot{margin-top:12px;border-radius:6px;overflow:hidden}.mention-card .mention-screenshot img{width:100%;height:auto;display:block}@media (max-width: 1200px){.keywords-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 768px){.keywords-monitor-panel{width:90%}.keywords-grid{grid-template-columns:1fr}}.keyword-detail-panel{position:fixed;right:0;top:0;width:80%;max-width:95vw;height:100vh;background:var(--bg-secondary);box-shadow:-4px 0 32px #00000080;z-index:1002;animation:slideInRight .3s ease-out;display:flex;flex-direction:column;border-left:2px solid var(--border-medium)}.keyword-detail-panel .panel-header{flex-shrink:0;padding:20px 24px;border-bottom:1px solid var(--border-light);background:var(--bg-tertiary);display:flex;justify-content:space-between;align-items:center}.detail-header-content{display:flex;align-items:center;gap:16px;flex:1;direction:rtl;text-align:right}.detail-header-info{display:flex;flex-direction:column;gap:4px;flex:1;direction:rtl;text-align:right}.detail-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0;direction:rtl;text-align:right}.detail-subtitle{font-size:14px;color:var(--text-secondary);direction:ltr;text-align:left}.detail-header-stats{display:flex;gap:8px;align-items:center}.priority-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase}.mention-count-badge{background:var(--bg-elevated);color:var(--text-secondary);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.keyword-detail-panel .panel-content{flex:1;overflow-y:auto;padding:20px;background:var(--bg-primary)}.keyword-detail-panel .panel-content::-webkit-scrollbar{width:8px}.keyword-detail-panel .panel-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.keyword-detail-panel .panel-content::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}.keyword-detail-panel .panel-content::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.detail-stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .2s ease}.stat-card:hover{border-color:var(--border-medium);box-shadow:0 2px 8px #0000001a}.stat-icon{font-size:32px;flex-shrink:0}.stat-info{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-section{margin-bottom:32px}.section-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--border-light);display:flex;align-items:center;gap:8px}.coming-soon{opacity:.6}.coming-soon-content{background:var(--bg-tertiary);border:2px dashed var(--border-medium);border-radius:8px;padding:32px;text-align:center;color:var(--text-tertiary)}.coming-soon-content p{font-size:16px;margin:0}@media (max-width: 1200px){.keyword-detail-panel{width:85%}.detail-stats-section{grid-template-columns:1fr}}@media (max-width: 768px){.keyword-detail-panel{width:95%}.detail-title{font-size:20px}.stat-card{padding:12px}.stat-icon{font-size:24px}.stat-value{font-size:20px}}.faces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:16px}.face-card-compact{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;overflow:hidden;transition:all .2s ease;cursor:pointer}.face-card-compact:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0003;border-color:var(--color-accent)}.face-image-wrapper{position:relative;width:100%;padding-top:100%;overflow:hidden;background:var(--bg-elevated)}.face-image-compact{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.face-count-badge{position:absolute;top:6px;right:6px;background:var(--color-primary);color:#fff;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:700;min-width:20px;text-align:center}.face-info-compact{padding:8px;display:flex;flex-direction:column;gap:4px}.face-name{font-size:11px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.face-meta-compact{display:flex;gap:6px;font-size:10px;color:var(--text-secondary);align-items:center}.face-meta-compact span{display:flex;align-items:center;gap:2px}.loading-state-inline{padding:32px;text-align:center;color:var(--text-tertiary);display:flex;flex-direction:column;align-items:center;gap:12px}.spinner-small{width:24px;height:24px;border:2px solid var(--border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.empty-state-inline{padding:32px;text-align:center;color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:8px;border:1px dashed var(--border-medium)}.empty-state-inline p{margin:0;font-size:14px}@media (max-width: 768px){.faces-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.face-info-compact{padding:6px}}.timeline-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:20px 0}.timeline-stat{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;text-align:center;transition:all .2s ease}.timeline-stat:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.timeline-stat .stat-label{font-size:11px;text-transform:uppercase;color:var(--text-tertiary);font-weight:600;letter-spacing:.5px}.timeline-stat .stat-value{font-size:28px;font-weight:700;color:var(--color-primary);line-height:1}.timeline-stat .stat-sublabel{font-size:12px;color:var(--text-secondary)}.chart-container{margin:20px 0;padding:20px;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-light)}.subsection-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:24px 0 12px;display:flex;align-items:center;gap:8px}@media (max-width: 768px){.timeline-stats{grid-template-columns:1fr;gap:12px}.chart-container{padding:12px}.timeline-stat .stat-value{font-size:24px}}.face-detail-panel{position:fixed;right:0;top:0;width:70%;max-width:90vw;height:100vh;background:var(--bg-secondary);box-shadow:-4px 0 32px #00000080;z-index:10050;animation:slideInRight .3s ease-out;display:flex;flex-direction:column;border-left:2px solid var(--border-medium);overflow:hidden}.face-detail-panel .panel-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px}.face-detail-content{display:flex;flex-direction:column;gap:24px}.face-detail-image-section{display:flex;justify-content:center;padding:20px;background:var(--bg-tertiary);border-radius:12px}.face-detail-image{width:250px;height:250px;-o-object-fit:cover;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px #0000004d}.detail-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-card{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:all .2s ease}.stat-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.stat-card .stat-icon{font-size:32px;margin-bottom:4px}.stat-card .stat-value{font-size:32px;font-weight:700;color:var(--color-primary);line-height:1}.stat-card .stat-label{font-size:11px;text-transform:uppercase;color:var(--text-tertiary);font-weight:600;letter-spacing:.5px;margin-top:4px}.channel-breakdown-list{display:flex;flex-wrap:wrap;gap:12px}.channel-breakdown-item{background:var(--bg-tertiary);padding:12px 16px;border-radius:8px;border:1px solid var(--border-light)}.channel-breakdown-item .channel-name{font-weight:600;color:var(--text-primary);font-size:16px;font-family:Noto Kufi Arabic,sans-serif}.timeline-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.timeline-info-item{background:var(--bg-tertiary);padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:8px}.timeline-label{font-size:14px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.timeline-value{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.4}.coming-soon-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.coming-soon-list li{background:var(--bg-tertiary);padding:12px 16px;border-radius:8px;border-left:3px solid var(--color-accent);color:var(--text-secondary)}.keywords-context-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:16px}.keyword-context-card{background:var(--bg-tertiary);border:1px solid var(--border-light);border-left:3px solid var(--color-primary);border-radius:8px;padding:12px;transition:all .2s ease;display:flex;flex-direction:column;gap:8px}.keyword-context-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;border-left-width:4px}.keyword-context-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.keyword-text-ar{font-size:15px;font-weight:600;color:var(--text-primary);font-family:Noto Kufi Arabic,sans-serif;flex:1}.keyword-context-meta{display:flex;align-items:center;gap:12px}.keyword-mention-count{font-size:12px;color:var(--text-secondary);font-weight:500}.priority-badge.priority-critical{background:#ef4444}.priority-badge.priority-high{background:#f97316}.priority-badge.priority-medium{background:#facc15;color:#000}.priority-badge.priority-low{background:#22c55e}.timeline-stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.timeline-stat-card{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.timeline-stat-icon{font-size:28px}.timeline-stat-value{font-size:24px;font-weight:700;color:var(--color-primary)}.timeline-stat-label{font-size:11px;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.5px}.timeline-chart-container{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;padding:20px;margin-top:16px}.co-appearances-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:16px}.co-appearance-card{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;overflow:hidden;transition:all .2s ease;cursor:pointer}.co-appearance-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000004d;border-color:var(--color-primary)}.co-appearance-image-wrapper{position:relative;width:100%;padding-top:100%;background:var(--bg-elevated)}.co-appearance-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.co-appearance-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--text-tertiary);background:var(--bg-elevated)}.shared-badge{position:absolute;bottom:8px;left:8px;background:var(--color-primary);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;white-space:nowrap}.co-appearance-info{padding:12px;display:flex;flex-direction:column;gap:6px}.co-appearance-name{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-appearance-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary)}.screenshots-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px}.screenshot-card{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-light)}.screenshot-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000004d;border-color:var(--color-primary)}.screenshot-image{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover;aspect-ratio:16 / 9}.screenshot-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:12px;display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .2s ease}.screenshot-card:hover .screenshot-overlay{opacity:1}.screenshot-channel{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase}.screenshot-time{font-size:10px;color:#fffc}.channel-filter-section{background:var(--bg-tertiary);border-radius:8px;padding:16px;margin:12px 20px;border:1px solid var(--border-light)}.channel-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.filter-label{font-size:14px;font-weight:600;color:var(--text-primary)}.clear-filters-button{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);padding:4px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.clear-filters-button:hover{background:var(--bg-elevated);border-color:var(--color-primary);color:var(--color-primary)}.channel-filter-tags{display:flex;flex-wrap:wrap;gap:8px}.channel-tag{background:var(--bg-elevated);border:2px solid var(--border-light);color:var(--text-primary);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Noto Kufi Arabic,sans-serif;direction:rtl;white-space:nowrap}.channel-tag:hover{background:var(--bg-secondary);border-color:var(--color-primary);transform:translateY(-2px)}.channel-tag.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:700}.channel-tag.selected:hover{background:#d94d1a;border-color:#d94d1a}@media (max-width: 1024px){.face-detail-panel{width:85%}}@media (max-width: 768px){.face-detail-panel{width:95%}.detail-stats-grid{grid-template-columns:repeat(2,1fr)}.timeline-info-grid{grid-template-columns:1fr}}.view-mode-toggle{display:flex;gap:10px;align-items:center}.view-mode-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#9ca3af;padding:10px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.view-mode-btn:hover{background:#ffffff26;border-color:#ffffff4d;color:#f3f4f6;transform:translateY(-2px)}.view-mode-btn.active{background:linear-gradient(135deg,#f05d22,#ff7a47);border-color:#f05d22;color:#fff;box-shadow:0 4px 12px #f05d2266}.view-mode-btn.active:hover{background:linear-gradient(135deg,#ff7a47,#f05d22);transform:translateY(-2px)}.channel-livestream{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.pipeline-journey-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0e1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.pipeline-journey-container{width:95%;height:95%;max-width:1800px;max-height:1000px;background:linear-gradient(135deg,#0f1419,#1a1f2e);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.pipeline-journey-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#f05d221a,#1a1f2e80)}.pipeline-journey-title{display:flex;align-items:center;gap:var(--space-md)}.pipeline-journey-icon{font-size:48px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pipeline-journey-title h2{margin:0;font-size:32px;font-weight:800;color:var(--text-primary);background:linear-gradient(135deg,#fff,#f05d22);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pipeline-journey-subtitle{margin:0;font-size:14px;color:var(--text-tertiary);font-weight:500}.pipeline-journey-health{display:flex;align-items:center;gap:var(--space-md)}.health-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md);border-radius:var(--radius-lg);min-width:120px;transition:all .3s ease}.health-score{font-size:48px;font-weight:800;color:#fff;font-family:Inter,sans-serif;line-height:1}.health-label{font-size:12px;color:#ffffffe6;font-weight:600;margin-top:4px;text-transform:uppercase;letter-spacing:1px}.pipeline-journey-close{width:48px;height:48px;border-radius:50%;border:2px solid var(--border-light);background:var(--bg-tertiary);color:var(--text-secondary);font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.pipeline-journey-close:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:rotate(90deg)}.pipeline-journey-content{flex:1;display:flex;position:relative;overflow:hidden}.pipeline-road-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);position:relative}.pipeline-road-svg{width:100%;height:100%;max-height:500px}.pipeline-stage-marker{transition:all .3s ease}.pipeline-stage-marker:hover circle{transform:scale(1.1);transform-origin:center}.pipeline-legend{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:var(--space-lg);padding:var(--space-sm) var(--space-lg);background:#1a1f2ee6;border-radius:var(--radius-lg);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.legend-item{display:flex;align-items:center;gap:var(--space-xs);font-size:13px;color:var(--text-secondary);font-weight:500}.legend-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 10px currentColor}.legend-badge{padding:2px 8px;background:#dc2626;color:#fff;border-radius:var(--radius-sm);font-weight:700;font-size:11px;font-family:monospace}.pipeline-detail-sidebar{width:400px;background:var(--bg-secondary);border-left:1px solid var(--border-light);display:flex;flex-direction:column;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.pipeline-detail-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-light);background:var(--bg-tertiary)}.pipeline-detail-title{display:flex;align-items:center;gap:var(--space-sm)}.pipeline-detail-icon{font-size:32px}.pipeline-detail-title h3{margin:0;font-size:20px;font-weight:700;color:var(--text-primary)}.pipeline-detail-close{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-light);background:transparent;color:var(--text-secondary);font-size:18px;cursor:pointer;transition:all .2s ease}.pipeline-detail-close:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pipeline-detail-content{flex:1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.detail-section{display:flex;flex-direction:column;gap:var(--space-sm)}.detail-section h4{margin:0;font-size:14px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.status-badge-large{display:flex;flex-direction:column;align-items:center;padding:var(--space-lg);border-radius:var(--radius-lg)}.status-badge-score{font-size:56px;font-weight:800;font-family:Inter,sans-serif;line-height:1}.status-badge-label{font-size:14px;font-weight:700;margin-top:8px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.metric-item{background:var(--bg-tertiary);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:all .2s ease}.metric-item:hover{border-color:var(--border-light);transform:translateY(-2px)}.metric-label{font-size:11px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.metric-value{font-size:24px;font-weight:800;color:var(--color-primary);font-family:Inter,monospace;line-height:1.2}.metric-subtext{font-size:11px;color:var(--text-muted);margin-top:2px}.capacity-bar-container{width:100%;height:40px;background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden;position:relative;border:1px solid var(--border-subtle)}.capacity-bar-fill{height:100%;display:flex;align-items:center;justify-content:center;transition:width .5s ease;position:relative}.capacity-bar-text{font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.capacity-bar-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-top:4px;font-family:monospace}.workers-status{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md)}.workers-count{display:flex;align-items:baseline;gap:4px}.workers-active{font-size:32px;font-weight:800;color:var(--color-primary);font-family:Inter,monospace}.workers-separator{font-size:24px;color:var(--text-muted);font-weight:400}.workers-total{font-size:24px;font-weight:600;color:var(--text-tertiary);font-family:Inter,monospace}.workers-label{font-size:12px;color:var(--text-tertiary);font-weight:500}.workers-indicators{display:flex;gap:8px;margin-top:8px}.worker-indicator{width:40px;height:8px;border-radius:4px;transition:all .3s ease}.worker-indicator.active{background:#10b981;box-shadow:0 0 10px #10b98180}.worker-indicator.inactive{background:var(--bg-tertiary);border:1px solid var(--border-subtle)}.error-rate-display{padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);text-align:center}.error-rate-value{font-size:32px;font-weight:800;font-family:Inter,monospace}.recent-errors-list{display:flex;flex-direction:column;gap:var(--space-xs)}.error-item{padding:var(--space-sm);background:#ef44441a;border-left:3px solid #EF4444;border-radius:var(--radius-sm)}.error-message{font-size:13px;color:var(--text-primary);font-weight:500;margin-bottom:4px}.error-timestamp{font-size:11px;color:var(--text-muted);font-family:monospace}.no-errors{padding:var(--space-lg);text-align:center;color:#10b981;font-size:14px;font-weight:600}.pipeline-hint{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:#f05d2226;border:1px solid var(--color-primary);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.pipeline-hint-icon{font-size:24px}.pipeline-hint-text{font-size:14px;color:var(--text-primary);font-weight:600}.pipeline-journey-footer{display:flex;justify-content:space-around;padding:var(--space-lg);border-top:1px solid var(--border-light);background:var(--bg-tertiary)}.footer-stat{display:flex;align-items:center;gap:var(--space-sm)}.footer-stat-icon{font-size:32px}.footer-stat-value{font-size:24px;font-weight:800;color:var(--color-primary);font-family:Inter,monospace;line-height:1}.footer-stat-label{font-size:11px;color:var(--text-tertiary);font-weight:500}@media (max-width: 1400px){.pipeline-detail-sidebar{width:350px}.metrics-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.pipeline-journey-footer{flex-wrap:wrap;gap:var(--space-md)}.pipeline-detail-sidebar{width:320px}}.pipeline-journey-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;margin-left:12px;background:#f05d22;border:none;border-radius:20px;color:#000;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;box-shadow:0 2px 8px #f05d224d}.pipeline-journey-button:hover{background:#ff7a3d;box-shadow:0 6px 16px #f05d2299}.pipeline-journey-button:active{transform:scale(.98)}.panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000eb;z-index:9998;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-panel{position:fixed;top:0;right:-60%;width:60%;height:100vh;background:#1a1f2e;box-shadow:-5px 0 20px #00000080;z-index:9999;overflow-y:auto;transition:right .35s cubic-bezier(.4,0,.2,1);color:#fff}.detail-panel.open{right:0}.detail-panel::-webkit-scrollbar{width:12px}.detail-panel::-webkit-scrollbar-track{background:#1a1f2e}.detail-panel::-webkit-scrollbar-thumb{background:#f05d22;border-radius:6px;border:2px solid #1a1f2e}.detail-panel::-webkit-scrollbar-thumb:hover{background:#ff7a47}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:32px;background:linear-gradient(135deg,#231f20,#2a2528);border-bottom:2px solid #f05d22;position:sticky;top:0;z-index:10}.panel-header h2{margin:0;font-size:32px;font-weight:700;color:#fff}.close-button{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;font-size:32px;width:56px;height:56px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-button:hover{background:#f05d22;border-color:#f05d22;transform:rotate(90deg) scale(1.05)}.panel-content{padding:20px 30px}.panel-section{margin-bottom:40px}.panel-section h3{font-size:24px;margin-bottom:20px;color:#fff;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:10px}.channel-screenshot{width:100%;border-radius:10px;box-shadow:0 4px 12px #0000004d}.health-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}.health-stat-card{background:linear-gradient(135deg,#231f20cc,#2a252899);border:1px solid rgba(240,93,34,.3);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.health-stat-card:hover{border-color:#f05d2299;box-shadow:0 4px 12px #f05d2233;transform:translateY(-2px)}.stat-label-small{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.stat-value-large{font-size:36px;font-weight:800;color:#f05d22;line-height:1;text-shadow:0 2px 8px rgba(240,93,34,.3)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.stat-card{background:#ffffff0d;padding:20px;border-radius:10px;text-align:center;border:1px solid rgba(255,255,255,.1)}.stat-label{font-size:14px;color:#ffffffb3;margin-bottom:10px;font-weight:600;text-transform:uppercase}.stat-value{font-size:36px;font-weight:700;color:#f05d22;margin:5px 0}.stat-sublabel{font-size:12px;color:#ffffff80;margin-bottom:10px}.activity-chart-container{width:100%;overflow-x:auto;overflow-y:hidden;border-radius:10px;background:#ffffff08}.activity-chart-container::-webkit-scrollbar{height:8px}.activity-chart-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.activity-chart-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.activity-chart-container::-webkit-scrollbar-thumb:hover{background:#ffffff40}.activity-chart{display:flex;align-items:flex-end;justify-content:flex-start;height:200px;padding:20px;gap:8px;min-width:-moz-min-content;min-width:min-content}.chart-bar-group{width:24px;min-width:24px;display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.chart-bar{width:100%;max-width:30px;border-radius:4px 4px 0 0;transition:all .3s;margin-bottom:5px}.chart-bar:hover{opacity:.8;transform:scaleY(1.05)}.chart-label{font-size:10px;color:#ffffff80;writing-mode:horizontal-tb;text-align:center;margin-top:auto}.chart-legend{display:flex;gap:20px;justify-content:center;margin-top:15px;font-size:14px}.legend-color{display:inline-block;width:15px;height:15px;border-radius:3px;margin-right:5px}.priority-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.priority-tag{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.priority-tag:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.priority-tag.active{background:#f05d2233;border-color:#f05d22;color:#f05d22;font-weight:600}.priority-tag.critical.active{background:#ef444433;border-color:#ef4444;color:#ef4444}.priority-tag.high.active{background:#f9731633;border-color:#f97316;color:#f97316}.priority-tag.medium.active{background:#facc1533;border-color:#facc15;color:#facc15}.priority-tag.low.active{background:#22c55e33;border-color:#22c55e;color:#22c55e}.mentions-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding-right:8px}.mentions-list::-webkit-scrollbar{width:6px}.mentions-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.mentions-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.mention-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;transition:all .2s ease}.mention-card:hover{background:#ffffff14;border-color:#ffffff26;transform:translate(-2px)}.mention-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mention-channel-name{padding:4px 12px;border-radius:12px;font-size:13px;font-weight:700;background:#f05d2233;color:#f05d22;border:1px solid #f05d22}.mention-priority{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.mention-priority.critical{background:#ef444433;color:#ef4444;border:1px solid #ef4444}.mention-priority.high{background:#f9731633;color:#f97316;border:1px solid #f97316}.mention-priority.medium{background:#facc1533;color:#facc15;border:1px solid #facc15}.mention-priority.low{background:#22c55e33;color:#22c55e;border:1px solid #22c55e}.mention-time{font-size:11px;color:#ffffff80}.mention-context{font-size:13px;line-height:1.6;color:#ffffffb3}.mention-context strong{color:#facc15;font-weight:700;background:#facc1526;padding:2px 4px;border-radius:3px}.mentions-loading,.mentions-empty{padding:40px 20px;text-align:center;color:#ffffff80;font-size:14px}.stories-list{display:flex;flex-direction:column;gap:15px}.story-item{background:#ffffff0d;padding:20px;border-radius:10px;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:all .3s}.story-item:hover{background:#ffffff1a;transform:translate(-5px);border-color:#f05d2280}.story-headline{font-size:18px;font-weight:600;color:#fff;margin-bottom:10px;direction:rtl;text-align:right}.story-meta{font-size:14px;color:#fff9}.panel-loading,.panel-error{display:flex;align-items:center;justify-content:center;height:400px;font-size:24px;color:#ffffffb3}.panel-error{color:#ff6b6b}.story-detail-header{background:linear-gradient(135deg,#f05d2233,#231f2080);padding:30px;border-radius:10px;margin-bottom:30px;border:1px solid rgba(240,93,34,.3)}.story-title{font-size:36px;font-weight:700;margin-bottom:15px;direction:rtl;text-align:right}.story-summary{font-size:18px;line-height:1.6;color:#fffc;direction:rtl;text-align:right;margin-bottom:20px}.story-badges{display:flex;gap:10px;flex-wrap:wrap}.badge{background:#ffffff26;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.transcript-timeline{position:relative;padding-left:30px}.timeline-item{position:relative;padding:20px;margin-bottom:20px;background:#ffffff0d;border-radius:10px;border-left:3px solid #f05d22}.timeline-item:before{content:"";position:absolute;left:-36px;top:25px;width:12px;height:12px;border-radius:50%;background:#f05d22;border:3px solid #1a1f2e}.timeline-time{font-size:12px;color:#ffffff80;margin-bottom:8px}.timeline-channel{font-size:14px;font-weight:600;color:#f05d22;margin-bottom:8px}.timeline-text{font-size:16px;line-height:1.5;color:#ffffffe6;direction:rtl;text-align:right}.metrics-panel{width:70%;right:-70%}.metrics-panel.open{right:0}.metrics-comparison-grid{background:#ffffff08;border-radius:10px;overflow:hidden}.metrics-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:15px;padding:15px 20px;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.metrics-row:last-child{border-bottom:none}.metrics-row.header-row{background:#ffffff0d;font-weight:700;font-size:14px;text-transform:uppercase;color:#fff9}.metric-label{font-size:16px;font-weight:600;color:#ffffffe6}.metric-value{font-size:18px;font-weight:600;color:#ffffffb3;text-align:center}.metric-value.highlight{color:#f05d22;font-size:20px}.phase-card{background:#ffffff0d;border-radius:10px;padding:20px;margin-bottom:15px;border:1px solid rgba(255,255,255,.1)}.phase-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.phase-icon{font-size:24px}.phase-title{flex:1;font-size:18px;font-weight:600;color:#fff}.phase-rate{font-size:22px;font-weight:700;color:#f05d22}.progress-bar{width:100%;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;border-radius:6px;transition:width .5s ease}.phase-stats{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#ffffffb3;margin-top:8px}.badge-small{background:#f05d2233;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;color:#f05d22;margin-left:10px}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.channel-status-card{background:#ffffff0d;border-radius:10px;padding:15px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.1)}.channel-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.channel-indicator.active{background:#f05d22;box-shadow:0 0 10px #f05d22;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.channel-info{flex:1}.channel-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.channel-meta{font-size:12px;color:#fff9}.entities-grid{display:flex;flex-direction:column;gap:10px}.entity-badge-large{background:#ffffff0d;border-radius:8px;padding:12px 15px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s}.entity-badge-large:hover{background:#ffffff1a;transform:translate(-5px)}.entity-rank{font-size:18px;font-weight:700;color:#6a5ce7;min-width:35px}.entity-text{flex:1;font-size:16px;font-weight:600;color:#fff;direction:rtl;text-align:right}.entity-type{font-size:11px;text-transform:uppercase;background:#6a5ce74d;padding:4px 10px;border-radius:10px;color:#a89cf7;font-weight:600}.entity-count{font-size:18px;font-weight:700;color:#f05d22;min-width:50px;text-align:right}.panel-footer{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-text{font-size:12px;color:#ffffff80}.top-faces-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:16px}.face-card-mini{display:flex;flex-direction:column;align-items:center;gap:6px;background:#ffffff08;border-radius:8px;padding:8px;transition:all .2s ease;cursor:pointer}.face-card-mini:hover{background:#ffffff14;transform:translateY(-2px)}.face-image-mini-container{position:relative;width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;background:#0000004d}.face-image-mini{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.face-image-placeholder-mini{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#ffffff4d}.face-image-mini-container.image-error{display:flex;align-items:center;justify-content:center}.face-image-mini-container.image-error:after{content:"👤";font-size:32px;color:#ffffff4d}.face-count-mini{position:absolute;top:4px;left:4px;background:#f05d22;color:#fff;padding:2px 6px;border-radius:8px;font-size:11px;font-weight:700;min-width:20px;text-align:center}.face-info-mini{display:flex;gap:6px;align-items:center;justify-content:center;font-size:11px;color:#ffffffb3}.face-meta-mini{font-size:11px}@media (max-width: 1600px){.top-faces-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1200px){.top-faces-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.top-faces-grid{grid-template-columns:repeat(3,1fr);gap:8px}}.kiosk-fullscreen{width:100vw;height:100vh;overflow:hidden;overflow-y:auto;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.kiosk-fullscreen::-webkit-scrollbar{width:4px}.kiosk-fullscreen::-webkit-scrollbar-track{background:transparent}.kiosk-fullscreen::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.kiosk-fullscreen::-webkit-scrollbar-thumb:hover{background:#fff3}body.kiosk-mode{margin:0;padding:0;overflow:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}body.kiosk-mode button,body.kiosk-mode .clickable,body.kiosk-mode a{min-width:48px;min-height:48px;cursor:pointer}body.pwa-mode{-webkit-tap-highlight-color:transparent}.kiosk-indicators{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:9999;padding:8px 16px;background:#00000080;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kiosk-indicators .indicator{width:10px;height:10px;border-radius:50%;background:#ffffff4d;transition:all .3s ease;cursor:pointer}.kiosk-indicators .indicator.active{background:#ffffffe6;transform:scale(1.2)}.kiosk-indicators .indicator:hover{background:#ffffff80}.kiosk-fullscreen *{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kiosk-fullscreen input,.kiosk-fullscreen textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}.kiosk-page-transition{transition:transform .3s cubic-bezier(.4,0,.2,1)}.kiosk-fullscreen .display-loading{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0f}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 220 25% 8%;--foreground: 0 0% 98%;--card: 220 25% 12%;--card-foreground: 0 0% 98%;--popover: 220 25% 12%;--popover-foreground: 0 0% 98%;--primary: 45 100% 50%;--primary-foreground: 220 25% 8%;--secondary: 220 25% 15%;--secondary-foreground: 0 0% 98%;--muted: 220 25% 15%;--muted-foreground: 0 0% 65%;--accent: 45 100% 50%;--accent-foreground: 220 25% 8%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 220 25% 20%;--input: 220 25% 20%;--ring: 45 100% 50%;--chart-1: 45 100% 50%;--chart-2: 200 100% 50%;--chart-3: 120 100% 50%;--chart-4: 0 100% 50%;--chart-5: 280 100% 50%;--radius: .5rem}.dark{--background: 220 25% 8%;--foreground: 0 0% 98%;--card: 220 25% 12%;--card-foreground: 0 0% 98%;--popover: 220 25% 12%;--popover-foreground: 0 0% 98%;--primary: 45 100% 50%;--primary-foreground: 220 25% 8%;--secondary: 220 25% 15%;--secondary-foreground: 0 0% 98%;--muted: 220 25% 15%;--muted-foreground: 0 0% 65%;--accent: 45 100% 50%;--accent-foreground: 220 25% 8%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 220 25% 20%;--input: 220 25% 20%;--ring: 45 100% 50%;--chart-1: 45 100% 50%;--chart-2: 200 100% 50%;--chart-3: 120 100% 50%;--chart-4: 0 100% 50%;--chart-5: 280 100% 50%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.left-0{left:0}.left-2{left:.5rem}.right-0{right:0}.right-2{right:.5rem}.z-50{z-index:50}.m-0{margin:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-64{height:16rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.min-h-0{min-height:0px}.min-h-\[400px\]{min-height:400px}.min-h-\[calc\(100vh-80px\)\]{min-height:calc(100vh - 80px)}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-56{width:14rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[1px\]{width:1px}.w-full{width:100%}.w-screen{width:100vw}.min-w-\[50px\]{min-width:50px}.min-w-\[85px\]{min-width:85px}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-500\/30{border-color:#3b82f64d}.border-border{border-color:hsl(var(--border))}.border-cyan-500\/30{border-color:#06b6d44d}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.border-gray-500\/30{border-color:#6b72804d}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-600\/20{border-color:#4b556333}.border-gray-600\/30{border-color:#4b55634d}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-green-500\/30{border-color:#22c55e4d}.border-input{border-color:hsl(var(--input))}.border-orange-500\/30{border-color:#f973164d}.border-primary\/30{border-color:hsl(var(--primary) / .3)}.border-purple-500\/30{border-color:#a855f74d}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-red-500\/30{border-color:#ef44444d}.border-transparent{border-color:transparent}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.border-yellow-500\/30{border-color:#eab3084d}.border-r-orange-300{--tw-border-opacity: 1;border-right-color:rgb(253 186 116 / var(--tw-border-opacity, 1))}.border-t-orange-500{--tw-border-opacity: 1;border-top-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}.border-t-primary{border-top-color:hsl(var(--primary))}.bg-accent{background-color:hsl(var(--accent))}.bg-background{background-color:hsl(var(--background))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-card\/50{background-color:hsl(var(--card) / .5)}.bg-destructive{background-color:hsl(var(--destructive))}.bg-gray-500\/10{background-color:#6b72801a}.bg-gray-500\/20{background-color:#6b728033}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-gray-600\/30{background-color:#4b55634d}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-700\/30{background-color:#3741514d}.bg-gray-800\/30{background-color:#1f29374d}.bg-gray-800\/50{background-color:#1f293780}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-500\/20{background-color:#22c55e33}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-muted{background-color:hsl(var(--muted))}.bg-orange-500\/10{background-color:#f973161a}.bg-orange-500\/20{background-color:#f9731633}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\/20{background-color:hsl(var(--primary) / .2)}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-purple-500\/10{background-color:#a855f71a}.bg-purple-500\/20{background-color:#a855f733}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-secondary\/50{background-color:hsl(var(--secondary) / .5)}.bg-transparent{background-color:transparent}.bg-white\/20{background-color:#fff3}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-yellow-500\/10{background-color:#eab3081a}.bg-yellow-500\/20{background-color:#eab30833}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-black\/80{--tw-gradient-from: rgb(0 0 0 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-500\/10{--tw-gradient-from: rgb(6 182 212 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-foreground{--tw-gradient-from: hsl(var(--foreground)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-500\/20{--tw-gradient-from: rgb(107 114 128 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-700{--tw-gradient-from: #374151 var(--tw-gradient-from-position);--tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500\/10{--tw-gradient-from: rgb(34 197 94 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500\/20{--tw-gradient-from: rgb(34 197 94 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/10{--tw-gradient-from: hsl(var(--primary) / .1) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500\/10{--tw-gradient-from: rgb(239 68 68 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500\/20{--tw-gradient-from: rgb(239 68 68 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-500\/10{--tw-gradient-from: rgb(234 179 8 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-cyan-600\/20{--tw-gradient-to: rgb(8 145 178 / .2) var(--tw-gradient-to-position)}.to-gray-600\/20{--tw-gradient-to: rgb(75 85 99 / .2) var(--tw-gradient-to-position)}.to-gray-800{--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}.to-green-600\/20{--tw-gradient-to: rgb(22 163 74 / .2) var(--tw-gradient-to-position)}.to-primary{--tw-gradient-to: hsl(var(--primary)) var(--tw-gradient-to-position)}.to-primary\/20{--tw-gradient-to: hsl(var(--primary) / .2) var(--tw-gradient-to-position)}.to-red-600\/20{--tw-gradient-to: rgb(220 38 38 / .2) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-yellow-600\/20{--tw-gradient-to: rgb(202 138 4 / .2) var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-2{padding-left:.5rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-muted{color:hsl(var(--muted))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.underline-offset-4{text-underline-offset:4px}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-orange-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1))}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}.paused{animation-play-state:paused}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{font-family:Inter,sans-serif;background:#0a1628;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{--background: 220 25% 8%;--foreground: 0 0% 98%;--card: 220 25% 12%;--card-foreground: 0 0% 98%;--popover: 220 25% 12%;--popover-foreground: 0 0% 98%;--primary: 45 100% 50%;--primary-foreground: 220 25% 8%;--secondary: 220 25% 15%;--secondary-foreground: 0 0% 98%;--muted: 220 25% 15%;--muted-foreground: 0 0% 65%;--accent: 45 100% 50%;--accent-foreground: 220 25% 8%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 220 25% 20%;--input: 220 25% 20%;--ring: 45 100% 50%;--chart-1: 45 100% 50%;--chart-2: 200 100% 50%;--chart-3: 120 100% 50%;--chart-4: 0 100% 50%;--chart-5: 280 100% 50%}[dir=rtl],.arabic{font-family:Noto Kufi Arabic,sans-serif;direction:rtl}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d4af3780}::-moz-selection{background:#d4af374d;color:#fff}::selection{background:#d4af374d;color:#fff}*:focus-visible{outline:2px solid #D4AF37;outline-offset:2px}*:focus:not(:focus-visible){outline:none}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animated-background{background:linear-gradient(135deg,#0a1628,#0f1d33,#0a1628);background-size:200% 200%;animation:gradientShift 60s ease infinite}.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1)}.hover-lift{transition:transform .2s cubic-bezier(0,0,.2,1),box-shadow .2s cubic-bezier(0,0,.2,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 0 20px #d4af3766}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:1000px 100%;animation:shimmer 2s infinite}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.last\:border-b-0:last-child{border-bottom-width:0px}.hover\:translate-y-\[-2px\]:hover{--tw-translate-y: -2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-orange-500\/30:hover{border-color:#f973164d}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive) / .8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-gray-800\/20:hover{background-color:#1f293733}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / .8)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:hsl(var(--muted-foreground))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:h-80{height:20rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}