:root{--sidebar-width: 240px;--sidebar-collapsed-width: 72px;--header-height: 56px;--page-padding: 24px;--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a5f;--color-success: #16a34a;--color-success-light: #f0fdf4;--color-warning: #d97706;--color-warning-light: #fffbeb;--color-error: #dc2626;--color-error-light: #fef2f2;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);--gradient-primary-light: linear-gradient(135deg, #eff6ff 0%, #ecfeff 100%);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .04), 0 1px 2px -1px rgba(0, 0, 0, .02);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .03);--shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, .08), 0 4px 8px -4px rgba(0, 0, 0, .03);--shadow-xl: 0 24px 48px -8px rgba(0, 0, 0, .1), 0 8px 16px -4px rgba(0, 0, 0, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Consolas", monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background:var(--color-primary-100);color:var(--color-primary-700)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-slate-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-slate-400)}@media(prefers-reduced-motion:no-preference){@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-enter{animation:fadeInUp .3s cubic-bezier(.4,0,.2,1)}}@media(prefers-reduced-motion:reduce){.page-enter{animation:none}}.card-hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.card-hover-lift:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)!important}.activity-card{transition:all var(--transition-base)}.activity-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)!important;border-color:var(--color-primary-100)!important}.btn-press{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-press:active{transform:scale(.98);box-shadow:0 1px 2px #00000014!important}.card-touch{transition:transform var(--transition-fast),background-color var(--transition-fast)}.card-touch:active{transform:scale(.98);background-color:var(--color-slate-50)!important}@keyframes breathing{0%,to{border-color:#16a34a33}50%{border-color:#16a34a80}}.breathing-border{animation:breathing 3s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-success);animation:pulseDot 2s ease-in-out infinite;margin-right:6px;vertical-align:middle}@keyframes expirePulse{0%,to{opacity:1}50%{opacity:.65}}.expire-pulse{animation:expirePulse 2s ease-in-out infinite}@keyframes tabBounce{0%{transform:scale(1)}30%{transform:scale(1.12)}60%{transform:scale(.96)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,var(--color-slate-100) 25%,var(--color-slate-50) 50%,var(--color-slate-100) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.no-more-data{text-align:center;padding:16px 0;color:var(--color-slate-300);font-size:13px;letter-spacing:1px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--color-slate-400)}.empty-state-icon{font-size:40px;margin-bottom:12px;line-height:1}.empty-state-text{font-size:15px;font-weight:600;color:var(--color-slate-500);margin-bottom:4px}.empty-state-subtext{font-size:13px;color:var(--color-slate-400)}.log-row-error{background:var(--color-error-light)!important}.log-row-error:hover>td{background:#fee2e2!important}.sidebar-menu .ant-menu-item{transition:all var(--transition-base)}.glass-header{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#ffffffd9!important;box-shadow:inset 0 -1px #0000000a}.font-mono{font-family:var(--font-mono)}.price-display{font-family:var(--font-mono);color:var(--color-error);font-weight:700;font-variant-numeric:tabular-nums}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:middle}.status-dot--success{background:var(--color-success)}.status-dot--warning{background:var(--color-warning)}.status-dot--error{background:var(--color-error)}.status-dot--info{background:var(--color-primary-600)}.focus-ring:focus-visible{outline:3px solid rgba(37,99,235,.25);outline-offset:2px}@media(prefers-reduced-motion:reduce){.card-hover-lift,.activity-card,.btn-press,.card-touch{transition:none}.breathing-border,.pulse-dot,.expire-pulse{animation:none}}
