@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--primary-50: #f0f4ff;--primary-100: #e0eaff;--primary-500: #6366f1;--primary-600: #5145e6;--primary-700: #4338ca;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #16a34a;--success-light: #dcfce7;--warning: #f59e0b;--warning-light: #fef3c7;--error: #dc2626;--error-light: #fef2f2;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 0.125rem;--radius-md: 0.375rem;--radius-lg: 0.5rem;--radius-xl: 0.75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-medium: 300ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1)}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--gray-900);background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4);max-width:1280px}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.professional-header{position:sticky;top:0;z-index:1000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-glass{background:hsla(0,0%,100%,.95);border-bottom:1px solid hsla(0,0%,100%,.2);box-shadow:0 1px 3px rgba(0,0,0,.1);padding:var(--space-4) 0}.brand-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;transition:all var(--transition-normal)}.logo-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg, var(--primary-500), var(--primary-700));border-radius:var(--radius-lg);color:#fff;font-size:20px;transition:all var(--transition-normal)}.brand-logo:hover .logo-icon{transform:scale(1.1) rotate(5deg)}.brand-main{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--gray-900)}.brand-sub{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em}.main-navigation .nav-links{display:flex;align-items:center;gap:var(--space-2);list-style:none}.nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);text-decoration:none;color:var(--gray-700);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-normal)}.nav-link:hover,.nav-link.active{background:var(--primary-50);color:var(--primary-700);transform:translateY(-1px)}.nav-link i{font-size:16px;transition:all var(--transition-normal)}.nav-link:hover i{transform:scale(1.1);color:var(--primary-500)}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;padding:var(--space-3);background:rgba(0,0,0,0);border:none;cursor:pointer}.hamburger-line{width:24px;height:2px;background:var(--gray-700);border-radius:var(--radius-full);transition:all var(--transition-fast)}@media(max-width: 1024px){.main-navigation .nav-links{display:none}.mobile-menu-toggle{display:flex}}.dashboard-container{padding:var(--space-8)}.heading-2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-8)}.text-gradient{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.card-list{display:grid;gap:var(--space-6)}.grid-4{grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))}.dashboard-stat-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);transition:all var(--transition-normal);position:relative;overflow:hidden;text-decoration:none;color:inherit}.dashboard-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);text-decoration:none;color:inherit}.dashboard-stat-card::after{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--primary-500)}.dashboard-stat-card.success::after{background:var(--success)}.dashboard-stat-card.warning::after{background:var(--warning)}.dashboard-stat-card.error::after{background:var(--error)}.card-content{position:relative;z-index:1}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-icon{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--primary-100);color:var(--primary-600);transition:all var(--transition-normal)}.dashboard-stat-card:hover .card-icon{transform:scale(1.1) rotate(5deg);background:var(--primary-200)}.card-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--gray-900);margin-bottom:var(--space-2);line-height:1}.card-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-600);margin-bottom:var(--space-3)}.card-trend{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.card-trend.positive{color:var(--success)}.card-trend.negative{color:var(--error)}.card-trend.neutral{color:var(--gray-500)}.trend-icon{font-size:12px}.form-container{max-width:600px;margin:0 auto;padding:var(--space-8);background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--gray-200)}.form-header{text-align:center;margin-bottom:var(--space-8)}.form-header h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);color:var(--gray-900)}.form-header p{color:var(--gray-600)}.form-grid{display:grid;gap:var(--space-6)}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-field.full-width{grid-column:1/-1}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-700);display:flex;align-items:center;gap:var(--space-2)}.input-with-icon{position:relative}.input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:16px;pointer-events:none;transition:color var(--transition-fast)}.input-with-icon .form-input{padding-left:var(--space-12)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--gray-50);transition:all var(--transition-normal)}.form-input:focus{outline:none;background:#fff;border-color:var(--primary-500);box-shadow:0 0 0 4px rgba(99,102,241,.1);transform:translateY(-1px)}.form-input:focus+.input-icon{color:var(--primary-500)}.form-checkbox{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.form-checkbox input[type=checkbox]{appearance:none;width:20px;height:20px;border:2px solid var(--gray-300);border-radius:var(--radius-sm);background:#fff;cursor:pointer;transition:all var(--transition-fast);position:relative;margin:0;flex-shrink:0}.form-checkbox input[type=checkbox]:checked{background:var(--primary-500);border-color:var(--primary-500)}.form-checkbox input[type=checkbox]:checked::after{content:"";position:absolute;top:50%;left:50%;width:6px;height:10px;border:2px solid #fff;border-top:0;border-left:0;transform:translate(-50%, -60%) rotate(45deg)}.checkbox-label span{font-size:var(--font-size-sm);color:var(--gray-700);line-height:var(--line-height-relaxed)}.form-hint{font-size:var(--font-size-xs);color:var(--gray-500);margin-top:var(--space-1)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-fast);min-height:44px;gap:var(--space-2)}.btn-primary{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;border:1px solid rgba(0,0,0,0)}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-600), var(--primary-700));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);min-height:52px}.btn-full{width:100%}.card-animate{opacity:0;animation:fadeInScale .5s ease-out forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@keyframes fadeInScale{from{opacity:0;transform:scale(0.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.notification{background:#fff;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-md);border-left:4px solid;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.notification-success{border-left-color:var(--success);color:var(--success)}.notification-error{border-left-color:var(--error);color:var(--error)}.notification-content{display:flex;align-items:center;gap:var(--space-2)}.py-responsive{padding-top:var(--space-4);padding-bottom:var(--space-4)}@media(min-width: 640px){.py-responsive{padding-top:var(--space-6);padding-bottom:var(--space-6)}}@media(min-width: 768px){.py-responsive{padding-top:var(--space-8);padding-bottom:var(--space-8)}}@media(max-width: 768px){.grid-4{grid-template-columns:1fr}.dashboard-container{padding:var(--space-4)}.heading-2{font-size:var(--font-size-2xl)}.form-container{padding:var(--space-6);margin:var(--space-4)}}.text-center{text-align:center}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.text-sm{font-size:var(--font-size-sm)}.text-4xl{font-size:var(--font-size-4xl)}.text-primary-500{color:var(--primary-500)}.text-primary-600{color:var(--primary-600)}.text-primary-700{color:var(--primary-700)}.text-gray-500{color:var(--gray-500)}.text-gray-700{color:var(--gray-700)}.font-medium{font-weight:var(--font-weight-medium)}.ml-1{margin-left:var(--space-1)}.hover\:text-primary-700:hover{color:var(--primary-700)}.hover\:text-gray-700:hover{color:var(--gray-700)}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.bg-gray-800{background-color:var(--gray-800)}.text-white{color:#fff}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.mt-12{margin-top:var(--space-12)}.flex{display:flex}.flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.justify-between{justify-content:space-between}.items-center{align-items:center}.mb-2{margin-bottom:var(--space-2)}.text-xl{font-size:var(--font-size-xl)}.font-bold{font-weight:var(--font-weight-bold)}.text-lg{font-size:var(--font-size-lg)}.font-semibold{font-weight:var(--font-weight-semibold)}.text-indigo-300{color:#a5b4fc}.text-gray-400{color:var(--gray-400)}@media(min-width: 768px){.md\:flex-row{flex-direction:row}.md\:mb-0{margin-bottom:0}}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width: 1024px){.dashboard-grid{grid-template-columns:2fr 1fr}}.card-modern{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);position:relative;overflow:hidden}.quick-actions-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);position:relative;overflow:hidden}.quick-actions-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, var(--primary-500), var(--success), var(--warning))}.quick-actions-card .card-header{margin-bottom:var(--space-6)}.heading-4{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-2)}.text-small{font-size:var(--font-size-sm);color:var(--gray-600)}.quick-actions-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width: 640px){.quick-actions-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1280px){.quick-actions-grid{grid-template-columns:repeat(3, 1fr)}}.action-button{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-xl);text-decoration:none;color:inherit;transition:all var(--transition-normal);position:relative;overflow:hidden}.action-button::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);transition:left var(--transition-slow)}.action-button:hover::before{left:100%}.action-button:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);text-decoration:none;color:inherit}.action-icon{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:20px;transition:all var(--transition-normal);flex-shrink:0}.action-content{flex:1;min-width:0}.action-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin-bottom:var(--space-1)}.action-description{font-size:var(--font-size-sm);color:var(--gray-600);line-height:var(--line-height-relaxed)}.action-arrow{font-size:14px;color:var(--gray-400);transition:all var(--transition-normal);flex-shrink:0}.action-button:hover .action-arrow{color:var(--gray-600);transform:translateX(4px)}.action-button:hover .action-icon{transform:scale(1.1) rotate(5deg)}.action-primary{border-color:var(--primary-200)}.action-primary:hover{border-color:var(--primary-300);background:var(--primary-50)}.action-primary .action-icon{background:var(--primary-100);color:var(--primary-600)}.action-success .action-icon{background:#dcfce7;color:var(--success)}.action-success:hover{border-color:#bbf7d0;background:#f0fdf4}.action-info .action-icon{background:#dbeafe;color:var(--info)}.action-info:hover{border-color:#bfdbfe;background:#eff6ff}.action-secondary .action-icon{background:var(--gray-100);color:var(--gray-600)}.action-secondary:hover{border-color:var(--gray-300);background:var(--gray-50)}.action-warning .action-icon{background:#fef3c7;color:var(--warning)}.action-warning:hover{border-color:#fde68a;background:#fffbeb}.action-docs .action-icon{background:#fecaca;color:#dc2626}.action-docs:hover{border-color:#fca5a5;background:#fef2f2}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:hsla(0,0%,100%,.9);border:1px solid var(--gray-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);backdrop-filter:blur(10px)}.user-menu-trigger:hover{background:hsla(0,0%,100%,.95);border-color:var(--primary-300);transform:translateY(-1px);box-shadow:var(--shadow-md)}.user-avatar.professional{position:relative;display:flex;align-items:center}.avatar-circle{width:40px;height:40px;background:linear-gradient(135deg, var(--primary-500), var(--primary-700));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;position:relative}.avatar-initials{color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-base)}.user-status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:var(--radius-full);border:2px solid #fff}.user-status.online{background:var(--success)}.user-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-900)}.user-role{font-size:var(--font-size-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.dropdown-icon{font-size:12px;color:var(--gray-500);transition:transform var(--transition-fast)}.user-menu.open .dropdown-icon{transform:rotate(180deg)}.user-dropdown.professional{position:absolute;top:100%;right:0;margin-top:var(--space-2);min-width:320px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-10px) scale(0.95);transition:all var(--transition-normal);z-index:var(--z-dropdown);overflow:hidden}.user-dropdown.professional.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.dropdown-header{padding:var(--space-6);background:linear-gradient(135deg, var(--primary-50), var(--primary-100));border-bottom:1px solid var(--gray-200)}.user-profile-info{display:flex;gap:var(--space-4);align-items:center}.avatar-large{width:56px;height:56px;background:linear-gradient(135deg, var(--primary-500), var(--primary-700));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-large .avatar-initials{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold)}.user-details{flex:1;min-width:0}.user-display-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-1)}.user-email{font-size:var(--font-size-sm);color:var(--gray-600);margin-bottom:var(--space-2)}.user-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.badge-admin{background:var(--primary-100);color:var(--primary-700)}.dropdown-section{padding:var(--space-4) var(--space-2);border-bottom:1px solid var(--gray-100)}.section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3);padding:0 var(--space-4)}.dropdown-item.modern{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;color:var(--gray-700);border-radius:var(--radius-lg);margin:var(--space-1) var(--space-2);transition:all var(--transition-fast)}.dropdown-item.modern:hover{background:var(--gray-50);color:var(--gray-900);transform:translateX(4px);text-decoration:none}.item-icon{width:36px;height:36px;background:var(--gray-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--gray-600);transition:all var(--transition-fast);flex-shrink:0}.dropdown-item.modern:hover .item-icon{background:var(--primary-100);color:var(--primary-600);transform:scale(1.1)}.item-content{flex:1;min-width:0}.item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-900);margin-bottom:var(--space-1)}.item-description{font-size:var(--font-size-xs);color:var(--gray-500)}.item-arrow{font-size:12px;color:var(--gray-400);transition:all var(--transition-fast)}.dropdown-item.modern:hover .item-arrow{color:var(--gray-600);transform:translateX(2px)}.dropdown-footer{padding:var(--space-4) var(--space-2);background:var(--gray-50)}.dropdown-item.logout{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;color:var(--error);border-radius:var(--radius-lg);margin:var(--space-1) var(--space-2);transition:all var(--transition-fast)}.dropdown-item.logout:hover{background:var(--error-light);color:var(--error-dark);transform:translateX(4px);text-decoration:none}.dropdown-item.logout .item-icon{background:var(--error-light);color:var(--error)}.dropdown-item.logout:hover .item-icon{background:var(--error);color:#fff}@media(max-width: 768px){.quick-actions-grid{grid-template-columns:1fr}.action-button{padding:var(--space-4)}.user-dropdown.professional{min-width:280px;right:auto;left:0}.user-menu-trigger{min-width:auto}.user-info{display:none}}.professional-header .user-menu-trigger{padding:0 !important;background:rgba(0,0,0,0) !important;border:0 !important;box-shadow:none !important}.dashboard-container::-webkit-scrollbar{width:8px}.dashboard-container::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:4px}.dashboard-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:4px}.dashboard-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%)}.stat-card,.active-quality-checks,.active-logprobs-section,.recent-activity,.quick-actions,.system-status{position:relative}.stat-card::after,.active-quality-checks::after,.active-logprobs-section::after,.recent-activity::after,.quick-actions::after,.system-status::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 50%, rgba(0, 0, 0, 0.05) 100%);pointer-events:none;border-radius:inherit}.active-logprobs-section .active-logprobs-card{background:linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);border-radius:16px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid rgba(99,102,241,.1);transition:all .3s ease}.active-logprobs-section .active-logprobs-card:hover{box-shadow:0 8px 30px rgba(99,102,241,.15);transform:translateY(-2px)}.active-logprobs-section .card-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.active-logprobs-section .card-header .heading-4{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 8px 0;background:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.active-logprobs-section .card-header .text-small{color:#64748b;font-size:.875rem}.active-logprobs-section .logprobs-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:16px;margin-bottom:20px}.active-logprobs-section .logprob-item{display:block;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;text-decoration:none;position:relative;overflow:hidden}.active-logprobs-section .logprob-item::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, #6366f1, #8b5cf6);transform:scaleX(0);transition:transform .3s ease}.active-logprobs-section .logprob-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(99,102,241,.15);border-color:#6366f1}.active-logprobs-section .logprob-item:hover::before{transform:scaleX(1)}.active-logprobs-section .logprob-item.logprob-running{border-color:#3b82f6;background:linear-gradient(135deg, #ffffff 0%, #eff6ff 100%)}.active-logprobs-section .logprob-item.logprob-completed{border-color:#10b981;background:linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%)}.active-logprobs-section .logprob-item.logprob-failed{border-color:#ef4444;background:linear-gradient(135deg, #ffffff 0%, #fef2f2 100%)}.active-logprobs-section .logprob-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.active-logprobs-section .logprob-header .logprob-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);border-radius:10px;color:#fff;font-size:1.125rem;flex-shrink:0}.active-logprobs-section .logprob-header .logprob-info{flex:1;min-width:0}.active-logprobs-section .logprob-header .logprob-info .logprob-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-logprobs-section .logprob-header .logprob-info .logprob-subtitle{font-size:.75rem;color:#64748b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-logprobs-section .logprob-status{margin-bottom:12px}.active-logprobs-section .logprob-status .status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.active-logprobs-section .logprob-status .status-badge.status-gray{background:#f1f5f9;color:#64748b}.active-logprobs-section .logprob-status .status-badge.status-blue{background:#dbeafe;color:#1e40af}.active-logprobs-section .logprob-status .status-badge.status-green{background:#dcfce7;color:#166534}.active-logprobs-section .logprob-status .status-badge.status-red{background:#fee2e2;color:#991b1b}.active-logprobs-section .logprob-status .status-badge.status-yellow{background:#fef3c7;color:#92400e}.active-logprobs-section .logprob-progress{margin-bottom:12px}.active-logprobs-section .logprob-progress .progress-bar-container{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:6px}.active-logprobs-section .logprob-progress .progress-bar-container .progress-bar{height:100%;background:linear-gradient(90deg, #6366f1, #8b5cf6);border-radius:3px;transition:width .3s ease}.active-logprobs-section .logprob-progress .progress-text{font-size:.75rem;color:#64748b;text-align:right}.active-logprobs-section .logprob-details .detail-row{display:flex;gap:16px;flex-wrap:wrap}.active-logprobs-section .logprob-details .detail-row .detail-item{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#64748b}.active-logprobs-section .logprob-details .detail-row .detail-item i{color:#94a3b8}.active-logprobs-section .logprob-details .detail-row .detail-item span{color:#475569;font-weight:500}.active-logprobs-section .card-footer{padding-top:20px;border-top:2px solid #f1f5f9;text-align:center}.active-logprobs-section .card-footer .footer-link{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);color:#fff;border-radius:10px;text-decoration:none;font-weight:600;font-size:.875rem;transition:all .3s ease;box-shadow:0 4px 12px rgba(99,102,241,.3)}.active-logprobs-section .card-footer .footer-link i{transition:transform .3s ease}.active-logprobs-section .card-footer .footer-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.4)}.active-logprobs-section .card-footer .footer-link:hover i{transform:translateX(4px)}.stat-card i,.quick-actions i{animation:float 3s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-5px)}}.status-indicator{position:relative}.status-indicator::after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg, #10b981, #059669, #047857, #10b981);border-radius:50%;z-index:-1;opacity:0;transition:opacity .3s ease}.status-indicator:hover::after{opacity:.3;animation:rotate 2s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.activity-item{position:relative}.activity-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(135deg, #3b82f6, #8b5cf6);transition:width .3s ease}.activity-item:hover::before{width:4px}.dashboard-container h1,.dashboard-container h2,.dashboard-container h3{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-weight:700;letter-spacing:-0.025em}.dashboard-container .text-3xl{font-weight:800;letter-spacing:-0.05em}.btn{position:relative;overflow:hidden}.btn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.2);border-radius:50%;transform:translate(-50%, -50%);transition:width .3s,height .3s}.btn:hover::before{width:300px;height:300px}.glass-effect{background:hsla(0,0%,100%,.1);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px rgba(0,0,0,.1)}.stats-cards{display:grid;gap:1.5rem}@media(min-width: 640px){.stats-cards{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.stats-cards{grid-template-columns:repeat(4, 1fr)}}.dashboard-container>*{margin-bottom:2rem}.dashboard-container>*:last-child{margin-bottom:0}.stat-card:focus,.quick-actions a:focus,.activity-item:focus{outline:2px solid #3b82f6;outline-offset:2px}@keyframes shimmer{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}.loading-skeleton{background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--warning-gradient: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--danger-gradient: linear-gradient(135deg, #fa709a 0%, #fee140 100%)}.active-quality-checks::before{background:var(--primary-gradient)}.recent-activity::before{background:var(--success-gradient)}.quick-actions::before{background:var(--warning-gradient)}.system-status::before{background:var(--secondary-gradient)}
