:root{--teal-50:177 72% 96%;--teal-100:177 76% 92%;--teal-200:177 78% 82%;--teal-300:177 82% 68%;--teal-400:177 90% 50%;--teal-500:177 96% 36%;--teal-600:177 100% 26%;--teal-700:177 100% 22%;--teal-800:177 96% 17%;--teal-900:177 90% 12%;--navy-50:208 48% 96%;--navy-100:208 52% 90%;--navy-200:208 58% 78%;--navy-300:208 64% 62%;--navy-400:208 72% 44%;--navy-500:208 82% 30%;--navy-600:208 88% 22%;--navy-700:208 92% 17%;--navy-800:208 94% 14%;--navy-900:208 94% 12%;--gray-50:220 20% 98%;--gray-100:220 16% 95%;--gray-200:220 14% 90%;--gray-300:220 10% 78%;--gray-400:220 8% 62%;--gray-500:220 7% 46%;--gray-600:220 8% 36%;--gray-700:220 8% 28%;--gray-800:220 9% 18%;--gray-900:220 10% 12%;--gray-950:220 12% 8%;--status-pass-50:135 64% 96%;--status-pass-100:135 64% 92%;--status-pass-200:135 62% 82%;--status-pass-300:135 60% 70%;--status-pass-400:135 60% 58%;--status-pass-500:135 59% 49%;--status-pass-600:135 60% 40%;--status-pass-700:135 60% 32%;--status-pass-800:135 60% 24%;--status-pass-900:135 60% 16%;--status-fail-50:0 100% 97%;--status-fail-100:0 100% 94%;--status-fail-200:359 100% 86%;--status-fail-300:359 100% 76%;--status-fail-400:359 100% 68%;--status-fail-500:359 100% 61%;--status-fail-600:359 92% 50%;--status-fail-700:359 86% 40%;--status-fail-800:359 80% 30%;--status-fail-900:359 76% 20%;--status-manual-50:28 100% 96%;--status-manual-100:28 100% 92%;--status-manual-200:28 100% 82%;--status-manual-300:28 100% 72%;--status-manual-400:28 100% 64%;--status-manual-500:28 100% 58%;--status-manual-600:28 94% 48%;--status-manual-700:28 88% 38%;--status-manual-800:28 82% 28%;--status-manual-900:28 76% 18%;--status-na-50:240 6% 96%;--status-na-100:240 5% 92%;--status-na-200:240 4% 84%;--status-na-300:240 3% 72%;--status-na-400:240 3% 64%;--status-na-500:240 2% 57%;--status-na-600:240 3% 44%;--status-na-700:240 4% 32%;--status-na-800:240 5% 22%;--status-na-900:240 6% 14%;--space-0:0;--space-px:1px;--space-0_5:0.125rem;--space-1:0.25rem;--space-1_5:0.375rem;--space-2:0.5rem;--space-3:0.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:0.25rem;--radius-md:0.375rem;--radius-lg:0.625rem;--radius-xl:0.875rem;--radius-2xl:1.25rem;--radius-full:9999px;--radius:0.625rem;--text-xs-size:0.75rem;--text-xs-line:1rem;--text-sm-size:0.8125rem;--text-sm-line:1.125rem;--text-base-size:0.875rem;--text-base-line:1.25rem;--text-md-size:1rem;--text-md-line:1.5rem;--text-lg-size:1.125rem;--text-lg-line:1.75rem;--text-xl-size:1.25rem;--text-xl-line:1.75rem;--text-2xl-size:1.5rem;--text-2xl-line:2rem;--text-3xl-size:1.875rem;--text-3xl-line:2.25rem;--text-4xl-size:2.25rem;--text-4xl-line:2.5rem;--text-5xl-size:3rem;--text-5xl-line:3.25rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--shadow-xs:0 1px 2px 0 hsl(208 94% 12%/0.05);--shadow-sm:0 1px 3px 0 hsl(208 94% 12%/0.08),0 1px 2px 0 hsl(208 94% 12%/0.04);--shadow-md:0 4px 8px -2px hsl(208 94% 12%/0.10),0 2px 4px -2px hsl(208 94% 12%/0.05);--shadow-lg:0 10px 16px -4px hsl(208 94% 12%/0.10),0 4px 8px -4px hsl(208 94% 12%/0.06);--shadow-xl:0 20px 32px -8px hsl(208 94% 12%/0.12),0 8px 16px -8px hsl(208 94% 12%/0.08);--shadow-modal:0 25px 50px -12px hsl(208 94% 12%/0.25);--duration-fast:120ms;--duration-base:200ms;--duration-slow:320ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.7,0,0.84,0);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--z-base:0;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-popover:60;--z-toast:70;--rail-width-sm:80px;--rail-width-md:240px;--topbar-height:56px;--background:220 43% 97%;--surface:0 0% 100%;--surface-muted:220 25% 94%;--surface-accent:177 100% 95%;--surface-deep:208 60% 10%;--foreground:208 94% 12%;--foreground-muted:208 50% 24%;--foreground-subtle:208 22% 40%;--foreground-faint:208 18% 44%;--border:0 0% 85%;--border-strong:0 0% 78%;--border-subtle:0 0% 90%;--input:0 0% 85%;--ring:177 100% 26%;--primary:177 100% 26%;--primary-foreground:0 0% 100%;--primary-hover:177 100% 22%;--primary-soft:177 76% 94%;--primary-soft-fg:177 100% 18%;--secondary:215 25% 94%;--secondary-foreground:208 94% 12%;--accent:22 92% 50%;--accent-foreground:0 0% 100%;--muted:215 28% 92%;--muted-foreground:215 25% 32%;--popover:0 0% 100%;--popover-foreground:208 94% 12%;--card:0 0% 100%;--card-foreground:208 94% 12%;--destructive:0 72% 42%;--destructive-foreground:0 0% 100%;--destructive-soft:0 72% 94%;--destructive-soft-fg:0 72% 32%;--info:215 90% 50%;--info-foreground:0 0% 100%;--info-soft:215 95% 95%;--info-soft-fg:215 80% 28%;--success:135 59% 49%;--success-foreground:0 0% 100%;--success-soft:135 64% 94%;--success-soft-fg:135 60% 22%;--warning:28 100% 58%;--warning-foreground:0 0% 100%;--warning-soft:28 100% 93%;--warning-soft-fg:28 88% 28%;--status-pass:135 59% 49%;--status-pass-soft:135 64% 94%;--status-pass-soft-fg:135 60% 22%;--status-fail:359 100% 61%;--status-fail-soft:0 100% 95%;--status-fail-soft-fg:0 73% 32%;--status-manual:28 100% 58%;--status-manual-soft:28 100% 93%;--status-manual-soft-fg:28 88% 28%;--status-pass-strong:135 60% 32%;--status-fail-strong:359 86% 40%;--status-manual-strong:28 88% 38%;--status-na:240 2% 57%;--status-na-soft:220 8% 94%;--status-na-soft-fg:220 10% 28%}[data-brand=ockem]{--background:220 43% 97%;--surface:0 0% 100%;--surface-muted:220 25% 94%;--surface-accent:177 100% 95%;--foreground:208 94% 12%;--foreground-muted:208 50% 24%;--foreground-subtle:208 22% 40%;--primary:177 100% 26%;--primary-foreground:0 0% 100%;--primary-hover:177 100% 22%;--primary-soft:177 76% 94%;--primary-soft-fg:177 100% 18%;--accent:22 92% 50%;--accent-foreground:0 0% 100%;--ring:177 100% 26%;--info:215 90% 50%;--info-foreground:0 0% 100%;--info-soft:215 95% 95%;--info-soft-fg:215 80% 28%;--success:135 59% 49%;--success-foreground:0 0% 100%;--success-soft:135 64% 94%;--success-soft-fg:135 60% 22%;--warning:28 100% 58%;--warning-foreground:0 0% 100%;--warning-soft:28 100% 93%;--warning-soft-fg:28 88% 28%;--status-pass:135 59% 49%;--status-pass-soft:135 64% 94%;--status-pass-soft-fg:135 60% 22%;--status-fail:359 100% 61%;--status-fail-soft:0 100% 95%;--status-fail-soft-fg:0 73% 32%;--status-manual:28 100% 58%;--status-manual-soft:28 100% 93%;--status-manual-soft-fg:28 88% 28%;--status-pass-strong:135 60% 32%;--status-fail-strong:359 86% 40%;--status-manual-strong:28 88% 38%;--status-na:240 2% 57%;--status-na-soft:220 8% 94%;--status-na-soft-fg:220 10% 28%;--shadow-xs:0 1px 2px 0 hsl(208 94% 12%/0.05);--shadow-sm:0 1px 3px 0 hsl(208 94% 12%/0.08),0 1px 2px 0 hsl(208 94% 12%/0.04);--shadow-md:0 4px 8px -2px hsl(208 94% 12%/0.10),0 2px 4px -2px hsl(208 94% 12%/0.05);--shadow-lg:0 10px 16px -4px hsl(208 94% 12%/0.10),0 4px 8px -4px hsl(208 94% 12%/0.06);--shadow-xl:0 20px 32px -8px hsl(208 94% 12%/0.12),0 8px 16px -8px hsl(208 94% 12%/0.08);--shadow-modal:0 25px 50px -12px hsl(208 94% 12%/0.25)}[data-brand=ockem-proof]{--primary:177 100% 26%;--primary-foreground:0 0% 100%;--primary-hover:177 100% 22%;--primary-soft:177 76% 94%;--primary-soft-fg:177 100% 18%;--ring:177 100% 26%}[data-brand=ockem-audit]{--primary:28 100% 58%;--primary-foreground:208 94% 12%;--primary-hover:28 100% 52%;--primary-soft:28 100% 94%;--primary-soft-fg:28 88% 28%;--ring:28 100% 58%}[data-brand=ockem-read]{--primary:320 53% 45%;--primary-foreground:0 0% 100%;--primary-hover:320 53% 40%;--primary-soft:320 50% 95%;--primary-soft-fg:320 60% 25%;--ring:320 53% 45%}[data-brand=ockem-compliance]{--primary:162 88% 32%;--primary-foreground:0 0% 100%;--primary-hover:162 88% 27%;--primary-soft:162 60% 93%;--primary-soft-fg:162 90% 20%;--ring:162 88% 32%}[data-brand=ockem-proof-web]{--primary:210 100% 50%;--primary-foreground:0 0% 100%;--primary-hover:210 100% 45%;--primary-soft:210 100% 94%;--primary-soft-fg:210 80% 28%;--ring:210 100% 50%}[data-brand=ockem-web]{--primary:208 100% 50%;--primary-foreground:0 0% 100%;--primary-hover:208 100% 45%;--primary-soft:208 100% 94%;--primary-soft-fg:208 80% 28%;--ring:208 100% 50%}.dark{--background:220 18% 11%;--surface:220 16% 14%;--surface-muted:220 14% 18%;--surface-accent:177 40% 18%;--surface-deep:202 27% 6%;--foreground:220 15% 96%;--foreground-muted:220 12% 78%;--foreground-subtle:220 10% 58%;--foreground-faint:211 20% 55%;--border:220 10% 22%;--border-strong:220 12% 30%;--border-subtle:220 8% 18%;--input:220 10% 22%;--ring:177 60% 55%;--primary:177 60% 55%;--primary-foreground:220 22% 9%;--primary-hover:177 64% 62%;--primary-soft:177 35% 22%;--primary-soft-fg:177 80% 86%;--secondary:220 12% 22%;--secondary-foreground:220 15% 96%;--accent:22 82% 58%;--accent-foreground:220 22% 9%;--muted:220 12% 22%;--muted-foreground:220 10% 72%;--popover:220 14% 18%;--popover-foreground:220 15% 96%;--card:220 16% 14%;--card-foreground:220 15% 96%;--destructive:0 70% 55%;--destructive-foreground:0 0% 100%;--destructive-soft:0 50% 22%;--destructive-soft-fg:0 90% 88%;--info:215 80% 62%;--info-foreground:220 22% 9%;--info-soft:215 40% 22%;--info-soft-fg:215 90% 88%;--success:135 50% 58%;--success-foreground:220 22% 9%;--success-soft:135 30% 18%;--success-soft-fg:135 70% 84%;--warning:28 90% 62%;--warning-foreground:220 22% 9%;--warning-soft:28 40% 20%;--warning-soft-fg:28 96% 86%;--status-pass:135 50% 60%;--status-pass-soft:135 30% 18%;--status-pass-soft-fg:135 70% 84%;--status-fail:359 85% 65%;--status-fail-soft:359 40% 22%;--status-fail-soft-fg:359 90% 88%;--status-manual:28 90% 62%;--status-manual-soft:28 40% 20%;--status-manual-soft-fg:28 96% 86%;--status-pass-strong:135 60% 70%;--status-fail-strong:359 100% 76%;--status-manual-strong:28 100% 72%;--status-na:240 8% 62%;--status-na-soft:240 6% 22%;--status-na-soft-fg:240 10% 86%;--shadow-xs:0 1px 2px 0 hsl(220 22% 4%/0.30);--shadow-sm:0 1px 3px 0 hsl(220 22% 4%/0.40),0 1px 2px 0 hsl(220 22% 4%/0.20);--shadow-md:0 4px 8px -2px hsl(220 22% 4%/0.45),0 2px 4px -2px hsl(220 22% 4%/0.25);--shadow-lg:0 10px 16px -4px hsl(220 22% 4%/0.50),0 4px 8px -4px hsl(220 22% 4%/0.30);--shadow-xl:0 20px 32px -8px hsl(220 22% 4%/0.55),0 8px 16px -8px hsl(220 22% 4%/0.35);--shadow-modal:0 25px 50px -12px hsl(220 22% 4%/0.75)}.dark[data-brand=ockem]{--background:220 18% 11%;--surface:220 16% 14%;--surface-muted:220 14% 18%;--surface-accent:177 40% 18%;--foreground:220 15% 96%;--foreground-muted:220 12% 78%;--foreground-subtle:220 10% 58%;--primary:177 60% 55%;--primary-foreground:220 22% 9%;--primary-hover:177 64% 62%;--primary-soft:177 35% 22%;--primary-soft-fg:177 80% 86%;--accent:22 82% 58%;--accent-foreground:220 22% 9%;--ring:177 60% 55%;--info:215 80% 62%;--info-foreground:220 22% 9%;--info-soft:215 40% 22%;--info-soft-fg:215 90% 88%;--success:135 50% 58%;--success-foreground:220 22% 9%;--success-soft:135 30% 18%;--success-soft-fg:135 70% 84%;--warning:28 90% 62%;--warning-foreground:220 22% 9%;--warning-soft:28 40% 20%;--warning-soft-fg:28 96% 86%;--status-pass:135 50% 60%;--status-pass-soft:135 30% 18%;--status-pass-soft-fg:135 70% 84%;--status-fail:359 85% 65%;--status-fail-soft:359 40% 22%;--status-fail-soft-fg:359 90% 88%;--status-manual:28 90% 62%;--status-manual-soft:28 40% 20%;--status-manual-soft-fg:28 96% 86%;--status-pass-strong:135 60% 70%;--status-fail-strong:359 100% 76%;--status-manual-strong:28 100% 72%;--status-na:240 8% 62%;--status-na-soft:240 6% 22%;--status-na-soft-fg:240 10% 86%;--shadow-xs:0 1px 2px 0 hsl(220 22% 4%/0.30);--shadow-sm:0 1px 3px 0 hsl(220 22% 4%/0.40),0 1px 2px 0 hsl(220 22% 4%/0.20);--shadow-md:0 4px 8px -2px hsl(220 22% 4%/0.45),0 2px 4px -2px hsl(220 22% 4%/0.25);--shadow-lg:0 10px 16px -4px hsl(220 22% 4%/0.50),0 4px 8px -4px hsl(220 22% 4%/0.30);--shadow-xl:0 20px 32px -8px hsl(220 22% 4%/0.55),0 8px 16px -8px hsl(220 22% 4%/0.35);--shadow-modal:0 25px 50px -12px hsl(220 22% 4%/0.75)}.dark [data-brand=ockem-proof],.dark[data-brand=ockem-proof]{--primary:177 60% 55%;--primary-foreground:220 22% 9%;--primary-hover:177 64% 62%;--primary-soft:177 35% 22%;--primary-soft-fg:177 80% 86%;--ring:177 60% 55%}.dark [data-brand=ockem-audit],.dark[data-brand=ockem-audit]{--primary:28 95% 65%;--primary-foreground:220 22% 9%;--primary-hover:28 95% 70%;--primary-soft:28 40% 22%;--primary-soft-fg:28 95% 86%;--ring:28 95% 65%}.dark [data-brand=ockem-read],.dark[data-brand=ockem-read]{--primary:320 65% 65%;--primary-foreground:220 22% 9%;--primary-hover:320 65% 70%;--primary-soft:320 40% 22%;--primary-soft-fg:320 80% 88%;--ring:320 65% 65%}.dark [data-brand=ockem-compliance],.dark[data-brand=ockem-compliance]{--primary:162 70% 52%;--primary-foreground:220 22% 9%;--primary-hover:162 70% 58%;--primary-soft:162 40% 20%;--primary-soft-fg:162 80% 86%;--ring:162 70% 52%}.dark [data-brand=ockem-proof-web],.dark[data-brand=ockem-proof-web]{--primary:210 100% 65%;--primary-foreground:220 22% 9%;--primary-hover:210 100% 70%;--primary-soft:210 50% 22%;--primary-soft-fg:210 95% 88%;--ring:210 100% 65%}.dark [data-brand=ockem-web],.dark[data-brand=ockem-web]{--primary:208 95% 62%;--primary-foreground:220 22% 9%;--primary-hover:208 95% 68%;--primary-soft:208 50% 22%;--primary-soft-fg:208 95% 88%;--ring:208 95% 62%}:root{--ockem-navy:#02213C;--ockem-teal:#00857F;--ockem-audit:#FF8D28;--ockem-web:#0088FF;--ockem-media:#CB30E0;--ockem-pass:#00B050;--ockem-fail:#FF383C;--ockem-manual:#FF8D28;--ockem-na:#8E8E93;--ockem-gray-text:#595959;--ockem-gray-line:#E5E7EB;--ockem-bg:#FFFFFF}body{font-family:var(--font-inter,"Inter",system-ui,sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}