:root{--compliance-navy-900:#0d1b2a;--compliance-navy-800:#1b263b;--compliance-navy-700:#1e3a5f;--compliance-navy-600:#274c77;--compliance-navy-500:#2d5a87;--compliance-navy-400:#3d6e9e;--compliance-navy-300:#5b8aaf;--compliance-navy-200:#8fb4d2;--compliance-navy-100:#c5dae8;--compliance-navy-50:#e8f1f8;--compliance-accent:#3b82f6;--compliance-accent-light:#60a5fa;--compliance-accent-dark:#2563eb;--status-compliant:#22c55e;--status-compliant-bg:rgba(34,197,94,.1);--status-compliant-border:rgba(34,197,94,.3);--status-warning:#f59e0b;--status-warning-bg:rgba(245,158,11,.1);--status-warning-border:rgba(245,158,11,.3);--status-critical:#ef4444;--status-critical-bg:rgba(239,68,68,.1);--status-critical-border:rgba(239,68,68,.3);--status-info:#3b82f6;--status-info-bg:rgba(59,130,246,.1);--status-info-border:rgba(59,130,246,.3);--status-neutral:#64748b;--status-neutral-bg:rgba(100,116,139,.1);--status-neutral-border:rgba(100,116,139,.3);--surface-base:#f8fafc;--surface-elevated:#fff;--surface-muted:#f1f5f9;--surface-emphasis:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-on-dark:#f8fafc;--text-on-dark-muted:rgba(248,250,252,.7);--border-default:#e2e8f0;--border-subtle:#f1f5f9;--border-emphasis:#cbd5e1;--gradient-header:linear-gradient(135deg,#1e3a5f,#2d5a87);--gradient-header-hover:linear-gradient(135deg,#274c77,#3d6e9e);--gradient-accent:linear-gradient(135deg,#3b82f6,#60a5fa);--gradient-success:linear-gradient(135deg,#22c55e,#4ade80);--gradient-warning:linear-gradient(135deg,#f59e0b,#fbbf24);--gradient-critical:linear-gradient(135deg,#ef4444,#f87171);--shadow-sm:0 1px 2px rgba(13,27,42,.05);--shadow-md:0 4px 6px -1px rgba(13,27,42,.08),0 2px 4px -2px rgba(13,27,42,.04);--shadow-lg:0 10px 15px -3px rgba(13,27,42,.1),0 4px 6px -4px rgba(13,27,42,.05);--shadow-xl:0 20px 25px -5px rgba(13,27,42,.12),0 8px 10px -6px rgba(13,27,42,.06);--glow-accent:0 0 20px rgba(59,130,246,.15);--glow-success:0 0 20px rgba(34,197,94,.15);--glow-warning:0 0 20px rgba(245,158,11,.15);--glow-critical:0 0 20px rgba(239,68,68,.15);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--space-1:0.25rem;--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;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--duration-fast:150ms;--duration-normal:200ms;--duration-slow:300ms;--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1)}.compliance-card{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.compliance-card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.compliance-card-accent{border-left:4px solid var(--compliance-accent)}.compliance-card-success{border-left:4px solid var(--status-compliant)}.compliance-card-warning{border-left:4px solid var(--status-warning)}.compliance-card-critical{border-left:4px solid var(--status-critical)}.compliance-glass{background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.3)}.compliance-glass,.compliance-glass-dark{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.compliance-glass-dark{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15)}.compliance-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.compliance-badge-success{background:var(--status-compliant-bg);color:var(--status-compliant);border:1px solid var(--status-compliant-border)}.compliance-badge-warning{background:var(--status-warning-bg);color:#b45309;border:1px solid var(--status-warning-border)}.compliance-badge-critical{background:var(--status-critical-bg);color:var(--status-critical);border:1px solid var(--status-critical-border)}.compliance-badge-info{background:var(--status-info-bg);color:var(--status-info);border:1px solid var(--status-info-border)}.compliance-badge-neutral{background:var(--status-neutral-bg);color:var(--status-neutral);border:1px solid var(--status-neutral-border)}.compliance-skeleton{background:linear-gradient(90deg,var(--surface-muted) 0,var(--surface-base) 50%,var(--surface-muted) 100%);background-size:200% 100%;animation:compliance-shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes compliance-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.compliance-pulse{animation:compliance-pulse 2s ease-in-out infinite}@keyframes compliance-pulse{0%,to{opacity:1}50%{opacity:.5}}.compliance-focus:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-elevated),0 0 0 4px var(--compliance-accent)}.compliance-progress{height:8px;background:var(--surface-muted);border-radius:var(--radius-full);overflow:hidden}.compliance-progress-bar{height:100%;border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.compliance-progress-success{background:var(--gradient-success)}.compliance-progress-warning{background:var(--gradient-warning)}.compliance-progress-critical{background:var(--gradient-critical)}.compliance-progress-accent{background:var(--gradient-accent)}.compliance-header-pattern{position:relative;overflow:hidden}.compliance-header-pattern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='stripes' patternUnits='userSpaceOnUse' width='40' height='40' patternTransform='rotate(45)'%3E%3Cline x1='0' y1='0' x2='0' y2='40' stroke='rgba(255,255,255,0.03)' stroke-width='20'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23stripes)'/%3E%3C/svg%3E");pointer-events:none}.compliance-icon-box{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);border:1px solid hsla(0,0%,100%,.1)}.compliance-icon-box-sm{width:40px;height:40px}.compliance-icon-box-lg{width:56px;height:56px}.compliance-metric-value{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.02em}.compliance-metric-value-md{font-size:var(--text-2xl)}.compliance-metric-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.compliance-trend{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--font-medium)}.compliance-trend-up{color:var(--status-compliant)}.compliance-trend-down{color:var(--status-critical)}.compliance-trend-neutral{color:var(--text-muted)}.compliance-action-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.compliance-action-card:hover{border-color:var(--compliance-navy-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.compliance-action-card:hover .compliance-action-icon{background:var(--compliance-navy-100)}.compliance-action-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--surface-muted);border-radius:var(--radius-lg);color:var(--compliance-navy-600);transition:background var(--duration-normal) var(--ease-out)}.compliance-donut{position:relative;width:120px;height:120px}.compliance-donut,.compliance-donut-center{border-radius:50%;display:flex;align-items:center;justify-content:center}.compliance-donut-center{position:absolute;flex-direction:column;width:80px;height:80px;background:var(--surface-elevated);box-shadow:var(--shadow-sm)}@media (max-width:768px){.compliance-metric-value{font-size:var(--text-3xl)}.compliance-icon-box{width:40px;height:40px}}