@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary-900: #0f1419;--color-primary-800: #1e2328;--color-primary-700: #2b3139;--color-primary-600: #374151;--color-primary-500: #4b5563;--color-primary-400: #6b7280;--color-primary-300: #9ca3af;--color-primary-200: #d1d5db;--color-primary-100: #e5e7eb;--color-primary-50: #f9fafb;--color-accent-blue: #00d4ff;--color-accent-blue-dark: #0099cc;--color-accent-green: #00ff88;--color-accent-green-dark: #00cc6a;--color-accent-orange: #ff9500;--color-accent-orange-dark: #cc7700;--color-accent-red: #ff4757;--color-accent-red-dark: #cc3644;--color-white: #ffffff;--color-gray-50: #f8f9fa;--color-gray-100: #e9ecef;--color-gray-200: #dee2e6;--color-gray-300: #ced4da;--color-gray-400: #adb5bd;--color-gray-500: #6c757d;--color-gray-600: #495057;--color-gray-700: #343a40;--color-gray-800: #212529;--color-gray-900: #0d1117;--color-success: var(--color-accent-green);--color-success-dark: var(--color-accent-green-dark);--color-warning: var(--color-accent-orange);--color-warning-dark: var(--color-accent-orange-dark);--color-error: var(--color-accent-red);--color-error-dark: var(--color-accent-red-dark);--color-info: var(--color-accent-blue);--color-info-dark: var(--color-accent-blue-dark);--bg-primary: var(--color-gray-50);--bg-secondary: var(--color-white);--bg-tertiary: var(--color-gray-100);--bg-dark: var(--color-primary-900);--bg-card: var(--color-white);--bg-overlay: rgba(0, 0, 0, .5);--text-primary: var(--color-gray-800);--text-secondary: var(--color-gray-600);--text-tertiary: var(--color-gray-500);--text-inverse: var(--color-white);--text-accent: var(--color-accent-blue);--border-primary: var(--color-gray-200);--border-secondary: var(--color-gray-300);--border-accent: var(--color-accent-blue);--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Monaco", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .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-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .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;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: .25rem;--radius-base: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--container-max-width: 1440px;--sidebar-width: 280px;--header-height: 80px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}[data-theme=dark]{--bg-primary: var(--color-primary-900);--bg-secondary: var(--color-primary-800);--bg-tertiary: var(--color-primary-700);--bg-card: var(--color-primary-800);--text-primary: var(--color-primary-50);--text-secondary: var(--color-primary-200);--text-tertiary: var(--color-primary-300);--border-primary: var(--color-primary-600);--border-secondary: var(--color-primary-500)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);margin-bottom:var(--space-2)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4);color:var(--text-secondary)}a{color:var(--text-accent);text-decoration:none;transition:var(--transition-fast)}a:hover{text-decoration:underline}a:focus{outline:2px solid var(--color-accent-blue);outline-offset:2px}ul,ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}li{margin-bottom:var(--space-1)}code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background-color:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-primary)}pre{background-color:var(--bg-tertiary);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-4)}pre code{background:none;padding:0;border:none}input,textarea,select,button{font-family:inherit;font-size:inherit}input,textarea,select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);transition:var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 3px #00d4ff1a}input:disabled,textarea:disabled,select:disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}table{width:100%;border-collapse:collapse;margin-bottom:var(--space-4)}th,td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-primary)}th{font-weight:var(--font-weight-semibold);color:var(--text-primary);background-color:var(--bg-tertiary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--text-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.fade-in{animation:fadeIn var(--transition-base)}.slide-up{animation:slideUp var(--transition-base)}.scale-in{animation:scaleIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-primary);border-radius:50%;border-top-color:var(--color-accent-blue);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.focus-visible:focus{outline:2px solid var(--color-accent-blue);outline-offset:2px}@media (max-width: 768px){.container{padding:0 var(--space-3)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important}a,a:visited{text-decoration:underline}.no-print{display:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus{outline:none;box-shadow:0 0 0 3px #00d4ff33}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-accent-blue);color:var(--color-white);border-color:var(--color-accent-blue)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-blue-dark);border-color:var(--color-accent-blue-dark)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-secondary)}.btn-outline{background-color:transparent;color:var(--color-accent-blue);border-color:var(--color-accent-blue)}.btn-outline:hover:not(:disabled){background-color:var(--color-accent-blue);color:var(--color-white)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-success{background-color:var(--color-success);color:var(--color-white);border-color:var(--color-success)}.btn-success:hover:not(:disabled){background-color:var(--color-success-dark);border-color:var(--color-success-dark)}.btn-warning{background-color:var(--color-warning);color:var(--color-white);border-color:var(--color-warning)}.btn-warning:hover:not(:disabled){background-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}.btn-error{background-color:var(--color-error);color:var(--color-white);border-color:var(--color-error)}.btn-error:hover:not(:disabled){background-color:var(--color-error-dark);border-color:var(--color-error-dark)}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-lg)}.btn-xl{padding:var(--space-5) var(--space-8);font-size:var(--font-size-xl)}.card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-secondary)}.card-elevated{box-shadow:var(--shadow-lg)}.card-elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card-header{padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--border-primary)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--border-primary);background-color:var(--bg-tertiary)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background-color:#00d4ff1a;color:var(--color-accent-blue-dark)}.badge-success{background-color:#00ff881a;color:var(--color-success-dark)}.badge-warning{background-color:#ff95001a;color:var(--color-warning-dark)}.badge-error{background-color:#ff47571a;color:var(--color-error-dark)}.badge-gray{background-color:var(--bg-tertiary);color:var(--text-secondary)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--color-accent-blue);color:var(--color-white);font-weight:var(--font-weight-medium);overflow:hidden}.avatar-xs{width:24px;height:24px;font-size:var(--font-size-xs)}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-sm)}.avatar-md{width:40px;height:40px;font-size:var(--font-size-base)}.avatar-lg{width:48px;height:48px;font-size:var(--font-size-lg)}.avatar-xl{width:64px;height:64px;font-size:var(--font-size-xl)}.progress{width:100%;height:8px;background-color:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background-color:var(--color-accent-blue);border-radius:var(--radius-full);transition:width var(--transition-base)}.progress-bar-success{background-color:var(--color-success)}.progress-bar-warning{background-color:var(--color-warning)}.progress-bar-error{background-color:var(--color-error)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-primary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1rem;margin-bottom:var(--space-2)}.skeleton-text:last-child{margin-bottom:0;width:60%}.skeleton-circle{border-radius:var(--radius-full)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-content{position:absolute;background-color:var(--color-gray-800);color:var(--color-white);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);z-index:var(--z-tooltip);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-600);animation:fadeIn var(--transition-fast)}.tooltip-content--top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-content--bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-content--left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-content--right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-arrow{position:absolute;width:0;height:0}.tooltip-arrow--top{top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-gray-800)}.tooltip-arrow--bottom{bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:var(--color-gray-800)}.tooltip-arrow--left{left:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:var(--color-gray-800)}.tooltip-arrow--right{right:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:var(--color-gray-800)}.engagement-tooltip{max-width:350px}.engagement-tooltip h4{margin:0 0 var(--space-2) 0;color:var(--color-accent-blue);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.engagement-tooltip .formula{background:rgba(0,212,255,.1);padding:var(--space-2);border-radius:var(--radius-sm);margin:var(--space-2) 0;font-family:var(--font-family-mono);font-size:var(--font-size-xs);border:1px solid rgba(0,212,255,.3)}.engagement-tooltip .weights{margin:var(--space-2) 0}.engagement-tooltip .weights li{margin-bottom:var(--space-1);font-size:var(--font-size-xs)}.engagement-tooltip .example{background:rgba(0,255,136,.1);padding:var(--space-2);border-radius:var(--radius-sm);margin-top:var(--space-2);font-size:var(--font-size-xs);border:1px solid rgba(0,255,136,.3)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-overlay);z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:var(--transition-base)}.modal-backdrop.active{opacity:1;visibility:visible}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background-color:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);z-index:var(--z-modal);max-width:90vw;max-height:90vh;overflow:auto;opacity:0;visibility:hidden;transition:var(--transition-base)}.modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-base);transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 3px #00d4ff1a}.form-input:invalid{border-color:var(--color-error)}.form-input:invalid:focus{box-shadow:0 0 0 3px #ff47571a}.form-error{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-error)}.form-hint{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--text-tertiary)}@media (max-width: 640px){.sm-hidden{display:none}}@media (max-width: 768px){.md-hidden{display:none}.btn{padding:var(--space-3) var(--space-4)}.card-body{padding:var(--space-4)}.card-header{padding:var(--space-4) var(--space-4) var(--space-3)}.card-footer{padding:var(--space-3) var(--space-4) var(--space-4)}}@media (max-width: 1024px){.lg-hidden{display:none}}#root{margin:0;padding:0;min-height:100vh;background-color:var(--bg-primary)}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:1000;display:flex;flex-direction:column;gap:var(--space-3);max-width:420px;width:100%}.toast{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);opacity:0;transform:translate(100%);transition:all .3s var(--transition-ease);position:relative;overflow:hidden}.toast:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.toast--success:before{background:var(--color-success)}.toast--error:before{background:var(--color-error)}.toast--warning:before{background:var(--color-warning)}.toast--info:before{background:var(--color-accent-blue)}.toast--visible{opacity:1;transform:translate(0)}.toast--leaving{opacity:0;transform:translate(100%)}.toast__content{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4)}.toast__icon{font-size:var(--font-size-xl);flex-shrink:0;margin-top:var(--space-1)}.toast__text{flex:1;min-width:0}.toast__title{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-base);margin-bottom:var(--space-1);line-height:var(--line-height-tight)}.toast__message{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);word-wrap:break-word}.toast__close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--font-size-lg);padding:var(--space-1);border-radius:var(--radius-sm);transition:var(--transition-fast);flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast__close:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.toast__close:focus{outline:2px solid var(--color-accent-blue);outline-offset:2px}.toast:hover{transform:translate(-4px);box-shadow:var(--shadow-2xl)}.toast--visible:hover{transform:translate(-4px)}@media (max-width: 768px){.toast-container{top:var(--space-4);right:var(--space-4);left:var(--space-4);max-width:none}.toast__content{padding:var(--space-3);gap:var(--space-2)}.toast__title{font-size:var(--font-size-sm)}.toast__message{font-size:var(--font-size-xs)}}.toast:nth-child(n+4){opacity:.8;transform:scale(.95);pointer-events:none}.toast:nth-child(n+6){display:none}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-loading 2s infinite ease-in-out;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:skeleton-shimmer 2s infinite ease-in-out}@keyframes skeleton-loading{0%,to{background-position:200% 0}50%{background-position:-200% 0}}@keyframes skeleton-shimmer{0%{left:-100%}to{left:100%}}.skeleton-text{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-text__line{border-radius:var(--radius-sm)}.skeleton-text__line:last-child{width:60%}.skeleton-card{background:var(--bg-card);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg)}.skeleton-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.skeleton-card__content{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-card__value{border-radius:var(--radius-md)}.skeleton-chart{background:var(--bg-card);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);min-height:400px}.skeleton-chart__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.skeleton-chart__content{height:300px;display:flex;flex-direction:column;justify-content:flex-end}.skeleton-chart__bars{display:flex;align-items:flex-end;gap:var(--space-2);height:100%;padding:var(--space-4) 0}.skeleton-chart__bar{flex:1;min-height:20px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;animation:skeleton-bar-loading 3s infinite ease-in-out;animation-delay:calc(var(--i, 0) * .2s)}.skeleton-chart__bar:nth-child(1){--i: 0;background:var(--bg-tertiary)}.skeleton-chart__bar:nth-child(2){--i: 1;background:var(--bg-secondary)}.skeleton-chart__bar:nth-child(3){--i: 2;background:var(--bg-tertiary)}.skeleton-chart__bar:nth-child(4){--i: 3;background:var(--bg-secondary)}.skeleton-chart__bar:nth-child(5){--i: 4;background:var(--bg-tertiary)}.skeleton-chart__bar:nth-child(6){--i: 5;background:var(--bg-secondary)}.skeleton-chart__bar:nth-child(7){--i: 6;background:var(--bg-tertiary)}.skeleton-chart__bar:nth-child(8){--i: 7;background:var(--bg-secondary)}@keyframes skeleton-bar-loading{0%,to{opacity:.6;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1)}}.skeleton-list{display:flex;flex-direction:column;gap:var(--space-4)}.skeleton-list__item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.skeleton-list__rank{border-radius:var(--radius-full);flex-shrink:0}.skeleton-list__avatar{flex-shrink:0}.skeleton-list__avatar-circle{border-radius:var(--radius-full)}.skeleton-list__content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-list__name{border-radius:var(--radius-sm)}.skeleton-list__stats{display:flex;gap:var(--space-4)}.skeleton-list__stats .skeleton{border-radius:var(--radius-xs)}.skeleton-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.skeleton-card:nth-child(1){animation-delay:0s}.skeleton-card:nth-child(2){animation-delay:.1s}.skeleton-card:nth-child(3){animation-delay:.2s}.skeleton-list__item:nth-child(1){animation-delay:0s}.skeleton-list__item:nth-child(2){animation-delay:.1s}.skeleton-list__item:nth-child(3){animation-delay:.2s}.skeleton-list__item:nth-child(4){animation-delay:.3s}.skeleton-list__item:nth-child(5){animation-delay:.4s}@media (max-width: 768px){.skeleton-metrics{grid-template-columns:1fr;gap:var(--space-4)}.skeleton-card{padding:var(--space-4)}.skeleton-chart{padding:var(--space-6);min-height:300px}.skeleton-chart__content{height:200px}.skeleton-list__item{padding:var(--space-3);gap:var(--space-3)}}@media (prefers-reduced-motion: reduce){.skeleton,.skeleton:after,.skeleton-chart__bar{animation:none}.skeleton{background:var(--bg-tertiary)}}.logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden;border-radius:var(--radius-md);transition:var(--transition-fast)}.logo--small{width:32px;height:32px}.logo--medium{width:60px;height:60px}.logo--large{width:80px;height:80px}.logo--xlarge{width:150px;height:150px}.logo__image{width:100%;height:100%;object-fit:contain;transition:var(--transition-fast)}.logo--fallback{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.logo__icon{display:flex;align-items:center;justify-content:center;color:#fffc;width:60%;height:60%}.logo__icon svg{width:100%;height:100%;max-width:24px;max-height:24px}.logo:hover{transform:scale(1.05)}.logo:hover .logo__image{filter:brightness(1.1)}.logo--fallback:hover{background:rgba(255,255,255,.2);border-color:#ffffff59}.logo--fallback:hover .logo__icon{color:#ffffffe6}.logo--loading{opacity:.7}.logo--loading .logo__fallback{background:rgba(255,255,255,.1);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.logo:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.logo--dark{background:rgba(0,0,0,.1);border-color:#0003}.logo--dark .logo__icon{color:#000000b3}@media (max-width: 768px){.logo--large{width:40px;height:40px}.logo--medium{width:32px;height:32px}.logo--small{width:24px;height:24px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.logo__image{image-rendering:-webkit-optimize-contrast}}@media (prefers-reduced-motion: reduce){.logo,.logo__image,.logo--loading .logo__fallback{transition:none;animation:none}.logo:hover{transform:none}}.webinar-dashboard-section{padding:var(--space-6);max-width:var(--container-max-width);margin:0 auto}.webinar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.loading-spinner{font-size:3rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.webinar-nav-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-4)}.nav-tab{padding:var(--space-3) var(--space-4);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-2)}.nav-tab:hover{background:var(--bg-secondary);border-color:var(--accent-color)}.nav-tab.active{background:var(--accent-color)!important;color:#fff!important;border-color:var(--accent-color)!important;box-shadow:0 2px 8px #7f77ea4d!important}.webinar-overview{display:flex;flex-direction:column;gap:var(--space-8)}.webinar-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-4);transition:all .2s ease}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--accent-color);border-radius:var(--radius-md);color:#fff}.metric-content{flex:1}.metric-value{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.metric-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.recent-webinars-section h3,.top-webinars-section h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--text-primary)}.recent-webinars-list{display:grid;gap:var(--space-3)}.webinar-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);transition:all .2s ease}.webinar-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.webinar-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.webinar-header h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;color:var(--text-primary);flex:1}.webinar-host{font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);margin-left:var(--space-2)}.webinar-stats{display:flex;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--text-secondary)}.stat-item{display:flex;align-items:center;gap:var(--space-1)}.top-webinars-list{display:flex;flex-direction:column;gap:var(--space-2)}.top-webinar-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease}.top-webinar-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.rank{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--accent-color);min-width:40px}.webinar-info h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0;color:var(--text-primary)}.webinar-info p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.webinars-list-view{display:flex;flex-direction:column;gap:var(--space-6)}.webinars-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.webinars-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;color:var(--text-primary)}.webinars-table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.webinars-table{width:100%;border-collapse:collapse}.webinars-table th,.webinars-table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--border-color)}.webinars-table th{background:var(--bg-secondary);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.webinars-table tbody tr:hover{background:var(--bg-secondary)}.webinar-name-cell{max-width:300px}.webinar-name{font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-1)}.meeting-code{font-size:var(--font-size-xs);color:var(--text-secondary);font-family:monospace}.number-cell{text-align:center;font-weight:var(--font-weight-medium)}.empty-state{text-align:center;padding:var(--space-12);color:var(--text-secondary)}.empty-state h4{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--space-2)}.link-button{background:none;border:none;color:var(--accent-color);text-decoration:underline;cursor:pointer;font-size:inherit}.link-button:hover{color:var(--accent-color-hover)}.primary-button{background:var(--accent-color);color:#fff;border:none;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--space-2)}.primary-button:hover{background:var(--accent-color-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.webinar-upload-section{max-width:600px;margin:0 auto}.upload-form-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.upload-form-container h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0;color:var(--text-primary);text-align:center}.upload-description{color:var(--text-secondary);text-align:center;margin-bottom:var(--space-6);font-size:var(--font-size-sm);line-height:1.5}.upload-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.form-input,.form-select{padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #7f77ea1a}.form-file-input{padding:var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.file-info{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.file-name{font-weight:var(--font-weight-medium)}.upload-button{background:var(--accent-color);color:#fff;border:none;padding:var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-2)}.upload-button:hover:not(:disabled){background:var(--accent-color-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.upload-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{animation:spin 1s linear infinite}.clickable{cursor:pointer;transition:all .2s ease}.clickable:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.click-hint{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-2);font-style:italic}.clickable-row:hover{background:var(--bg-secondary)}.back-button{background:var(--bg-secondary)!important;color:var(--text-primary)!important;margin-right:auto!important;border:1px solid var(--border-color)!important}.back-button:hover{background:var(--border-color)!important;border-color:var(--accent-color)!important}.attendee-analytics-section{margin-top:var(--space-8)}.attendee-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.attendee-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;color:var(--text-primary)}.sort-buttons{display:flex;gap:var(--space-2)}.sort-btn{padding:var(--space-2) var(--space-3)!important;background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important;font-size:var(--font-size-sm)!important;cursor:pointer!important;transition:all .2s ease!important}.sort-btn:hover{background:var(--accent-color)!important;color:#fff!important;border-color:var(--accent-color)!important}.sort-btn.active{background:#7f77ea!important;color:#fff!important;border-color:#7f77ea!important;box-shadow:0 2px 4px #7f77ea4d!important}.attendee-stats-list{display:grid;gap:var(--space-3)}.attendee-stat-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .2s ease}.attendee-stat-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.attendee-rank{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--accent-color);min-width:40px;text-align:center}.attendee-info h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0;color:var(--text-primary)}.attendee-metrics{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.metric{display:flex;align-items:center;gap:var(--space-1)}.engagement-score{background:linear-gradient(135deg,#7f77ea 0%,#2fdcc0 100%)!important;color:#fff!important;padding:var(--space-1) var(--space-2)!important;border-radius:var(--radius-sm)!important;font-weight:var(--font-weight-bold)!important;box-shadow:0 2px 4px #7f77ea4d!important}.webinar-details-view{display:flex;flex-direction:column;gap:var(--space-6)}.webinar-details-header{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.webinar-details-header h2{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4) 0;color:var(--text-primary)}.webinar-details-meta{display:flex;flex-wrap:wrap;gap:var(--space-4)}.meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.attendees-section h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--text-primary)}.attendees-table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.attendees-table{width:100%;border-collapse:collapse}.attendees-table th,.attendees-table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--border-color)}.attendees-table th{background:var(--bg-secondary);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.attendees-table tbody tr:hover{background:var(--bg-secondary)}.attendee-name-cell{font-weight:var(--font-weight-medium);color:var(--text-primary)}.duration-cell{font-family:monospace;text-align:center;font-weight:var(--font-weight-medium)}.upload-button{background:#7f77ea!important;color:#fff!important;border:1px solid #7f77ea!important;padding:12px 24px!important;border-radius:8px!important;font-weight:600!important;font-size:16px!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-top:16px!important;width:100%!important;max-width:300px!important}.upload-button:hover:not(:disabled){background:#6b63d6!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #7f77ea4d!important}.upload-button:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}@media (max-width: 768px){.webinar-dashboard-section{padding:var(--space-4)}.webinar-nav-tabs{flex-direction:column;gap:var(--space-1)}.nav-tab{justify-content:center}.webinar-metrics-grid{grid-template-columns:1fr}.webinars-header{flex-direction:column;gap:var(--space-4);align-items:stretch}.webinars-table-container,.attendees-table-container{overflow-x:auto}.webinars-table,.attendees-table{min-width:600px}.webinar-stats{flex-direction:column;gap:var(--space-2)}.top-webinar-item,.attendee-stat-item{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.attendee-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.sort-buttons{width:100%;justify-content:center}.attendee-metrics{gap:var(--space-2)}.sort-buttons{flex-wrap:wrap;gap:var(--space-2);justify-content:center}.sort-btn{min-width:120px}.webinar-details-meta{flex-direction:column;gap:var(--space-2)}.meta-item{justify-content:center}}.view-more-attendees{text-align:center;margin-top:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-md)}.view-more-attendees p{margin:0 0 var(--space-3) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.view-all-btn{background:var(--accent-color);color:#fff;border:none;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease}.view-all-btn:hover{background:var(--accent-color-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.attendees-view{display:flex;flex-direction:column;gap:var(--space-6)}.attendees-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.attendees-header h2{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:0;color:var(--text-primary)}.attendees-stats-list{display:flex;flex-direction:column;gap:var(--space-3)}.attendee-stat-item.full{padding:var(--space-5);border-radius:var(--radius-lg);transition:all .2s ease}.attendee-stat-item.full:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.attendee-stat-item.full .attendee-info{flex:1}.attendee-stat-item.full .attendee-metrics{margin-top:var(--space-3);flex-direction:column;align-items:flex-start;gap:var(--space-2)}.attendee-stat-item.full .metric{display:block;padding:var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.dashboard{min-height:100vh;background-color:var(--bg-primary);padding:var(--space-6)}.dashboard-content{max-width:var(--container-max-width);margin:0 auto}.modern-header{background:linear-gradient(90deg,#7f77ea 0%,#2fdcc0 100%);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.2);margin:0 auto var(--space-8) auto;max-width:var(--container-max-width);box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px #ffffff40;border-radius:9999px;position:relative;overflow:hidden}.modern-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.05) 30%,transparent 60%,rgba(74,144,226,.1) 100%);pointer-events:none}.header-content{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-6);position:relative;z-index:1;min-height:56px}.header-left{display:flex;align-items:center}.logo-section{display:flex;align-items:center;gap:var(--space-3)}.header-logo.logo--large{width:150px;height:42px;border-radius:6px}.logo-placeholder{width:40px;height:40px;background:rgba(255,255,255,.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.brand-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.08);letter-spacing:-.01em;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header-right{display:flex;align-items:center}.header-nav{display:flex;align-items:center;gap:var(--space-4)}.modern-select{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:var(--transition-fast)}.modern-select:hover{background:rgba(255,255,255,.2);border-color:#fff6}.modern-select:focus{outline:none;background:rgba(255,255,255,.25);border-color:#fff9;box-shadow:0 0 0 3px #ffffff1a}.modern-select option{background:#4A90E2;color:#fff}.modern-btn{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 2px rgba(0,0,0,.1)}.modern-btn:hover:not(:disabled){background:rgba(255,255,255,.25);border-color:#fff6;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.modern-btn:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.modern-btn:disabled{background:rgba(255,255,255,.1);border-color:#fff3;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.dashboard-controls{display:flex;gap:var(--space-4);align-items:center}.time-range-selector{display:flex;align-items:center;gap:var(--space-3)}.time-range-selector .time-range-label{font-weight:var(--font-weight-medium);color:#ffffffe6;font-size:var(--font-size-sm);text-shadow:0 1px 2px rgba(0,0,0,.2)}.time-range-selector select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--bg-secondary);color:var(--text-primary);min-width:140px;transition:var(--transition-fast)}.time-range-selector select:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 3px #00d4ff1a}.sync-button{background:linear-gradient(135deg,var(--color-accent-blue) 0%,var(--color-accent-blue-dark) 100%);color:var(--color-white);border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:var(--transition-fast);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--space-2)}.sync-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.sync-button:disabled{background:var(--color-gray-400);cursor:not-allowed;transform:none;box-shadow:none}.loading{text-align:center;padding:var(--space-10);font-size:var(--font-size-lg);color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.loading-content{display:flex;flex-direction:column;gap:var(--space-8);animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.metric-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.metric-card{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(0,212,255,.03) 100%);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);position:relative;overflow:hidden;transition:var(--transition-base)}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent-blue) 0%,var(--color-accent-green) 100%)}.metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--border-accent)}.metric-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.metric-icon{font-size:var(--font-size-2xl);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.metric-card h3{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05rem;flex:1}.metric-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.metric-subtitle{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0;font-weight:var(--font-weight-normal)}.trend-icon{font-size:var(--font-size-xl);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-8);margin-bottom:var(--space-8)}.chart-section,.rankings-section{background:var(--bg-card);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);position:relative;overflow:hidden;transition:var(--transition-base)}.chart-section:before,.rankings-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent-blue) 0%,var(--color-accent-orange) 100%)}.chart-section:hover,.rankings-section:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.chart-section h2,.rankings-section h2{margin:0 0 var(--space-6) 0;color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.chart-controls,.rankings-controls{margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3)}.chart-controls label,.rankings-controls label{font-weight:var(--font-weight-medium);color:var(--text-secondary);font-size:var(--font-size-sm)}.chart-controls select,.rankings-controls select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--bg-secondary);color:var(--text-primary);transition:var(--transition-fast)}.chart-controls select:focus,.rankings-controls select:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 3px #00d4ff1a}.chart-loading,.rankings-loading{text-align:center;padding:var(--space-16) var(--space-6);color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.rankings-list{max-height:500px;overflow-y:auto;padding-right:var(--space-2)}.rankings-list::-webkit-scrollbar{width:6px}.rankings-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}.rankings-list::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}.rankings-list::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.ranking-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);transition:var(--transition-fast)}.ranking-item:hover{background:var(--bg-secondary);border-color:var(--border-accent);transform:translate(4px);box-shadow:var(--shadow-md)}.ranking-item:last-child{margin-bottom:0}.ranking-item{animation:slideUp var(--transition-base) ease-out;animation-fill-mode:both}.ranking-item--top{background:linear-gradient(135deg,rgba(0,212,255,.1) 0%,rgba(0,255,136,.1) 100%);border-color:var(--color-accent-blue);position:relative}.ranking-item--top:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-accent-blue) 0%,var(--color-accent-green) 100%);border-radius:var(--radius-full)}.rank-badge{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent-blue) 0%,var(--color-accent-green) 100%);color:var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-md);position:relative;z-index:1}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-shadow:var(--shadow-sm);border:2px solid var(--color-white)}.achievement-badge{font-size:var(--font-size-xl);position:absolute;top:var(--space-2);right:var(--space-3);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.no-data{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.no-data-icon{font-size:var(--font-size-5xl);filter:grayscale(1);opacity:.5}.no-data h3{margin:0;color:var(--text-secondary);font-size:var(--font-size-xl)}.no-data p{margin:0;color:var(--text-tertiary);font-size:var(--font-size-base);text-align:center}.user-info{flex:1}.user-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2);font-size:var(--font-size-lg)}.user-stats{display:flex;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--text-secondary)}.stat{display:flex;align-items:center;gap:var(--space-1)}.rankings-list .stat{display:flex;align-items:center;gap:var(--space-1);margin-right:var(--space-2)}.stat-icon{font-size:var(--font-size-sm)}.rankings-list .stat-label{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.rankings-list .stat-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.no-data{text-align:center;padding:var(--space-10);color:var(--text-tertiary);font-style:italic;font-size:var(--font-size-lg);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:2px dashed var(--border-secondary)}.no-channels-message{text-align:center;padding:var(--space-16) var(--space-10);background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);margin:var(--space-10) 0;position:relative;overflow:hidden}.no-channels-message:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent-orange) 0%,var(--color-accent-red) 100%)}.no-channels-message h2{color:var(--text-primary);margin-bottom:var(--space-4);font-size:var(--font-size-3xl)}.no-channels-message p{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-8)}.setup-instructions{background:var(--bg-tertiary);padding:var(--space-6);border-radius:var(--radius-lg);text-align:left;max-width:600px;margin:0 auto;border:1px solid var(--border-primary)}.setup-instructions h3{color:var(--text-primary);margin-bottom:var(--space-4);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.setup-instructions ol{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.setup-instructions li{margin-bottom:var(--space-2)}.setup-instructions code{background:var(--color-gray-200);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-accent-blue-dark);border:1px solid var(--border-primary)}.channel-breakdown-section{margin-top:var(--space-8)}.channel-breakdown-section h2{margin-bottom:var(--space-6);color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.top-posts-section,.user-activation-section{margin-top:var(--space-8)}.channel-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6)}.channel-card{background:var(--bg-card);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);display:flex;align-items:center;gap:var(--space-4);position:relative;overflow:hidden;transition:var(--transition-base)}.channel-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent-green) 0%,var(--color-accent-blue) 100%)}.channel-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--border-accent)}.channel-rank{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-white);min-width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent-blue) 0%,var(--color-accent-green) 100%);border-radius:var(--radius-full);box-shadow:var(--shadow-md)}.channel-info{flex:1}.channel-name{margin:0 0 var(--space-3) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.channel-stats{display:flex;gap:var(--space-4);flex-wrap:wrap}.channel-stats .stat{display:flex;flex-direction:column;gap:var(--space-1)}.stat-label{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05rem}.stat-value{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:var(--font-weight-bold)}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr;gap:var(--space-6)}.channel-breakdown-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.dashboard{padding:var(--space-4)}.modern-header{margin-left:0;margin-right:0;border-radius:var(--radius-xl)}.modern-header .header-content{flex-direction:column;gap:var(--space-4);align-items:center;padding:var(--space-4)}.header-left{justify-content:center}.brand-name{font-size:var(--font-size-xl)}.header-nav{flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.metric-cards{grid-template-columns:1fr;gap:var(--space-4)}.chart-section,.rankings-section{padding:var(--space-6)}.channel-breakdown-grid{grid-template-columns:1fr}.channel-card{flex-direction:column;text-align:center;gap:var(--space-3)}.rank-badge{align-self:center}}@media (max-width: 640px){.dashboard{padding:var(--space-3)}.dashboard-header{padding:var(--space-4)}.dashboard-header h1{font-size:var(--font-size-2xl)}.metric-card,.chart-section,.rankings-section{padding:var(--space-4)}.user-stats{flex-wrap:wrap;gap:var(--space-2)}.channel-stats{justify-content:center}}.top-posts{background:var(--bg-card);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);position:relative;overflow:hidden}.top-posts:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent-orange) 0%,var(--color-accent-red) 100%)}.top-posts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.top-posts-header h2{margin:0;color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.post-count{background:var(--bg-tertiary);color:var(--text-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.top-posts-loading{text-align:center;padding:var(--space-16) var(--space-6);color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.posts-list{max-height:600px;overflow-y:auto;padding-right:var(--space-2)}.posts-list::-webkit-scrollbar{width:6px}.posts-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}.posts-list::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}.posts-list::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.post-item{display:flex;gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);transition:var(--transition-fast);animation:slideUp var(--transition-base) ease-out}.post-item:hover{background:var(--bg-secondary);border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.post-item:last-child{margin-bottom:0}.post-item--top{background:linear-gradient(135deg,rgba(255,149,0,.1) 0%,rgba(255,71,87,.1) 100%);border-color:var(--color-accent-orange);position:relative}.post-item--top:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-accent-orange) 0%,var(--color-accent-red) 100%);border-radius:var(--radius-full)}.post-rank{width:32px;height:32px;background:linear-gradient(135deg,var(--color-accent-orange) 0%,var(--color-accent-red) 100%);color:var(--color-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);box-shadow:var(--shadow-sm);flex-shrink:0}.post-content{flex:1;min-width:0}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.post-meta{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.post-author{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm)}.post-channel{background:var(--color-accent-blue);color:var(--color-white);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.post-date{color:var(--text-tertiary);font-size:var(--font-size-xs)}.engagement-badge{display:flex;align-items:center;gap:var(--space-1);background:var(--bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border-secondary);cursor:help;transition:var(--transition-fast)}.engagement-badge:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm)}.engagement-icon{font-size:var(--font-size-base)}.engagement-value{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm)}.post-text{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3);font-size:var(--font-size-base)}.post-stats{display:flex;gap:var(--space-4)}.post-stats .stat{display:flex;align-items:center;gap:var(--space-1)}.post-stats .stat-icon{font-size:var(--font-size-sm)}.post-stats .stat-value{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm)}.post-stats .stat-label{color:var(--text-tertiary);font-size:var(--font-size-xs)}@media (max-width: 768px){.post-item{flex-direction:column;gap:var(--space-3)}.post-rank{align-self:flex-start}.post-header{flex-direction:column;gap:var(--space-2);align-items:flex-start}.post-meta{order:2}.engagement-badge{order:1;align-self:flex-start}}.user-activation{background:var(--bg-card);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);position:relative;overflow:hidden}.user-activation:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent-green) 0%,var(--color-accent-blue) 100%)}.activation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.activation-header h2{margin:0;color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.activation-summary{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-tertiary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.summary-text{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.trend-indicator{font-size:var(--font-size-lg)}.activation-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.activation-metric{background:var(--bg-tertiary);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-primary);transition:var(--transition-fast)}.activation-metric:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-accent)}.activation-metric .metric-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.activation-metric .metric-icon{font-size:var(--font-size-lg)}.activation-metric h3{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05rem}.activation-metric .metric-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.activation-metric .trend-icon{font-size:var(--font-size-lg)}.activation-metric .metric-subtitle{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0}.user-activation-loading{text-align:center;padding:var(--space-16) var(--space-6);color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.activation-chart{margin-bottom:var(--space-6)}.activation-chart h3{margin:0 0 var(--space-4) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.activation-insights{background:var(--bg-tertiary);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.activation-insights h4{margin:0 0 var(--space-3) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.activation-insights ul{margin:0;padding-left:var(--space-5)}.activation-insights li{margin-bottom:var(--space-2);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.activation-insights li:last-child{margin-bottom:0}@media (max-width: 768px){.activation-header{flex-direction:column;gap:var(--space-3);align-items:flex-start}.activation-metrics{grid-template-columns:1fr}.activation-chart{margin-bottom:var(--space-4)}}.hibob-metrics .metric-card{position:relative}.hibob-metrics .metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00D4FF 0%,#00FF88 100%)}.hibob-metrics .metric-card.headcount:before{background:linear-gradient(90deg,#00D4FF 0%,#0099FF 100%)}.hibob-metrics .metric-card.joiners:before{background:linear-gradient(90deg,#00FF88 0%,#00D4FF 100%)}.hibob-metrics .metric-card.leavers:before{background:linear-gradient(90deg,#FF4757 0%,#FF3838 100%)}.hibob-metrics .metric-card.tasks:before{background:linear-gradient(90deg,#FFA500 0%,#FF6B00 100%)}.hibob-metrics .metric-card.task-completion:before{background:linear-gradient(90deg,#00FF88 0%,#00D4FF 100%)}.hibob-metrics .metric-card.timeoff:before{background:linear-gradient(90deg,#9B59B6 0%,#8E44AD 100%)}.hibob-metrics .metric-card.timeoff-requests:before{background:linear-gradient(90deg,#3498DB 0%,#2980B9 100%)}.hibob-metrics .metric-card.engagement:before{background:linear-gradient(90deg,#E74C3C 0%,#C0392B 100%)}.hibob-metrics .metric-card:after{content:"";position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;border-radius:var(--radius-md);opacity:.1;background-size:20px;background-repeat:no-repeat;background-position:center}.hibob-metrics .metric-card.headcount:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300D4FF'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z'/%3E%3C/svg%3E")}.hibob-metrics .metric-card.joiners:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300FF88'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z'/%3E%3C/svg%3E")}.hibob-metrics .metric-card.leavers:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23FF4757'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1'/%3E%3C/svg%3E")}.hibob-metrics .metric-card.tasks:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23FFA500'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4'/%3E%3C/svg%3E")}.hibob-metrics .metric-card.task-completion:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300FF88'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}.hibob-metrics .metric-card.timeoff:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239B59B6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z'/%3E%3C/svg%3E")}.hibob-metrics .metric-card.timeoff-requests:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%233498DB'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'/%3E%3C/svg%3E")}.hibob-metrics .metric-card.engagement:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23E74C3C'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z'/%3E%3C/svg%3E")}.hibob-metrics .metric-card.skeleton{background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(0,212,255,.02) 100%)}.hibob-metrics .metric-card.skeleton .skeleton-title{height:14px;width:120px;margin-bottom:var(--space-3)}.hibob-metrics .metric-card.skeleton .skeleton-value{height:36px;width:80px;margin-bottom:var(--space-2)}.hibob-dashboard-section{margin-bottom:var(--space-8)}.hibob-dashboard-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.hibob-dashboard-section .section-header h2{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.hibob-dashboard-section .header-actions{display:flex;gap:var(--space-3)}.hibob-dashboard-section .last-updated{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--space-4)}.hibob-dashboard-section .error-message{background:var(--bg-card);border:1px solid var(--color-error);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.hibob-dashboard-section .error-message h3{color:var(--color-error);margin:0 0 var(--space-3) 0}.hibob-dashboard-section .error-message p{color:var(--text-secondary);margin:0 0 var(--space-4) 0}.hibob-dashboard-section .error-actions{display:flex;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-6)}.hibob-dashboard-section .setup-instructions{text-align:left;max-width:500px;margin:0 auto}.hibob-dashboard-section .setup-instructions h4{color:var(--text-primary);margin:0 0 var(--space-3) 0}.hibob-dashboard-section .setup-instructions ol{margin:0;padding-left:var(--space-5)}.hibob-dashboard-section .setup-instructions li{margin-bottom:var(--space-2);color:var(--text-secondary);font-size:var(--font-size-sm)}.hibob-insights{margin-top:var(--space-8)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.insight-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.insight-card h4{margin:0 0 var(--space-4) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.department-breakdown{display:flex;flex-direction:column;gap:var(--space-2)}.department-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.department-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.department-count{font-weight:var(--font-weight-bold);color:var(--color-accent-blue)}.activity-summary,.task-performance,.timeoff-trends{display:flex;flex-direction:column;gap:var(--space-3)}.activity-item,.performance-metric,.trend-metric{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--border-primary)}.activity-item:last-child,.performance-metric:last-child,.trend-metric:last-child{border-bottom:none}.activity-label,.metric-label,.trend-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.activity-value,.metric-value,.trend-value{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.activity-value.positive{color:var(--color-success)}.activity-value.negative{color:var(--color-error)}@media (max-width: 1024px){.hibob-dashboard-section .section-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.hibob-dashboard-section .header-actions{width:100%;justify-content:flex-end}.insights-grid{grid-template-columns:1fr}}@media (max-width: 640px){.hibob-dashboard-section .error-actions{flex-direction:column}.hibob-dashboard-section .error-actions .btn{width:100%}}.hibob-charts-section{margin-top:var(--space-8)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.chart-container{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.hibob-task-chart,.hibob-activity-chart{width:100%}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.chart-header h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.chart-controls{display:flex;gap:var(--space-3);align-items:center}.chart-type-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;font-size:var(--font-size-lg);transition:var(--transition-fast);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.chart-type-btn:hover{background:var(--bg-tertiary);border-color:var(--border-accent)}.chart-type-btn.active{background:var(--color-accent-blue);border-color:var(--color-accent-blue);color:var(--color-white)}.time-range-select{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary)}.time-range-select:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 3px #00d4ff1a}.chart-content{margin-bottom:var(--space-6)}.chart-loading,.chart-error,.chart-empty{display:flex;align-items:center;justify-content:center;height:400px;flex-direction:column;gap:var(--space-4)}.chart-loading .skeleton-chart{width:100%;height:100%;border-radius:var(--radius-lg)}.chart-error p,.chart-empty p{color:var(--text-secondary);font-size:var(--font-size-lg)}.chart-error .btn{margin-top:var(--space-4)}.chart-summary{display:flex;justify-content:space-around;padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-lg);flex-wrap:wrap;gap:var(--space-4)}.summary-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:120px}.summary-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.summary-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.custom-tooltip{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm)}.tooltip-label{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.tooltip-value{margin:var(--space-1) 0;color:var(--text-secondary)}@media (max-width: 1024px){.charts-grid{grid-template-columns:1fr}.chart-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.chart-controls{align-self:flex-end}}@media (max-width: 768px){.chart-summary{flex-direction:column;align-items:center}.summary-item{min-width:auto;width:100%}.chart-controls{flex-wrap:wrap;gap:var(--space-2)}.chart-type-btn{width:36px;height:36px;font-size:var(--font-size-base)}}.hibob-timeoff-section{margin-top:var(--space-8)}.timeoff-grid{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-6);margin-bottom:var(--space-8)}.timeoff-widget{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.whos-out-today{width:100%}.today-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.today-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.today-date{margin:var(--space-1) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.total-count{text-align:right}.count-number{display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.count-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.no-one-out{text-align:center;padding:var(--space-8) 0}.celebration-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.no-one-out p{margin:0;font-size:var(--font-size-lg);color:var(--text-secondary)}.portion-breakdown{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.portion-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-lg);min-width:80px;flex:1}.portion-icon{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.portion-count{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.portion-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center}.department-breakdown h4{margin:0 0 var(--space-4) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.dept-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--border-primary)}.dept-item:last-child{border-bottom:none}.dept-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.dept-count{font-weight:var(--font-weight-bold);color:var(--color-accent-blue)}.details-toggle{text-align:center;margin-bottom:var(--space-4)}.timeoff-details h4{margin:0 0 var(--space-4) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.employee-list{display:flex;flex-direction:column;gap:var(--space-3)}.employee-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.employee-info{display:flex;flex-direction:column;gap:var(--space-1)}.employee-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.employee-dept{font-size:var(--font-size-sm);color:var(--text-secondary)}.timeoff-info{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.timeoff-type{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.timeoff-portion{font-size:var(--font-size-xs);color:var(--text-secondary)}.hibob-calendar{width:100%}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.calendar-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.calendar-nav-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-size-lg);color:var(--text-primary);transition:var(--transition-fast)}.calendar-nav-btn:hover{background:var(--bg-tertiary);border-color:var(--border-accent)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:var(--space-6)}.calendar-weekday{padding:var(--space-3);text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-md)}.calendar-day{aspect-ratio:1;padding:var(--space-2);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-fast);position:relative;border:1px solid transparent}.calendar-day:hover{border-color:var(--border-accent);transform:scale(1.05)}.calendar-day.other-month{opacity:.3;background:var(--bg-tertiary)!important}.calendar-day.today{border:2px solid var(--color-accent-blue);font-weight:var(--font-weight-bold)}.calendar-day.has-timeoff{box-shadow:0 0 0 2px #ff3b3033}.day-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.timeoff-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-top:2px;padding:2px 4px;background:rgba(255,255,255,.8);border-radius:var(--radius-sm);min-width:16px;text-align:center}.calendar-legend{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-secondary)}.legend-color{width:16px;height:16px;border-radius:var(--radius-sm);border:1px solid var(--border-primary)}.calendar-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.calendar-modal{background:var(--bg-card);border-radius:var(--radius-xl);padding:0;max-width:500px;width:90%;max-height:80vh;overflow:hidden;box-shadow:var(--shadow-2xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border-primary)}.modal-header h4{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.modal-close{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--text-secondary);padding:var(--space-2);border-radius:var(--radius-md);transition:var(--transition-fast)}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-content{padding:var(--space-6);max-height:400px;overflow-y:auto}.no-timeoff{text-align:center;color:var(--text-secondary);margin:var(--space-8) 0}.timeoff-list{display:flex;flex-direction:column;gap:var(--space-3)}.timeoff-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.timeoff-details{display:flex;flex-direction:column;gap:var(--space-1)}.timeoff-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.timeoff-duration{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.loading-state .skeleton-card,.calendar-loading .skeleton-calendar{width:100%;height:300px;border-radius:var(--radius-lg)}@media (max-width: 1024px){.timeoff-grid{grid-template-columns:1fr}.portion-breakdown{justify-content:center}.calendar-grid{gap:1px}.calendar-day{padding:var(--space-1)}}@media (max-width: 768px){.today-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.total-count{text-align:left}.portion-breakdown{flex-direction:column;align-items:center}.portion-item{width:100%;max-width:200px}.calendar-legend{justify-content:flex-start;gap:var(--space-3)}.legend-item{font-size:var(--font-size-xs)}}@media (max-width: 640px){.timeoff-widget,.modal-content{padding:var(--space-4)}.calendar-modal{width:95%}}.tab-navigation{display:flex;background:var(--bg-secondary);border-radius:var(--radius-md);padding:4px;gap:4px;margin-right:var(--space-4)}.tab-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);position:relative}.tab-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-button.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 4px #0000001a}.tab-button.active:before{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:20px;height:2px;background:linear-gradient(90deg,var(--color-accent-blue) 0%,var(--color-accent-green) 100%);border-radius:var(--radius-full)}.tab-icon{font-size:var(--font-size-lg);line-height:1}@media (max-width: 1024px){.tab-navigation{margin-right:var(--space-3)}.tab-button{padding:var(--space-2);font-size:var(--font-size-xs)}.tab-button span:not(.tab-icon){display:none}.tab-button .tab-icon{margin:0}}@media (max-width: 768px){.tab-navigation,.time-range-selector{margin-right:var(--space-2)}.time-range-selector .time-range-label{display:none}}@media (max-width: 640px){.header-nav{flex-wrap:wrap;gap:var(--space-2)}.tab-navigation{order:1;width:100%;justify-content:center}.time-range-selector{order:2}.sync-button{order:3}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-8);background:var(--bg-primary)}.error-boundary__container{background:var(--bg-card);padding:var(--space-10);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);border:1px solid var(--border-primary);text-align:center;max-width:600px;width:100%;position:relative;overflow:hidden}.error-boundary__container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-error) 0%,var(--color-warning) 100%)}.error-boundary__icon{font-size:4rem;margin-bottom:var(--space-6);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));animation:bounce 2s infinite}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-10px,0)}70%{transform:translate3d(0,-5px,0)}90%{transform:translate3d(0,-2px,0)}}.error-boundary__title{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4) 0;line-height:var(--line-height-tight)}.error-boundary__message{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 0 var(--space-8) 0;max-width:500px;margin-left:auto;margin-right:auto}.error-boundary__actions{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-8);flex-wrap:wrap}.error-boundary__button{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);border:none;display:flex;align-items:center;gap:var(--space-2);min-width:120px;justify-content:center}.error-boundary__button--primary{background:linear-gradient(135deg,var(--color-accent-blue) 0%,var(--color-accent-blue-dark) 100%);color:var(--color-white);box-shadow:var(--shadow-md)}.error-boundary__button--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.error-boundary__button--secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.error-boundary__button--secondary:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-accent);transform:translateY(-1px)}.error-boundary__button:active{transform:translateY(0)}.error-boundary__details{text-align:left;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:0;margin-top:var(--space-6);overflow:hidden}.error-boundary__summary{background:var(--bg-secondary);padding:var(--space-4);cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--text-primary);border-bottom:1px solid var(--border-primary);transition:var(--transition-fast);-webkit-user-select:none;user-select:none}.error-boundary__summary:hover{background:var(--bg-tertiary)}.error-boundary__error-info{padding:var(--space-4)}.error-boundary__error-info h3{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.error-boundary__error-info h3:not(:first-child){margin-top:var(--space-4)}.error-boundary__error-text{background:var(--color-gray-900);color:var(--color-gray-100);padding:var(--space-3);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-normal);overflow-x:auto;white-space:pre-wrap;margin:0;border:1px solid var(--color-gray-700)}@media (max-width: 768px){.error-boundary{padding:var(--space-4);min-height:50vh}.error-boundary__container{padding:var(--space-6)}.error-boundary__title{font-size:var(--font-size-2xl)}.error-boundary__message{font-size:var(--font-size-base)}.error-boundary__actions{flex-direction:column;align-items:stretch}.error-boundary__button{min-width:auto;width:100%}}@media (prefers-reduced-motion: reduce){.error-boundary__icon{animation:none}.error-boundary__button{transition:none}.error-boundary__button:hover,.error-boundary__button--primary:hover,.error-boundary__button--secondary:hover{transform:none}}.app{min-height:100vh;background-color:var(--bg-primary)}