:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-bg: #eff6ff;--color-success: #10b981;--color-success-bg: #d1fae5;--color-success-text: #065f46;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-danger: #ef4444;--color-danger-bg: #fef2f2;--color-danger-text: #b91c1c;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111111;--color-accent-blue: #6366f1;--color-accent-cyan: #06b6d4;--color-accent-purple: #8b5cf6;--color-accent-pink: #ec4899;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--page-padding: clamp(16px, 5vw, 32px);--content-max-width: 820px;--font-size-xs: .7rem;--font-size-sm: .8rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.35rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 9999px;--aside-width: 300px;--header-height: 50px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;color:var(--color-gray-900);background-color:#fff}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-layout{flex:1;display:flex;overflow:hidden}.report-aside{width:var(--aside-width);border-right:1px solid var(--color-gray-200);overflow-y:auto;background:#fff;flex-shrink:0}.report-main{flex:1;overflow-y:auto;background:var(--color-gray-50)}@media(max-width:767px){.report-aside{width:100%;border-right:none;display:none}.report-aside.active{display:block}.report-main{display:none}.report-main.active{display:block}}