:root{--gradient-page-bg: linear-gradient(135deg, #f5f7fa 0%, #f0f4f8 100%);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-primary-hover: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--gradient-logo: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-accent: linear-gradient(180deg, #3b82f6, #8b5cf6, #ec4899);--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-active: #1d4ed8;--color-accent-purple: #8b5cf6;--color-accent-pink: #ec4899;--color-accent-teal: #14b8a6;--color-text-strong: #1f2937;--color-text: #374151;--color-text-muted: #6b7280;--color-text-subtle: #9ca3af;--color-border: #e5e7eb;--color-border-soft: rgba(229, 231, 235, .5);--color-surface: #ffffff;--color-surface-soft: rgba(255, 255, 255, .9);--color-surface-muted: #f9fafb;--color-surface-hover: #f3f4f6;--color-row-hover: #fafbfc;--status-completed-bg: #d1fae5;--status-completed-fg: #047857;--status-completed-solid: #10b981;--status-pending-bg: #fef3c7;--status-pending-fg: #b45309;--status-pending-solid: #f59e0b;--status-failed-bg: #fee2e2;--status-failed-fg: #dc2626;--status-failed-solid: #ef4444;--highlight-bg: #fef3c7;--shadow-lift-sm: 0 2px 8px rgba(59, 130, 246, .15);--shadow-lift-md: 0 4px 20px rgba(0, 0, 0, .06);--shadow-lift-lg: 0 12px 28px rgba(0, 0, 0, .08);--shadow-primary: 0 4px 12px rgba(59, 130, 246, .3);--shadow-primary-hover: 0 8px 20px rgba(59, 130, 246, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .3);--shadow-focus-ring: 0 0 0 4px rgba(59, 130, 246, .1);--shadow-sidebar: 4px 0 24px rgba(0, 0, 0, .02);--duration-fast: .2s;--duration-normal: .3s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--radius-sm: 4px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.anim-shimmer{animation:shimmer 3s infinite}.anim-fade-in{animation:fadeIn var(--duration-fast) ease-out}.anim-slide-up{animation:slideUp var(--duration-normal) var(--ease-standard)}.transition-standard{transition:all var(--duration-normal) var(--ease-standard)}.transition-fast{transition:all var(--duration-fast) var(--ease-standard)}body{background:var(--gradient-page-bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lift-on-hover{transition:all var(--duration-normal) var(--ease-standard)}.lift-on-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift-md)}.lift-on-hover-lg{transition:all var(--duration-normal) var(--ease-standard)}.lift-on-hover-lg:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift-lg)}.glass-card{background:var(--color-surface-soft);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl)}.highlight-field{background:var(--highlight-bg);border-radius:var(--radius-sm);padding:2px 4px;box-shadow:0 0 0 3px var(--highlight-bg);transition:all var(--duration-fast) var(--ease-standard)}.shimmer-overlay{position:relative;overflow:hidden}.shimmer-overlay:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shimmer 3s infinite;pointer-events:none}.logo-icon{width:44px;height:44px;background:var(--gradient-logo);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;box-shadow:0 8px 16px #3b82f640;position:relative;overflow:hidden}.logo-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shimmer 3s infinite}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;transition:transform var(--duration-fast) var(--ease-standard)}.status-dot:hover{transform:scale(1.3)}.status-dot.completed{background:var(--status-completed-solid)}.status-dot.pending{background:var(--status-pending-solid)}.status-dot.failed{background:var(--status-failed-solid)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.status-pill.completed{background:var(--status-completed-bg);color:var(--status-completed-fg)}.status-pill.pending{background:var(--status-pending-bg);color:var(--status-pending-fg)}.status-pill.failed{background:var(--status-failed-bg);color:var(--status-failed-fg)}.ant-btn-primary{background:var(--gradient-primary)!important;border:none;box-shadow:var(--shadow-primary);transition:all var(--duration-normal) var(--ease-standard)}.ant-btn-primary:hover:not(:disabled):not(.ant-btn-disabled){background:var(--gradient-primary-hover)!important;transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.ant-btn-primary:active:not(:disabled):not(.ant-btn-disabled){transform:translateY(0)}.ant-btn-primary:disabled,.ant-btn-primary.ant-btn-disabled{opacity:.6;box-shadow:0 2px 8px #3b82f633;transform:none}.ant-btn-default{transition:all var(--duration-normal) var(--ease-standard)}.ant-btn-default:hover:not(:disabled){border-color:var(--color-primary)!important;color:var(--color-primary)!important;box-shadow:var(--shadow-lift-sm);transform:translateY(-1px)}.ant-input,.ant-input-affix-wrapper,.ant-select .ant-select-selector{transition:all var(--duration-fast) var(--ease-standard)}.ant-input:focus,.ant-input-focused,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector{box-shadow:var(--shadow-focus-ring)!important;transform:translateY(-1px)}.ant-card.card-lift{transition:all var(--duration-normal) var(--ease-standard);cursor:pointer;position:relative;overflow:hidden}.ant-card.card-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift-lg);border-color:#3b82f64d}.ant-card.card-lift:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--gradient-accent);opacity:0;transition:opacity var(--duration-normal);border-radius:var(--radius-xl) 0 0 var(--radius-xl)}.ant-card.card-lift:hover:before{opacity:1}.ant-card.glass{background:var(--color-surface-soft);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:var(--color-border-soft)}.ant-modal-mask{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ant-modal .ant-modal-content{box-shadow:var(--shadow-modal)}.ant-tooltip .ant-tooltip-inner{animation:fadeIn var(--duration-fast) ease-out}.ant-table-tbody>tr{transition:background var(--duration-fast) var(--ease-standard)}.ant-table-tbody>tr:hover>td{background:var(--color-row-hover)!important}.ant-tabs-tab.ant-tabs-tab-active{box-shadow:var(--shadow-lift-sm)}html,body,#root{margin:0;padding:0;box-sizing:border-box}.navbar-user-button:hover,.navbar-user-button:focus,.navbar-user-button:active{background-color:transparent!important;border-color:var(--color-primary)!important}.sidebar-collapse-btn:hover{background-color:var(--color-surface-hover)!important}.sidebar-add-btn:hover{color:var(--color-primary)!important}.sidebar-nav-item{position:relative;overflow:hidden;transition:all var(--duration-normal) var(--ease-standard)}.sidebar-nav-item:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--gradient-accent);border-radius:10px 0 0 10px;opacity:0;transition:opacity var(--duration-normal) var(--ease-standard)}.sidebar-nav-item:hover:before,.sidebar-nav-item.active:before{opacity:1}.sidebar-nav-item:hover{background-color:#3b82f60f!important}.sidebar-nav-item:hover,.sidebar-nav-item:hover .anticon,.sidebar-nav-item:hover .ant-typography{color:var(--color-primary)!important}