*{box-sizing:border-box}:root{--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #818cf8;--primary-500: #667eea;--primary-600: #5a67d8;--primary-700: #4c51bf;--primary-800: #434190;--primary-900: #3c366b;--primary: #667eea;--border: #e0e0e0;--success-50: #ecfdf5;--success-100: #d1fae5;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--info-50: #eff6ff;--info-100: #dbeafe;--info-200: #bfdbfe;--info-500: #3b82f6;--info-600: #2563eb;--info-700: #1d4ed8;--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--surface-base: #ffffff;--surface-raised: #ffffff;--surface-overlay: rgba(255, 255, 255, .85);--surface-sunken: #f8fafc;--background-page: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--background-header: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--glass-background: rgba(255, 255, 255, .75);--glass-border: rgba(255, 255, 255, .4);--glass-shadow: 0 8px 32px rgba(102, 126, 234, .1);--glass-blur: blur(12px);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px 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);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06);--shadow-glow: 0 0 20px rgba(102, 126, 234, .3);--font-family-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", 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-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--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;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-tooltip: 1100}body{margin:0;padding:0;font-family:var(--font-family-sans);background:var(--background-page);color:var(--gray-800);min-height:100vh}html,body{height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-fade-in-up{animation:fadeInUp var(--transition-slow)}.animate-scale-in{animation:scaleIn var(--transition-smooth)}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.error-message{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-lg);color:var(--error-700);margin-top:var(--space-4);animation:fadeInDown var(--transition-smooth)}.loading-message{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--primary-200);border-radius:var(--radius-lg);color:var(--primary-700);margin-top:var(--space-4)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:var(--radius-full)}.badge-success{background:var(--success-100);color:var(--success-700)}.badge-success .badge-dot{background:var(--success-500)}.badge-warning{background:var(--warning-100);color:var(--warning-700)}.badge-warning .badge-dot{background:var(--warning-500)}.badge-error{background:var(--error-100);color:var(--error-700)}.badge-error .badge-dot{background:var(--error-500)}.badge-info{background:var(--info-100);color:var(--info-700)}.badge-info .badge-dot{background:var(--info-500)}.badge-neutral{background:var(--gray-100);color:var(--gray-700)}.badge-neutral .badge-dot{background:var(--gray-400)}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-primary .badge-dot{background:var(--primary-500)}.data-section{background:var(--surface-base);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);overflow:hidden;border:1px solid var(--gray-200);transition:box-shadow var(--transition-base)}.data-section:hover{box-shadow:var(--shadow-lg)}.section-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:linear-gradient(135deg,var(--surface-base),var(--gray-50));cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-base);border-bottom:1px solid transparent}.section-header:hover{background:linear-gradient(135deg,var(--gray-50),var(--gray-100))}.section-header.expanded{border-bottom:1px solid var(--gray-200)}.section-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-sm);flex-shrink:0}.section-icon svg{width:20px;height:20px}.section-title-group{flex:1;display:flex;align-items:center;gap:var(--space-3)}.section-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--gray-800)}.section-count{display:inline-flex;align-items:center;justify-content:center;background:var(--primary-100);color:var(--primary-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);min-width:24px}.toggle-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:var(--radius-full);color:var(--gray-600);transition:transform var(--transition-smooth),background var(--transition-base);flex-shrink:0}.toggle-icon.expanded{transform:rotate(180deg);background:var(--primary-100);color:var(--primary-600)}.toggle-icon svg{width:16px;height:16px}.summary{font-size:var(--font-size-sm);color:var(--gray-500);padding:var(--space-2) var(--space-4);background:var(--gray-100);border-radius:var(--radius-full);max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:auto}.section-content{padding:var(--space-6);background:var(--surface-base);animation:fadeInDown var(--transition-smooth)}.data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-3)}.data-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-3) var(--space-4);background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-100);transition:all var(--transition-fast)}.data-row:hover{background:var(--primary-50);border-color:var(--primary-100)}.data-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-600);min-width:140px;flex-shrink:0}.data-value{font-size:var(--font-size-sm);color:var(--gray-900);text-align:right;word-break:break-word}.nested-section{background:var(--surface-base);border-radius:var(--radius-lg);border:1px solid var(--gray-200);margin-bottom:var(--space-4);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.nested-section:hover{box-shadow:var(--shadow-md)}.nested-section:last-child{margin-bottom:0}.nested-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,var(--gray-50),var(--gray-100));cursor:pointer;transition:background var(--transition-base)}.nested-header:hover{background:linear-gradient(135deg,var(--gray-100),var(--gray-200))}.nested-header h3,.nested-header h5{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--gray-700)}.nested-content{padding:var(--space-5);background:var(--surface-base);animation:fadeIn var(--transition-base)}.child-section{margin-top:var(--space-5);padding:var(--space-5);background:var(--surface-sunken);border-radius:var(--radius-lg);border:1px dashed var(--gray-300)}.child-section h4,.child-section h5{margin:0 0 var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em}.info-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-5)}.info-card{background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth);animation:fadeInUp var(--transition-slow);animation-fill-mode:both}.info-card:nth-child(1){animation-delay:0ms}.info-card:nth-child(2){animation-delay:50ms}.info-card:nth-child(3){animation-delay:.1s}.info-card:nth-child(4){animation-delay:.15s}.info-card:nth-child(5){animation-delay:.2s}.info-card:nth-child(6){animation-delay:.25s}.info-card:nth-child(7){animation-delay:.3s}.info-card:nth-child(8){animation-delay:.35s}.info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,var(--primary-50),var(--primary-100));border-bottom:1px solid var(--primary-200)}.card-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.card-icon svg{width:16px;height:16px}.card-header h3{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-800)}.card-body{padding:var(--space-4) var(--space-5)}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-2) 0;border-bottom:1px solid var(--gray-100)}.info-row:last-child{border-bottom:none}.info-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--gray-500);flex-shrink:0;margin-right:var(--space-3)}.info-value{font-size:var(--font-size-sm);color:var(--gray-900);text-align:right;word-break:break-word}@media (max-width: 768px){.info-cards-grid{grid-template-columns:1fr;gap:var(--space-4)}.data-grid{grid-template-columns:1fr}.data-row{flex-direction:column;gap:var(--space-1)}.data-value{text-align:left}.section-header{padding:var(--space-4)}.section-icon{width:32px;height:32px}.section-header h2{font-size:var(--font-size-lg)}.summary{display:none}.nested-header{padding:var(--space-3) var(--space-4)}.nested-content,.section-content{padding:var(--space-4)}}@media (max-width: 480px){.section-icon{display:none}.card-header,.card-body{padding:var(--space-3)}}