:root{--color-primary-50: #E8F4FD;--color-primary-100: #C5E3FA;--color-primary-200: #9DCFF6;--color-primary-300: #75BBF2;--color-primary-400: #4DA7EE;--color-primary-500: #2593EA;--color-primary-600: #1E76BB;--color-primary-700: #17598C;--color-primary-800: #103C5E;--color-primary-900: #091F2F;--color-accent-50: #E6F7F7;--color-accent-100: #B3E8E8;--color-accent-200: #80D9D9;--color-accent-300: #4DCACA;--color-accent-400: #1ABBBB;--color-accent-500: #00A3A3;--color-accent-600: #008282;--color-accent-700: #006262;--color-accent-800: #004141;--color-accent-900: #002121;--color-success-50: #ECFDF5;--color-success-100: #D1FAE5;--color-success-200: #A7F3D0;--color-success-300: #6EE7B7;--color-success-400: #34D399;--color-success-500: #10B981;--color-success-600: #059669;--color-success-700: #047857;--color-success-800: #065F46;--color-success-900: #064E3B;--color-warning-50: #FFFBEB;--color-warning-100: #FEF3C7;--color-warning-200: #FDE68A;--color-warning-300: #FCD34D;--color-warning-400: #FBBF24;--color-warning-500: #F59E0B;--color-warning-600: #D97706;--color-warning-700: #B45309;--color-warning-800: #92400E;--color-warning-900: #78350F;--color-error-50: #FEF2F2;--color-error-100: #FEE2E2;--color-error-200: #FECACA;--color-error-300: #FCA5A5;--color-error-400: #F87171;--color-error-500: #EF4444;--color-error-600: #DC2626;--color-error-700: #B91C1C;--color-error-800: #991B1B;--color-error-900: #7F1D1D;--color-info-50: #EFF6FF;--color-info-100: #DBEAFE;--color-info-200: #BFDBFE;--color-info-300: #93C5FD;--color-info-400: #60A5FA;--color-info-500: #3B82F6;--color-info-600: #2563EB;--color-info-700: #1D4ED8;--color-info-800: #1E40AF;--color-info-900: #1E3A8A;--color-risk-minimal: #22C55E;--color-risk-minimal-bg: #DCFCE7;--color-risk-low: #84CC16;--color-risk-low-bg: #ECFCCB;--color-risk-medium: #F59E0B;--color-risk-medium-bg: #FEF3C7;--color-risk-high: #F97316;--color-risk-high-bg: #FFEDD5;--color-risk-critical: #EF4444;--color-risk-critical-bg: #FEE2E2;--color-neutral-0: #FFFFFF;--color-neutral-25: #FCFCFD;--color-neutral-50: #F8FAFC;--color-neutral-100: #F1F5F9;--color-neutral-200: #E2E8F0;--color-neutral-300: #CBD5E1;--color-neutral-400: #94A3B8;--color-neutral-500: #64748B;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1E293B;--color-neutral-900: #0F172A;--color-neutral-950: #020617;--surface-base: var(--color-neutral-0);--surface-raised: var(--color-neutral-0);--surface-overlay: var(--color-neutral-0);--surface-sunken: var(--color-neutral-50);--surface-muted: var(--color-neutral-100);--surface-backdrop: rgba(15, 23, 42, .5);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-tertiary: var(--color-neutral-500);--text-muted: var(--color-neutral-400);--text-inverse: var(--color-neutral-0);--text-link: var(--color-primary-600);--text-link-hover: var(--color-primary-700);--border-default: var(--color-neutral-200);--border-muted: var(--color-neutral-100);--border-strong: var(--color-neutral-300);--border-focus: var(--color-primary-500);--border-error: var(--color-error-500);--interactive-primary: var(--color-primary-600);--interactive-primary-hover: var(--color-primary-700);--interactive-primary-active: var(--color-primary-800);--interactive-secondary: var(--color-neutral-100);--interactive-secondary-hover: var(--color-neutral-200);--interactive-accent: var(--color-accent-500);--interactive-accent-hover: var(--color-accent-600);--status-success: var(--color-success-500);--status-success-bg: var(--color-success-50);--status-warning: var(--color-warning-500);--status-warning-bg: var(--color-warning-50);--status-error: var(--color-error-500);--status-error-bg: var(--color-error-50);--status-info: var(--color-info-500);--status-info-bg: var(--color-info-50);--ai-gradient-start: var(--color-accent-400);--ai-gradient-end: var(--color-primary-500);--ai-suggestion-bg: linear-gradient(135deg, var(--color-accent-50) 0%, var(--color-primary-50) 100%);--ai-confidence-high: var(--color-success-500);--ai-confidence-medium: var(--color-warning-500);--ai-confidence-low: var(--color-error-400);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--text-2xs: .625rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--sidebar-width: 256px;--sidebar-collapsed-width: 64px;--panel-width: 400px;--panel-width-lg: 560px;--header-height: 64px;--content-max-width: 1440px;--icon-xs: 12px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px;--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--border-width-thin: 1px;--border-width-default: 1px;--border-width-thick: 2px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-focus: 0 0 0 3px rgba(37, 147, 234, .4);--shadow-focus-error: 0 0 0 3px rgba(239, 68, 68, .4);--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-colors: color var(--duration-fast) var(--ease-in-out), background-color var(--duration-fast) var(--ease-in-out), border-color var(--duration-fast) var(--ease-in-out);--transition-opacity: opacity var(--duration-normal) var(--ease-in-out);--transition-transform: transform var(--duration-normal) var(--ease-out);--transition-all: all var(--duration-normal) var(--ease-in-out);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-overlay: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800}[data-theme=dark]{--surface-base: var(--color-neutral-900);--surface-raised: var(--color-neutral-800);--surface-overlay: var(--color-neutral-800);--surface-sunken: var(--color-neutral-950);--surface-muted: var(--color-neutral-800);--surface-backdrop: rgba(0, 0, 0, .7);--text-primary: var(--color-neutral-50);--text-secondary: var(--color-neutral-300);--text-tertiary: var(--color-neutral-400);--text-muted: var(--color-neutral-500);--text-inverse: var(--color-neutral-900);--text-link: var(--color-primary-400);--text-link-hover: var(--color-primary-300);--border-default: var(--color-neutral-700);--border-muted: var(--color-neutral-800);--border-strong: var(--color-neutral-600);--interactive-primary: var(--color-primary-500);--interactive-primary-hover: var(--color-primary-400);--interactive-primary-active: var(--color-primary-300);--interactive-secondary: var(--color-neutral-800);--interactive-secondary-hover: var(--color-neutral-700);--status-success-bg: rgba(16, 185, 129, .15);--status-warning-bg: rgba(245, 158, 11, .15);--status-error-bg: rgba(239, 68, 68, .15);--status-info-bg: rgba(59, 130, 246, .15);--color-risk-minimal-bg: rgba(34, 197, 94, .15);--color-risk-low-bg: rgba(132, 204, 22, .15);--color-risk-medium-bg: rgba(245, 158, 11, .15);--color-risk-high-bg: rgba(249, 115, 22, .15);--color-risk-critical-bg: rgba(239, 68, 68, .15);--ai-suggestion-bg: linear-gradient(135deg, rgba(0, 163, 163, .15) 0%, rgba(37, 147, 234, .15) 100%);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3)}[data-theme=high-contrast]{--text-primary: #000000;--text-secondary: #000000;--surface-base: #FFFFFF;--border-default: #000000;--border-strong: #000000;--interactive-primary: #0000EE;--interactive-primary-hover: #0000CC;--shadow-focus: 0 0 0 3px #000000}:root{--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-slower: 0ms}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--surface-sunken)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{margin-bottom:var(--space-4)}a{color:var(--text-link);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--text-link-hover);text-decoration:underline}code,pre,kbd,samp{font-family:var(--font-mono);font-size:.9em}code{padding:var(--space-0-5) var(--space-1);background-color:var(--surface-muted);border-radius:var(--radius-sm)}pre{padding:var(--space-4);background-color:var(--surface-muted);border-radius:var(--radius-lg);overflow-x:auto}pre code{padding:0;background:none}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-sunken)}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-neutral-600)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}::selection{background-color:var(--color-primary-200);color:var(--color-primary-900)}[data-theme=dark] ::selection{background-color:var(--color-primary-700);color:var(--color-primary-100)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-link{color:var(--text-link)}.text-success{color:var(--status-success)}.text-warning{color:var(--status-warning)}.text-error{color:var(--status-error)}.text-info{color:var(--status-info)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.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-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap: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-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.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)}.border{border:var(--border-width-default) solid var(--border-default)}.border-t{border-top:var(--border-width-default) solid var(--border-default)}.border-b{border-bottom:var(--border-width-default) solid var(--border-default)}.border-l{border-left:var(--border-width-default) solid var(--border-default)}.border-r{border-right:var(--border-width-default) solid var(--border-default)}.border-none{border:none}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.transition{transition:var(--transition-all)}.transition-colors{transition:var(--transition-colors)}.transition-opacity{transition:var(--transition-opacity)}.transition-transform{transition:var(--transition-transform)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.z-0{z-index:var(--z-base)}.z-10{z-index:10}.z-20{z-index:20}.z-dropdown{z-index:var(--z-dropdown)}.z-modal{z-index:var(--z-modal)}.z-tooltip{z-index:var(--z-tooltip)}.z-toast{z-index:var(--z-toast)}.card{background-color:var(--surface-base);border:var(--border-width-default) solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-body{padding:var(--space-4)}.card-header{padding:var(--space-4);border-bottom:var(--border-width-default) solid var(--border-default)}.card-footer{padding:var(--space-4);border-top:var(--border-width-default) solid var(--border-default)}.badge{display:inline-flex;align-items:center;padding:var(--space-0-5) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);border-radius:var(--radius-full)}.badge-success{background-color:var(--status-success-bg);color:var(--color-success-700)}.badge-warning{background-color:var(--status-warning-bg);color:var(--color-warning-700)}.badge-error{background-color:var(--status-error-bg);color:var(--color-error-700)}.badge-info{background-color:var(--status-info-bg);color:var(--color-info-700)}.badge-neutral{background-color:var(--surface-muted);color:var(--text-secondary)}.badge-risk-minimal{background-color:var(--color-risk-minimal-bg);color:var(--color-success-700)}.badge-risk-low{background-color:var(--color-risk-low-bg);color:var(--color-success-800)}.badge-risk-medium{background-color:var(--color-risk-medium-bg);color:var(--color-warning-800)}.badge-risk-high{background-color:var(--color-risk-high-bg);color:var(--color-warning-900)}.badge-risk-critical{background-color:var(--color-risk-critical-bg);color:var(--color-error-700)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-slideInRight{animation:slideInRight var(--duration-normal) var(--ease-out)}.animate-slideInUp{animation:slideInUp var(--duration-normal) var(--ease-out)}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-spin{animation:spin 1s linear infinite}.skeleton{background:linear-gradient(90deg,var(--surface-muted) 0%,var(--surface-sunken) 50%,var(--surface-muted) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@media (max-width: 768px){.md\:hidden{display:none}}@media (min-width: 768px){.md\:flex{display:flex}.md\:block{display:block}.md\:grid{display:grid}}@media (max-width: 1024px){.lg\:hidden{display:none}}@media (min-width: 1024px){.lg\:flex{display:flex}.lg\:block{display:block}.lg\:grid{display:grid}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}.card{box-shadow:none;border:1px solid #ccc}}