.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.icon{-webkit-user-select:none;user-select:none}.notification-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1099;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.notification-backdrop.visible{opacity:1;visibility:visible}.notification-panel{position:fixed;top:0;left:0;width:440px;height:100vh;background:var(--bg-primary);border-right:1px solid var(--border-color);z-index:1100;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #00000026}.notification-panel.open{transform:translate(0)}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.notification-panel-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.notification-header-actions{display:flex;align-items:center;gap:.25rem}.notification-header-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.notification-header-btn:hover{background:var(--bg-hover);color:var(--accent-color)}.notification-header-btn.danger:hover{color:var(--status-failed)}.notification-panel-body{flex:1;overflow-y:auto;padding:.5rem 0}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-tertiary);gap:.75rem}.notification-empty p{margin:0;font-size:.9rem}.notification-item{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--border-color);transition:background .15s ease;position:relative}.notification-item:hover{background:var(--bg-hover)}.notification-item.unseen{background:color-mix(in srgb,var(--accent-color) 6%,transparent)}.notification-item.unseen:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-color);border-radius:0 3px 3px 0}.notification-icon{flex-shrink:0;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-top:2px}.notification-icon.info{background:color-mix(in srgb,var(--accent-color) 15%,transparent);color:var(--accent-color)}.notification-icon.warning{background:color-mix(in srgb,#f59e0b 15%,transparent);color:#f59e0b}.notification-icon.error{background:color-mix(in srgb,var(--status-failed) 15%,transparent);color:var(--status-failed)}.notification-icon.success{background:color-mix(in srgb,var(--status-completed) 15%,transparent);color:var(--status-completed)}.notification-content{flex:1;min-width:0}.notification-text{margin:0 0 .25rem;font-size:.875rem;line-height:1.4;color:var(--text-primary);word-break:break-word;text-align:left}.notification-time{font-size:.75rem;color:var(--text-tertiary)}.notification-actions{display:flex;align-items:center;gap:.125rem;opacity:0;transition:opacity .15s ease;flex-shrink:0}.notification-item:hover .notification-actions{opacity:1}.notification-action-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:4px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.notification-action-btn:hover{background:var(--bg-tertiary);color:var(--accent-color)}.notification-action-btn.danger:hover{color:var(--status-failed)}.notification-load-more{display:block;width:calc(100% - 2.5rem);margin:.5rem 1.25rem;padding:.6rem;border:1px dashed var(--border-color);border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:all .15s ease}.notification-load-more:hover{border-color:var(--accent-color);color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 5%,transparent)}.notification-load-more:disabled{opacity:.5;cursor:not-allowed}.notification-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;background:var(--accent-color);color:#fff;font-size:.6rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 0 2px var(--bg-secondary)}@media (max-width: 480px){.notification-panel{width:100%}}.layout{display:flex;min-height:100vh;width:100%;overflow-x:hidden;max-width:100vw}.sidebar{width:250px;background-color:var(--bg-secondary);padding:2rem 0 0;border-right:1px solid var(--border-color);position:fixed;height:100vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;transition:width .3s ease,background-color .3s ease}.sidebar.collapsed{width:70px}.sidebar-header{padding:0 1.5rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.sidebar.collapsed .sidebar-header{padding:0 1rem;align-items:center}.sidebar-header-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.sidebar.collapsed .sidebar-header-top{flex-direction:column;gap:1rem}.logo-link{display:flex;align-items:center;gap:1rem;text-decoration:none;transition:opacity .2s}.logo-link:hover{opacity:.8}.logo{width:48px;height:48px;flex-shrink:0}.sidebar.collapsed .logo{width:40px;height:40px}.logo-text{flex:1}.sidebar-header h1{font-size:1.5rem;margin:0 0 .25rem;color:var(--accent-color);line-height:1}.sidebar-header p{font-size:.875rem;color:var(--text-muted);margin:0;line-height:1}.sidebar-toggle{width:32px;height:32px;border-radius:50%;background-color:var(--accent-color);border:2px solid var(--bg-secondary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0;flex-shrink:0}.sidebar-toggle:hover{background-color:#535bf2;transform:scale(1.1)}.sidebar-toggle .material-icons{font-size:20px}.nav-menu{list-style:none;flex:1;padding-bottom:1rem}.nav-menu li{margin-bottom:.5rem}.nav-menu a{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:var(--text-primary);text-decoration:none;transition:background-color .2s,color .2s}.sidebar.collapsed .nav-menu a{padding:.75rem 1rem;justify-content:center}.nav-menu a:hover{background-color:var(--bg-tertiary)}.nav-menu li.active a{background-color:var(--accent-color);color:#fff}.nav-group{margin-bottom:.5rem}.nav-group-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1.5rem;background:none;border:none;color:var(--text-primary);cursor:pointer;transition:background-color .2s;text-align:left}.sidebar.collapsed .nav-group-header{padding:.75rem 1rem;justify-content:center}.nav-group-header:hover{background-color:var(--bg-tertiary)}.nav-group-title{display:flex;align-items:center;gap:.75rem;flex:1}.sidebar.collapsed .nav-group-title{justify-content:center}.nav-submenu{list-style:none;padding:0;margin:0;background-color:#0003;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.nav-submenu li{margin:0}.nav-submenu a{padding:.65rem 1.5rem .65rem 3.25rem;font-size:.9rem;display:flex;align-items:center;gap:.75rem;color:var(--text-primary);text-decoration:none;transition:background-color .2s}.nav-submenu a:hover{background-color:var(--bg-tertiary)}.nav-submenu li.active a{background-color:var(--accent-color);color:#fff}.sidebar-footer{padding:1rem;border-top:1px solid var(--border-color);margin-top:auto;display:flex;flex-direction:column;gap:.5rem}.sidebar-actions{display:flex;align-items:center;gap:.5rem;justify-content:center}.sidebar-action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-decoration:none;padding:0}.sidebar-action-btn:hover{background:var(--bg-hover);border-color:var(--accent-color);color:var(--accent-color)}.sidebar-action-btn svg{fill:currentColor}.notification-trigger-btn{position:relative}.sidebar.collapsed .sidebar-actions{flex-direction:column}.theme-toggle{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:.9rem}.theme-toggle:hover{background:var(--bg-hover);border-color:var(--accent-color)}.sidebar.collapsed .theme-toggle{justify-content:center;padding:.75rem}.sidebar.collapsed .theme-toggle span{display:none}.user-menu-container{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:none;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;transition:background-color .2s;text-align:left}.sidebar.collapsed .user-menu-trigger{justify-content:center;padding:.75rem .5rem}.user-menu-trigger:hover{background-color:var(--bg-tertiary)}.user-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#646cff,#535bf2);border-radius:30%;flex-shrink:0}.user-avatar .material-icons{color:#fff}.user-info{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.user-name{font-weight:500;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:var(--text-muted)}.user-menu-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:.5rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:.5rem;box-shadow:var(--shadow-lg);animation:slideUp .2s ease-out;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.logout-button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:none;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s;font-size:.9rem}.logout-button:hover{background-color:#f443361a;color:#f44336}.logout-button .material-icons{color:currentColor}.main-content{flex:1;margin-left:250px;padding:2rem;width:calc(100% - 250px);max-width:calc(100% - 250px);overflow-x:hidden;transition:margin-left .3s ease,width .3s ease,background-color .3s ease;background-color:var(--bg-primary)}.main-content.sidebar-collapsed{margin-left:70px;width:calc(100% - 70px);max-width:calc(100% - 70px)}@media (max-width: 768px){.layout{overflow-x:hidden}.sidebar{width:100%;max-width:280px;transform:translate(-100%);transition:transform .3s ease,width .3s ease;z-index:1000;position:fixed;top:0;left:0;bottom:0;height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:70px;transform:translate(-100%)}.sidebar.collapsed.mobile-open{transform:translate(0)}.main-content{margin-left:0;width:100vw;max-width:100vw;padding:4.5rem .75rem 1rem;min-height:100vh;overflow-x:hidden;box-sizing:border-box}.main-content.sidebar-collapsed{margin-left:0;width:100vw;max-width:100vw}.mobile-menu-toggle{position:fixed;top:1rem;left:1rem;z-index:999;height:44px;border-radius:8px;background-color:#646cff;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .2s}.mobile-menu-toggle:hover{background-color:#535bf2;transform:scale(1.05)}.mobile-menu-toggle:active{transform:scale(.95)}.sidebar-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;animation:fadeIn .3s ease}.sidebar-backdrop.visible{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-header{padding:1rem;margin-bottom:1.5rem}.nav-menu{overflow-y:auto;overflow-x:hidden;flex:1;padding-bottom:1rem}.logo{width:40px;height:40px}.sidebar-header h1{font-size:1.25rem}}@media (min-width: 769px) and (max-width: 1024px){.sidebar{width:220px}.sidebar.collapsed{width:70px}.main-content{margin-left:220px;width:calc(100% - 220px);max-width:calc(100% - 220px);padding:1.5rem}.main-content.sidebar-collapsed{margin-left:70px;width:calc(100% - 70px);max-width:calc(100% - 70px)}}@media (min-width: 769px){.mobile-menu-toggle{display:none}.sidebar-backdrop{display:none!important}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);padding:2rem;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle,rgba(100,108,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:backgroundScroll 20s linear infinite;pointer-events:none}@keyframes backgroundScroll{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.login-container{width:100%;max-width:420px;z-index:1}.login-card{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid #333;border-radius:16px;padding:2rem 2.5rem;box-shadow:0 20px 60px #0009;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:150px;height:150px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-logo .material-icons{color:#fff}.login-header h1{font-size:1.8rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#646cff,#747bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{color:#999;font-size:.95rem;margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background-color:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:10px;color:#f44336;font-size:.9rem;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.form-group{display:flex;flex-direction:column;gap:.75rem;margin-top:0!important}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#e0e0e0;font-size:.9rem}.form-group input{width:100%;padding:.875rem 1.125rem;background-color:#ffffff0d;border:1px solid #333;border-radius:10px;color:#ffffffde;font-size:.95rem;transition:all .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#646cff;background-color:#ffffff14;box-shadow:0 0 0 3px #646cff1a}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-group input::placeholder{color:#666}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.password-toggle:hover{color:#646cff;background-color:#646cff1a}.login-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#646cff,#535bf2);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #646cff66}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-button .spinning{animation:spin 1s linear infinite}.login-footer{margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid #333}.login-footer p{color:#666;font-size:.85rem;margin:0}@media (prefers-color-scheme: light){.login-page{background:linear-gradient(135deg,#f5f5f5,#e8e8f5,#dce4ff)}.login-card{background:linear-gradient(135deg,#fff,#f9f9f9);border:1px solid #ddd;box-shadow:0 20px 60px #0000001a}.login-header h1{color:#333;-webkit-text-fill-color:unset;background:none}.login-header p{color:#666}.form-group label{color:#333}.form-group input{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.form-group input:focus{background-color:#fff;border-color:#646cff}.form-group input::placeholder{color:#999}.password-toggle{color:#666}.password-toggle:hover{color:#646cff}.login-footer{border-top-color:#ddd}.login-footer p{color:#999}}@media (max-width: 480px){.login-page{padding:1rem}.login-card{padding:2rem 1.5rem}.login-header h1{font-size:1.5rem}.login-logo{width:64px;height:64px}}.auto-refresh-indicator{position:fixed;bottom:1rem;right:1rem;display:flex;align-items:center;gap:.75rem;padding:.5rem .875rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;box-shadow:var(--shadow-sm);font-size:.8rem;color:var(--text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;transition:all .3s ease;opacity:.6}.auto-refresh-indicator:hover{opacity:1;box-shadow:var(--shadow-md);transform:translateY(-2px)}.refresh-info{display:flex;align-items:center;gap:.5rem}.refresh-time{display:flex;align-items:center;gap:.25rem;color:var(--text-muted)}.time-text{font-weight:500;white-space:nowrap}.next-refresh{color:var(--text-muted);opacity:.7;font-size:.75rem;white-space:nowrap}.refresh-toggle{display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border:none;border-radius:16px;background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.refresh-toggle:hover{background:var(--bg-hover)}.refresh-toggle.active{background:#4caf5026;color:#4caf50}.refresh-toggle.inactive{background:#9e9e9e1a;color:var(--text-muted)}.refresh-toggle.active:hover{background:#4caf5040}.refresh-toggle.inactive:hover{background:#9e9e9e33}.refresh-toggle.active .material-icons{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.auto-refresh-indicator{bottom:.75rem;right:.75rem;font-size:.75rem;padding:.4rem .75rem;gap:.5rem}.toggle-label,.next-refresh{display:none}.refresh-toggle{padding:.25rem .5rem}}@media print{.auto-refresh-indicator{display:none}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-light) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:4px;display:inline-block}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-wave{animation:skeleton-wave 1.5s linear infinite}.skeleton-none{animation:none}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;margin-bottom:8px;border-radius:4px}.skeleton-circular{border-radius:50%}.skeleton-rectangular{border-radius:8px}.skeleton-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm)}.skeleton-stat-content{display:flex;flex-direction:column;gap:8px}.skeleton-table-container{overflow:hidden;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-color)}.skeleton-table{width:100%;border-collapse:collapse}.skeleton-table th,.skeleton-table td{padding:12px 16px;text-align:left}.skeleton-table thead{background:var(--bg-tertiary)}.skeleton-table-row td{border-bottom:1px solid var(--border-color)}.skeleton-card{padding:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm)}.skeleton-card-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.skeleton-card-body{display:flex;flex-direction:column;gap:12px}.skeleton-dashboard{padding:24px}.skeleton-quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.skeleton-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.skeleton-job-list{padding:20px}.skeleton-toolbar{display:flex;gap:12px;margin-bottom:20px}.skeleton-detail{padding:24px}.skeleton-detail-header{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.skeleton-detail-body{display:flex;flex-direction:column;gap:20px}.dashboard{max-width:1400px;margin:0 auto;width:100%;overflow-x:hidden;box-sizing:border-box}.dashboard-hero{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:2.5rem;margin-bottom:2rem;color:#fff}.hero-content h1{font-size:2.5rem;margin:0 0 .5rem;font-weight:700}.hero-subtitle{font-size:1.1rem;margin:0 0 1rem;opacity:.9}.hero-meta{display:inline-flex;align-items:center!important;gap:1rem}.auto-refresh{padding:.5rem 1rem;background-color:#fff3;border-radius:20px;font-size:.9rem}.refresh-btn{padding:.5rem 1.5rem;background-color:#fff;color:#667eea;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;width:100%}.quick-stat-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;transition:all .3s}.quick-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.quick-stat-card.primary{border-left:4px solid #646cff}.quick-stat-card.success{border-left:4px solid #4caf50}.quick-stat-card.warning{border-left:4px solid #ff9800}.quick-stat-card.info{border-left:4px solid #2196f3}.quick-stat-icon{font-size:2.5rem}.quick-stat-content{display:flex;flex-direction:column;gap:.25rem}.quick-stat-value{font-size:2rem;font-weight:700;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.quick-stat-label{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;width:100%;box-sizing:border-box}.dashboard-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-sizing:border-box}.card-header h3{margin:0;font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.card-subtitle{font-size:.85rem;color:var(--text-muted)}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem;width:100%;box-sizing:border-box}.status-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s;box-sizing:border-box}.status-item.clickable{cursor:pointer}.status-item.clickable:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.status-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%}.status-icon.success{background-color:#4caf5033}.status-icon.failed{background-color:#f4433633}.status-icon.running{background-color:#2196f333}.status-icon.cancelled{background-color:#ff980033}.status-content{display:flex;flex-direction:column;gap:.25rem}.status-value{font-size:1.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.status-label{font-size:.9rem;color:var(--text-muted)}.capacity-content{padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;box-sizing:border-box}.capacity-chart{width:150px;height:150px;flex-shrink:0}.circular-progress{transform:rotate(-90deg)}.progress-bg{fill:none;stroke:var(--border-color);stroke-width:8}.progress-bar{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .5s ease}.progress-bar.success{stroke:#4caf50}.progress-bar.warning{stroke:#ff9800}.progress-text{font-size:20px;font-weight:700;fill:var(--text-primary);text-anchor:middle;dominant-baseline:middle;transform:rotate(90deg);transform-origin:center}.capacity-stats{display:flex;gap:2rem;width:100%;justify-content:space-around;box-sizing:border-box}.capacity-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem;box-sizing:border-box}.throughput-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;width:100%;box-sizing:border-box}.throughput-metric{display:flex;align-items:center;gap:1.5rem;padding:1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s}.throughput-metric:hover{border-color:var(--accent-color);transform:translate(4px)}.metric-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.metric-icon.primary{background:linear-gradient(135deg,#646cff,#747bff)}.metric-icon.success{background:linear-gradient(135deg,#4caf50,#66bb6a)}.metric-icon.warning{background:linear-gradient(135deg,#ff9800,#ffa726)}.metric-info{display:flex;flex-direction:column;gap:.25rem}.metric-value{font-size:2rem;font-weight:700;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.metric-label{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.quick-stat-sublabel{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.health-list{padding:1rem;width:100%;box-sizing:border-box}.health-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-color);box-sizing:border-box;width:100%}.health-item:last-child{border-bottom:none}.health-item-icon{font-size:1.8rem;width:40px;text-align:center;flex-shrink:0}.health-item-content{flex:1;min-width:0}.health-item-name{font-weight:600;margin-bottom:.25rem}.health-item-duration{font-size:.85rem;color:var(--text-muted)}.health-item-status{margin-left:auto;flex-shrink:0}.health-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:.25rem}.health-badge.healthy{background-color:#4caf5033;color:#4caf50}.health-badge.unhealthy{background-color:#f4433633;color:#f44336}.health-badge.degraded{background-color:#ff980033;color:#ff9800}.empty-state{text-align:center;padding:2rem;color:var(--text-muted)}.loading{text-align:center;padding:3rem;font-size:1.2rem}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}.quick-stats{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 768px){.dashboard{padding:.5rem;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.dashboard-grid,.quick-stats{grid-template-columns:1fr!important}.quick-stats{grid-template-columns:1fr;gap:.875rem;width:calc(100% + -0px);max-width:100%;box-sizing:border-box;margin-bottom:1.5rem}.quick-stat-content{display:flex;flex-direction:row;gap:2rem}.quick-stat-card{padding:1rem;width:100%;max-width:100%;box-sizing:border-box;gap:1rem}.quick-stat-icon{font-size:1.75rem;flex-shrink:0}.quick-stat-value{font-size:1.5rem}.quick-stat-label{font-size:.8rem}.dashboard-grid{grid-template-columns:1fr;gap:.875rem;width:calc(100% + -0px);max-width:100%;box-sizing:border-box;padding:0!important;margin:0}.dashboard-card{border-radius:10px;width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box;margin:0}.card-header{padding:.875rem 1rem;flex-direction:column;align-items:flex-start;gap:.5rem;box-sizing:border-box}.card-header h3{width:100%;font-size:.95rem;flex-direction:row;align-items:center}.card-subtitle{width:100%;font-size:.7rem;margin-top:-.25rem}.job-status-card .status-grid{display:flex;flex-direction:column;gap:.625rem;padding:.875rem;width:100%;box-sizing:border-box}.job-status-card .status-item{display:grid;grid-template-columns:auto 1fr;gap:.875rem;padding:.875rem;width:100%;box-sizing:border-box;align-items:center}.job-status-card .status-icon{width:40px;height:40px;font-size:1.25rem;flex-shrink:0}.job-status-card .status-content{display:flex;flex-direction:row;align-items:baseline;gap:.5rem}.job-status-card .status-value{font-size:1.5rem;font-weight:700;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.job-status-card .status-label{font-size:.8rem;color:#999;line-height:1}.worker-capacity-card .capacity-content{padding:.875rem;display:flex;flex-direction:row;align-items:center;gap:1.25rem;width:100%;box-sizing:border-box;flex-wrap:nowrap}.worker-capacity-card .capacity-chart{width:90px;height:90px;flex-shrink:0;min-width:90px}.worker-capacity-card .progress-text{font-size:16px}.worker-capacity-card .capacity-stats{display:flex;flex-direction:column;gap:.625rem;flex:1;min-width:0;justify-content:center;align-items:flex-start;padding:0;overflow:hidden}.worker-capacity-card .capacity-stat{display:flex;flex-direction:row;align-items:center;gap:.75rem;width:100%;min-width:0;justify-content:space-between;box-sizing:border-box}.worker-capacity-card .capacity-label{font-size:.8rem;text-align:left;color:#999;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.worker-capacity-card .capacity-value{font-size:1.35rem;font-weight:700;white-space:nowrap;flex-shrink:0}.health-card .health-list{padding:.625rem;width:100%;box-sizing:border-box}.health-card .health-item{display:grid;grid-template-columns:auto 1fr auto;gap:.625rem;padding:.75rem .625rem;width:100%;box-sizing:border-box;align-items:center}.health-card .health-item-icon{font-size:1.35rem;width:32px;flex-shrink:0}.health-card .health-item-content{flex:1;min-width:0;overflow:hidden}.health-card .health-item-name{font-size:.85rem;font-weight:600;margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.health-card .health-item-duration{font-size:.7rem;color:#999}.health-card .health-item-status{margin-left:0;flex-shrink:0}.health-card .health-badge{padding:.25rem .5rem;font-size:.7rem;white-space:nowrap;box-sizing:border-box}.health-card .health-badge .material-icons{font-size:12px}.throughput-card .throughput-content{padding:.875rem;gap:.75rem;width:100%;box-sizing:border-box}.throughput-card .throughput-metric{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:.875rem;width:100%;box-sizing:border-box}.throughput-card .metric-icon{width:48px;height:48px;flex-shrink:0}.throughput-card .metric-icon .material-icons{font-size:24px}.throughput-card .metric-info{flex:1;min-width:0}.throughput-card .metric-value{font-size:1.5rem}.throughput-card .metric-label{font-size:.75rem}}@media (max-width: 480px){.dashboard{padding:.5rem;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.quick-stats{gap:.75rem;width:calc(100% + -0px);box-sizing:border-box}.quick-stat-card{padding:.875rem;gap:.875rem;width:100%;box-sizing:border-box}.quick-stat-content{display:flex;flex-direction:row;gap:1rem}.quick-stat-icon{font-size:1.5rem}.quick-stat-value{font-size:1.35rem}.quick-stat-label{font-size:.75rem}.dashboard-grid{gap:.75rem;width:calc(100% + -0px);box-sizing:border-box;padding:0;margin:0}.dashboard-card{width:100%;max-width:100%;box-sizing:border-box;margin:0}.card-header{padding:.75rem .875rem}.card-header h3{font-size:.9rem}.card-subtitle{font-size:.65rem}.job-status-card .status-grid{padding:.75rem;gap:.5rem}.job-status-card .status-item{padding:.75rem;gap:.75rem}.job-status-card .status-icon{width:36px;height:36px;font-size:1.15rem}.job-status-card .status-value{font-size:1.35rem}.job-status-card .status-label{font-size:.75rem}.worker-capacity-card .capacity-content{padding:.75rem;gap:1rem;display:flex;flex-direction:row;width:100%;box-sizing:border-box;flex-wrap:nowrap;align-items:center}.worker-capacity-card .capacity-chart{width:80px;height:80px;flex-shrink:0;min-width:80px}.worker-capacity-card .progress-text{font-size:14px}.worker-capacity-card .capacity-stats{gap:.5rem;display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden;padding:0}.worker-capacity-card .capacity-stat{display:flex;flex-direction:row;width:100%;min-width:0;box-sizing:border-box;justify-content:space-between;align-items:center;gap:.5rem}.worker-capacity-card .capacity-label{font-size:.75rem;flex-shrink:0}.worker-capacity-card .capacity-value{font-size:1.2rem;white-space:nowrap;flex-shrink:0}.health-card .health-list{padding:.5rem}.health-card .health-item{padding:.65rem .5rem;gap:.5rem}.health-card .health-item-icon{font-size:1.2rem;width:28px}.health-card .health-item-name{font-size:.8rem}.health-card .health-item-duration{font-size:.65rem}.health-card .health-badge{padding:.2rem .4rem;font-size:.65rem}.health-card .health-badge .material-icons{font-size:11px}}@media (prefers-color-scheme: light){.dashboard{background-color:#f4f4f9}.dashboard-hero{background:linear-gradient(135deg,#d3cce3,#e9e4f0);color:#333}.hero-content h1{color:#111}.hero-subtitle{color:#333}.hero-meta{color:#666}.auto-refresh{background-color:#0000001a}.refresh-btn{background-color:#667eea;color:#fff}.quick-stat-card{background:linear-gradient(135deg,#fff,#f3f4f6);border:1px solid #ddd}.quick-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dashboard-card{background:linear-gradient(135deg,#fff,#f3f4f6);border:1px solid #ddd}.card-header{border-bottom:1px solid #ddd}.card-header h3{color:#111}.card-subtitle{color:#666}.status-item{background-color:#fff;border:1px solid #ddd}.status-item:hover{box-shadow:0 4px 12px #0000001a}.status-icon{background-color:#0000001a}.health-list{background-color:#f9f9f9;border-radius:8px}.health-item{border-bottom:1px solid #ddd}.health-item:last-child{border-bottom:none}.health-badge{background-color:#0000001a}.empty-state{color:#666}.loading{color:#333}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;max-width:500px;width:100%;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}.modal-content.modal-large{max-width:900px}.modal-content.modal-xl{max-width:1200px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-icon{font-size:2rem;flex-shrink:0}.modal-title{flex:1;margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-close-btn{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;flex-shrink:0}.modal-close-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-message{margin:0;font-size:1rem;line-height:1.6;color:var(--text-secondary)}.modal-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color);justify-content:flex-end}.modal-btn{padding:.75rem 1.5rem;border-radius:8px;border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:100px}.modal-btn-cancel{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.modal-btn-cancel:hover{background-color:var(--bg-hover);border-color:var(--accent-color);transform:translateY(-2px)}.modal-btn-confirm{background:linear-gradient(135deg,#646cff,#535bf2);color:#fff}.modal-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #646cff66}.modal-btn-error{background:linear-gradient(135deg,#f44336,#d32f2f)}.modal-btn-error:hover{box-shadow:0 4px 12px #f4433666}.modal-btn-warning{background:linear-gradient(135deg,#ff9800,#f57c00)}.modal-btn-warning:hover{box-shadow:0 4px 12px #ff980066}.modal-btn-success{background:linear-gradient(135deg,#4caf50,#388e3c)}.modal-btn-success:hover{box-shadow:0 4px 12px #4caf5066}.modal-info{border-left:4px solid #2196f3}.modal-success{border-left:4px solid #4caf50}.modal-warning{border-left:4px solid #ff9800}.modal-error{border-left:4px solid #f44336}.modal-confirm{border-left:4px solid #646cff}@media (max-width: 768px){.modal-content{max-width:100%;margin:1rem}.modal-header,.modal-body{padding:1.25rem}.modal-footer{padding:1.25rem;flex-direction:column-reverse}.modal-btn{width:100%}}.json-editor{display:flex;flex-direction:column;gap:.5rem}.json-editor-label{font-weight:500;color:var(--text-primary);font-size:.9rem}.json-editor-label .required{color:#f44336;margin-left:.25rem}.json-editor-container{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:border-color .2s}.json-editor.has-error .json-editor-container{border-color:#f44336}.json-editor-container:focus-within{border-color:#646cff;box-shadow:0 0 0 3px #646cff1a}.json-editor.has-error .json-editor-container:focus-within{border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.json-editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:.5rem;flex-wrap:wrap}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:.5rem}.toolbar-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.toolbar-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-color);color:var(--accent-color)}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn span{display:none}@media (min-width: 480px){.toolbar-btn span{display:inline}}.validation-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.validation-badge.valid{background:#4caf5026;color:#4caf50}.validation-badge.invalid{background:#f4433626;color:#f44336}.json-editor-textarea{width:100%;padding:.875rem;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.5;background:var(--bg-primary);border:none;color:var(--text-primary);resize:vertical;min-height:150px;outline:none}.json-editor-textarea::placeholder{color:var(--text-muted)}.json-editor-textarea.invalid{background:#f4433608}.json-editor-error{display:flex;align-items:flex-start;gap:.375rem;padding:.5rem .75rem;background:#f443361a;border-top:1px solid rgba(244,67,54,.3);color:#f44336;font-size:.75rem;font-family:Consolas,Monaco,Courier New,monospace}.json-editor-error span{flex:1;word-break:break-word}.json-editor-hint{color:var(--text-muted);font-size:.8rem}.job-list{margin:0 auto;padding:0 1rem}.trigger-jobdata-hint{margin-top:.5rem;color:var(--text-muted);font-size:.8rem}.trigger-current-data{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.header-content{flex:1;min-width:280px;margin-bottom:0!important}.header-content h1{margin:0;font-size:2rem;font-weight:700;margin-bottom:0!important;display:flex;align-items:center;flex-wrap:wrap}.header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.search-box{position:relative;display:flex;align-items:center;flex:1;min-width:240px;max-width:400px}.search-input{padding:.875rem 3rem .875rem 1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:1rem;width:100%;transition:all .2s;min-height:44px}.search-input:focus{outline:none;border-color:var(--accent-color);background-color:var(--bg-tertiary)}.clear-search-btn{position:absolute;right:.75rem;background:none;border:none;color:#999;cursor:pointer;font-size:1.1rem;padding:.5rem;transition:color .2s;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.clear-search-btn:hover{color:#f44336}.filter-tag-display{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#646cff1a;border:1px solid rgba(100,108,255,.3);border-radius:8px;margin-bottom:1.5rem}.filter-label{color:var(--text-muted);font-size:.875rem;white-space:nowrap}.tag-chip{padding:.375rem .875rem;background-color:#646cff;color:#fff;border-radius:12px;font-weight:500;font-size:.875rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-filter-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;line-height:1;transition:color .2s;display:flex;align-items:center;justify-content:center;border-radius:4px;margin-left:auto}.clear-filter-btn:hover{color:#f44336;background:#f443361a}.create-job-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#646cff,#535bf2);color:#fff;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s;white-space:nowrap;min-height:44px;justify-content:center}.create-job-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #646cff66}.btn-icon{font-size:1.1rem}.empty-state-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:3rem 1.5rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state-card h3{margin:0 0 .5rem;font-size:1.5rem}.empty-state-card p{color:var(--text-muted);margin:0 0 1.5rem;font-size:1rem}.empty-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background-color:#646cff;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s;min-height:44px}.empty-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #646cff66}.jobs-grid{display:flex;flex-direction:column;padding:1rem;gap:1rem;margin-bottom:2rem;background:transparent;border-radius:12px}.job-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;transition:all .2s;display:grid;grid-template-rows:auto auto;padding:1.5rem;gap:1rem;cursor:pointer;text-decoration:none;color:inherit;border-left:4px solid transparent}.job-card.active{border-left-color:#4caf50}.job-card.inactive{border-left-color:#ffc107}.job-card:hover{background:var(--bg-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.job-card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%}.job-title-section{display:flex;align-items:center;flex:1;min-width:0}.job-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.job-name:hover{color:var(--accent-color)}.job-status-badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;border-radius:16px;font-size:.85rem;font-weight:600;white-space:nowrap;flex-shrink:0;border:2px solid;min-height:32px;width:fit-content}.job-status-badge.active{background-color:#4caf5033;color:#4caf50;border-color:#4caf5066}.job-status-badge.inactive{background-color:#9e9e9e33;color:#9e9e9e;border-color:#9e9e9e66}.job-card-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;width:100%;align-items:start}.job-info-row{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;text-align:left;width:100%;min-width:0}.info-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;line-height:1}.info-value{color:var(--text-primary);font-size:.95rem;display:flex;align-items:center;justify-content:center;min-width:0}.info-value.job-type{font-family:Courier New,monospace;background-color:#646cff1a;padding:.375rem .625rem;border-radius:4px;max-width:fit-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-value.concurrent-policy{font-size:.9rem;color:var(--text-secondary);font-weight:500}.latest-run{display:flex;flex-direction:column;gap:.375rem;align-items:flex-start;width:100%}.run-date{font-size:.85rem;color:#999;white-space:nowrap}.never-run{color:#999;font-style:italic;font-size:.95rem}.latest-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px;font-size:.8rem;font-weight:500;white-space:nowrap}.latest-status.status-success{color:#4caf50;max-height:1.5rem}.latest-status.status-failed{color:#f44336}.latest-status.status-running{color:#2196f3}.latest-status.status-pending{color:#9e9e9e}.latest-status.status-cancelled{color:#ff9800}.job-actions{display:flex;gap:.625rem;flex-shrink:0;align-items:center;justify-content:flex-end}.action-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #333;background-color:#1a1a1a;border-radius:8px;cursor:pointer;font-size:1.1rem;text-decoration:none;transition:all .2s;padding:.625rem}.action-btn:hover{transform:translateY(-2px)}.action-btn.trigger:hover{border-color:#646cff;background-color:#646cff1a}.action-btn.edit:hover{border-color:#2196f3;background-color:#2196f31a}.action-btn.delete:hover{border-color:#f44336;background-color:#f443361a}.view-details-btn{padding:.625rem 1.25rem;color:#646cff;text-decoration:none;font-weight:500;border-radius:8px;transition:all .2s;white-space:nowrap;border:1px solid transparent;min-height:44px;display:flex;align-items:center;justify-content:center}.view-details-btn:hover{background-color:#646cff1a;border-color:#646cff}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;gap:1rem}.pagination{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.pagination .btn{min-width:44px;min-height:44px;padding:.625rem .875rem;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.95rem}.page-ellipsis{padding:0 .5rem;color:var(--text-muted)}.page-info{margin-left:.5rem;color:var(--text-muted);font-size:.9rem;white-space:nowrap}.page-size-selector{display:flex;align-items:center;gap:.5rem;font-size:.9rem;flex-wrap:wrap}.page-size-selector label{color:var(--text-muted);white-space:nowrap}.page-size-select{padding:.625rem;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;min-height:44px;font-size:1rem}@media (max-width: 1400px){.job-card-body{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}}@media (max-width: 1200px){.job-card{gap:1.25rem}.job-card-header{width:100%;flex-wrap:wrap}.job-title-section{max-width:none;flex:1;min-width:0}.job-name{white-space:normal;word-break:break-word}.job-card-body{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));width:100%}.job-actions{justify-content:flex-end;flex-wrap:wrap}}@media (max-width: 768px){.job-list{padding:0 .75rem}.page-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.header-content{width:100%;text-align:left}.header-content h1{font-size:1.5rem;gap:.5rem;flex-wrap:wrap}.header-actions{width:100%;flex-direction:row;flex-wrap:wrap;gap:.75rem}.search-box{flex:1;min-width:200px;max-width:100%}.search-input{font-size:16px}.create-job-btn{flex:1;min-width:200px;justify-content:center}.filter-tag-display{width:100%;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.tag-chip{max-width:200px}.job-card{padding:1.25rem;gap:1rem}.job-card:hover{transform:none}.job-card-header{flex-direction:column;align-items:stretch;width:100%;gap:1rem}.job-title-section{width:100%}.job-name{font-size:1.05rem;padding-top:.5rem}.job-status-badge{align-self:flex-start}.job-card-body{grid-template-columns:1fr;gap:1rem;width:100%}.job-info-row{flex-direction:row;justify-content:space-between;align-items:center;text-align:left;padding:.75rem;background-color:#ffffff08;border-radius:8px}.info-label{text-align:left}.info-value{text-align:right;justify-content:flex-end}.latest-run{align-items:flex-end;text-align:right}.job-actions{width:100%;justify-content:space-between;gap:.5rem}.action-btn{flex:1;min-width:44px;max-width:120px}.empty-state-card{padding:2.5rem 1.25rem}.empty-icon{font-size:3rem}.empty-state-card h3{font-size:1.25rem}.empty-state-card p{font-size:.95rem}.empty-action-btn{width:100%;justify-content:center}.pagination-container{flex-direction:column;padding:1rem;gap:1rem}.pagination{width:100%;justify-content:center;overflow-x:auto}.pagination .btn{padding:.5rem;flex-shrink:0}.page-info{width:100%;text-align:center;margin-left:0;font-size:.85rem}.page-size-selector{width:100%;justify-content:center}}@media (max-width: 480px){.job-list{padding:0 .5rem}.header-content h1{font-size:1.35rem;flex-wrap:wrap}.header-actions{flex-direction:column}.search-box,.create-job-btn{width:100%;max-width:100%}.job-card{padding:1rem}.job-actions{justify-content:center;gap:.5rem}.action-btn{max-width:80px}.job-name{font-size:1rem}.job-status-badge{font-size:.85rem;padding:.375rem .75rem}.info-label{font-size:.75rem}.info-value{font-size:.9rem}.action-btn{font-size:1rem}.pagination .btn{min-width:36px;min-height:36px;font-size:.85rem;padding:.375rem}.page-ellipsis{display:none}}*{max-width:100%}.job-list,.page-header,.header-actions,.jobs-grid,.job-card,.pagination-container{overflow-x:hidden}@media (hover: none) and (pointer: coarse){.action-btn,.create-job-btn,.empty-action-btn,.clear-search-btn,.clear-filter-btn,.view-details-btn,.pagination .btn{min-width:48px;min-height:48px}.job-card:hover,.action-btn:hover,.view-details-btn:hover{transform:none}}@media (prefers-color-scheme: light){.cron{background-color:#f0f0f0;color:#213547}.job-name{color:#646cff}.run-date{color:#0009}.no-run{color:#666}.job-card{background:linear-gradient(135deg,#fff,#f5f5f5);border-color:#ddd}.empty-state-card,.pagination-container{background:linear-gradient(135deg,#fff,#f9f9f9);border-color:#ddd}.search-input{background-color:#fff;border-color:#ccc}.search-input:focus{background-color:#f9f9f9}.action-btn{background-color:#fff;border-color:#ddd}.page-size-select{background-color:#fff;border-color:#ccc}.job-info-row{background-color:#00000005}}.view-mode-selector{display:inline-flex;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:4px;gap:4px;min-height:44px}.view-mode-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;white-space:nowrap;min-height:36px}.view-mode-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.view-mode-btn.active{background:linear-gradient(135deg,#646cff,#535bf2);color:#fff;box-shadow:0 2px 4px #646cff4d}.view-mode-btn.active:hover{background:linear-gradient(135deg,#535bf2,#4248d9)}.view-mode-switch-container,.view-mode-switch,.view-mode-toggle{display:none}.jobs-table-container{width:100%;margin-bottom:2rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.jobs-table{width:100%;border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.jobs-table thead{background-color:var(--bg-tertiary)}.jobs-table th{padding:1rem;text-align:left;font-weight:600;border-bottom:2px solid var(--border-color);color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.jobs-table td{padding:1rem;border-bottom:1px solid var(--border-color)}.jobs-table tbody tr{border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .15s}.jobs-table tbody tr:hover{background-color:var(--bg-hover)}.jobs-table tbody tr.active{border-left:4px solid #4caf50}.jobs-table tbody tr.inactive{border-left:4px solid #ffc107}.job-status-indicator{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%}.job-status-indicator.active{color:#4caf50}.job-status-indicator.inactive{color:#ffc107}.job-name-link{color:#646cff;text-decoration:none;font-weight:500;font-size:1rem}.job-name-link:hover{text-decoration:underline}.job-type-badge{display:inline-block;padding:.375rem .75rem;background-color:#646cff1a;border:1px solid rgba(100,108,255,.4);border-radius:12px;font-size:.85rem;font-family:Courier New,monospace;white-space:nowrap}.latest-run-date{font-size:.9rem;color:var(--text-secondary);white-space:nowrap}.table-status-cell{display:flex;align-items:center;justify-content:flex-start}.concurrent-policy-text{font-size:.9rem;color:var(--text-secondary);font-weight:500}.table-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-start}@media (max-width: 1400px){.jobs-table-container{overflow-x:auto}.jobs-table{min-width:1000px}}@media (max-width: 768px){.view-mode-selector{width:100%;justify-content:stretch}.view-mode-btn{flex:1;justify-content:center}.jobs-table{min-width:900px}.jobs-table th,.jobs-table td{padding:.75rem;font-size:.875rem}}.external-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;margin-left:8px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border-radius:4px;vertical-align:middle}.action-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.json-viewer{border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-secondary);overflow:hidden;margin:1rem 0}.json-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.json-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-primary);font-size:.95rem;font-weight:600;cursor:pointer;padding:.25rem;transition:color .2s}.json-toggle:hover{color:var(--accent-color)}.json-copy-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.json-copy-btn:hover{background-color:var(--bg-hover);border-color:var(--accent-color)}.json-viewer-content{margin:0;padding:1rem;font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:.85rem;line-height:1.5;overflow-x:auto;white-space:pre;text-align:left;color:#a5d6ff;background-color:var(--bg-secondary);max-height:400px;overflow-y:auto}[data-theme=light] .json-viewer-content{color:#333}[data-theme=light] .json-key{color:#0969da}[data-theme=light] .json-string{color:#0a3069}[data-theme=light] .json-number{color:#0550ae}[data-theme=light] .json-boolean{color:#cf222e}[data-theme=light] .json-null{color:#6e7781}.json-key{color:#79c0ff}.json-string{color:#a5d6ff}.json-number{color:#79c0ff}.json-boolean{color:#ff7b72}.json-null{color:#ffa657}.json-preview{margin-left:.5rem;font-size:.8rem;color:#ffffff80;font-family:Fira Code,Consolas,monospace;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (prefers-color-scheme: light){.json-preview{color:#00000080}}.job-detail{max-width:1400px;margin:0 auto}.trigger-modal-content{text-align:left}.trigger-modal-description{margin-bottom:1.5rem;color:var(--text-secondary);line-height:1.6}.trigger-modal-description strong{color:var(--text-primary)}.trigger-option{margin-bottom:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.trigger-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:var(--text-primary)}.trigger-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#646cff}.trigger-jobdata-input{margin-top:1rem}color: var(--text-muted); font-size: .8rem; } .trigger-current-data{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.trigger-current-data label{display:block;font-weight:500;color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.trigger-current-data pre{background:var(--bg-tertiary);padding:.75rem;border-radius:6px;font-size:.8rem;color:var(--text-secondary);overflow-x:auto;max-height:150px;margin:0}.auto-disabled-warning{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#ffc10726,#ffc10714);border:1px solid rgba(255,193,7,.5);border-left:4px solid #ffc107;border-radius:8px;margin-bottom:1.5rem}.auto-disabled-warning .warning-icon{display:flex;align-items:center;justify-content:center;color:#ffc107;flex-shrink:0}.auto-disabled-warning .warning-content{flex:1;min-width:0}.auto-disabled-warning .warning-content h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#ffc107}.auto-disabled-warning .warning-content p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.auto-disabled-warning .warning-action{padding:.5rem 1rem;background:#ffc107;color:#000;border:none;border-radius:6px;font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.auto-disabled-warning .warning-action:hover{background:#ffca28;transform:translateY(-1px)}.job-status-badge.auto-disabled{background-color:#ffc10733;color:#ffc107;border:2px solid rgba(255,193,7,.4)}.auto-disable-card .info-value.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:16px;font-size:.85rem;font-weight:600}.auto-disable-card .info-value.badge.enabled{background-color:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.4)}.auto-disable-card .info-value.badge.disabled{background-color:#9e9e9e33;color:#9e9e9e;border:1px solid rgba(158,158,158,.4)}.auto-disable-card .info-value.warning{color:#ff9800;font-weight:600}.auto-disable-card .info-value.danger{color:#f44336;font-weight:600}.detail-header{margin-bottom:2rem}.header-content{display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;gap:1rem!important}.header-actions{display:flex;align-items:flex-start;gap:.75rem;flex-wrap:wrap;flex-shrink:1;width:auto;overflow-x:auto}.action-btn{white-space:normal}.header-left{flex:1;display:flex;align-items:flex-start;gap:1rem}.back-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-muted);text-decoration:none;font-size:1.2rem;transition:all .2s;flex-shrink:0;cursor:pointer;margin-top:0!important}.title-content{flex:1;display:flex;flex-direction:column;gap:1rem}.title-section{display:flex;gap:1rem}.title-section h1{font-size:2rem;margin:0}.job-status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.job-status-badge.active{background-color:#4caf5033;color:#4caf50;border:2px solid rgba(76,175,80,.4)}.job-status-badge.inactive{background-color:#9e9e9e33;color:#9e9e9e;border:2px solid rgba(158,158,158,.4)}.job-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .8rem;background-color:#646cff1a;border:1px solid rgba(100,108,255,.3);color:#646cff;border-radius:16px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s}.tag-badge:hover{background-color:#646cff33;border-color:#646cff;transform:translateY(-1px)}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.info-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.card-header h3{margin:0;font-size:1.1rem;font-weight:600}.count-badge{padding:.25rem .75rem;background-color:#646cff33;border-radius:12px;font-size:.85rem;color:#646cff}.card-body{padding:1.5rem}.info-row{display:grid;grid-template-columns:140px 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.info-row.full-width{grid-template-columns:1fr}.info-label{font-size:.85rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px;text-align:left}.info-value{color:var(--text-primary);text-align:left}.info-value.code{font-family:Courier New,monospace;background-color:#646cff1a;padding:.25rem .5rem;border-radius:4px;display:inline-block}.info-value.description{line-height:1.6;margin:0}.worker-badge{background-color:#646cff33;border:1px solid rgba(100,108,255,.4);padding:.25rem .75rem;border-radius:12px;font-family:monospace;font-size:.9rem;display:inline-block}.job-data-preview{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1rem;font-size:.85rem;overflow-x:auto;max-height:300px;color:var(--text-secondary)}.stats-card .card-body{display:flex;flex-direction:column;gap:1.5rem}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-label{font-size:.85rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.stat-value.danger{color:#f44336}.occurrences-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px}.status-filters{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.status-chip{padding:.5rem 1rem;border-radius:20px;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.status-chip:hover{border-color:var(--accent-color);transform:translateY(-1px)}.signalr-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:.85rem;white-space:nowrap}.indicator-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite;flex-shrink:0}.signalr-indicator.connected .indicator-dot{background-color:#4caf50}.signalr-indicator.disconnected .indicator-dot{background-color:#f44336}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;border:none;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap;box-sizing:border-box}.trigger-btn{background:linear-gradient(135deg,#646cff,#535bf2);color:#fff;border:none;min-height:40px;min-width:150px}.trigger-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #646cff66}.trigger-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.edit-btn{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);min-height:40px;min-width:150px}.edit-btn:hover{background-color:var(--bg-hover);border-color:var(--accent-color);transform:translateY(-2px)}.delete-btn{background-color:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3);min-height:40px;min-width:150px}.delete-btn:hover{background-color:#f4433633;border-color:#f44336;transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.btn-icon{font-size:1rem;flex-shrink:0;line-height:1}.schedule-type-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:6px;font-size:.875rem;font-weight:600}.schedule-type-badge.recurring{background-color:#646cff26;color:#646cff;border:1px solid rgba(100,108,255,.3)}.schedule-type-badge.one-time{background-color:#ff980026;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.version-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#646cff26;border:1px solid rgba(100,108,255,.3);border-radius:6px;font-size:.875rem;font-weight:600;color:#646cff;font-family:Courier New,monospace;margin:0!important}.version-history-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;margin-left:.75rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;font-size:.8125rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.version-history-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--bg-hover)}.version-history-modal{display:flex;flex-direction:column;gap:1.5rem;max-height:70vh;overflow-y:auto;min-width:700px}.current-version-info{text-align:center;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.version-badge-large{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#646cff33;border:2px solid rgba(100,108,255,.4);border-radius:8px;font-size:1.125rem;font-weight:700;color:#646cff;font-family:Courier New,monospace;margin-bottom:.75rem}.version-note{color:var(--text-muted);font-size:.875rem;margin:0}.version-list{display:flex;flex-direction:column;gap:1rem}.version-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.version-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.version-number{display:flex;align-items:center;gap:.375rem;font-weight:600;font-size:.9375rem;color:#646cff;font-family:Courier New,monospace}.version-date{font-size:.8125rem;color:var(--text-muted)}.version-content{padding:1rem}.version-history-modal::-webkit-scrollbar{width:8px}.version-history-modal::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.version-history-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.version-history-modal::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 1200px){.content-grid{grid-template-columns:repeat(2,1fr)}.content-grid .config-card{grid-column:span 2}}@media (max-width: 1024px){.content-grid{grid-template-columns:1fr}.content-grid .config-card{grid-column:span 1}.header-actions{flex-wrap:wrap;padding-top:2rem}}@media (max-width: 768px){.job-detail{padding:0 .75rem}.detail-header{margin-bottom:1.25rem}.header-content{flex-direction:column;gap:1rem;align-items:stretch;margin-bottom:1rem}.header-left{flex-direction:column;gap:.5rem;align-items:stretch}.title-content{gap:.5rem}.title-section{flex-direction:column;align-items:flex-start;gap:.5rem}.title-section h1{font-size:1.25rem;word-break:break-word}.job-status-badge{font-size:.85rem;padding:.4rem .8rem}.job-tags{gap:.25rem}.tag-badge{font-size:.8rem;padding:.3rem .6rem}.header-actions{flex-direction:column;gap:.5rem;align-items:stretch;width:100%}.action-btn{min-width:44px;min-height:44px;width:100%;justify-content:center;font-size:1rem;padding:.75rem .5rem}.action-btn span:not(.btn-icon){display:none}.signalr-indicator{width:100%;justify-content:center;font-size:.9rem;padding:.5rem}.content-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.info-card{border-radius:10px}.card-header{padding:1rem;font-size:1rem}.card-body{padding:1rem}.info-row{grid-template-columns:1fr;gap:.5rem;padding:.5rem 0;font-size:.95rem}.info-label{font-size:.8rem}.info-value{font-size:.95rem}.worker-badge{font-size:.85rem;padding:.2rem .5rem}.version-badge{font-size:.8rem;padding:.25rem .5rem}.version-history-btn{font-size:.8rem;padding:.2rem .5rem;margin-left:.5rem}.stats-card .card-body{gap:1rem}.stat-value{font-size:1.3rem}.occurrences-card{border-radius:10px}.count-badge{font-size:.8rem;padding:.2rem .5rem}.version-history-modal{min-width:0;width:100vw;max-width:100vw;padding:.5rem;box-sizing:border-box}.version-content{padding:.5rem;font-size:.9rem;overflow-x:auto}.auto-disabled-warning{flex-direction:column;align-items:flex-start;gap:.75rem}.auto-disabled-warning .warning-action{width:100%;text-align:center}}@media (max-width: 480px){.job-detail{padding:0 .25rem}.title-section h1{font-size:1.05rem}.info-label,.info-value{font-size:.85rem}.stat-value{font-size:1.1rem}.card-header{font-size:.95rem;padding:.75rem .5rem}.card-body{padding:.75rem}.version-history-modal{padding:.25rem}}.external-job-info{display:flex;align-items:center;gap:12px;margin-top:8px}.external-badge-large{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border-radius:6px}.external-id{font-size:.75rem;color:var(--text-secondary);font-family:monospace;background:var(--bg-secondary);padding:4px 8px;border-radius:4px}.action-btn:disabled,.trigger-btn:disabled,.delete-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.occurrence-table-container{width:100%}.status-filters-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);flex-wrap:wrap;gap:1rem}.status-filters{display:flex;flex-wrap:wrap;gap:.5rem;flex:1;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.status-chip{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.5rem 1rem;border-radius:20px;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.status-chip:hover{border-color:#646cff;transform:translateY(-1px)}.status-chip.active{background-color:#646cff33;border-color:#646cff;color:#646cff}.status-chip.pending.active{background-color:#9e9e9e33;border-color:#9e9e9e;color:#9e9e9e}.status-chip.running.active{background-color:#2196f333;border-color:#2196f3;color:#2196f3}.status-chip.success.active{background-color:#4caf5033;border-color:#4caf50;color:#4caf50}.status-chip.failed.active{background-color:#f4433633;border-color:#f44336;color:#f44336}.status-chip.cancelled.active{background-color:#ff980033;border-color:#ff9800;color:#ff9800}.status-chip.queued.active{background-color:#ffc10733;border-color:#ffc107;color:#ffc107}.status-chip.timeout.active{background-color:#ff572233;border-color:#ff5722;color:#ff5722}.status-chip.unknown.active{background-color:#9c27b033;border-color:#9c27b0;color:#9c27b0}.occurrence-table{width:100%;border-collapse:collapse}.occurrence-table thead{background-color:var(--bg-tertiary)}.occurrence-table th{padding:1rem;text-align:left;font-weight:600;border-bottom:2px solid var(--border-color);color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.occurrence-table th.checkbox-column,.occurrence-table td.checkbox-column{width:50px;text-align:center}.occurrence-table td.checkbox-column input[type=checkbox],.occurrence-table th.checkbox-column input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:#646cff}.occurrence-table td.checkbox-column input[type=checkbox]:disabled{cursor:not-allowed;opacity:.3}.occurrence-table td{padding:1rem;border-bottom:1px solid var(--border-color)}.occurrence-table tbody tr{border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .15s}.occurrence-table tbody tr:hover{background-color:var(--bg-hover)}.occurrence-running{background-color:#2196f30d!important}.occurrence-running:hover{background-color:#2196f31a!important}.job-link,.occurrence-link{color:#646cff;text-decoration:none;font-weight:500}.job-link:hover,.occurrence-link:hover{text-decoration:underline}.worker-badge{padding:.25rem .75rem;background-color:#646cff33;border:1px solid rgba(100,108,255,.4);border-radius:12px;font-size:.85rem;font-family:monospace;display:inline-block}.occurrence-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:.25rem .75rem;gap:.25rem;border-radius:12px;font-size:.9em;white-space:nowrap;font-weight:500}.occurrence-status.status-success{background-color:#4caf5033;color:#4caf50}.occurrence-status.status-failed{background-color:#f4433633;color:#f44336}.occurrence-status.status-running{background-color:#2196f333;color:#2196f3}.occurrence-status.status-pending{background-color:#9e9e9e33;color:#9e9e9e}.occurrence-status.status-cancelled{background-color:#ff980033;color:#ff9800}.occurrence-status.status-queued{background-color:#ffc10733;color:#ffc107}.occurrence-status.status-timeout{background-color:#ff572233;color:#ff5722}.occurrence-status.status-unknown{background-color:#9c27b033;color:#9c27b0}.bulk-delete-btn{padding:.5rem 1rem;border-radius:8px;border:1px solid #f44336;background-color:#f443361a;color:#f44336;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.occurrence-status.status-running .material-symbols-outlined,.status-chip.running .material-symbols-outlined{animation:spin 2s linear infinite;display:inline-block}@media (max-width: 1024px){.occurrence-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;padding-bottom:.5rem}.occurrence-table{min-width:700px;width:max-content}}@media (max-width: 900px){.occurrence-table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch;width:100vw!important;max-width:100vw!important;padding-bottom:.5rem}.occurrence-table{min-width:600px!important;width:max-content!important;display:block!important}}@media (max-width: 600px){.occurrence-table{min-width:550px}}.json-string-converter{border:1px solid var(--border-color)}.json-string-converter .sidebar-card-title.clickable{cursor:pointer;display:flex;align-items:center;gap:.5rem;-webkit-user-select:none;user-select:none}.json-string-converter .sidebar-card-title.clickable:hover{color:var(--primary-color)}.json-string-converter .expand-icon{margin-left:auto;opacity:.6}.converter-content{margin-top:.75rem}.converter-description{font-size:.8rem;color:var(--text-secondary);margin-bottom:.75rem}.converter-input-group,.converter-output-group{margin-bottom:.75rem}.converter-input-group label,.converter-output-group label{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:.25rem}.converter-input-group textarea,.converter-output-group textarea{width:100%;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);resize:vertical;min-height:60px}.converter-input-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.converter-output-group .output-textarea{background:var(--bg-tertiary);cursor:text}.converter-actions{display:flex;gap:.5rem;margin-bottom:.75rem}.converter-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.25rem;font-size:.75rem;padding:.375rem .5rem}.copy-btn{display:flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--primary-color);font-size:.7rem;cursor:pointer;padding:.125rem .25rem;border-radius:3px}.copy-btn:hover{background:var(--bg-secondary)}.output-hint{display:block;font-size:.7rem;color:var(--text-tertiary);margin-top:.25rem}.converter-example{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.converter-example strong{display:block;font-size:.7rem;color:var(--text-secondary);margin-bottom:.25rem}.converter-example pre{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.7rem;background:var(--bg-tertiary);padding:.5rem;border-radius:4px;overflow-x:auto;margin:0;color:var(--text-secondary)}.job-form-container{max-width:1400px;margin:0 auto}.form-header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.form-header-left{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0}.back-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-muted);text-decoration:none;font-size:1.2rem;transition:all .2s;flex-shrink:0;cursor:pointer;margin-top:1rem}.form-header-content{flex:1;text-align:left}.job-form-container h1{font-size:2rem;margin:0 0 .5rem}.form-subtitle{color:var(--text-muted);font-size:1rem;margin:0}.error-message{background:linear-gradient(135deg,#f4433633,#f443361a);color:#f44336;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #f44336;display:flex;align-items:center;gap:.75rem}.error-message:before{content:"⚠️";font-size:1.5rem}.job-form{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.main-form-section{display:flex;flex-direction:column;gap:1.5rem}.form-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.form-section{padding:2rem;border-bottom:1px solid var(--border-color)}.form-section:last-child{border-bottom:none}.form-section-title{font-size:1.1rem;font-weight:600;margin:0 0 1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.form-section-title:before{content:"";width:4px;height:1.2rem;background:linear-gradient(135deg,#646cff,#535bf2);border-radius:2px}.form-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.sidebar-card-title{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.sidebar-card-title:before{content:"💡";font-size:1.2rem}.sidebar-card p{margin:0 0 .75rem;color:var(--text-muted);font-size:.9rem;line-height:1.5;text-align:left}.sidebar-card input[type=text],.sidebar-card input[type=number],.sidebar-card textarea,.sidebar-card select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .2s}.sidebar-card input::placeholder,.sidebar-card textarea::placeholder{color:var(--text-muted);opacity:.6}.sidebar-card input:focus,.sidebar-card textarea:focus,.sidebar-card select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #646cff1a}.sidebar-card ul{margin:0;padding-left:1.5rem;color:var(--text-muted);font-size:.9rem}.sidebar-card li{margin-bottom:.5rem;text-align:left}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-muted);text-transform:uppercase;font-size:.8rem;letter-spacing:.5px}.required{color:#f44336;margin-left:.25rem}.form-group input[type=text],.form-group input[type=datetime-local],.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);opacity:.6}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #646cff1a}.form-group small{display:block;margin-top:.5rem;color:var(--text-muted);font-size:.85rem;line-height:1.4}.json-input{font-family:Courier New,monospace;font-size:.9rem;min-height:200px}.radio-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:.75rem}.radio-option{display:flex;align-items:center;gap:.75rem;font-weight:400;text-transform:none;color:var(--text-primary);cursor:pointer;padding:1rem;border:1px solid var(--border-color);border-radius:8px;transition:all .2s}} .radio-option span{display:inline-block;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);transition:all .2s ease}.radio-option:hover{border-color:var(--accent-color);background-color:var(--bg-hover)}.radio-option input[type=radio]{cursor:pointer;accent-color:#646cff;display:none}.radio-option input[type=radio]:checked{background:#2563eb;color:#fff;border-color:#2563eb}.checkbox-label{display:flex!important;align-items:center;gap:.75rem;font-weight:400!important;text-transform:none!important;color:var(--text-primary)!important;cursor:pointer;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;transition:all .2s;margin-top:.5rem}.checkbox-label:hover{border-color:var(--accent-color);background-color:var(--bg-hover)}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#646cff}.tags-input-container{display:flex;flex-direction:column;gap:.75rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;min-height:40px;padding:.75rem;background-color:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.tag{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:#646cff;color:#fff;border-radius:16px;font-size:.875rem;font-weight:500}.tag-remove{background:none;border:none;color:#fff;cursor:pointer;font-size:1.25rem;line-height:1;padding:0;margin-left:.25rem;opacity:.8;transition:opacity .2s}.tag-remove:hover{opacity:1}.tag-input-wrapper{display:flex;gap:.5rem}.tag-input-wrapper input{flex:1}.form-actions{display:flex;gap:1rem;align-items:center;flex-shrink:0}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-hover);transform:translateY(-1px)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #646cff66}.btn:disabled{opacity:.5;cursor:not-allowed}.loading{text-align:center;padding:3rem;font-size:1.1rem;color:var(--text-muted)}.switch-label{display:flex!important;flex-direction:column!important;gap:.75rem!important;font-weight:400!important;text-transform:none!important;color:var(--text-primary)!important;margin-top:.5rem}.switch-label-text{font-weight:500;color:var(--text-muted);text-transform:uppercase;font-size:.8rem;letter-spacing:.5px}.switch-container{display:flex;align-items:center;justify-content:center}.switch-input{display:none}.switch{position:relative;display:inline-block;width:52px;height:28px;background-color:var(--bg-tertiary);border-radius:28px;cursor:pointer;transition:background-color .3s;border:2px solid var(--border-color)}.switch-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--text-muted);border-radius:50%;transition:all .3s}.switch-input:checked+.switch{background-color:#646cff;border-color:#646cff}.switch-input:checked+.switch .switch-slider{transform:translate(24px);background-color:#fff}.switch-status{font-weight:600;color:var(--text-primary);min-width:60px}.switch-input:checked~.switch-status{color:#4caf50}.switch-input:not(:checked)~.switch-status{color:var(--text-muted)}@media (max-width: 1024px){.job-form,.form-row{grid-template-columns:1fr}.form-sidebar{order:-1}}@media (max-width: 768px){.radio-group{grid-template-columns:1fr}.form-section{padding:1.5rem}.form-actions{flex-direction:column;padding:1.5rem}.btn{width:100%;justify-content:center}}.job-data-schema{background:linear-gradient(135deg,#646cff1a,#646cff0d);border:1px solid rgba(100,108,255,.3);border-radius:8px;padding:1rem;margin-bottom:1rem}.schema-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:#646cff;font-size:.9rem;flex-wrap:wrap}.schema-header .btn{margin-left:auto;font-size:.8rem;padding:.35rem .75rem}.schema-content{background:var(--bg-secondary);border-radius:6px;padding:.75rem}.schema-viewer{font-size:.85rem}.schema-properties{display:flex;flex-direction:column;gap:.5rem}.schema-property{background:#ffffff0d;border-radius:4px;padding:.5rem .75rem;border-left:3px solid transparent}.schema-property:hover{border-left-color:#646cff;background:#ffffff14}.property-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.property-name{font-weight:600;color:var(--text-primary);font-family:Fira Code,monospace}.property-type{font-size:.75rem;padding:.15rem .4rem;border-radius:4px;font-weight:500;text-transform:lowercase}.property-type.type-string{background:#4caf5033;color:#81c784}.property-type.type-integer,.property-type.type-number{background:#2196f333;color:#64b5f6}.property-type.type-boolean{background:#ff980033;color:#ffb74d}.property-type.type-array{background:#9c27b033;color:#ba68c8}.property-type.type-object{background:#00bcd433;color:#4dd0e1}.property-required{font-size:.7rem;padding:.1rem .35rem;border-radius:3px;background:#f4433633;color:#ef5350;font-weight:600;text-transform:uppercase}.property-enum{font-size:.7rem;padding:.1rem .35rem;border-radius:3px;background:#ffc10733;color:#ffc107;font-weight:500}.property-description{color:var(--text-secondary);font-size:.8rem;margin-top:.25rem;text-align:left}.property-enum-values{font-size:.75rem;color:var(--text-muted);margin-top:.25rem;font-family:Fira Code,monospace;text-align:left}.property-default{font-size:.75rem;color:var(--text-muted);margin-top:.25rem;text-align:left}.property-default code{background:var(--bg-secondary);padding:.1rem .3rem;border-radius:3px;font-family:Fira Code,monospace}.schema-toggle{margin-top:.75rem;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.35rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s}.schema-toggle:hover{border-color:var(--accent-color);color:var(--accent-color)}.schema-raw{margin-top:.5rem;background:var(--bg-secondary);border-radius:4px;padding:.75rem;font-size:.75rem;overflow-x:auto;color:var(--text-secondary);font-family:Fira Code,Consolas,Monaco,monospace;max-height:200px;overflow-y:auto;white-space:pre;text-align:left;-moz-tab-size:2;tab-size:2;line-height:1.4}.schema-error,.schema-empty{color:var(--text-muted);font-style:italic;font-size:.85rem}.external-job-warning{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;margin-bottom:24px;background:linear-gradient(135deg,#8b5cf61a,#6366f11a);border:1px solid rgba(139,92,246,.3);border-radius:12px;border-left:4px solid #8b5cf6}.external-job-warning .warning-icon{color:#8b5cf6;flex-shrink:0;margin-top:2px}.external-job-warning .warning-content h3{margin:0 0 8px;color:#8b5cf6;font-size:1rem;font-weight:600}.external-job-warning .warning-content p{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.6}.form-card.disabled-section{opacity:.6;position:relative}.form-card.disabled-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;pointer-events:none}.form-card.disabled-section select:disabled,.form-card.disabled-section input:disabled{background:var(--bg-tertiary);cursor:not-allowed}.external-label{margin-left:12px;font-size:.75rem;font-weight:500;color:#8b5cf6;background:#8b5cf626;padding:4px 10px;border-radius:4px}.radio-option.disabled{opacity:.5;cursor:not-allowed}.external-label-small{display:block;font-size:.65rem;font-weight:500;color:#8b5cf6;margin-top:4px}.switch.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-tertiary)!important}.sidebar-card.disabled-card{opacity:.6;position:relative}.sidebar-card.disabled-card .sidebar-card-title{color:var(--text-muted)}.occurrence-detail{max-width:1400px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);text-decoration:none;font-size:.9rem;margin-bottom:1rem;padding:.5rem 1rem;border-radius:8px;transition:all .2s;background-color:var(--bg-secondary);border:1px solid transparent}.back-link:hover{color:var(--accent-color);border-color:var(--accent-color);background-color:var(--bg-hover);transform:translate(-4px)}.back-link .back-icon{font-size:1rem;transition:transform .2s}.back-link:hover .back-icon{transform:translate(-2px)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.page-header-left{flex:1;display:flex;align-items:flex-start;gap:1rem}.page-header h1{font-size:2rem;margin:0}.back-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-muted);text-decoration:none;font-size:1.2rem;transition:all .2s;flex-shrink:0;cursor:pointer}.back-icon-btn:hover{color:var(--accent-color);border-color:var(--accent-color);background-color:var(--bg-hover);transform:translate(-2px)}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap;box-sizing:border-box;border:none}.btn-primary{background:linear-gradient(135deg,#646cff,#535bf2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #646cff66}.btn-danger{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f4433666}.signalr-status{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;font-size:.85rem;font-weight:500;transition:all .3s ease;white-space:nowrap}.signalr-status.connected{background-color:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.signalr-status.reconnecting{background-color:#ff98001a;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.signalr-status.disconnected{background-color:#9e9e9e1a;color:#9e9e9e;border:1px solid rgba(158,158,158,.3)}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite;flex-shrink:0}.signalr-status.connected .status-dot{background-color:#4caf50}.signalr-status.reconnecting .status-dot{background-color:#ff9800}.signalr-status.disconnected .status-dot{background-color:#9e9e9e;animation:none}.occurrence-info-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:0;margin-bottom:2rem;overflow:hidden}.occurrence-info-card h2{margin:0;padding:1.25rem 1.5rem;font-size:1.2rem;font-weight:600;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:1.5rem;background:var(--bg-tertiary)}.info-item{display:flex;flex-direction:column;padding:1rem;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)!important;background:var(--bg-tertiary)}.info-item:nth-child(2n){border-right:none}.info-item:nth-last-child(-n+2){border-bottom:none}.info-item.full-width{grid-column:1 / -1;border-right:none}.info-item label{font-weight:500;color:var(--text-muted);font-size:.8rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:1rem;color:var(--text-primary)}.occurrence-status{padding:.3rem .8rem;border-radius:12px;font-size:.85rem;white-space:nowrap;display:inline-block;width:fit-content;font-weight:500}.occurrence-status.success{background-color:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.4)}.occurrence-status.failed{background-color:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.4)}.occurrence-status.running{background-color:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.4)}.occurrence-status.queued{background-color:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.4)}.occurrence-status.cancelled{background-color:#9e9e9e33;color:#9e9e9e;border:1px solid rgba(158,158,158,.4)}.occurrence-status.timeout{background-color:#ff572233;color:#ff5722;border:1px solid rgba(255,87,34,.4)}.occurrence-status.unknown{background-color:#9c27b033;color:#9c27b0;border:1px solid rgba(156,39,176,.4)}.job-link{color:#646cff;text-decoration:none;font-weight:500;font-size:.95rem;transition:all .2s;margin:auto}.job-link:hover{text-decoration:underline;color:#535bf2}.job-info-container{display:flex;flex-direction:column;gap:.5rem}.job-name-display{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.error-box{background-color:#f443360d;border-left:4px solid #f44336;padding:1rem;border-radius:8px}.error-box pre{background-color:var(--bg-secondary);padding:1rem;border-radius:6px;overflow-x:auto;font-size:.85rem;line-height:1.5;color:#f44336;margin:.5rem 0 0;border:1px solid rgba(244,67,54,.3)}.result-data{background-color:var(--bg-tertiary);padding:1rem;border-radius:6px;overflow-x:auto;font-size:.85rem;line-height:1.5;margin:.5rem 0 0;border:1px solid var(--border-color)}.logs-section{margin-top:2rem}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.logs-header h2{font-size:1.5rem;margin:0}.log-count{background-color:#646cff33;color:#646cff;padding:.3rem .8rem;border-radius:12px;font-size:.85rem;font-weight:500;border:1px solid rgba(100,108,255,.4)}.logs-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:0;max-height:600px;overflow-y:auto;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.4;scroll-behavior:smooth;position:relative}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}.log-entry{padding:.75rem 1.25rem;margin:0;border-radius:0;border-left:3px solid transparent;background-color:transparent;transition:background-color .15s ease;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border-color);font-size:.85rem;position:relative}.log-entry:hover{background-color:var(--bg-hover)}.log-entry:last-child{border-bottom:none}.log-entry.log-error{border-left-color:#f44336;background-color:#f4433608}.log-entry.log-warning{border-left-color:#ff9800;background-color:#ff980008}.log-entry.log-information,.log-entry.log-info{border-left-color:#2196f3}.log-entry.log-debug{border-left-color:#9c27b0}.log-time{color:var(--text-muted);font-size:.75rem;font-weight:500;white-space:nowrap;font-family:Courier New,monospace;flex-shrink:0;width:75px}.log-level{font-weight:600;text-transform:uppercase;font-size:.7rem;padding:.3rem .6rem;border-radius:6px;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;width:110px;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:.3rem}.level-error{background-color:#f4433626;color:#f44336;border:1px solid rgba(244,67,54,.3)}.level-warning{background-color:#ff980026;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.level-information,.level-info{background-color:#2196f326;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.level-debug{background-color:#9c27b026;color:#9c27b0;border:1px solid rgba(156,39,176,.3)}.log-message{color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.log-data-inline{flex-shrink:0}.log-data-inline summary{cursor:pointer;color:#646cff;font-weight:500;font-size:.75rem;-webkit-user-select:none;user-select:none;padding:.3rem .6rem;transition:all .2s ease;border-radius:6px;background-color:#646cff1a;border:1px solid rgba(100,108,255,.2);display:inline-block}.log-data-inline summary:hover{color:#747bff;background-color:#646cff33;border-color:#646cff4d}.log-data-inline[open] summary{background-color:#646cff33;border-color:#646cff66}.log-data-inline pre{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;margin-top:.5rem;overflow-x:auto;font-size:.75rem;line-height:1.5;color:var(--text-secondary);position:absolute;right:1rem;max-width:500px;max-height:300px;overflow-y:auto;z-index:100;box-shadow:var(--shadow-lg)}.log-data-inline pre::-webkit-scrollbar{width:6px;height:6px}.log-data-inline pre::-webkit-scrollbar-track{background:var(--bg-secondary)}.log-data-inline pre::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.correlation-id{font-family:Courier New,monospace;font-size:.85rem;color:var(--text-muted);background-color:#646cff1a;padding:.25rem .5rem;border-radius:4px;display:inline-block}.status-history-section{margin-top:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;margin:0;color:var(--text-primary)}.history-count{background-color:#646cff33;color:#646cff;padding:.3rem .8rem;border-radius:12px;font-size:.85rem;font-weight:500;border:1px solid rgba(100,108,255,.4)}.status-history-timeline{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;position:relative}.status-history-timeline:before{content:"";position:absolute;left:2rem;top:2.5rem;bottom:2.5rem;width:2px;background:linear-gradient(180deg,#646cff80,#646cff33,#646cff80)}.status-change-item{display:flex;align-items:center;gap:2rem;margin-bottom:1rem;border-radius:8px;background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:all .2s ease;position:relative;padding:1rem 1rem 1rem 4rem}.status-change-item:before{content:"";position:absolute;left:1.7rem;width:12px;height:12px;border-radius:50%;background-color:#646cff;border:3px solid var(--bg-card);z-index:1;box-shadow:0 0 8px #646cff99}.status-change-item:hover{background-color:var(--bg-hover);border-color:#646cff4d;transform:translate(4px)}.status-change-item:last-child{margin-bottom:0}.status-change-time{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.85rem;font-family:Courier New,monospace;min-width:200px;white-space:nowrap}.status-change-flow{display:flex;align-items:center;gap:1rem;flex:1}.status-arrow{color:var(--text-muted);flex-shrink:0}@media (max-width: 1024px){.page-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-start}.status-change-item{flex-direction:column;align-items:flex-start;gap:1rem}.status-change-time{min-width:auto}}@media (max-width: 768px){.info-grid{grid-template-columns:1fr}.info-item{border-right:none}.info-item:not(:last-child){border-bottom:1px solid #222}.page-header{flex-direction:column;gap:1rem}.logs-header{flex-direction:column;align-items:flex-start;gap:.5rem}.log-entry{flex-wrap:wrap;padding:.75rem}.logs-container{max-height:400px}.status-history-timeline:before{display:none}.status-change-item{padding-left:1rem}.status-change-item:before{left:.5rem}}.version-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#646cff26;border:1px solid rgba(100,108,255,.3);border-radius:6px;font-size:.875rem;font-weight:600;color:#646cff;font-family:Courier New,monospace;max-width:fit-content;margin:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.occurrence-status.running .material-symbols-outlined{animation:spin 2s linear infinite;display:inline-block}.external-badge-detail{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;font-size:.8rem;font-weight:500;background:linear-gradient(135deg,#8b5cf626,#6366f126);color:#8b5cf6;border:1px solid rgba(139,92,246,.3);border-radius:6px;font-family:monospace}.btn:disabled{opacity:.4;cursor:not-allowed}.worker-list-page{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{margin:0;font-size:2rem;font-weight:700}.worker-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;border:1px solid var(--border-color);transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-color)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#646cff26;color:#646cff;flex-shrink:0}.stat-card.active .stat-icon{background:#4caf5026;color:#4caf50}.stat-card.running .stat-icon{background:#2196f326;color:#2196f3}.stat-content{flex:1;text-align:left}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.worker-cards{display:flex;flex-direction:column;gap:1.5rem}.worker-card{background:var(--bg-card);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color);transition:all .3s}.worker-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md)}.worker-card.expanded{border-left:4px solid var(--accent-color);box-shadow:var(--shadow-md)}.worker-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:1rem}.worker-title{display:flex;align-items:center;gap:1rem;flex:1}.worker-title h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.worker-meta{display:flex;align-items:center;gap:1rem}.heartbeat{display:inline-flex;align-items:center;font-size:.85rem;gap:.5rem;color:var(--text-muted);padding:.3rem .6rem;background-color:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color)}.expand-icon{font-size:1.2rem;color:var(--text-muted);transition:transform .3s}.header-title{display:inline-flex!important;align-items:center!important;gap:.5rem!important}.worker-card.expanded .expand-icon{transform:rotate(180deg)}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:16px;font-size:.85rem;font-weight:600;border:2px solid}.status-badge.active{background-color:#4caf5033;color:#4caf50;border-color:#4caf5066}.status-badge.inactive{background-color:#f4433633;color:#f44336;border-color:#f4433666}.status-badge.zombie{background-color:#ff980033;color:#ff9800;border-color:#ff980066}.status-badge.unknown{background-color:#9e9e9e33;color:#9e9e9e;border-color:#9e9e9e66}.worker-summary{display:flex;gap:2rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-item .label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.summary-item .value{font-weight:700;font-size:1.1rem;color:var(--text-primary)}.worker-jobs,.worker-patterns{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.worker-jobs .label,.worker-patterns .label{font-size:.85rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.job-tags,.pattern-tags{display:flex;gap:.5rem;flex-wrap:wrap}.job-tag{background-color:#646cff26;color:#646cff;padding:.4rem .8rem;border-radius:16px;font-size:.85rem;font-weight:500;border:1px solid rgba(100,108,255,.3);transition:all .2s}.job-tag:hover{background-color:#646cff40;transform:translateY(-1px)}.pattern-tag{background-color:#4caf5026;color:#4caf50;padding:.4rem .8rem;border-radius:16px;font-size:.85rem;font-family:Courier New,monospace;border:1px solid rgba(76,175,80,.3);transition:all .2s}.pattern-tag:hover{background-color:#4caf5040;transform:translateY(-1px)}.job-pattern-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.5rem}.job-name-tag{background-color:#646cff33;color:#646cff;padding:.3rem .6rem;border-radius:12px;font-size:.8rem;font-weight:600;border:1px solid rgba(100,108,255,.4);white-space:nowrap}.job-pattern-group .pattern-tag{margin-left:.25rem}.worker-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.detail-section{margin-bottom:1.5rem}.detail-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.metadata-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background-color:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.metadata-item .label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.metadata-item .value{color:var(--text-primary);font-weight:500}.table-container{overflow-x:auto;overflow-y:hidden;margin:0 -.5rem;padding:0 .5rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#646cff;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#747bff}.job-configs-table,.instances-table{width:100%;border-collapse:collapse;font-size:.9rem;background-color:var(--bg-secondary);border-radius:8px;overflow:hidden;min-width:600px}.job-configs-table th,.job-configs-table td,.instances-table th,.instances-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap}.job-configs-table th,.instances-table th{background-color:var(--bg-tertiary);font-weight:600;color:var(--text-muted);text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.job-configs-table td,.instances-table td{color:var(--text-primary)}.job-configs-table tbody tr:hover,.instances-table tbody tr:hover{background-color:var(--bg-hover)}.job-configs-table code,.instances-table code{background-color:#646cff1a;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;color:#646cff;border:1px solid rgba(100,108,255,.3)}.empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color)}.empty-state p{font-size:1.1rem;color:var(--text-muted);margin:0 0 .5rem}.empty-state small{color:var(--text-secondary);font-size:.9rem}.loading,.error{text-align:center;padding:3rem;font-size:1.1rem;color:var(--text-muted)}@media (max-width: 768px){.worker-stats{grid-template-columns:repeat(2,1fr)}.worker-summary{gap:1rem}.metadata-grid{grid-template-columns:1fr}.table-container{margin-left:-1rem;margin-right:-1rem;border-radius:0}.job-configs-table,.instances-table{font-size:.8rem;min-width:800px}.job-configs-table th,.job-configs-table td,.instances-table th,.instances-table td{padding:.5rem}.table-container:after{content:"← Swipe to see more →";display:block;text-align:center;padding:.5rem;font-size:.75rem;color:#666;background:linear-gradient(90deg,transparent,#1a1a1a 20%,#1a1a1a 80%,transparent)}}.worker-card.external{border-left:4px solid #8b5cf6}.worker-card.external .worker-header{background:linear-gradient(135deg,rgba(139,92,246,.08) 0%,transparent 50%)}.external-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;margin-left:8px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border-radius:4px}.source-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.3);border-radius:6px;margin-right:12px}.execution-list{max-width:1400px;margin:0 auto}.page-header{margin-bottom:1rem}.page-header h1{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.search-section{margin-bottom:1.5rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm)}.search-box{position:relative;width:100%;max-width:600px}.search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:.9375rem;transition:all .2s}.search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #646cff1a}.clear-search-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.occurrence-table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.loading,.error,.empty-state{text-align:center;padding:3rem;font-size:1.1rem}.error{color:#d32f2f}@media (max-width: 768px){.search-section{padding:1rem}.search-box{max-width:100%}.page-header h1{font-size:1.5rem}}.tags-page{max-width:1400px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.subtitle{color:var(--text-muted);margin:0;font-size:1rem}.tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.tag-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s;font-size:1.1rem;font-weight:500;color:var(--text-primary);text-align:left}.tag-card:hover{background:linear-gradient(135deg,#646cff,#535bf2);border-color:#646cff;transform:translateY(-4px);box-shadow:0 8px 20px #646cff66;color:#fff}.tag-icon{font-size:1.8rem;flex-shrink:0}.tag-name{font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading,.error,.empty-state{text-align:center;padding:4rem 2rem;font-size:1.1rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color)}.empty-state{color:var(--text-muted)}@media (max-width: 768px){.tags-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.tag-card{padding:1.25rem}}.db-stats-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);grid-column:1 / -1}.db-stats-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.db-stats-card .card-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.db-stats-card .refresh-btn-small{background:transparent;border:1px solid var(--border-color);border-radius:6px;padding:.5rem;cursor:pointer;color:var(--text-muted);transition:all .2s;display:flex;align-items:center;justify-content:center}.db-stats-card .refresh-btn-small:hover{background:#646cff1a;border-color:#646cff;color:#646cff}.db-stats-card .card-content{padding:1.5rem}.loading-spinner,.error-message{padding:2rem;text-align:center;color:#999}.error-message{color:#f44336}.db-stat-summary{margin-bottom:2rem;padding:1.5rem;background:#646cff1a;border-radius:8px;border:1px solid rgba(100,108,255,.3)}.stat-item-large{display:flex;align-items:center;gap:1rem}.stat-icon-large{color:#646cff}.stat-value-large{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#999;font-weight:500}.db-section{margin-bottom:2rem}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.table-list{display:flex;flex-direction:column;gap:.75rem}.table-item{padding:.75rem;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color)}.table-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.table-name{font-weight:500;color:var(--text-primary);font-family:Courier New,monospace;font-size:.875rem}.table-size{font-size:.875rem;color:#999}.progress-bar{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#646cff,#747bff);border-radius:3px;transition:width .3s ease}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap}.badge-success{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.badge-error{background:#f4433626;color:#f44336;border:1px solid rgba(244,67,54,.3)}.badge-warning{background:#ff980026;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.badge-info{background:#2196f326;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.badge-secondary{background:#9e9e9e26;color:#9e9e9e;border:1px solid rgba(158,158,158,.3)}.cache-stats{padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.cache-metric-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.cache-metric{padding:.75rem;background:var(--bg-card);border-radius:6px;border:1px solid var(--border-color)}.metric-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem;font-weight:500}.metric-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.progress-success{background:linear-gradient(90deg,#4caf50,#66bb6a)}.progress-info{background:linear-gradient(90deg,#2196f3,#42a5f5)}.progress-warning{background:linear-gradient(90deg,#ff9800,#ffa726)}.cache-details{display:flex;gap:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color);margin-top:1rem}.detail-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.index-list{display:flex;flex-direction:column;gap:.75rem}.index-item{padding:.75rem;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color)}.index-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.index-name{font-weight:500;color:var(--text-primary);font-family:Courier New,monospace;font-size:.875rem}.index-name-small{color:var(--text-muted);font-size:.75rem}.index-stats-row{display:flex;gap:1rem;flex-wrap:wrap}.index-stat{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-secondary)}.bloat-list{display:flex;flex-direction:column;gap:.75rem}.bloat-item{padding:.75rem;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color)}.bloat-item.bloat-critical{border-left:3px solid #f44336;background:#f443360d}.bloat-item.bloat-warning{border-left:3px solid #ff9800;background:#ff98000d}.bloat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.bloat-table-name{font-weight:500;color:var(--text-primary);font-family:Courier New,monospace;font-size:.875rem}.bloat-stats-row{display:flex;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.bloat-stat{display:flex;align-items:center;gap:.25rem;font-size:.75rem}.bloat-stat .label{color:var(--text-muted)}.bloat-stat .value{color:var(--text-primary);font-weight:600}.bloat-meta{display:flex;gap:1rem;padding-top:.5rem;border-top:1px solid var(--border-color);flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--text-muted)}.recommendation-box{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#646cff1a;border:1px solid rgba(100,108,255,.3);border-radius:6px;font-size:.875rem;color:var(--text-secondary);margin-top:1rem}.recommendation-urgent{background:#f443361a;border-color:#f443364d;color:#f44336}@media (max-width: 768px){.db-stats-card .card-header,.db-stats-card .card-content{padding:1rem}.stat-value-large{font-size:1.5rem}.table-info,.bloat-header,.index-header{flex-direction:column;align-items:flex-start;gap:.25rem}.occ-sizes{flex-direction:column;gap:.25rem}}.service-memory-stats{grid-column:1 / -1}.service-memory-stats .card-header{display:flex;justify-content:space-between;align-items:center}.service-memory-stats .header-actions{display:flex;gap:.5rem}.service-memory-stats .refresh-btn-small{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:transparent;color:var(--text-muted);border:1px solid var(--border-color);border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.service-memory-stats .refresh-btn-small:hover{background:var(--bg-hover);border-color:var(--accent-color);color:var(--accent-color)}.memory-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.memory-stat-box{text-align:center;padding:1.25rem 1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s}.memory-stat-box:hover{border-color:var(--accent-color);transform:translateY(-2px)}.memory-stat-box.warning{border-color:#ff980080;background:#ff98000d}.memory-stat-box.error{border-color:#f4433680;background:#f443360d}.memory-stat-value{display:block;font-size:1.75rem;font-weight:700;margin-bottom:.25rem;line-height:1.2}.memory-stat-value.primary{color:#646cff}.memory-stat-value.success{color:#4caf50}.memory-stat-value.warning{color:#ff9800}.memory-stat-value.error{color:#f44336}.memory-stat-value.info{color:#2196f3}.memory-stat-value.secondary{color:#999}.memory-stat-label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.section-title{font-size:1rem;font-weight:600;margin:1.5rem 0 1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.section-title:before{content:"";display:inline-block;width:4px;height:16px;background:linear-gradient(135deg,#646cff,#535bf2);border-radius:2px}.service-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1rem}.service-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;transition:all .2s}.service-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.service-card.has-leak{border-color:#f4433680;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(244,67,54,.05) 100%)}.service-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.service-card-title{display:flex;align-items:center;gap:.5rem}.service-card-title h4{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary)}.service-status{display:flex;align-items:center;gap:.5rem}.status-dot{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}.status-dot.running{background-color:#4caf50;box-shadow:0 0 8px #4caf5080}.status-dot.stopped{background-color:#999;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.service-card-body{padding:1rem 1.25rem}.service-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.service-stat-item{display:flex;flex-direction:column;padding:.75rem;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color)}.service-stat-item.full-width{grid-column:1 / -1}.service-stat-item .stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.service-stat-item .stat-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.service-stat-item .stat-value.growth-positive{color:#f44336}.service-stat-item .stat-value.growth-negative{color:#4caf50}.service-stat-item .stat-value.growth-neutral{color:#999}.memory-bar-container{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.memory-bar-label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.memory-bar{height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;position:relative}.memory-bar-fill{height:100%;border-radius:4px;transition:width .5s ease;background:linear-gradient(90deg,#4caf50,#8bc34a)}.memory-bar-fill.warning{background:linear-gradient(90deg,#ff9800,#ffc107)}.memory-bar-fill.error{background:linear-gradient(90deg,#f44336,#e91e63)}.gc-stats{margin-top:1rem;padding:.75rem;background:#646cff0d;border:1px solid rgba(100,108,255,.1);border-radius:6px}.gc-stats-title{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.gc-stats-row{display:flex;justify-content:space-between;gap:1rem}.gc-stat{text-align:center;flex:1}.gc-stat-value{font-size:1.1rem;font-weight:600;color:#646cff}.gc-stat-label{font-size:.65rem;color:#999;text-transform:uppercase}.leak-warning{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:6px;color:#f44336;font-size:.8rem;font-weight:500}.memory-stats-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:#999;gap:.75rem}.memory-stats-loading .spinner{width:24px;height:24px;border:3px solid #333;border-top-color:#646cff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.memory-stats-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#999;text-align:center}.memory-stats-empty .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.memory-stats-timestamp{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:1rem;font-size:.75rem;color:#666}@media (prefers-color-scheme: light){.memory-stat-box{background-color:#fff;border-color:#ddd}.memory-stat-box.warning{background:#ff98000d}.memory-stat-box.error{background:#f443360d}.service-card{background-color:#fff;border-color:#ddd}.service-card:hover{background-color:#fafafa}.service-card.has-leak{background:linear-gradient(135deg,#fff,#f443360d)}.service-card-header{background:#646cff05;border-bottom-color:#ddd}.service-card-title h4{color:#111}.service-stat-item{background:#00000005;border-color:#0000000d}.service-stat-item .stat-value{color:#111}.memory-bar{background:#e0e0e0}.gc-stats{background:#646cff08;border-color:#646cff1a}.section-title{color:#111}.service-memory-stats .refresh-btn-small{background:#fff;border-color:#ddd}.service-memory-stats .refresh-btn-small:hover{background:#646cff0d}.memory-bar-container{border-top-color:#ddd}}@media (max-width: 768px){.memory-overview{grid-template-columns:repeat(2,1fr)}.service-cards-grid{grid-template-columns:1fr}.memory-stat-value{font-size:1.5rem}}.admin-dashboard{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem;flex-wrap:wrap}.page-header h1{margin:0;font-size:2rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.header-title{display:inline-flex;align-items:center;gap:.5rem}.header-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#646cff,#535bf2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #646cff66}.auto-refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.auto-refresh-btn:hover{background-color:var(--bg-tertiary);border-color:var(--accent-color)}.auto-refresh-btn.active{background-color:#4caf501a;border-color:#4caf50;color:#4caf50}.alert{display:flex;gap:1rem;padding:1.5rem;border-radius:12px;margin-bottom:2rem;border-left:4px solid;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a;text-align:left}.alert-warning{border-left-color:#ff9800;border-color:#ff98004d;background:#ff98001a}.alert-warning strong{color:#ffa726}.alert-warning p{color:#ffb74d}.alert-error{border-left-color:#f44336;border-color:#f443364d;background:#f443361a}.alert-error strong{color:#ef5350}.alert-error p{color:#e57373}.alert strong{display:block;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.alert p{margin:.25rem 0 0;line-height:1.5}.alert .material-symbols-outlined{flex-shrink:0;font-size:24px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem}.dashboard-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s}.dashboard-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dashboard-card.queue-health{grid-column:1 / -1}.card-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.card-header h3{margin:0;font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.status-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:.75rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s}.status-item:hover{border-color:var(--accent-color)}.status-label{color:var(--text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.status-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.circuit-breaker .circuit-status{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.circuit-breaker .circuit-state-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s;text-align:center}.circuit-breaker .circuit-state-item:hover{border-color:var(--accent-color);transform:translateY(-2px)}.circuit-breaker .circuit-state-item .status-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.circuit-breaker .circuit-message{padding:1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem}.circuit-breaker .circuit-message p{margin:0;color:var(--text-primary);font-size:.9rem;line-height:1.5}.circuit-breaker .stats-grid{margin-bottom:0;grid-template-columns:repeat(2,1fr)}.circuit-breaker .stat-box{padding:1rem;min-height:90px;display:flex;flex-direction:column;justify-content:center;align-items:center}.circuit-breaker .stat-value{font-size:1.75rem;line-height:1.2;word-break:break-word;text-align:center}.circuit-breaker .stat-label{font-size:.75rem;margin-top:.25rem;text-align:center}.badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:.25rem}.badge-success{background-color:#4caf5033;color:#4caf50}.badge-error{background-color:#f4433633;color:#f44336}.badge-warning{background-color:#ff980033;color:#ff9800}.badge-default{background-color:#9e9e9e33;color:#999}.control-buttons{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.btn{padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s;width:100%;justify-content:center;font-size:1rem}.btn-error{background:linear-gradient(135deg,#f44336,#e91e63);color:#fff}.btn-error:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f4433666}.btn-success{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.stat-box{text-align:center;padding:1.5rem 1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s}.stat-box:hover{border-color:var(--accent-color);transform:translateY(-2px)}.stat-value{display:block;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;line-height:1}.stat-value.primary{color:var(--accent-color)}.stat-value.success{color:#4caf50}.stat-value.secondary{color:var(--text-muted)}.stat-value.info{color:#2196f3}.stat-value.warning{color:#ff9800}.stat-value.error{color:#f44336}.stat-label{display:block;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.queue-table{width:100%}.queue-table-header,.queue-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr;gap:1rem;padding:1rem 1.5rem;align-items:center}.queue-table-header{background-color:var(--bg-secondary);border-radius:8px;font-weight:600;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.queue-table-row{border:1px solid var(--border-color);border-radius:8px;margin-bottom:.5rem;transition:all .2s;color:var(--text-primary)}.queue-table-row:hover{border-color:var(--accent-color);background-color:var(--bg-hover);transform:translate(4px)}.queue-col-messages,.queue-col-consumers,.queue-col-health{text-align:center}.queue-col-capacity{display:flex;align-items:center;gap:.75rem}.capacity-bar-container{flex:1;height:10px;background-color:var(--bg-secondary);border-radius:5px;overflow:hidden;border:1px solid var(--border-color)}.capacity-bar{height:100%;transition:width .5s ease;border-radius:5px}.capacity-success{background:linear-gradient(90deg,#4caf50,#8bc34a)}.capacity-warning{background:linear-gradient(90deg,#ff9800,#ffc107)}.capacity-error{background:linear-gradient(90deg,#f44336,#e91e63)}.capacity-text{font-size:.85rem;color:var(--text-muted);min-width:45px;text-align:right;font-weight:600}.text-error{color:#f44336;font-weight:700}.text-warning{color:#ff9800;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;max-width:540px;width:90%;max-height:90vh;overflow:auto;box-shadow:var(--shadow-lg)}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.3rem;display:flex;align-items:center;gap:.5rem;color:#f44336;font-weight:600}.modal-close{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--text-muted);transition:all .2s;border-radius:4px}.modal-close:hover{color:var(--text-primary);background:var(--bg-hover)}.modal-content{padding:1.5rem}.modal-footer{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end}.modal-footer .btn{width:auto;min-width:120px}.form-group{margin-top:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:.9rem;background:var(--bg-secondary);color:var(--text-primary);resize:vertical;transition:all .2s}.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #646cff1a}.form-group textarea::placeholder{color:var(--text-muted)}.loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.2rem;color:var(--text-muted)}@media (max-width: 768px){.admin-dashboard{padding:0}.dashboard-hero{padding:1.5rem;margin-bottom:1.5rem}.hero-content h1{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-meta{flex-wrap:wrap}.icon-button,.toggle-button{font-size:.85rem}.dashboard-grid{padding:0 1rem;grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.page-header h1{font-size:1.75rem}.header-actions{width:100%;flex-direction:column}.refresh-btn,.auto-refresh-btn{width:100%;justify-content:center}.stats-grid,.circuit-breaker .stats-grid{grid-template-columns:repeat(2,1fr)}.circuit-breaker .circuit-status{grid-template-columns:1fr}.circuit-breaker .stat-value{font-size:1.5rem}.queue-table-header,.queue-table-row{grid-template-columns:1fr;gap:.5rem}.queue-table-header{display:none}.queue-table-row{padding:1rem}.queue-col-name:before,.queue-col-messages:before,.queue-col-consumers:before,.queue-col-health:before,.queue-col-capacity:before{content:attr(data-label);font-weight:600;color:#999;margin-right:.5rem;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.queue-col-messages,.queue-col-consumers,.queue-col-health{text-align:left}.queue-col-capacity{grid-column:1 / -1}.modal{width:95%;max-height:95vh}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}@media (prefers-color-scheme: light){.admin-dashboard{background-color:#f4f4f9}.page-header h1{color:#111}.refresh-btn{background:linear-gradient(135deg,#646cff,#535bf2);color:#fff}.auto-refresh-btn{background-color:#fff;color:#213547;border:1px solid #ddd}.auto-refresh-btn:hover{background-color:#f0f0f0;border-color:#646cff}.auto-refresh-btn.active{background-color:#4caf501a;border-color:#4caf50;color:#4caf50}.alert{background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 8px #00000014}.alert-warning{border-left-color:#ff9800;border-color:#ff98004d;background:linear-gradient(135deg,#fff9f0,#fffaf5)}.alert-warning strong{color:#e65100}.alert-warning p{color:#f57c00}.alert-error{border-left-color:#f44336;border-color:#f443364d;background:linear-gradient(135deg,#fff5f5,#ffebee)}.alert-error strong{color:#c62828}.alert-error p{color:#d32f2f}.dashboard-card{background:linear-gradient(135deg,#fff,#f3f4f6);border:1px solid #ddd}.card-header{border-bottom:1px solid #ddd}.card-header h3{color:#111}.status-item{background-color:#fff;border:1px solid #ddd}.status-item:hover{border-color:#646cff}.stat-box{background-color:#fff;border:1px solid #ddd}.queue-table-header{background-color:#fff}.queue-table-row{border:1px solid #ddd;background:#fff}.queue-table-row:hover{background-color:#646cff0d}.capacity-bar-container{background-color:#f0f0f0;border:1px solid #ddd}.modal{background:linear-gradient(135deg,#fff,#f3f4f6);border:1px solid #ddd}.modal-header{border-bottom:1px solid #ddd}.modal-header h3{color:#f44336}.modal-close{color:#666}.modal-close:hover{color:#111;background:#0000000d}.modal-footer{border-top:1px solid #ddd}.form-group label{color:#111}.form-group textarea{background:#fff;border:1px solid #ddd;color:#111}.form-group textarea:focus{border-color:#646cff}.form-group textarea::placeholder{color:#999}.btn-secondary{background:#f0f0f0;color:#111;border:1px solid #ddd}.btn-secondary:hover{background:#e0e0e0}.circuit-breaker .circuit-state-item{background-color:#fff;border:1px solid #ddd}.circuit-breaker .circuit-state-item:hover{border-color:#646cff}.circuit-breaker .circuit-message{background-color:#fff;border:1px solid #ddd}.circuit-breaker .circuit-message p{color:#111}.circuit-breaker .stat-box{background-color:#fff;border:1px solid #ddd}}.configuration{max-width:1400px;margin:0 auto}.configuration-header{margin-bottom:2rem}.configuration-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.configuration-subtitle{color:var(--text-muted);font-size:1rem;margin:0}.config-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin-bottom:2rem}.config-section h2{font-size:1.3rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.config-section h3{font-size:1.1rem;font-weight:600;margin:2rem 0 1rem;color:var(--text-primary)}.section-description{color:var(--text-muted);font-size:.9rem;margin:-.5rem 0 1.5rem;line-height:1.5}.config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.config-item{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s;align-items:flex-start}.config-item:hover{border-color:var(--accent-color);background-color:var(--bg-hover)}.config-label{font-size:.8rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.config-value{font-size:1.05rem;font-weight:500;color:var(--text-primary);word-break:break-word}.config-value.code{font-family:Courier New,monospace;font-size:.9rem;background-color:#646cff26;padding:.4rem .6rem;border-radius:6px;border:1px solid rgba(100,108,255,.3)}.config-value.badge{display:inline-flex;align-items:center;justify-content:flex-start;gap:.4rem;padding:.5rem .9rem;border-radius:16px;font-size:.85rem;font-weight:600;width:fit-content;border:2px solid;line-height:1.2;vertical-align:middle}.config-header-title{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem}.config-value.badge.production{background-color:#f4433633;color:#f44336;border-color:#f4433666}.config-value.badge.development{background-color:#2196f333;color:#2196f3;border-color:#2196f366}.config-value.badge.enabled{background-color:#4caf5033;color:#4caf50;border-color:#4caf5066}.config-value.badge.disabled{background-color:#9e9e9e33;color:#9e9e9e;border-color:#9e9e9e66}.info-box{display:flex;gap:1rem;margin-top:1.5rem;padding:1.25rem;background-color:#2196f31a;border:1px solid rgba(33,150,243,.3);border-radius:8px;border-left:4px solid #2196f3}.info-box>.material-symbols-outlined,.info-box>span:first-child{color:#2196f3;flex-shrink:0}.info-content{flex:1;text-align:left}.info-content strong{display:block;margin-bottom:.5rem;color:var(--text-primary)}.info-content ul{margin:0;padding-left:1.25rem;color:var(--text-muted);font-size:.9rem;line-height:1.6}.info-content li{margin-bottom:.25rem}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.resource-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s}.resource-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-color)}.resource-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.resource-icon{font-size:2rem}.resource-title{font-size:1.2rem;font-weight:600;color:var(--text-primary)}.resource-value{font-size:2.5rem;font-weight:700;color:var(--accent-color);text-align:center;line-height:1}.resource-bar{width:100%;height:10px;background-color:var(--bg-tertiary);border-radius:6px;overflow:hidden}.resource-bar-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:6px}.resource-bar-fill.low{background:linear-gradient(90deg,#4caf50,#66bb6a);box-shadow:0 2px 8px #4caf5066}.resource-bar-fill.medium{background:linear-gradient(90deg,#ff9800,#ffa726);box-shadow:0 2px 8px #ff980066}.resource-bar-fill.high{background:linear-gradient(90deg,#f44336,#e57373);box-shadow:0 2px 8px #f4433666}.resource-detail{font-size:.9rem;color:var(--text-muted);text-align:center;font-weight:500}.resource-label{font-size:.75rem;color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.loading,.error{text-align:center;padding:4rem 2rem;font-size:1.1rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color)}@media (max-width: 768px){.config-grid,.resource-grid{grid-template-columns:1fr}.config-section{padding:1.5rem}.info-box{flex-direction:column}}.failed-job-list{padding:2rem;max-width:1600px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-content h1{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.bulk-actions{display:flex;gap:.75rem;align-items:center}.bulk-resolve-btn{padding:.625rem 1rem;border-radius:8px;border:1px solid #4caf50;background-color:#4caf501a;color:#4caf50;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.bulk-resolve-btn:hover{background-color:#4caf5033;transform:translateY(-1px);box-shadow:0 4px 8px #4caf5033}.bulk-resolve-btn:active{transform:translateY(0)}.bulk-delete-btn{padding:.625rem 1rem;border-radius:8px;border:1px solid #f44336;background-color:#f443361a;color:#f44336;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.bulk-delete-btn:hover{background-color:#f4433633;transform:translateY(-1px);box-shadow:0 4px 8px #f4433633}.bulk-delete-btn:active{transform:translateY(0)}.statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;border:1px solid var(--border-color)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-card.total .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.unresolved .stat-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card.resolved .stat-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-content{flex:1}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--text-muted);font-weight:500}.filters-section{background:var(--bg-card);border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.search-box{position:relative;flex:1;min-width:200px}.search-input{width:100%;padding:.625rem 2.5rem .625rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;transition:border-color .2s;background:var(--bg-secondary);color:var(--text-primary)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--accent-color)}.clear-search-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.clear-search-btn:hover{color:var(--text-secondary)}.filter-buttons{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent-color) var(--bg-secondary)}.filter-buttons::-webkit-scrollbar{height:6px}.filter-buttons::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.filter-buttons::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:3px}.filter-buttons::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.filter-btn{flex-shrink:0;padding:.625rem 1rem;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);white-space:nowrap}.filter-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.filter-btn.active{background:#646cff33;color:#646cff;border-color:#646cff}.filter-select{display:flex;align-items:center;gap:.5rem}.filter-select label{font-size:.875rem;font-weight:500;color:var(--text-muted)}.failure-type-select{padding:.625rem 2rem .625rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;background:var(--bg-secondary);cursor:pointer;min-width:200px;color:var(--text-primary)}.failure-type-select:focus{outline:none;border-color:var(--accent-color)}.failed-jobs-table-container{background:var(--bg-card);border-radius:12px;overflow-x:auto;overflow-y:hidden;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;border:1px solid var(--border-color);scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.failed-jobs-table-container::-webkit-scrollbar{height:8px}.failed-jobs-table-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.failed-jobs-table-container::-webkit-scrollbar-thumb{background:#646cff;border-radius:4px}.failed-jobs-table-container::-webkit-scrollbar-thumb:hover{background:#747bff}.failed-jobs-table{width:100%;border-collapse:collapse;min-width:800px}.failed-jobs-table thead{background:var(--bg-tertiary)}.failed-jobs-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);white-space:nowrap}.failed-jobs-table th.checkbox-column,.failed-jobs-table td.checkbox-column{width:50px;text-align:center}.failed-jobs-table td.checkbox-column input[type=checkbox],.failed-jobs-table th.checkbox-column input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:#646cff}.failed-jobs-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .15s;cursor:pointer}.failed-jobs-table tbody tr:hover{background-color:var(--bg-hover)}.failed-jobs-table tbody tr.resolved-row{opacity:.6}.failed-jobs-table tbody tr.resolved-row:hover{opacity:.75}.failed-jobs-table td{padding:1rem;font-size:.9375rem;white-space:nowrap}@media (max-width: 768px){.failed-jobs-table-container{margin-left:-1rem;margin-right:-1rem;border-radius:0;border-left:none;border-right:none}.failed-jobs-table{min-width:1000px}.failed-jobs-table th,.failed-jobs-table td{padding:.75rem .5rem}.failed-jobs-table-container:after{content:"← Swipe to see more →";display:block;text-align:center;padding:.5rem;font-size:.75rem;color:var(--text-muted);background:var(--bg-card)}}.action-buttons{display:flex;gap:.5rem}.action-btn{padding:.5rem;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit}.action-btn.view{color:#646cff}.action-btn.view:hover{background:#646cff26}.action-btn.resolve{color:#4caf50}.action-btn.resolve:hover{background:#4caf5026}.action-btn.delete{color:#f44336}.action-btn.delete:hover{background:#f4433626}.resolve-form{display:flex;flex-direction:column;gap:1rem}.resolve-form .form-group{display:flex;flex-direction:column;gap:.5rem}.resolve-form label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.resolve-form .form-control{padding:.625rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;font-family:inherit;background:var(--bg-secondary);color:var(--text-primary)}.resolve-form .form-control::placeholder{color:var(--text-muted)}.resolve-form .form-control:focus{outline:none;border-color:#646cff}.resolve-form textarea.form-control{resize:vertical;min-height:100px}.resolve-form .bulk-info{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#646cff1a;border:1px solid rgba(100,108,255,.3);border-radius:6px;font-size:.875rem;color:#646cff}.empty-state-card{background:var(--bg-card);border-radius:12px;padding:3rem 2rem;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.empty-icon{color:var(--text-muted);margin-bottom:1.5rem}.empty-state-card h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.empty-state-card p{font-size:1rem;color:var(--text-muted);margin-bottom:1.5rem}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);gap:1rem}.pagination{display:flex;gap:.5rem;align-items:center}.pagination .btn{padding:.5rem .75rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .2s;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;min-width:36px;max-width:20px}.pagination .btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color);background:var(--bg-hover)}.pagination .btn:disabled{opacity:.3;cursor:not-allowed}.pagination .btn.btn-primary{background:#646cff33;color:#646cff;border-color:#646cff}.pagination .btn-sm{padding:.375rem .625rem;font-size:.8125rem}.page-ellipsis{color:var(--text-muted);font-size:.875rem;padding:0 .25rem}.page-info{font-size:.875rem;color:var(--text-muted);margin-left:1rem;white-space:nowrap}.page-size-selector{display:flex;align-items:center;gap:.5rem}.page-size-selector label{font-size:.875rem;color:var(--text-muted);white-space:nowrap}.page-size-select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;cursor:pointer;background:var(--bg-secondary);color:var(--text-primary)}.page-size-select:focus{outline:none;border-color:var(--accent-color)}@media (max-width: 1024px){.pagination-container{flex-direction:column;align-items:stretch}.pagination{justify-content:center;flex-wrap:wrap}.page-info{text-align:center;margin-left:0;margin-top:.5rem}.page-size-selector{justify-content:center}}@media (max-width: 640px){.pagination .btn{min-width:32px;padding:.375rem .5rem;font-size:.8125rem}.page-info{font-size:.8125rem}}.loading,.error{padding:3rem;text-align:center;font-size:1.125rem;color:#999}.error{color:#f44336}.failure-type-badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;white-space:nowrap}.failed-job-detail{padding:2rem;max-width:1400px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;color:var(--text-muted)}.breadcrumb-link{display:flex;align-items:center;gap:.375rem;text-decoration:none;color:#667eea;font-weight:500;transition:color .2s}.breadcrumb-link:hover{color:#5568d3}.detail-header{background:var(--bg-card);border-radius:12px;padding:1.5rem 2rem;margin-bottom:2rem;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color)}.header-left{display:flex;align-items:center;gap:1rem}.header-left .back-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--bg-secondary);color:var(--text-muted);text-decoration:none;transition:all .2s ease;border:1px solid var(--border-color);flex-shrink:0}.header-left .back-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-color)}.header-left .header-info{display:flex;align-items:center;gap:1rem}.header-left h1{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.header-left .status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:24px;font-size:.875rem;font-weight:500}.header-left .status-badge.resolved{background:#4caf5033;color:#4caf50;border:2px solid rgba(76,175,80,.4)}.header-left .status-badge.unresolved{background:#ff980033;color:#ff9800;border:2px solid rgba(255,152,0,.4)}.header-actions{display:flex;gap:1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-success{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.btn-danger{background-color:var(--bg-tertiary);color:#f44336;border:1px solid var(--border-color)}.btn-danger:hover{background-color:#f443361a;border-color:#f44336;transform:translateY(-2px)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.detail-card{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--border-color)}.detail-card.full-width{grid-column:1 / -1}.card-header{background:var(--bg-tertiary);padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-start;gap:.75rem}.card-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.card-content{padding:1.5rem}.info-row{display:flex;align-items:center;padding:.875rem 0;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none}.info-row.full-width{flex-direction:column;gap:.5rem}.info-row .label{flex:0 0 180px;font-size:.875rem;font-weight:600;color:var(--text-muted);text-align:left}.info-row .value{flex:1;font-size:.9375rem;color:var(--text-primary);text-align:left}.info-row .value code{font-family:Courier New,monospace;font-size:.875rem;padding:.25rem .5rem;background:#646cff1a;border-radius:4px;color:var(--text-primary);border:1px solid var(--border-color)}.job-link{display:inline-flex;align-items:center;gap:.375rem;text-decoration:none;color:#646cff;font-weight:500;transition:color .2s}.job-link:hover{color:#535bf2}.info-row .failure-type-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;border:1.5px solid;background:var(--bg-secondary)}.exception-content{background:var(--bg-secondary);border-radius:8px;padding:1rem;overflow-x:auto;border:1px solid var(--border-color)}.exception-content pre{margin:0;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;color:#f44336;white-space:pre-wrap;word-wrap:break-word}.json-content{background:var(--bg-secondary);border-radius:8px;padding:1rem;overflow-x:auto;border:1px solid var(--border-color)}.json-content pre{margin:0;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;color:var(--text-secondary)}.resolution-card{border:2px solid rgba(76,175,80,.6);background:var(--bg-card)}.resolution-card .card-header{background:#4caf501a;color:#4caf50;border-bottom:1px solid rgba(76,175,80,.3)}.resolution-action{display:inline-block;padding:.375rem .875rem;background:#4caf5033;color:#4caf50;border-radius:6px;font-weight:500;border:1px solid rgba(76,175,80,.4)}.resolution-notes{background:var(--bg-secondary);border-radius:8px;padding:1rem;border:1px solid var(--border-color)}.resolution-notes p{margin:0;display:flex;align-items:flex-end;color:var(--text-primary)}.resolve-form{padding:1rem 0}.resolve-form .form-group{margin-bottom:1.5rem}.resolve-form .form-group:last-child{margin-bottom:0}.resolve-form label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-primary);font-size:.9rem}.resolve-form .form-control{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:all .2s}.resolve-form textarea.form-control{min-height:120px;resize:vertical}.resolve-form .form-control:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #646cff1a}.resolve-form .form-control::placeholder{color:var(--text-muted);opacity:.6}@media (max-width: 968px){.detail-grid{grid-template-columns:1fr}.detail-card.full-width{grid-column:1}.detail-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;justify-content:flex-end}}.loading,.error{padding:3rem;text-align:center;font-size:1.125rem;color:#a0aec0}.error{color:#fc8181}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: #242424;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--bg-hover: rgba(100, 108, 255, .05);--bg-card: #1a1a1a;--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .7);--text-muted: #999;--border-color: #333;--border-light: #444;--accent-color: #646cff;--accent-hover: #535bf2;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #3b82f6;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .5);color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary)}[data-theme=dark]{--bg-primary: #242424;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--bg-hover: rgba(100, 108, 255, .05);--bg-card: #1a1a1a;--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .7);--text-muted: #999;--border-color: #333;--border-light: #444;--accent-color: #646cff;--accent-hover: #535bf2;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .5);color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary)}[data-theme=light]{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-tertiary: #f0f0f0;--bg-hover: rgba(100, 108, 255, .05);--bg-card: #ffffff;--text-primary: #213547;--text-secondary: #4a5568;--text-muted: #666;--border-color: #ddd;--border-light: #e0e0e0;--accent-color: #646cff;--accent-hover: #535bf2;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .2);color-scheme:light;color:var(--text-primary);background-color:var(--bg-primary)}:root{--theme-toggle-x: 50vw;--theme-toggle-y: 50vh;--theme-toggle-r: 100vmax}::view-transition-old(root){animation:none;z-index:1}::view-transition-new(root){animation:theme-reveal .5s ease-out forwards;z-index:9999}@keyframes theme-reveal{0%{clip-path:circle(0px at var(--theme-toggle-x) var(--theme-toggle-y))}to{clip-path:circle(var(--theme-toggle-r) at var(--theme-toggle-x) var(--theme-toggle-y))}}@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#root{width:100%;max-width:100%;margin:0 auto;text-align:center;overflow-x:hidden}a{font-weight:500;color:var(--accent-color);text-decoration:inherit}a:hover{color:var(--accent-hover)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:border-color .25s,background-color .3s,color .3s}button:hover{border-color:var(--accent-color);background-color:var(--bg-tertiary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,textarea,select{border-radius:4px;border:1px solid var(--border-color);padding:.5em;font-size:1em;font-family:inherit;background-color:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s,color .3s,border-color .3s}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-color);border-color:var(--accent-color)}table{width:100%;border-collapse:collapse;margin-top:1rem}table th,table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}table th{background-color:var(--bg-secondary);font-weight:600}table tr:hover{background-color:var(--bg-tertiary)}