:root{--font-letter-spacing-wider:0.05em;--font-letter-spacing-wide:0.025em;--font-letter-spacing-normal:0em;--font-letter-spacing-tight:-0.025em;--font-letter-spacing-tighter:-0.05em;--font-line-height-loose:2;--font-line-height-relaxed:1.625;--font-line-height-normal:1.5;--font-line-height-snug:1.375;--font-line-height-tight:1.25;--font-line-height-none:1;--font-weight-bold:700;--font-weight-semibold:600;--font-weight-medium:500;--font-weight-normal:400;--font-size-6xl:3.75rem;--font-size-5xl:3rem;--font-size-4xl:2.25rem;--font-size-3xl:1.875rem;--font-size-2xl:1.5rem;--font-size-xl:1.25rem;--font-size-lg:1.125rem;--font-size-base:1rem;--font-size-sm:0.875rem;--font-size-xs:0.75rem;--font-family-brand:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-family-mono:'JetBrains Mono','Fira Code',Consolas,monospace;--font-family-serif:Georgia,'Times New Roman',serif;--font-family-sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--size-screen:100rem;--size-full:100rem;--size-7xl:80rem;--size-6xl:72rem;--size-5xl:64rem;--size-4xl:56rem;--size-3xl:48rem;--size-2xl:42rem;--size-xl:36rem;--size-lg:32rem;--size-md:28rem;--size-sm:24rem;--size-xs:20rem;--spacing-3-5:0.875rem;--spacing-2-5:0.625rem;--spacing-1-5:0.375rem;--spacing-0-5:0.125rem;--spacing-px:1px;--spacing-96:24rem;--spacing-80:20rem;--spacing-72:18rem;--spacing-64:16rem;--spacing-56:14rem;--spacing-48:12rem;--spacing-40:10rem;--spacing-36:9rem;--spacing-32:8rem;--spacing-28:7rem;--spacing-24:6rem;--spacing-20:5rem;--spacing-16:4rem;--spacing-14:3.5rem;--spacing-12:3rem;--spacing-11:2.75rem;--spacing-10:2.5rem;--spacing-9:2.25rem;--spacing-8:2rem;--spacing-7:1.75rem;--spacing-6:1.5rem;--spacing-5:1.25rem;--spacing-4:1rem;--spacing-3:0.75rem;--spacing-2:0.5rem;--spacing-1:0.25rem;--spacing-0:0;--focus-ring:0 0 0 3px rgba(229,90,43,0.2);--overlay-backdrop:rgba(0,0,0,0.4);--shadow-glow-danger:0 4px 12px rgba(248,81,73,0.3);--shadow-glow-success:0 6px 20px rgba(63,185,80,0.3);--shadow-glow-primary-lg:0 6px 20px rgba(229,90,43,0.35);--shadow-glow-primary:0 4px 12px rgba(229,90,43,0.3);--shadow-inner:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);--shadow-2xl:0 25px 50px -12px rgb(0 0 0 / 0.25);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-sm:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-xs:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-none:none;--z-index-tooltip:1100;--z-index-modal:1000;--z-index-modal-backdrop:900;--z-index-fixed:300;--z-index-sticky:200;--z-index-dropdown:100;--animation-timing-bounce:cubic-bezier(0.34,1.56,0.64,1);--animation-timing-spring:cubic-bezier(0.68,-0.55,0.265,1.55);--animation-duration-slow:600ms;--animation-duration-normal:400ms;--animation-duration-fast:200ms;--transition-reduced-motion-timing:linear;--transition-reduced-motion-duration:0ms;--transition-timing-linear:linear;--transition-timing-ease-in-out:ease-in-out;--transition-timing-ease-out:ease-out;--transition-timing-ease-in:ease-in;--transition-timing-ease:ease;--transition-duration-slower:500ms;--transition-duration-slow:300ms;--transition-duration-normal:200ms;--transition-duration-fast:150ms;--transition-duration-instant:0ms;--grid-columns-auto:auto;--grid-columns-12:repeat(12,minmax(0,1fr));--grid-columns-6:repeat(6,minmax(0,1fr));--grid-columns-5:repeat(5,minmax(0,1fr));--grid-columns-4:repeat(4,minmax(0,1fr));--grid-columns-3:repeat(3,minmax(0,1fr));--grid-columns-2:repeat(2,minmax(0,1fr));--grid-columns-1:repeat(1,minmax(0,1fr));--layout-line-clamp-6:6;--layout-line-clamp-5:5;--layout-line-clamp-4:4;--layout-line-clamp-3:3;--layout-line-clamp-2:2;--layout-line-clamp-1:1;--layout-aspect-ratio-golden:1.618 / 1;--layout-aspect-ratio-ultrawide:21 / 9;--layout-aspect-ratio-landscape:4 / 3;--layout-aspect-ratio-portrait:3 / 4;--layout-aspect-ratio-video:16 / 9;--layout-aspect-ratio-square:1 / 1;--layout-max-height-fit:fit-content;--layout-max-height-max:max-content;--layout-max-height-min:min-content;--layout-max-height-screen:100vh;--layout-min-width-full:100%;--layout-min-width-lg:1024px;--layout-min-width-md:768px;--layout-min-width-sm:640px;--layout-min-width-xs:320px;--layout-min-width-0:0px;--layout-max-width-screen:100vw;--layout-max-width-full:100%;--layout-max-width-prose:65ch;--layout-max-width-3xl:1920px;--layout-max-width-2xl:1536px;--layout-max-width-xl:1280px;--layout-max-width-lg:1024px;--layout-max-width-md:768px;--layout-max-width-sm:640px;--layout-max-width-xs:320px;--color-text-tertiary:#6e7681;--color-text-secondary:#8b949e;--color-text-primary:#f0f6fc;--color-surface-elevated:#30363d;--color-surface-tertiary:#21262d;--color-surface-secondary:#161b22;--color-surface-primary:#0d1117;--color-foreground-on-emphasis:#ffffff;--color-background-default:#ffffff;--color-risk-unknown-border:rgba(139,148,158,0.3);--color-risk-unknown-subtle:rgba(139,148,158,0.15);--color-risk-unknown-base:#8b949e;--color-risk-low-border:rgba(63,185,80,0.3);--color-risk-low-subtle:rgba(63,185,80,0.15);--color-risk-low-base:#3fb950;--color-risk-medium-border:rgba(210,153,34,0.3);--color-risk-medium-subtle:rgba(210,153,34,0.15);--color-risk-medium-base:#d29922;--color-risk-high-border:rgba(248,81,73,0.3);--color-risk-high-subtle:rgba(248,81,73,0.15);--color-risk-high-base:#ff7b72;--color-risk-critical:#f85149;--color-accent-info-border:rgba(0,123,255,0.3);--color-accent-info-hover:rgba(0,123,255,0.25);--color-accent-info-subtle:rgba(0,123,255,0.15);--color-accent-info-base:#007bff;--color-accent-destructive-border:rgba(220,53,69,0.3);--color-accent-destructive-hover:rgba(220,53,69,0.25);--color-accent-destructive-subtle:rgba(220,53,69,0.15);--color-accent-destructive-base:#dc3545;--color-accent-neutral-border:rgba(139,148,158,0.3);--color-accent-neutral-hover:rgba(139,148,158,0.25);--color-accent-neutral-muted:rgba(139,148,158,0.15);--color-accent-neutral-subtle:rgba(139,148,158,0.1);--color-accent-neutral-base:#8b949e;--color-accent-danger-border:rgba(248,81,73,0.3);--color-accent-danger-hover:rgba(248,81,73,0.25);--color-accent-danger-muted:rgba(248,81,73,0.15);--color-accent-danger-subtle:rgba(248,81,73,0.1);--color-accent-danger-base:#f85149;--color-accent-warning-border:rgba(210,153,34,0.3);--color-accent-warning-hover:rgba(210,153,34,0.25);--color-accent-warning-muted:rgba(210,153,34,0.15);--color-accent-warning-subtle:rgba(210,153,34,0.1);--color-accent-warning-base:#d29922;--color-accent-success-border:rgba(63,185,80,0.3);--color-accent-success-hover:rgba(63,185,80,0.25);--color-accent-success-muted:rgba(63,185,80,0.15);--color-accent-success-subtle:rgba(63,185,80,0.1);--color-accent-success-base:#3fb950;--color-accent-secondary-border:rgba(88,166,255,0.3);--color-accent-secondary-hover:rgba(88,166,255,0.25);--color-accent-secondary-muted:rgba(88,166,255,0.15);--color-accent-secondary-subtle:rgba(88,166,255,0.1);--color-accent-secondary-base:#58a6ff;--color-accent-primary-focus:rgba(229,90,43,0.2);--color-accent-primary-border:rgba(229,90,43,0.3);--color-accent-primary-hover:rgba(229,90,43,0.25);--color-accent-primary-muted:rgba(229,90,43,0.15);--color-accent-primary-subtle:rgba(229,90,43,0.1);--color-primitive-pink-900:#831843;--color-primitive-pink-800:#9d174d;--color-primitive-pink-700:#be185d;--color-primitive-pink-600:#db2777;--color-primitive-pink-500:#ec4899;--color-primitive-pink-400:#f472b6;--color-primitive-pink-300:#f9a8d4;--color-primitive-pink-200:#fbcfe8;--color-primitive-pink-100:#fce7f3;--color-primitive-pink-50:#fdf2f8;--color-primitive-cyan-900:#164e63;--color-primitive-cyan-800:#155e75;--color-primitive-cyan-700:#0e7490;--color-primitive-cyan-600:#0891b2;--color-primitive-cyan-500:#06b6d4;--color-primitive-cyan-400:#22d3ee;--color-primitive-cyan-300:#67e8f9;--color-primitive-cyan-200:#a5f3fc;--color-primitive-cyan-100:#cffafe;--color-primitive-cyan-50:#ecfeff;--color-primitive-indigo-900:#312e81;--color-primitive-indigo-800:#3730a3;--color-primitive-indigo-700:#4338ca;--color-primitive-indigo-600:#4f46e5;--color-primitive-indigo-500:#6366f1;--color-primitive-indigo-400:#818cf8;--color-primitive-indigo-300:#a5b4fc;--color-primitive-indigo-200:#c7d2fe;--color-primitive-indigo-100:#e0e7ff;--color-primitive-indigo-50:#eef2ff;--color-primitive-purple-900:#581c87;--color-primitive-purple-800:#6b21a8;--color-primitive-purple-700:#7e22ce;--color-primitive-purple-600:#9333ea;--color-primitive-purple-500:#a855f7;--color-primitive-purple-400:#c084fc;--color-primitive-purple-300:#d8b4fe;--color-primitive-purple-200:#e9d5ff;--color-primitive-purple-100:#f3e8ff;--color-primitive-purple-50:#faf5ff;--color-primitive-orange-900:#7c2d12;--color-primitive-orange-800:#9a3412;--color-primitive-orange-700:#d2401e;--color-primitive-orange-600:#e55a2b;--color-primitive-orange-500:#ff6b35;--color-primitive-orange-400:#ff8c42;--color-primitive-orange-300:#fdba74;--color-primitive-orange-200:#fed7aa;--color-primitive-orange-100:#ffedd5;--color-primitive-orange-50:#fff7ed;--color-primitive-amber-900:#78350f;--color-primitive-amber-800:#92400e;--color-primitive-amber-700:#b45309;--color-primitive-amber-600:#d97706;--color-primitive-amber-500:#f59e0b;--color-primitive-amber-400:#fbbf24;--color-primitive-amber-300:#fcd34d;--color-primitive-amber-200:#fde68a;--color-primitive-amber-100:#fef3c7;--color-primitive-amber-50:#fffbeb;--color-primitive-red-900:#7f1d1d;--color-primitive-red-800:#991b1b;--color-primitive-red-700:#b91c1c;--color-primitive-red-600:#dc2626;--color-primitive-red-500:#ef4444;--color-primitive-red-400:#f87171;--color-primitive-red-300:#fca5a5;--color-primitive-red-200:#fecaca;--color-primitive-red-100:#fee2e2;--color-primitive-red-50:#fef2f2;--color-primitive-green-900:#14532d;--color-primitive-green-800:#166534;--color-primitive-green-700:#15803d;--color-primitive-green-600:#16a34a;--color-primitive-green-500:#22c55e;--color-primitive-green-400:#4ade80;--color-primitive-green-300:#86efac;--color-primitive-green-200:#bbf7d0;--color-primitive-green-100:#dcfce7;--color-primitive-green-50:#f0fdf4;--color-primitive-blue-900:#1e3a8a;--color-primitive-blue-800:#1e40af;--color-primitive-blue-700:#1d4ed8;--color-primitive-blue-600:#2563eb;--color-primitive-blue-500:#3b82f6;--color-primitive-blue-400:#60a5fa;--color-primitive-blue-300:#93c5fd;--color-primitive-blue-200:#bfdbfe;--color-primitive-blue-100:#dbeafe;--color-primitive-blue-50:#eff6ff;--color-primitive-gray-950:#09090b;--color-primitive-gray-900:#18181b;--color-primitive-gray-800:#27272a;--color-primitive-gray-700:#3f3f46;--color-primitive-gray-600:#52525b;--color-primitive-gray-500:#71717a;--color-primitive-gray-400:#a1a1aa;--color-primitive-gray-300:#d4d4d8;--color-primitive-gray-200:#e4e4e7;--color-primitive-gray-100:#f4f4f5;--color-primitive-gray-50:#fafafa;--container-max-width-full:100%;--container-2xl:1536px;--container-xl:1280px;--container-lg:1024px;--container-md:768px;--container-sm:640px;--breakpoint-2xl:1536px;--breakpoint-xl:1280px;--breakpoint-lg:1024px;--breakpoint-md:768px;--breakpoint-sm:640px;--breakpoint-xs:320px;--border-style-dotted:dotted;--border-style-dashed:dashed;--border-style-solid:solid;--border-radius-full:9999px;--border-radius-3xl:1.5rem;--border-radius-2xl:1rem;--border-radius-xl:0.75rem;--border-radius-lg:0.5rem;--border-radius-md:0.375rem;--border-radius-sm:0.125rem;--border-radius-none:0;--border-width-thick:4px;--border-width-medium:2px;--border-width-thin:1px;--border-width-none:0;--elevation-5:var(--shadow-2xl);--elevation-4:var(--shadow-xl);--elevation-3:var(--shadow-lg);--elevation-2:var(--shadow-md);--elevation-1:var(--shadow-sm);--elevation-0:var(--shadow-none);--flexbox-gap-xl:var(--spacing-8);--flexbox-gap-lg:var(--spacing-6);--flexbox-gap-md:var(--spacing-4);--flexbox-gap-sm:var(--spacing-3);--flexbox-gap-xs:var(--spacing-2);--grid-gap-xl:var(--spacing-8);--grid-gap-lg:var(--spacing-6);--grid-gap-md:var(--spacing-4);--grid-gap-sm:var(--spacing-3);--grid-gap-xs:var(--spacing-2);--color-border-accent:var(--color-primitive-orange-600);--color-border-emphasis:var(--color-primitive-gray-400);--color-border-muted:var(--color-primitive-gray-100);--color-border-default:var(--color-primitive-gray-200);--color-foreground-subtle:var(--color-primitive-gray-400);--color-foreground-muted:var(--color-primitive-gray-600);--color-foreground-default:var(--color-primitive-gray-900);--color-background-emphasis:var(--color-primitive-gray-900);--color-background-muted:var(--color-primitive-gray-100);--color-background-subtle:var(--color-primitive-gray-50);--color-accent-primary-base:var(--color-primitive-orange-600);--color-semantic-info:var(--color-primitive-blue-500);--color-semantic-error:var(--color-primitive-red-600);--color-semantic-warning:var(--color-primitive-amber-500);--color-semantic-success:var(--color-primitive-green-600);--color-semantic-secondary-hover:var(--color-primitive-gray-700);--color-semantic-secondary:var(--color-primitive-gray-600);--color-semantic-primary-hover:var(--color-primitive-blue-700);--color-semantic-primary:var(--color-primitive-blue-600);--container-max-width-2xl:var(--layout-max-width-2xl);--container-max-width-xl:var(--layout-max-width-xl);--container-max-width-lg:var(--layout-max-width-lg);--container-max-width-md:var(--layout-max-width-md);--container-max-width-sm:var(--layout-max-width-sm);--container-padding-desktop:var(--spacing-8);--container-padding-tablet:var(--spacing-6);--container-padding-mobile:var(--spacing-4);}.alert{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--border-radius-lg);border-width:var(--border-width-thin);border-style:var(--border-style-solid);font-family:var(--font-family-sans);font-size:var(--font-size-sm);line-height:var(--font-lineHeight-normal);}.alert-info{background:var(--color-primitive-blue-50);border-color:var(--color-primitive-blue-200);color:var(--color-primitive-blue-800);icon-color:var(--color-semantic-info);}.alert-success{background:var(--color-primitive-green-50);border-color:var(--color-primitive-green-200);color:var(--color-primitive-green-800);icon-color:var(--color-semantic-success);}.alert-warning{background:var(--color-primitive-amber-50);border-color:var(--color-primitive-amber-200);color:var(--color-primitive-amber-800);icon-color:var(--color-semantic-warning);}.alert-error{background:var(--color-primitive-red-50);border-color:var(--color-primitive-red-200);color:var(--color-primitive-red-800);icon-color:var(--color-semantic-error);}.alert-accent{background:var(--color-accent-primary-subtle);border-color:var(--color-accent-primary-border);color:var(--color-primitive-amber-900);icon-color:var(--color-accent-primary-base);}.alert__icon{width:var(--spacing-5);height:var(--spacing-5);flex-shrink:0;margin-top:var(--spacing-0-5);}.alert__content{flex:1;}.alert__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1);}.alert__description{opacity:0.9;}.alert__dismiss{margin-left:auto;padding:var(--spacing-1);border-radius:var(--border-radius-sm);cursor:pointer;opacity:0.7;}.alert__dismiss:hover{opacity:1;background:rgba(0,0,0,0.05);}.toast__container{position:fixed;z-index:100;display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);max-width:420px;width:100%;}.toast-top-right{top:0;right:0;}.toast-top-left{top:0;left:0;}.toast-top-center{top:0;left:50%;transform:translateX(-50%);}.toast-bottom-right{bottom:0;right:0;}.toast-bottom-left{bottom:0;left:0;}.toast-bottom-center{bottom:0;left:50%;transform:translateX(-50%);}.alert-modern{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--border-radius-lg);border-width:var(--border-width-thin);border-style:var(--border-style-solid);margin-bottom:var(--spacing-4);}.alert-modern__icon{font-size:var(--font-size-lg);flex-shrink:0;}.alert-modern__content{flex:1;}.alert-modern__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1);}.alert-modern-warning{background:var(--color-risk-medium-subtle);color:var(--color-risk-medium-base);border-color:var(--color-risk-medium-border);}.alert-modern-success{background:var(--color-risk-low-subtle);color:var(--color-risk-low-base);border-color:var(--color-risk-low-border);}.alert-modern-error{background:var(--color-risk-high-subtle);color:var(--color-risk-high-base);border-color:var(--color-risk-high-border);}.alert-modern-info{background:var(--color-accent-secondary-subtle);color:var(--color-accent-secondary-base);border-color:var(--color-accent-secondary-border);}.approval-container{background:var(--color-surface-secondary);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-border-default);border-radius:var(--border-radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-6);}.approval-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);}.approval-title{margin:0;color:var(--color-text-primary);font-family:var(--font-family-brand);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--font-letterSpacing-wider);}.approval-status-display{display:flex;align-items:center;gap:var(--spacing-3);}.status-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);}.status-badge{padding:var(--spacing-1-5) var(--spacing-3);border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-transform:capitalize;}.status-badge-unknown{background:rgba(139,146,169,0.15);color:#8b92a9;border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:rgba(139,146,169,0.3);}.status-badge-untracked{background:rgba(108,117,125,0.15);color:#6c757d;border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:rgba(108,117,125,0.3);}.status-badge-pending{background:var(--color-accent-warning-subtle);color:var(--color-accent-warning-base);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-accent-warning-border);}.status-badge-approved{background:var(--color-accent-success-subtle);color:var(--color-accent-success-base);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-accent-success-border);}.status-badge-denied{background:var(--color-accent-danger-subtle);color:var(--color-accent-danger-base);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-accent-danger-border);}.status-badge-error{background:rgba(255,0,0,0.15);color:#ff0000;border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:rgba(255,0,0,0.3);}.approval-actions{display:flex;gap:var(--spacing-3);flex-wrap:wrap;}.approval-button{padding:var(--spacing-2-5) var(--spacing-4);border-radius:var(--border-radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-2);transition:all var(--transition-duration-fast) var(--transition-timing-easeInOut);text-transform:uppercase;letter-spacing:var(--font-letterSpacing-wide);}.approval-button-request{background:var(--color-accent-warning-subtle);color:var(--color-accent-warning-base);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-accent-warning-border);}.approval-button-request:hover{background:rgba(255,193,7,0.25);border-color:rgba(255,193,7,0.5);}.approval-button-approve{background:var(--color-accent-success-subtle);color:var(--color-accent-success-base);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-accent-success-border);}.approval-button-approve:hover{background:rgba(63,185,80,0.25);border-color:rgba(63,185,80,0.5);}.approval-button-deny{background:var(--color-accent-danger-subtle);color:var(--color-accent-danger-base);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-accent-danger-border);}.approval-button-deny:hover{background:rgba(248,81,73,0.25);border-color:rgba(248,81,73,0.5);}.approval-button-delete{background:rgba(139,146,169,0.1);color:var(--color-text-secondary);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:rgba(139,146,169,0.2);}.approval-button-delete:hover{background:rgba(139,146,169,0.2);border-color:rgba(139,146,169,0.3);}.approval-notes{margin-top:var(--spacing-5);padding:var(--spacing-4);background:var(--color-surface-tertiary);border-radius:var(--border-radius-lg);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-border-default);}.approval-notes-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:var(--font-letterSpacing-wide);}.approval-notes-content{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--font-lineHeight-relaxed);}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1-5);padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:var(--spacing-1-5);padding-bottom:var(--spacing-1-5);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--font-letterSpacing-wider);border-width:var(--border-width-thin);border-style:var(--border-style-solid);white-space:nowrap;line-height:1;transition:all 150ms ease-in-out;}.badge-success{background:var(--color-accent-success-subtle);color:var(--color-accent-success-base);border-color:var(--color-accent-success-border);}.badge-danger{background:var(--color-accent-danger-subtle);color:var(--color-accent-danger-base);border-color:var(--color-accent-danger-border);}.badge-warning{background:var(--color-accent-warning-subtle);color:var(--color-accent-warning-base);border-color:var(--color-accent-warning-border);}.badge-info{background:var(--color-accent-secondary-subtle);color:var(--color-accent-secondary-base);border-color:var(--color-accent-secondary-border);}.badge-neutral{background:var(--color-accent-neutral-subtle);color:var(--color-accent-neutral-base);border-color:var(--color-accent-neutral-border);}.badge-primary{background:var(--color-accent-primary-subtle);color:var(--color-accent-primary-base);border-color:var(--color-accent-primary-border);}.badge-sm{padding-left:var(--spacing-2);padding-right:var(--spacing-2);padding-top:var(--spacing-1);padding-bottom:var(--spacing-1);font-size:0.65rem;gap:var(--spacing-1);}.badge-md{padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:var(--spacing-1-5);padding-bottom:var(--spacing-1-5);font-size:var(--font-size-xs);gap:var(--spacing-1-5);}.badge-lg{padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);font-size:var(--font-size-sm);gap:var(--spacing-2);}.badge__critical{background:var(--color-risk-high-subtle);color:var(--color-risk-critical);border-color:var(--color-risk-high-border);}.badge__high{background:var(--color-risk-high-subtle);color:var(--color-risk-high-base);border-color:var(--color-risk-high-border);}.badge__medium{background:var(--color-risk-medium-subtle);color:var(--color-risk-medium-base);border-color:var(--color-risk-medium-border);}.badge__low{background:var(--color-risk-low-subtle);color:var(--color-risk-low-base);border-color:var(--color-risk-low-border);}.badge__unknown{background:var(--color-risk-unknown-subtle);color:var(--color-risk-unknown-base);border-color:var(--color-risk-unknown-border);}.badge__critical{background:var(--color-risk-high-subtle);color:var(--color-risk-critical);border-color:var(--color-risk-high-border);}.badge__high{background:var(--color-risk-high-subtle);color:var(--color-risk-high-base);border-color:var(--color-risk-high-border);}.badge__medium{background:var(--color-risk-medium-subtle);color:var(--color-risk-medium-base);border-color:var(--color-risk-medium-border);}.badge__low{background:var(--color-risk-low-subtle);color:var(--color-risk-low-base);border-color:var(--color-risk-low-border);}.badge__info{background:var(--color-accent-neutral-subtle);color:var(--color-accent-neutral-base);border-color:var(--color-accent-neutral-border);}.badge__allowed{background:var(--color-accent-success-subtle);color:var(--color-accent-success-base);border-color:var(--color-accent-success-border);}.badge__denied{background:var(--color-accent-danger-subtle);color:var(--color-accent-danger-base);border-color:var(--color-accent-danger-border);}.badge__monitoring{background:var(--color-accent-secondary-subtle);color:var(--color-accent-secondary-base);border-color:var(--color-accent-secondary-border);}.badge__pending{background:var(--color-accent-warning-subtle);color:var(--color-accent-warning-base);border-color:var(--color-accent-warning-border);}.badge__active{background:var(--color-accent-success-subtle);color:var(--color-accent-success-base);border-color:var(--color-accent-success-border);}.badge__inactive{background:var(--color-accent-neutral-subtle);color:var(--color-accent-neutral-base);border-color:var(--color-accent-neutral-border);}.badge__error{background:var(--color-accent-danger-subtle);color:var(--color-accent-danger-base);border-color:var(--color-accent-danger-border);}.badge__safe{background:var(--color-accent-success-subtle);color:var(--color-accent-success-base);border-color:var(--color-accent-success-border);}.badge__production{background:var(--color-accent-primary-subtle);color:var(--color-accent-primary-base);border-color:var(--color-accent-primary-border);}.badge__destructive{background:var(--color-accent-destructive-subtle);color:var(--color-accent-destructive-base);border-color:var(--color-accent-destructive-border);}.badge__experimental{background:var(--color-accent-warning-subtle);color:var(--color-accent-warning-base);border-color:var(--color-accent-warning-border);}.badge__deprecated{background:var(--color-accent-neutral-subtle);color:var(--color-accent-neutral-base);border-color:var(--color-accent-neutral-border);}.badge__beta{background:var(--color-accent-info-subtle);color:var(--color-accent-info-base);border-color:var(--color-accent-info-border);}.badge__verified{background:var(--color-accent-success-subtle);color:var(--color-accent-success-base);border-color:var(--color-accent-success-border);}.badge__unverified{background:var(--color-accent-neutral-subtle);color:var(--color-accent-neutral-base);border-color:var(--color-accent-neutral-border);}.badge__immediate{background:rgba(220,38,38,0.15);color:#dc2626;border-color:rgba(220,38,38,0.4);}.badge__high{background:rgba(239,68,68,0.1);color:#ef4444;border-color:rgba(239,68,68,0.3);}.badge__medium{background:rgba(251,146,60,0.1);color:#fb923c;border-color:rgba(251,146,60,0.3);}.badge__low{background:rgba(34,197,94,0.1);color:#22c55e;border-color:rgba(34,197,94,0.3);}.badge__trivial{background:rgba(34,197,94,0.1);color:#22c55e;border-color:rgba(34,197,94,0.3);}.badge__easy{background:rgba(59,130,246,0.1);color:#3b82f6;border-color:rgba(59,130,246,0.3);}.badge__moderate{background:rgba(251,146,60,0.1);color:#fb923c;border-color:rgba(251,146,60,0.3);}.badge__complex{background:rgba(239,68,68,0.1);color:#ef4444;border-color:rgba(239,68,68,0.3);}.badge__false-positive{background:rgba(46,160,67,0.15);color:#2ea043;border-color:rgba(46,160,67,0.3);}.badge__with-icon{gap:var(--spacing-2);}.badge__interactive-interactive{cursor:pointer;}.badge-dot{width:var(--spacing-2);height:var(--spacing-2);border-radius:var(--border-radius-full);background:currentColor;}.button{font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md);border-width:var(--border-width-thin);cursor:pointer;transition:all 150ms ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);}.button-sm{font-size:var(--font-size-sm);padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:var(--spacing-1-5);padding-bottom:var(--spacing-1-5);height:var(--spacing-8);}.button-md{font-size:var(--font-size-sm);padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);height:var(--spacing-10);}.button-lg{font-size:var(--font-size-base);padding-left:var(--spacing-6);padding-right:var(--spacing-6);padding-top:var(--spacing-2-5);padding-bottom:var(--spacing-2-5);height:var(--spacing-12);}.button-primary{background:var(--color-semantic-primary);color:var(--color-foreground-onEmphasis);border-color:var(--color-semantic-primary);}.button-primary:hover{background:var(--color-semantic-primaryHover);border-color:var(--color-semantic-primaryHover);}.button-primary.focusVisible{outline:2px solid var(--color-semantic-primary);outline-offset:2px;box-shadow:0 0 0 4px rgba(37,99,235,0.2);}.button-primary:active{background:var(--color-primitive-blue-800);border-color:var(--color-primitive-blue-800);}.button-primary:disabled{background:var(--color-primitive-blue-300);border-color:var(--color-primitive-blue-300);cursor:not-allowed;}.button-primary.loading{background:var(--color-semantic-primary);border-color:var(--color-semantic-primary);cursor:wait;opacity:0.7;}.button-secondary{background:var(--color-background-default);color:var(--color-foreground-default);border-color:var(--color-border-default);}.button-secondary:hover{background:var(--color-background-subtle);border-color:var(--color-border-emphasis);}.button-secondary.focusVisible{outline:2px solid var(--color-border-emphasis);outline-offset:2px;box-shadow:0 0 0 4px rgba(161,161,170,0.2);}.button-secondary:active{background:var(--color-background-muted);}.button-secondary:disabled{background:var(--color-background-subtle);color:var(--color-foreground-subtle);cursor:not-allowed;}.button-secondary.loading{background:var(--color-background-default);border-color:var(--color-border-default);cursor:wait;opacity:0.7;}.button-ghost{background:transparent;color:var(--color-foreground-default);border-color:transparent;}.button-ghost:hover{background:var(--color-background-subtle);}.button-ghost.focusVisible{outline:2px solid var(--color-border-default);outline-offset:2px;box-shadow:0 0 0 4px rgba(161,161,170,0.15);}.button-ghost:active{background:var(--color-background-muted);}.button-ghost:disabled{color:var(--color-foreground-subtle);cursor:not-allowed;}.button-ghost.loading{background:transparent;cursor:wait;opacity:0.7;}.button-ghost-light{background:transparent;color:rgba(255,255,255,0.9);border-color:rgba(255,255,255,0.2);border-width:1px;border-style:solid;}.button-ghost-light:hover{background:rgba(255,255,255,0.1);color:#ffffff;border-color:rgba(255,255,255,0.3);}.button-ghost-light.focusVisible{outline:2px solid rgba(255,255,255,0.4);outline-offset:2px;box-shadow:0 0 0 4px rgba(255,255,255,0.1);}.button-ghost-light:active{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.4);}.button-ghost-light:disabled{color:rgba(255,255,255,0.4);border-color:rgba(255,255,255,0.1);cursor:not-allowed;}.button-ghost-light.loading{background:transparent;cursor:wait;opacity:0.7;}.button-solid-light{background:#ffffff;color:#1a1a1a;border-color:#ffffff;font-weight:var(--font-weight-medium);}.button-solid-light:hover{background:rgba(255,255,255,0.9);border-color:rgba(255,255,255,0.9);transform:translateY(-1px);}.button-solid-light.focusVisible{outline:2px solid #ffffff;outline-offset:2px;box-shadow:0 0 0 4px rgba(255,255,255,0.2);}.button-solid-light:active{background:rgba(255,255,255,0.95);transform:translateY(0);}.button-solid-light:disabled{background:rgba(255,255,255,0.5);color:rgba(0,0,0,0.5);cursor:not-allowed;}.button-solid-light.loading{background:#ffffff;cursor:wait;opacity:0.7;}.button-destructive{background:var(--color-semantic-error);color:var(--color-foreground-onEmphasis);border-color:var(--color-semantic-error);}.button-destructive:hover{background:var(--color-primitive-red-700);border-color:var(--color-primitive-red-700);}.button-destructive.focusVisible{outline:2px solid var(--color-semantic-error);outline-offset:2px;box-shadow:0 0 0 4px rgba(220,38,38,0.2);}.button-destructive:active{background:var(--color-primitive-red-800);border-color:var(--color-primitive-red-800);}.button-destructive:disabled{background:var(--color-primitive-red-300);border-color:var(--color-primitive-red-300);cursor:not-allowed;}.button-destructive.loading{background:var(--color-semantic-error);border-color:var(--color-semantic-error);cursor:wait;opacity:0.7;}.button-outline{background:transparent;color:var(--color-semantic-primary);border-color:var(--color-semantic-primary);}.button-outline:hover{background:var(--color-primitive-blue-50);}.button-outline.focusVisible{outline:2px solid var(--color-semantic-primary);outline-offset:2px;box-shadow:0 0 0 4px rgba(37,99,235,0.15);}.button-outline:active{background:var(--color-primitive-blue-100);}.button-outline:disabled{color:var(--color-primitive-blue-300);border-color:var(--color-primitive-blue-300);cursor:not-allowed;}.button-outline.loading{background:transparent;border-color:var(--color-semantic-primary);cursor:wait;opacity:0.7;}.button-accent{background:var(--color-accent-primary-base);color:var(--color-foreground-onEmphasis);border-color:var(--color-accent-primary-base);}.button-accent:hover{background:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover);}.button-accent.focusVisible{outline:2px solid var(--color-accent-primary-base);outline-offset:2px;box-shadow:0 0 0 4px var(--color-accent-primary-subtle);}.button-accent:active{background:var(--color-primitive-amber-700);border-color:var(--color-primitive-amber-700);}.button-accent:disabled{background:var(--color-primitive-amber-300);border-color:var(--color-primitive-amber-300);cursor:not-allowed;}.button-accent.loading{background:var(--color-accent-primary-base);border-color:var(--color-accent-primary-base);cursor:wait;opacity:0.7;}.button-icon-sm{width:var(--spacing-8);padding:0;}.button-icon-md{width:var(--spacing-10);padding:0;}.button-icon-lg{width:var(--spacing-12);padding:0;}.card{background:var(--color-background-default);border-radius:var(--border-radius-lg);overflow:hidden;}.card-elevated{box-shadow:var(--elevation-1);border:none;}.card-outlined{box-shadow:none;border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-border-default);}.card-filled{box-shadow:none;border:none;background:var(--color-background-subtle);}.card-accent{box-shadow:var(--elevation-1);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-accent-primary-border);background:var(--color-accent-primary-subtle);}.card-feature{box-shadow:var(--elevation-3);border-width:var(--border-width-medium);border-style:var(--border-style-solid);border-color:var(--color-accent-primary-base);background:var(--color-background-default);position:relative;}.card-interactive{cursor:pointer;transition:box-shadow 150ms ease-in-out,transform 150ms ease-in-out;}.card-interactive:hover{box-shadow:var(--elevation-2);transform:translateY(-2px);}.card-interactive:active{transform:translateY(0);}.card__loading{cursor:wait;opacity:0.6;pointer-events:none;}.card-none{padding:0;}.card-sm{padding:var(--spacing-3);}.card-md{padding:var(--spacing-4);}.card-lg{padding:var(--spacing-6);}.card-header{padding:var(--spacing-4);border-bottom-width:var(--border-width-thin);border-bottom-style:var(--border-style-solid);border-bottom-color:var(--color-border-muted);}.card-header__title{font-family:var(--font-family-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground-default);margin:0;}.card-header__subtitle{font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-foreground-muted);margin-top:var(--spacing-1);}.card-content{padding:var(--spacing-4);}.card-footer{padding:var(--spacing-4);border-top-width:var(--border-width-thin);border-top-style:var(--border-style-solid);border-top-color:var(--color-border-muted);display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-2);}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4);}.container-sm{max-width:var(--container-sm);}.container-md{max-width:var(--container-md);}.container-lg{max-width:var(--container-lg);}.container-xl{max-width:var(--container-xl);}.container-2xl{max-width:var(--container-2xl);}.container-full{max-width:100%;}.code-block{background:var(--color-surface-primary);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-border-default);border-radius:var(--border-radius-md);padding:var(--spacing-3);font-family:var(--font-family-mono);font-size:var(--font-size-xs);overflow-x:auto;white-space:pre;line-height:1.4;}.code-evidence{background:var(--color-surface-primary);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-border-default);border-radius:var(--border-radius-md);padding:var(--spacing-3);font-family:var(--font-family-mono);font-size:var(--font-size-xs);overflow-x:auto;white-space:pre;line-height:1.4;}.code-fix{background:rgba(34,197,94,0.05);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:rgba(34,197,94,0.2);border-radius:var(--border-radius-md);padding:var(--spacing-3);font-family:var(--font-family-mono);font-size:var(--font-size-xs);overflow-x:auto;white-space:pre-wrap;line-height:1.4;margin:var(--spacing-2) 0;}.info-box{background:rgba(59,130,246,0.05);border-left:3px solid rgba(59,130,246,0.4);padding:var(--spacing-3);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);line-height:1.6;margin:var(--spacing-2) 0;}.info-box-warning{background:rgba(245,158,11,0.05);border-left:3px solid rgba(245,158,11,0.4);}.info-box-danger{background:rgba(239,68,68,0.05);border-left:3px solid rgba(239,68,68,0.4);}.info-box-success{background:rgba(34,197,94,0.05);border-left:3px solid rgba(34,197,94,0.4);}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-5);padding-right:var(--spacing-5);}.container-sm{max-width:640px;}.container-md{max-width:768px;}.container-lg{max-width:1024px;}.container-xl{max-width:1200px;}.container-2xl{max-width:1400px;}.container-full{max-width:1600px;}.container-fluid{width:100%;padding-left:var(--spacing-5);padding-right:var(--spacing-5);}.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-16);align-items:center;min-height:600px;padding-top:var(--spacing-16);padding-bottom:var(--spacing-16);position:relative;z-index:1;}.split-content{display:flex;flex-direction:column;gap:var(--spacing-6);}.split-visual{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);}.registry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-5);margin-bottom:var(--spacing-10);}.registry-container{padding-left:var(--spacing-10);padding-right:var(--spacing-10);margin-top:var(--spacing-10);}.dropdown__container{position:relative;display:inline-block;}.dropdown__base{cursor:pointer;user-select:none;}.dropdown__base{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-foreground-default);border-radius:var(--border-radius-md);cursor:pointer;text-decoration:none;transition:background var(--transition-duration-fast) var(--transition-timing-easeOut),color var(--transition-duration-fast) var(--transition-timing-easeOut);user-select:none;white-space:nowrap;}.dropdown__state{background:transparent;}.dropdown__state:hover{background:var(--color-background-subtle);color:var(--color-foreground-default);}.dropdown__state.focusVisible{background:var(--color-background-subtle);outline:2px solid var(--color-semantic-primary);outline-offset:-2px;}.dropdown__state:active{background:var(--color-background-muted);}.dropdown__state:disabled{color:var(--color-foreground-subtle);cursor:not-allowed;pointer-events:none;}.dropdown__variant-default{color:var(--color-foreground-default);}.dropdown__variant-destructive{color:var(--color-semantic-error);}.dropdown__base{width:var(--spacing-4);height:var(--spacing-4);flex-shrink:0;}.dropdown__base{margin-left:auto;padding-left:var(--spacing-6);font-size:var(--font-size-xs);color:var(--color-foreground-muted);font-family:var(--font-family-mono);}.dropdown__base{height:1px;margin-top:var(--spacing-1);margin-bottom:var(--spacing-1);background:var(--color-border-default);}.dropdown__base{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-foreground-muted);text-transform:uppercase;letter-spacing:var(--font-letterSpacing-wider);}.dropdown__base{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-foreground-subtle);}.dropdown-checkbox-item{display:flex;align-items:center;gap:var(--spacing-2);}.dropdown-checkbox-item__indicator{width:var(--spacing-4);height:var(--spacing-4);display:flex;align-items:center;justify-content:center;}.dropdown-radio-item{display:flex;align-items:center;gap:var(--spacing-2);}.dropdown-radio-item__indicator{width:var(--spacing-4);height:var(--spacing-4);display:flex;align-items:center;justify-content:center;}.footer{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12);padding-left:var(--spacing-6);padding-right:var(--spacing-6);border-top-width:var(--border-width-thin);border-top-style:var(--border-style-solid);border-top-color:var(--color-border-default);}.footer-default{background:var(--color-background-default);}.footer-subtle{background:var(--color-background-subtle);}.footer-dark{background:var(--color-background-emphasis);color:var(--color-foreground-onEmphasis);border-top-color:var(--color-primitive-gray-800);}.footer-content{display:flex;flex-direction:column;gap:var(--spacing-8);max-width:80rem;margin-left:auto;margin-right:auto;}.footer-content__simple{align-items:center;text-align:center;}.footer-content__columns-flex-direction{0:r;1:o;2:w;}.footer-content__columns-justify-content{0:s;1:p;2:a;3:c;4:e;5:-;6:b;7:e;8:t;9:w;10:e;11:e;12:n;}.footer-content__columns-flex-wrap{0:w;1:r;2:a;3:p;}.footer-brand{display:flex;flex-direction:column;gap:var(--spacing-4);max-width:20rem;}.footer-brand-logo{height:var(--spacing-8);width:auto;}.footer-brand-text{font-family:var(--font-family-sans);font-size:var(--font-size-sm);line-height:var(--font-lineHeight-relaxed);color:var(--color-foreground-muted);}.footer-nav{display:flex;gap:var(--spacing-12);flex-wrap:wrap;}.footer-nav-group{display:flex;flex-direction:column;gap:var(--spacing-3);min-width:10rem;}.footer-nav-title{font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground-default);margin-bottom:var(--spacing-2);}.footer-link{font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-foreground-muted);text-decoration:none;transition:color 150ms ease-in-out;}.footer-link:hover{color:var(--color-foreground-default);}.footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding-top:var(--spacing-8);border-top-width:var(--border-width-thin);border-top-style:var(--border-style-solid);border-top-color:var(--color-border-muted);}.footer-copyright{font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-foreground-subtle);}.form-group{margin-bottom:var(--spacing-5);}.form-group__last-child{margin-bottom:0;}.form-label{display:block;margin-bottom:var(--spacing-2);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:var(--font-letterSpacing-wide);}.form-label__required{color:var(--color-accent-danger-base);}.form-input{width:100%;padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);background:var(--color-surface-tertiary);border-width:var(--border-width-medium);border-style:var(--border-style-solid);border-color:var(--color-border-default);border-radius:var(--border-radius-lg);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-transform:none;letter-spacing:normal;transition:all var(--transition-duration-normal) var(--transition-timing-easeInOut);}.form-input__placeholder{color:var(--color-text-tertiary);text-transform:none;}.form-input:hover{border-color:var(--color-border-accent);}.form-input:focus{outline:none;border-color:var(--color-accent-primary-base);box-shadow:var(--focus-ring);background:var(--color-surface-secondary);}.form-input:disabled{opacity:0.5;cursor:not-allowed;background:var(--color-surface-secondary);}.form-textarea{width:100%;padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);background:var(--color-surface-tertiary);border-width:var(--border-width-medium);border-style:var(--border-style-solid);border-color:var(--color-border-default);border-radius:var(--border-radius-lg);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-transform:none;letter-spacing:normal;min-height:var(--spacing-24);resize:vertical;transition:all var(--transition-duration-normal) var(--transition-timing-easeInOut);}.form-textarea__placeholder{color:var(--color-text-tertiary);text-transform:none;}.form-textarea:hover{border-color:var(--color-border-accent);}.form-textarea:focus{outline:none;border-color:var(--color-accent-primary-base);box-shadow:var(--focus-ring);background:var(--color-surface-secondary);}.form-select{width:100%;padding-left:var(--spacing-4);padding-right:var(--spacing-10);padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);background:var(--color-surface-tertiary);border-width:var(--border-width-medium);border-style:var(--border-style-solid);border-color:var(--color-border-default);border-radius:var(--border-radius-lg);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-duration-normal) var(--transition-timing-easeInOut);appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%238b949e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-3) center;background-repeat:no-repeat;background-size:1.25em 1.25em;}.form-select:hover{border-color:var(--color-border-accent);}.form-select:focus{outline:none;border-color:var(--color-accent-primary-base);box-shadow:var(--focus-ring);background:var(--color-surface-secondary);}.form-helper{display:block;margin-top:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:none;letter-spacing:normal;}.form-helper-error{color:var(--color-accent-danger-base);}.form-helper-success{color:var(--color-accent-success-base);}.hero{position:relative;display:flex;align-items:center;justify-content:flex-start;text-align:left;overflow:visible;background:transparent;}.hero-compact{padding-top:var(--spacing-16);padding-bottom:var(--spacing-12);padding-left:var(--spacing-6);padding-right:var(--spacing-6);min-height:40vh;}.hero-default{padding-top:var(--spacing-24);padding-bottom:var(--spacing-24);padding-left:var(--spacing-8);padding-right:var(--spacing-8);min-height:60vh;}.hero-full{min-height:100vh;padding-top:120px;padding-bottom:var(--spacing-20);padding-left:var(--spacing-8);padding-right:var(--spacing-8);}.hero-default{justify-content:flex-start;text-align:left;}.hero-centered{justify-content:center;text-align:center;}.hero-left{justify-content:flex-start;text-align:left;}.hero-bg{position:absolute;top:0;left:-10%;right:-10%;bottom:-50%;z-index:0;pointer-events:none;}.hero-bg-gradient{background:radial-gradient(ellipse at 50% 30%,rgba(229,90,43,0.12) 0%,transparent 70%);}.hero-bg-subtle{background:radial-gradient(ellipse at 50% 40%,rgba(229,90,43,0.1) 0%,transparent 70%);}.hero-content{position:relative;z-index:1;width:100%;max-width:1400px;}.hero-content__default{max-width:720px;}.hero-content__centered{max-width:800px;margin-left:auto;margin-right:auto;}.hero-content__compact{max-width:480px;}.hero-content__split{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-16);align-items:center;max-width:none;}.hero-title{font-family:var(--font-family-brand);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.15;margin-bottom:var(--spacing-6);letter-spacing:-0.025em;}.hero-title-compact{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4);line-height:1.2;}.hero-title-default{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-4);}.hero-title-large{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:var(--spacing-5);line-height:1.15;}.hero-subtitle{font-size:var(--font-size-lg);color:rgba(255,255,255,0.65);line-height:1.6;max-width:640px;margin-left:auto;margin-right:auto;}.hero-subtitle-compact{font-size:var(--font-size-base);max-width:480px;margin-bottom:var(--spacing-6);}.hero-subtitle-default{font-size:clamp(1rem,1.5vw,1.125rem);margin-bottom:var(--spacing-8);line-height:1.65;}.hero-subtitle-large{font-size:clamp(1.125rem,2vw,1.25rem);margin-bottom:var(--spacing-10);max-width:680px;line-height:1.7;}.hero-cta{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-2);flex-wrap:wrap;}.hero-cta-centered{justify-content:center;}.hero-cta-left{justify-content:flex-start;}.hero-stats{display:flex;gap:var(--spacing-8);justify-content:center;margin-top:var(--spacing-12);}.hero-stat{text-align:center;}.hero-stat__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1;}.hero-stat__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-1);}.hero-logo-large{display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;}.hero-logo-large-compact{width:96px;height:96px;margin-bottom:var(--spacing-5);filter:drop-shadow(0 2px 12px rgba(229,90,43,0.3));}.hero-logo-large-default{width:160px;height:160px;margin-bottom:var(--spacing-8);}.gradient-text{background:var(--gradient-primary);webkit-background-clip:text;webkit-text-fill-color:transparent;background-clip:text;}.gradient-text-primary{background:linear-gradient(135deg,#d2401e 0%,#e55a2b 30%,#ff6b35 70%,#ff8c42 100%);}.gradient-text-secondary{background:linear-gradient(135deg,#58a6ff 0%,#3b82f6 100%);}.dashboard-preview{background:var(--color-surface-secondary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-border-default);}.dashboard-header{background:var(--color-surface-tertiary);padding:var(--spacing-4);border-bottom-width:var(--border-width-thin);border-bottom-style:var(--border-style-solid);border-bottom-color:var(--color-border-default);}.dashboard-nav{display:flex;gap:var(--spacing-4);}.dashboard-content{padding:var(--spacing-6);}.input{font-family:var(--font-family-sans);font-size:var(--font-size-sm);line-height:var(--font-lineHeight-normal);border-radius:var(--border-radius-md);border-width:var(--border-width-thin);border-style:var(--border-style-solid);transition:border-color 150ms ease-in-out,box-shadow 150ms ease-in-out;width:100%;}.input-sm{padding-left:var(--spacing-2-5);padding-right:var(--spacing-2-5);padding-top:var(--spacing-1-5);padding-bottom:var(--spacing-1-5);height:var(--spacing-8);}.input-md{padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);height:var(--spacing-10);}.input-lg{padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-2-5);padding-bottom:var(--spacing-2-5);height:var(--spacing-12);font-size:var(--font-size-base);}.input{background:var(--color-background-default);border-color:var(--color-border-default);color:var(--color-foreground-default);}.input::placeholder{color:var(--color-foreground-subtle);}.input:hover{border-color:var(--color-border-emphasis);}.input:focus{border-color:var(--color-semantic-primary);outline:none;box-shadow:0 0 0 3px var(--color-primitive-blue-100);}.input.focusVisible{border-color:var(--color-semantic-primary);outline:2px solid var(--color-semantic-primary);outline-offset:2px;box-shadow:0 0 0 4px rgba(37,99,235,0.2);}.input:disabled{background:var(--color-background-muted);border-color:var(--color-border-muted);color:var(--color-foreground-subtle);cursor:not-allowed;}.input.error{border-color:var(--color-semantic-error);box-shadow:0 0 0 3px var(--color-primitive-red-100);}.input.success{border-color:var(--color-semantic-success);box-shadow:0 0 0 3px var(--color-primitive-green-100);}.input.loading{background:var(--color-background-subtle);border-color:var(--color-border-default);cursor:wait;opacity:0.7;}.textarea{font-family:var(--font-family-sans);font-size:var(--font-size-sm);line-height:var(--font-lineHeight-normal);border-radius:var(--border-radius-md);border-width:var(--border-width-thin);border-style:var(--border-style-solid);padding:var(--spacing-3);min-height:var(--spacing-24);resize:vertical;width:100%;}.textarea{background:var(--color-background-default);border-color:var(--color-border-default);color:var(--color-foreground-default);}.textarea:focus{border-color:var(--color-semantic-primary);outline:none;box-shadow:0 0 0 3px var(--color-primitive-blue-100);}.select{font-family:var(--font-family-sans);font-size:var(--font-size-sm);border-radius:var(--border-radius-md);border-width:var(--border-width-thin);border-style:var(--border-style-solid);appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-2) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--spacing-10);}.checkbox{width:var(--spacing-4);height:var(--spacing-4);border-radius:var(--border-radius-sm);border-width:var(--border-width-thin);cursor:pointer;}.checkbox{background:var(--color-background-default);border-color:var(--color-border-default);}.checkbox:checked{background:var(--color-semantic-primary);border-color:var(--color-semantic-primary);}.checkbox.focusVisible{outline:2px solid var(--color-semantic-primary);outline-offset:2px;box-shadow:0 0 0 4px rgba(37,99,235,0.2);}.checkbox:disabled{background:var(--color-background-muted);border-color:var(--color-border-muted);cursor:not-allowed;}.radio{width:var(--spacing-4);height:var(--spacing-4);border-radius:var(--border-radius-full);border-width:var(--border-width-thin);cursor:pointer;}.radio{background:var(--color-background-default);border-color:var(--color-border-default);}.radio:checked{border-color:var(--color-semantic-primary);border-width:var(--border-width-thick);}.radio.focusVisible{outline:2px solid var(--color-semantic-primary);outline-offset:2px;box-shadow:0 0 0 4px rgba(37,99,235,0.2);}.radio:disabled{background:var(--color-background-muted);border-color:var(--color-border-muted);cursor:not-allowed;}.label{font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-foreground-default);margin-bottom:var(--spacing-1-5);}.label__required{color:var(--color-semantic-error);}.helper-text{font-size:var(--font-size-xs);margin-top:var(--spacing-1-5);}.helper-text__default{color:var(--color-foreground-muted);}.helper-text__error{color:var(--color-semantic-error);}.loading-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:var(--spacing-8);padding-right:var(--spacing-8);padding-top:var(--spacing-16);padding-bottom:var(--spacing-16);color:var(--color-text-secondary);}.loading-modern__spinner{font-size:var(--font-size-3xl);color:var(--color-accent-primary-base);margin-bottom:var(--spacing-4);}.loading-modern__text{font-size:var(--font-size-base);color:var(--color-text-secondary);}.metadata-grid{display:grid;gap:var(--spacing-6);}.metadata-two-column{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-6);}.metadata-two-column__max-width1024{grid-template-columns:1fr;}.metadata-section{background:rgba(0,0,0,0.3);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-accent-primary-border);border-radius:var(--border-radius-xl);padding:var(--spacing-4);transition:all var(--transition-duration-fast) var(--transition-timing-easeInOut);}.metadata-section:hover{background:rgba(0,0,0,0.4);border-color:rgba(229,90,43,0.3);}.metadata-section-title{font-family:var(--font-family-brand);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-3);text-transform:uppercase;letter-spacing:var(--font-letterSpacing-wide);}.metadata-info-list{display:flex;flex-direction:column;gap:var(--spacing-2-5);}.metadata-info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-3);background:rgba(0,0,0,0.2);border-radius:var(--border-radius-md);transition:all var(--transition-duration-fast) var(--transition-timing-easeInOut);}.metadata-info-item:hover{background:var(--color-accent-primary-subtle);}.metadata-info-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);}.metadata-info-value{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);}.metadata-description{padding:var(--spacing-3);background:rgba(0,0,0,0.2);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-primary);}.signature-card{background:var(--color-surface-secondary);border-width:var(--border-width-medium);border-style:var(--border-style-solid);border-color:var(--color-border-default);border-radius:var(--border-radius-2xl);padding:var(--spacing-6);transition:all var(--transition-duration-fast) var(--transition-timing-easeInOut);}.signature-card:hover{border-color:var(--color-accent-primary-base);box-shadow:var(--shadow-glow-primary);}.signature-title{font-family:var(--font-family-brand);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-accent-primary-base);margin-bottom:var(--spacing-5);text-transform:uppercase;letter-spacing:var(--font-letterSpacing-wider);}.hash-value{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-accent-primary-base);background:var(--color-accent-primary-subtle);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-lg);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-accent-primary-border);word-break:break-all;transition:all var(--transition-duration-fast) var(--transition-timing-easeInOut);}.hash-value:hover{background:rgba(229,90,43,0.15);border-color:rgba(229,90,43,0.3);}.hash-list{display:flex;flex-direction:column;gap:var(--spacing-2);}.hash-item{display:flex;align-items:center;gap:var(--spacing-3);}.hash-label{font-family:var(--font-family-brand);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--font-letterSpacing-wide);width:80px;flex-shrink:0;}.modal__base{padding:var(--spacing-4) var(--spacing-6);border-bottom-width:var(--border-width-thin);border-bottom-style:var(--border-style-solid);border-bottom-color:var(--color-border-muted);display:flex;align-items:center;justify-content:space-between;}.modal__title{font-family:var(--font-family-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground-default);margin:0;}.modal__base{padding:var(--spacing-6);}.modal__base{padding:var(--spacing-4) var(--spacing-6);border-top-width:var(--border-width-thin);border-top-style:var(--border-style-solid);border-top-color:var(--color-border-muted);display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);}.modal__base{position:absolute;top:var(--spacing-3);right:var(--spacing-3);padding:var(--spacing-1);border-radius:var(--border-radius-md);background:transparent;border:none;cursor:pointer;color:var(--color-foreground-muted);}.modal__hover{background:var(--color-background-subtle);color:var(--color-foreground-default);}.dialog__icon__info{color:var(--color-semantic-info);}.dialog__icon__success{color:var(--color-semantic-success);}.dialog__icon__warning{color:var(--color-semantic-warning);}.dialog__icon__error{color:var(--color-semantic-error);}.dialog__icon-container{width:var(--spacing-12);height:var(--spacing-12);border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-4);}.dialog__icon-background__info{background:var(--color-primitive-blue-100);}.dialog__icon-background__success{background:var(--color-primitive-green-100);}.dialog__icon-background__warning{background:var(--color-primitive-amber-100);}.dialog__icon-background__error{background:var(--color-primitive-red-100);}.modal-modern{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-backdrop);z-index:var(--zIndex-modal);align-items:center;justify-content:center;padding:var(--spacing-4);}.modal-modern__active{display:flex;}.modal-modern__content{background:var(--color-surface-secondary);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-border-default);border-radius:var(--border-radius-xl);max-width:600px;width:100%;max-height:90vh;overflow:auto;box-shadow:var(--shadow-2xl);}.modal-modern__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom-width:var(--border-width-thin);border-bottom-style:var(--border-style-solid);border-bottom-color:var(--color-border-default);}.modal-modern__title{font-family:var(--font-family-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-2);}.modal-modern__title-icon{color:var(--color-accent-primary-base);}.modal-modern__close{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-2xl);cursor:pointer;padding:var(--spacing-1);width:var(--spacing-8);height:var(--spacing-8);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);transition:all var(--transition-duration-fast) var(--transition-timing-easeInOut);}.modal-modern__close:hover{color:var(--color-text-primary);background:var(--color-surface-tertiary);}.modal-modern__body{padding:var(--spacing-6);}.modal-modern__footer{padding:var(--spacing-6);border-top-width:var(--border-width-thin);border-top-style:var(--border-style-solid);border-top-color:var(--color-border-default);display:flex;justify-content:flex-end;gap:var(--spacing-3);}.navbar{display:flex;align-items:center;justify-content:space-between;padding-left:var(--spacing-6);padding-right:var(--spacing-6);padding-top:var(--spacing-4);padding-bottom:var(--spacing-4);background:transparent;border-bottom:none;position:fixed;top:0;left:0;right:0;z-index:var(--z-index-sticky);backdrop-filter:none;box-shadow:none;transition:all var(--transition-duration-normal) cubic-bezier(0.4,0,0.2,1);}.navbar-default{background:transparent;}.navbar-blur{background:rgba(13,13,13,0.8);backdrop-filter:blur(12px);}.navbar-solid{background:#0d0d0d;backdrop-filter:none;}.navbar-scrolled{background:rgba(13,13,13,0.95);backdrop-filter:blur(12px);padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);box-shadow:0 1px 0 rgba(255,255,255,0.05);}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1600px;margin-left:auto;margin-right:auto;width:100%;}.navbar-brand{display:flex;align-items:center;gap:var(--spacing-2);text-decoration:none;transition:color var(--transition-duration-fast) ease;}.navbar-brand:hover{color:var(--color-accent-primary-base);}.navbar-brand-logo{width:34px;height:34px;}.navbar-brand-logo-sm{width:24px;height:24px;}.navbar-brand-logo-md{width:34px;height:34px;}.navbar-brand-logo-lg{width:40px;height:40px;}.navbar-brand-text{font-family:var(--font-family-brand);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-0.01em;text-transform:none;}.navbar-menu{display:flex;align-items:center;gap:var(--spacing-1);}.navbar-actions{display:flex;align-items:center;gap:var(--spacing-3);}.navbar-left{display:flex;align-items:center;gap:var(--spacing-8);}.navbar-right{display:flex;gap:var(--spacing-3);align-items:center;}.navbar-center{position:absolute;left:50%;transform:translateX(-50%);}.nav-link{color:rgba(255,255,255,0.7);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);border-radius:var(--border-radius-md);transition:all var(--transition-duration-fast) ease;text-transform:none;letter-spacing:normal;white-space:nowrap;}.nav-link:hover{color:var(--color-text-primary);background:rgba(255,255,255,0.08);}.nav-link:active{color:var(--color-text-primary);background:rgba(255,255,255,0.12);}.nav-item{text-decoration:none;color:rgba(240,246,252,0.8);font-weight:var(--font-weight-medium);transition:all 0.2s ease;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:0.5px;padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);border-radius:var(--border-radius-md);background:transparent;}.nav-item:hover{color:var(--color-text-primary);background:rgba(255,255,255,0.05);}.nav-item:active{background:var(--color-accent-primary-base);color:white;}.navbar-mobile-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;background:none;border:none;cursor:pointer;padding:0;z-index:1002;}.hamburger-line{display:block;width:100%;height:3px;background-color:var(--color-text-primary);border-radius:2px;transition:all 0.3s ease;}.nav-return-button{background:var(--color-accent-primary-subtle);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-accent-primary-border);border-radius:var(--border-radius-lg);padding-left:var(--spacing-6);padding-right:var(--spacing-6);padding-top:var(--spacing-2-5);padding-bottom:var(--spacing-2-5);color:var(--color-accent-primary-base);cursor:pointer;transition:all var(--transition-duration-fast) ease;display:inline-flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-xs);text-decoration:none;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--font-letterSpacing-wider);font-family:var(--font-family-brand);}.nav-return-button:hover{background:rgba(229,90,43,0.15);border-color:var(--color-accent-primary-base);transform:translateY(-1px);box-shadow:var(--shadow-glow-primary);}.search-container{margin-bottom:var(--spacing-20);}.search-wrapper{position:relative;max-width:600px;margin-left:auto;margin-right:auto;}.search-box{flex:1;position:relative;}.search-box-icon{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none;}.search-input{width:100%;padding-left:var(--spacing-11);padding-right:var(--spacing-4);padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);background:var(--color-surface-secondary);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-border-default);border-radius:var(--border-radius-lg);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);letter-spacing:var(--font-letterSpacing-wide);text-transform:uppercase;transition:all var(--transition-duration-fast) ease;}.search-input:focus{outline:none;border-color:var(--color-accent-primary-base);box-shadow:var(--focus-ring);}.search-input__placeholder{color:var(--color-text-tertiary);}.search-input-hero{width:100%;background:var(--color-surface-secondary);border-width:var(--border-width-medium);border-style:var(--border-style-solid);border-color:var(--color-border-default);border-radius:var(--border-radius-full);padding-left:var(--spacing-6);padding-right:var(--spacing-15);padding-top:var(--spacing-5);padding-bottom:var(--spacing-5);color:var(--color-text-primary);font-size:var(--font-size-lg);font-family:var(--font-family-sans);transition:all var(--transition-duration-normal) ease;box-shadow:var(--shadow-lg);}.search-input-hero:focus{outline:none;border-color:var(--color-accent-primary-base);box-shadow:var(--shadow-glow-primary);}.search-input-hero__placeholder{color:var(--color-text-tertiary);}.search-button{position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);background:var(--gradient-primary);border:none;border-radius:var(--border-radius-full);width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;transition:all var(--transition-duration-fast) ease;box-shadow:0 2px 8px rgba(229,90,43,0.4);}.search-button:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px rgba(229,90,43,0.5);}.filter-select{padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-3);padding-bottom:var(--spacing-3);background:var(--color-surface-secondary);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-border-default);border-radius:var(--border-radius-lg);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);letter-spacing:var(--font-letterSpacing-wide);text-transform:uppercase;cursor:pointer;transition:all var(--transition-duration-fast) ease;}.filter-select:focus{outline:none;border-color:var(--color-accent-primary-base);}.search-row{display:flex;gap:var(--spacing-4);align-items:center;}.filters-section{margin-bottom:var(--spacing-8);}.section{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16);padding-left:var(--spacing-6);padding-right:var(--spacing-6);}.section-sm{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8);}.section-md{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16);}.section-lg{padding-top:var(--spacing-24);padding-bottom:var(--spacing-24);}.section-xl{padding-top:var(--spacing-32);padding-bottom:var(--spacing-32);}.section-default{background:var(--color-background-default);}.section-subtle{background:var(--color-background-subtle);}.section-muted{background:var(--color-background-muted);}.section-dark{background:var(--color-background-emphasis);color:var(--color-foreground-onEmphasis);}.section-header{text-align:center;margin-bottom:var(--spacing-12);max-width:48rem;margin-left:auto;margin-right:auto;}.section-title{font-family:var(--font-family-sans);font-weight:var(--font-weight-bold);line-height:var(--font-lineHeight-tight);color:var(--color-foreground-default);margin-bottom:var(--spacing-4);}.section-title-sm{font-size:var(--font-size-xl);}.section-title-md{font-size:var(--font-size-2xl);}.section-title-lg{font-size:var(--font-size-3xl);}.section-title-xl{font-size:var(--font-size-4xl);}.section-subtitle{font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--font-letterSpacing-wide);color:var(--color-semantic-primary);margin-bottom:var(--spacing-2);}.section-description{font-family:var(--font-family-sans);font-size:var(--font-size-lg);line-height:var(--font-lineHeight-relaxed);color:var(--color-foreground-muted);}.section-content{max-width:80rem;margin-left:auto;margin-right:auto;}.section-grid{display:grid;gap:var(--spacing-8);}.section-grid-1{grid-template-columns:repeat(1,1fr);}.section-grid-2{grid-template-columns:repeat(2,1fr);}.section-grid-3{grid-template-columns:repeat(3,1fr);}.section-grid-4{grid-template-columns:repeat(4,1fr);}.section-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom-width:var(--border-width-medium);border-bottom-style:var(--border-style-solid);border-bottom-color:var(--color-border-default);}.section-title-brand{font-family:var(--font-family-brand);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;text-transform:uppercase;letter-spacing:var(--font-letterSpacing-wide);}.section-badge{padding-left:var(--spacing-4);padding-right:var(--spacing-4);padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);border-radius:var(--border-radius-lg);font-size:0.75rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--font-letterSpacing-wide);white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-2);}.section-badge-default{background:var(--color-surface-tertiary);color:var(--color-text-secondary);}.section-badge-primary{background:var(--color-accent-primary-subtle);color:var(--color-accent-primary-base);}.section-badge-success{background:var(--color-accent-success-subtle);color:var(--color-accent-success-base);}.section-badge-danger{background:var(--color-accent-danger-subtle);color:var(--color-accent-danger-base);}.section-badge-warning{background:var(--color-accent-warning-subtle);color:var(--color-accent-warning-base);}.section-notice{background:var(--color-surface-tertiary);border-width:var(--border-width-medium);border-style:var(--border-style-solid);border-color:var(--color-border-default);border-radius:var(--border-radius-xl);padding-left:var(--spacing-5);padding-right:var(--spacing-5);padding-top:var(--spacing-4);padding-bottom:var(--spacing-4);margin-top:var(--spacing-5);margin-bottom:var(--spacing-8);color:var(--color-text-secondary);text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--font-letterSpacing-wide);}.section-notice-icon{color:var(--color-accent-primary-base);font-size:var(--font-size-lg);}.skeleton{display:block;background:linear-gradient(90deg,var(--color-background-muted) 25%,var(--color-background-subtle) 50%,var(--color-background-muted) 75%);background-size:200% 100%;border-radius:var(--border-radius-md);position:relative;overflow:hidden;}.skeleton__rectangle{border-radius:var(--border-radius-md);}.skeleton__circle{border-radius:var(--border-radius-full);aspect-ratio:1;}.skeleton__rounded{border-radius:var(--border-radius-lg);}.skeleton__square{border-radius:var(--border-radius-sm);aspect-ratio:1;}.skeleton-default{background:linear-gradient(90deg,var(--color-background-muted) 25%,var(--color-background-subtle) 50%,var(--color-background-muted) 75%);}.skeleton-subtle{background:linear-gradient(90deg,var(--color-background-subtle) 25%,var(--color-background-default) 50%,var(--color-background-subtle) 75%);}.skeleton-card{background:linear-gradient(90deg,var(--color-background-muted) 25%,var(--color-background-subtle) 50%,var(--color-background-muted) 75%);padding:var(--spacing-4);border-radius:var(--border-radius-lg);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-border-default);}.skeleton-group{display:flex;flex-direction:column;gap:var(--spacing-2);}.skeleton-group-paragraph{gap:var(--spacing-2);}.skeleton-group-list{gap:var(--spacing-3);}.skeleton-group-card{gap:var(--spacing-4);}.skeleton-card{padding:var(--spacing-4);border-radius:var(--border-radius-lg);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-border-default);background:var(--color-background-default);}.skeleton-card__header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);}.skeleton-card__content{display:flex;flex-direction:column;gap:var(--spacing-2);}.skeleton-text{display:block;height:var(--spacing-4);border-radius:var(--border-radius-sm);background:linear-gradient(90deg,var(--color-background-muted) 25%,var(--color-background-subtle) 50%,var(--color-background-muted) 75%);background-size:200% 100%;}.skeleton-text-full{width:100%;}.skeleton-text-3/4{width:75%;}.skeleton-text-1/2{width:50%;}.skeleton-text-1/3{width:33.333333%;}.skeleton-text-1/4{width:25%;}.skeleton-animation__keyframes__0%{transform:translateX(-100%);}.skeleton-animation__keyframes__100%{transform:translateX(100%);}.stats-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-5);margin-bottom:var(--spacing-8);}.stat-card-modern{background:linear-gradient(145deg,var(--color-surface-secondary) 0%,var(--color-surface-tertiary) 100%);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-border-default);border-radius:var(--border-radius-xl);padding:var(--spacing-6);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-2);transition:all var(--transition-duration-normal) var(--transition-timing-easeInOut);position:relative;overflow:hidden;}.stat-card-modern:hover{transform:translateY(-2px);border-color:var(--color-accent-primary-base);box-shadow:var(--shadow-glow-primary);}.stat-card-modern-success{border-left:3px solid var(--color-accent-success-base);}.stat-card-modern-success:hover{border-color:var(--color-accent-success-base);box-shadow:0 4px 20px rgba(63,185,80,0.2);}.stat-card-modern-danger{border-left:3px solid var(--color-accent-danger-base);}.stat-card-modern-danger:hover{border-color:var(--color-accent-danger-base);box-shadow:0 4px 20px rgba(248,81,73,0.2);}.stat-card-modern-warning{border-left:3px solid var(--color-accent-warning-base);}.stat-card-modern-warning:hover{border-color:var(--color-accent-warning-base);box-shadow:0 4px 20px rgba(210,153,34,0.2);}.stat-card-modern-info{border-left:3px solid var(--color-accent-secondary-base);}.stat-card-modern-info:hover{border-color:var(--color-accent-secondary-base);box-shadow:0 4px 20px rgba(88,166,255,0.2);}.stat-card-icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-3);color:var(--color-text-secondary);}.stat-card-icon-success{color:var(--color-accent-success-base);}.stat-card-icon-danger{color:var(--color-accent-danger-base);}.stat-card-icon-warning{color:var(--color-accent-warning-base);}.stat-card-icon-info{color:var(--color-accent-secondary-base);}.stat-card-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);font-family:var(--font-family-sans);color:var(--color-text-primary);line-height:var(--font-lineHeight-none);margin-bottom:var(--spacing-2);}.stat-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--font-letterSpacing-wide);font-weight:var(--font-weight-medium);}.table-wrapper{background:var(--color-surface-secondary);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-border-default);border-radius:var(--border-radius-xl);overflow:hidden;}.table-modern{width:100%;border-collapse:collapse;}.table-modern-thead{background:var(--color-surface-tertiary);border-bottom-width:var(--border-width-medium);border-bottom-style:var(--border-style-solid);border-bottom-color:var(--color-border-default);}.table-modern-th{padding:var(--spacing-4);text-align:left;font-family:var(--font-family-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--font-letterSpacing-wider);}.table-modern-tr{border-bottom-width:var(--border-width-thin);border-bottom-style:var(--border-style-solid);border-bottom-color:var(--color-border-default);transition:background var(--transition-duration-fast) var(--transition-timing-easeInOut);}.table-modern-tr:hover{background:var(--color-surface-tertiary);}.table-modern-tr-last-child{border-bottom:none;}.table-modern-td{padding:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);}.table-modern-link{color:var(--color-accent-secondary-base);text-decoration:none;transition:color var(--transition-duration-fast) var(--transition-timing-easeInOut);}.table-modern-link:hover{color:var(--color-accent-primary-base);}.table-modern-accent-thead{background:var(--color-accent-primary-subtle);border-bottom-width:var(--border-width-medium);border-bottom-style:var(--border-style-solid);border-bottom-color:var(--color-accent-primary-base);}.table-modern-accent-th{padding:var(--spacing-3);text-align:left;font-family:var(--font-family-brand);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--font-letterSpacing-wider);color:var(--color-accent-primary-base);}.table-modern-accent-tr{border-bottom-width:var(--border-width-thin);border-bottom-style:var(--border-style-solid);border-bottom-color:var(--color-accent-primary-subtle);transition:all var(--transition-duration-fast) var(--transition-timing-easeInOut);}.table-modern-accent-tr:hover{background:var(--color-accent-primary-subtle);}.table-modern-accent-td{padding:var(--spacing-2-5) var(--spacing-3);}.table-row-highlight{background:var(--color-accent-primary-subtle);font-weight:var(--font-weight-semibold);}.table-row-loading{text-align:center;padding:var(--spacing-10);color:var(--color-text-secondary);}.table-cell-mono{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:none;letter-spacing:normal;}.table-cell-truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.table-cell-actions{display:flex;gap:var(--spacing-2);align-items:center;}.table-cell-label{font-family:var(--font-family-brand);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--font-letterSpacing-wide);width:120px;}.table-cell-code{font-family:var(--font-family-mono);word-break:break-all;}.table-cell-code-inner{background:var(--color-accent-primary-subtle);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:0.75rem;display:inline-block;max-width:100%;word-break:break-all;}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top-width:var(--border-width-thin);border-top-style:var(--border-style-solid);border-top-color:var(--color-accent-primary-subtle);}.pagination-btn{background:var(--color-accent-primary-subtle);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-accent-primary-border);color:var(--color-accent-primary-base);padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:var(--spacing-1-5);padding-bottom:var(--spacing-1-5);border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:all var(--transition-duration-fast) ease;min-width:40px;display:inline-flex;align-items:center;justify-content:center;}.pagination-btn:hover{background:rgba(229,90,43,0.2);border-color:var(--color-accent-primary-base);transform:translateY(-1px);}.pagination-btn:disabled{opacity:0.4;cursor:not-allowed;transform:none;}.pagination-info{font-family:var(--font-family-brand);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--font-letterSpacing-wide);}.nav-tabs{display:flex;margin-bottom:var(--spacing-8);border-bottom-width:var(--border-width-thin);border-bottom-style:var(--border-style-solid);border-bottom-color:var(--color-border-default);gap:var(--spacing-8);}.nav-tab{padding:var(--spacing-3) 0;color:var(--color-text-secondary);text-decoration:none;border-bottom-width:2px;border-bottom-style:var(--border-style-solid);border-bottom-color:transparent;margin-bottom:-1px;font-family:var(--font-family-brand);font-weight:var(--font-weight-semibold);letter-spacing:var(--font-letterSpacing-wider);text-transform:uppercase;transition:all var(--transition-duration-fast) var(--transition-timing-easeInOut);cursor:pointer;}.nav-tab:hover{color:var(--color-text-primary);}.nav-tab.focusVisible{outline:2px solid var(--color-accent-primary-base);outline-offset:4px;border-radius:var(--border-radius-sm);}.nav-tab:active{color:var(--color-accent-primary-base);border-bottom-color:var(--color-accent-primary-base);}.tabs-container{display:flex;background:var(--color-surface-tertiary);border-radius:var(--border-radius-lg);padding:var(--spacing-1);gap:var(--spacing-1);}.tab-button{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-md);background:transparent;border:none;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-duration-fast) var(--transition-timing-easeInOut);}.tab-button:hover{color:var(--color-text-primary);}.tab-button.focusVisible{outline:2px solid var(--color-accent-primary-base);outline-offset:2px;}.tab-button:active{background:var(--color-surface-secondary);color:var(--color-text-primary);box-shadow:var(--shadow-sm);}.tab-content{display:none;}.tab-content__active{display:block;}.tooltip{position:absolute;z-index:var(--zIndex-tooltip);padding:var(--spacing-2) var(--spacing-3);background:var(--color-background-emphasis);color:var(--color-foreground-onEmphasis);font-size:var(--font-size-xs);font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);line-height:var(--font-lineHeight-tight);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);max-width:300px;white-space:normal;word-wrap:break-word;pointer-events:none;transition:opacity var(--transition-duration-fast) var(--transition-timing-easeOut),transform var(--transition-duration-fast) var(--transition-timing-easeOut);}.tooltip__arrow{position:absolute;width:var(--spacing-2);height:var(--spacing-2);background:var(--color-background-emphasis);transform:rotate(45deg);}.tooltip-top{bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);margin-bottom:var(--spacing-2);}.tooltip-top-arrow{bottom:-4px;left:50%;transform:translateX(-50%) rotate(45deg);}.tooltip-bottom{top:100%;left:50%;transform:translateX(-50%) translateY(8px);margin-top:var(--spacing-2);}.tooltip-bottom-arrow{top:-4px;left:50%;transform:translateX(-50%) rotate(45deg);}.tooltip-left{right:100%;top:50%;transform:translateY(-50%) translateX(-8px);margin-right:var(--spacing-2);}.tooltip-left-arrow{right:-4px;top:50%;transform:translateY(-50%) rotate(45deg);}.tooltip-right{left:100%;top:50%;transform:translateY(-50%) translateX(8px);margin-left:var(--spacing-2);}.tooltip-right-arrow{left:-4px;top:50%;transform:translateY(-50%) rotate(45deg);}.tooltip.hidden{opacity:0;visibility:hidden;pointer-events:none;}.tooltip.visible{opacity:1;visibility:visible;}.tooltip-default{background:var(--color-background-emphasis);color:var(--color-foreground-onEmphasis);}.tooltip-light{background:var(--color-background-default);color:var(--color-foreground-default);border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--color-border-default);box-shadow:var(--shadow-xl);}.tooltip-error{background:var(--color-semantic-error);color:var(--color-foreground-onEmphasis);}.tooltip-success{background:var(--color-semantic-success);color:var(--color-foreground-onEmphasis);}.tooltip-trigger{position:relative;display:inline-block;}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--font-line-height-normal);color:var(--color-text-primary);background:var(--color-surface-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;}a{color:inherit;text-decoration:none;transition:color var(--transition-duration-fast) ease;}a:hover{color:var(--color-accent-primary-base);}img{max-width:100%;height:auto;display:block;}.gradient-text{background:linear-gradient(135deg,#d2401e 0%,#e55a2b 30%,#ff6b35 70%,#ff8c42 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.gradient-text-primary{background:linear-gradient(135deg,#d2401e 0%,#e55a2b 30%,#ff6b35 70%,#ff8c42 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.gradient-text-secondary{background:linear-gradient(135deg,#58a6ff 0%,#3b82f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.form-group{margin-bottom:var(--spacing-5);}.form-group:last-child{margin-bottom:0;}.form-label{display:block;margin-bottom:var(--spacing-2);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wide);}.form-label--required::after{content:' *';color:var(--color-accent-danger-base);}.form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--color-surface-tertiary);border:var(--border-width-medium) solid var(--color-border-default);border-radius:var(--border-radius-lg);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-duration-normal) ease;}.form-input::placeholder{color:var(--color-text-tertiary);}.form-input:hover{border-color:var(--color-border-accent);}.form-input:focus{outline:none;border-color:var(--color-accent-primary-base);box-shadow:var(--focus-ring);background:var(--color-surface-secondary);}.form-input:disabled{opacity:0.5;cursor:not-allowed;}.form-textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--color-surface-tertiary);border:var(--border-width-medium) solid var(--color-border-default);border-radius:var(--border-radius-lg);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base);min-height:var(--spacing-24);resize:vertical;transition:all var(--transition-duration-normal) ease;}.form-textarea::placeholder{color:var(--color-text-tertiary);}.form-textarea:hover{border-color:var(--color-border-accent);}.form-textarea:focus{outline:none;border-color:var(--color-accent-primary-base);box-shadow:var(--focus-ring);background:var(--color-surface-secondary);}.form-select{width:100%;padding:var(--spacing-3) var(--spacing-4);padding-right:var(--spacing-10);background:var(--color-surface-tertiary);border:var(--border-width-medium) solid var(--color-border-default);border-radius:var(--border-radius-lg);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%238b949e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-3) center;background-repeat:no-repeat;background-size:1.25em 1.25em;transition:all var(--transition-duration-normal) ease;}.form-select:hover{border-color:var(--color-border-accent);}.form-select:focus{outline:none;border-color:var(--color-accent-primary-base);box-shadow:var(--focus-ring);}.form-helper{display:block;margin-top:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-tertiary);}.form-helper--error{color:var(--color-accent-danger-base);}.form-helper--success{color:var(--color-accent-success-base);}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--border-radius-lg);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-duration-fast) ease;border:none;}.btn-primary{background:var(--color-accent-primary-base);color:#ffffff;}.btn-primary:hover{background:var(--color-primitive-orange-700);}.btn-primary:focus{outline:none;box-shadow:0 0 0 3px rgba(229,90,43,0.15);}.btn-primary:active{background:var(--color-primitive-orange-800);}.btn-primary:disabled{opacity:0.5;cursor:not-allowed;}.btn-secondary{background:var(--color-surface-tertiary);color:var(--color-text-primary);border:var(--border-width-thin) solid var(--color-border-default);}.btn-secondary:hover{background:var(--color-surface-elevated);border-color:var(--color-accent-primary-base);}.btn-ghost{background:transparent;color:var(--color-text-secondary);}.btn-ghost:hover{background:var(--color-surface-tertiary);color:var(--color-text-primary);}.btn-danger{background:var(--color-accent-danger-base);color:#ffffff;}.btn-danger:hover{background:var(--color-primitive-red-700);}.btn-danger:focus{outline:none;box-shadow:0 0 0 3px rgba(248,81,73,0.15);}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);}.btn-icon{padding:var(--spacing-2-5);border-radius:var(--border-radius-md);background:var(--color-surface-tertiary);color:var(--color-text-secondary);border:var(--border-width-thin) solid var(--color-border-default);cursor:pointer;transition:all var(--transition-duration-fast) ease;}.btn-icon:hover{background:var(--color-surface-elevated);color:var(--color-text-primary);border-color:var(--color-accent-primary-base);}.table-wrapper{background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--border-radius-xl);overflow:hidden;}.table-modern{width:100%;border-collapse:collapse;}.table-modern thead{background:var(--color-surface-tertiary);border-bottom:var(--border-width-medium) solid var(--color-border-default);}.table-modern th{padding:var(--spacing-4);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wider);}.table-modern tbody tr{border-bottom:var(--border-width-thin) solid var(--color-border-default);transition:background var(--transition-duration-fast) ease;}.table-modern tbody tr:last-child{border-bottom:none;}.table-modern tbody tr:hover{background:var(--color-surface-tertiary);}.table-modern td{padding:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1-5);padding:var(--spacing-1-5) var(--spacing-3);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wider);border:var(--border-width-thin) solid;white-space:nowrap;line-height:1;transition:all var(--transition-duration-fast) ease;}.badge-sm{padding:var(--spacing-1) var(--spacing-2);font-size:0.65rem;gap:var(--spacing-1);}.badge-md{padding:var(--spacing-1-5) var(--spacing-3);font-size:var(--font-size-xs);gap:var(--spacing-1-5);}.badge-lg{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);gap:var(--spacing-2);}.badge-with-icon{gap:var(--spacing-2);}.badge-with-icon i{font-size:0.9em;}.badge-dot{width:var(--spacing-2);height:var(--spacing-2);border-radius:var(--border-radius-full);background:currentColor;}.badge-risk-critical{background:var(--color-risk-high-subtle);color:var(--color-risk-critical);border-color:var(--color-risk-high-border);}.badge-risk-high{background:var(--color-risk-high-subtle);color:var(--color-risk-high-base);border-color:var(--color-risk-high-border);}.badge-risk-medium{background:var(--color-risk-medium-subtle);color:var(--color-risk-medium-base);border-color:var(--color-risk-medium-border);}.badge-risk-low{background:var(--color-risk-low-subtle);color:var(--color-risk-low-base);border-color:var(--color-risk-low-border);}.badge-risk-unknown{background:var(--color-risk-unknown-subtle);color:var(--color-risk-unknown-base);border-color:var(--color-risk-unknown-border);}.badge-severity-critical{background:var(--color-risk-high-subtle);color:var(--color-risk-critical);border-color:var(--color-risk-high-border);}.badge-severity-high{background:var(--color-risk-high-subtle);color:var(--color-risk-high-base);border-color:var(--color-risk-high-border);}.badge-severity-medium{background:var(--color-risk-medium-subtle);color:var(--color-risk-medium-base);border-color:var(--color-risk-medium-border);}.badge-severity-low{background:var(--color-risk-low-subtle);color:var(--color-risk-low-base);border-color:var(--color-risk-low-border);}.badge-severity-info{background:var(--color-accent-neutral-subtle);color:var(--color-accent-neutral-base);border-color:var(--color-accent-neutral-border);}.badge-status-allowed{background:var(--color-accent-success-subtle);color:var(--color-accent-success-base);border-color:var(--color-accent-success-border);}.badge-status-denied{background:var(--color-accent-danger-subtle);color:var(--color-accent-danger-base);border-color:var(--color-accent-danger-border);}.badge-status-monitoring{background:var(--color-accent-secondary-subtle);color:var(--color-accent-secondary-base);border-color:var(--color-accent-secondary-border);}.badge-status-pending{background:var(--color-accent-warning-subtle);color:var(--color-accent-warning-base);border-color:var(--color-accent-warning-border);}.badge-status-active{background:var(--color-accent-success-subtle);color:var(--color-accent-success-base);border-color:var(--color-accent-success-border);}.badge-status-inactive{background:var(--color-accent-neutral-subtle);color:var(--color-accent-neutral-base);border-color:var(--color-accent-neutral-border);}.badge-status-error{background:var(--color-accent-danger-subtle);color:var(--color-accent-danger-base);border-color:var(--color-accent-danger-border);}.badge-tag-safe{background:var(--color-accent-success-subtle);color:var(--color-accent-success-base);border-color:var(--color-accent-success-border);}.badge-tag-production{background:var(--color-accent-primary-subtle);color:var(--color-accent-primary-base);border-color:var(--color-accent-primary-border);}.badge-tag-destructive{background:var(--color-accent-destructive-subtle);color:var(--color-accent-destructive-base);border-color:var(--color-accent-destructive-border);}.badge-tag-experimental{background:var(--color-accent-warning-subtle);color:var(--color-accent-warning-base);border-color:var(--color-accent-warning-border);}.badge-tag-deprecated{background:var(--color-accent-neutral-subtle);color:var(--color-accent-neutral-base);border-color:var(--color-accent-neutral-border);}.badge-tag-beta{background:var(--color-accent-info-subtle);color:var(--color-accent-info-base);border-color:var(--color-accent-info-border);}.badge-tag-verified{background:var(--color-accent-success-subtle);color:var(--color-accent-success-base);border-color:var(--color-accent-success-border);}.badge-tag-unverified{background:var(--color-accent-neutral-subtle);color:var(--color-accent-neutral-base);border-color:var(--color-accent-neutral-border);}.badge-priority-immediate{background:rgba(220,38,38,0.15);color:#dc2626;border-color:rgba(220,38,38,0.4);}.badge-priority-high{background:rgba(239,68,68,0.1);color:#ef4444;border-color:rgba(239,68,68,0.3);}.badge-priority-medium{background:rgba(251,146,60,0.1);color:#fb923c;border-color:rgba(251,146,60,0.3);}.badge-priority-low{background:rgba(34,197,94,0.1);color:#22c55e;border-color:rgba(34,197,94,0.3);}.badge-complexity-trivial{background:rgba(34,197,94,0.1);color:#22c55e;border-color:rgba(34,197,94,0.3);}.badge-complexity-easy{background:rgba(59,130,246,0.1);color:#3b82f6;border-color:rgba(59,130,246,0.3);}.badge-complexity-moderate{background:rgba(251,146,60,0.1);color:#fb923c;border-color:rgba(251,146,60,0.3);}.badge-complexity-complex{background:rgba(239,68,68,0.1);color:#ef4444;border-color:rgba(239,68,68,0.3);}.badge-false-positive{background:rgba(46,160,67,0.15);color:#2ea043;border-color:rgba(46,160,67,0.3);}.badge-interactive{cursor:pointer;transition:all var(--transition-duration-fast) ease;}.badge-interactive:hover{box-shadow:0 2px 8px rgba(0,0,0,0.15);}.risk-badge{display:inline-flex;align-items:center;gap:var(--spacing-1-5);padding:var(--spacing-1-5) var(--spacing-3);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wider);white-space:nowrap;}.risk-critical,.risk-high{background:var(--color-risk-high-subtle);color:var(--color-risk-high-base);border:var(--border-width-thin) solid var(--color-risk-high-border);}.risk-medium{background:var(--color-risk-medium-subtle);color:var(--color-risk-medium-base);border:var(--border-width-thin) solid var(--color-risk-medium-border);}.risk-low{background:var(--color-risk-low-subtle);color:var(--color-risk-low-base);border:var(--border-width-thin) solid var(--color-risk-low-border);}.risk-unknown{background:var(--color-risk-unknown-subtle);color:var(--color-risk-unknown-base);border:var(--border-width-thin) solid var(--color-risk-unknown-border);}.severity-badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2-5);border-radius:var(--border-radius-md);font-size:0.7rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wider);}.severity-badge.severity-critical,.severity-badge.severity-high{background:var(--color-risk-high-subtle);color:var(--color-risk-high-base);border:var(--border-width-thin) solid var(--color-risk-high-border);}.severity-badge.severity-medium{background:var(--color-risk-medium-subtle);color:var(--color-risk-medium-base);border:var(--border-width-thin) solid var(--color-risk-medium-border);}.severity-badge.severity-low,.severity-badge.severity-info{background:var(--color-risk-low-subtle);color:var(--color-risk-low-base);border:var(--border-width-thin) solid var(--color-risk-low-border);}.severity-badge.false-positive{background:rgba(46,160,67,0.15);color:#2ea043;border:var(--border-width-thin) solid rgba(46,160,67,0.3);}.badge{display:inline-block;padding:var(--spacing-1-5) var(--spacing-3);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--font-letter-spacing-wider);}.badge-allow{background:rgba(63,185,80,0.2);color:var(--color-accent-success-base);border:var(--border-width-thin) solid var(--color-accent-success-base);}.badge-deny{background:rgba(248,81,73,0.2);color:var(--color-accent-danger-base);border:var(--border-width-thin) solid var(--color-accent-danger-base);}.badge-monitoring{background:rgba(88,166,255,0.2);color:var(--color-accent-secondary-base);border:var(--border-width-thin) solid var(--color-accent-secondary-base);}.badge-pending{background:rgba(210,153,34,0.2);color:var(--color-accent-warning-base);border:var(--border-width-thin) solid var(--color-accent-warning-base);}.stats-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6);}.stat-card-modern{background:linear-gradient(145deg,var(--color-surface-secondary) 0%,var(--color-surface-tertiary) 100%);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--border-radius-xl);padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-2);transition:all var(--transition-duration-normal) ease;position:relative;overflow:hidden;}.stat-card-modern::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-accent-primary-base);opacity:0;transition:opacity var(--transition-duration-normal) ease;}.stat-card-modern:hover{border-color:var(--color-accent-primary-base);box-shadow:var(--shadow-lg);}.stat-card-modern:hover::before{opacity:1;}.stat-card-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1;}.stat-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wide);font-weight:var(--font-weight-medium);}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-backdrop);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:var(--z-index-modal);padding:var(--spacing-5);opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;}.modal.active{display:flex;opacity:1;visibility:visible;}.modal-content{background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--border-radius-xl);max-width:800px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-2xl);position:relative;z-index:1;animation:modalSlideIn 0.2s ease-out;}.modal-header{padding:var(--spacing-6);border-bottom:var(--border-width-thin) solid var(--color-border-default);display:flex;justify-content:space-between;align-items:center;}.modal-header h2{font-family:var(--font-family-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;letter-spacing:var(--font-letter-spacing-tight);}.modal-close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius-md);transition:all var(--transition-duration-fast) ease;width:var(--spacing-8);height:var(--spacing-8);display:flex;align-items:center;justify-content:center;}.modal-close:hover{color:var(--color-text-primary);background:var(--color-surface-tertiary);}.modal-body{padding:var(--spacing-6);color:var(--color-text-primary);}.modal-footer{padding:var(--spacing-6);border-top:var(--border-width-thin) solid var(--color-border-default);display:flex;justify-content:flex-end;gap:var(--spacing-3);}.detail-row{margin-bottom:var(--spacing-4);}.detail-row strong{color:var(--color-text-secondary);display:inline-block;min-width:150px;font-weight:var(--font-weight-semibold);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:var(--font-letter-spacing-wider);}.detail-section{margin-bottom:var(--spacing-6);}.detail-section h3{font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:var(--border-width-thin) solid var(--color-border-default);}.event-list{margin-top:var(--spacing-3);}.event-item{background:var(--color-surface-tertiary);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-3);}.event-item strong{color:var(--color-accent-secondary-base);}.modal-cancel,.modal-confirm{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--border-radius-lg);font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wide);cursor:pointer;transition:all var(--transition-duration-normal) ease;border:none;}.modal-cancel{background:var(--color-surface-tertiary);color:var(--color-text-primary);border:var(--border-width-thin) solid var(--color-border-default);}.modal-cancel:hover{background:var(--color-surface-elevated);border-color:var(--color-accent-primary-base);}.modal-confirm{background:var(--color-accent-primary-base);color:#ffffff;}.modal-confirm:hover{background:var(--color-primitive-orange-700);}.modal-confirm:focus{outline:none;box-shadow:0 0 0 3px rgba(229,90,43,0.15);}.modal-confirm:disabled{opacity:0.5;cursor:not-allowed;}.modal-confirm--danger,.modal-confirm.danger{background:var(--color-accent-danger-base);}.modal-confirm--danger:hover,.modal-confirm.danger:hover{background:var(--color-primitive-red-700);}.modal-confirm--danger:focus,.modal-confirm.danger:focus{outline:none;box-shadow:0 0 0 3px rgba(248,81,73,0.15);}.modal-modern{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-backdrop);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-index-modal);align-items:center;justify-content:center;padding:var(--spacing-4);}.modal-modern.active{display:flex;}.modal-modern-content{background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--border-radius-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:modalSlideIn 0.2s ease-out;}@keyframes modalSlideIn{from{opacity:0;transform:scale(0.96);}to{opacity:1;transform:scale(1);}}.modal-modern-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom:var(--border-width-thin) solid var(--color-border-default);}.modal-modern-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-2);}.modal-modern-title i{color:var(--color-accent-primary-base);}.modal-modern-close{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-2xl);cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius-md);transition:all var(--transition-duration-fast) ease;}.modal-modern-close:hover{color:var(--color-text-primary);background:var(--color-surface-tertiary);}.modal-modern-body{padding:var(--spacing-6);}.modal-modern-footer{padding:var(--spacing-6);border-top:var(--border-width-thin) solid var(--color-border-default);display:flex;justify-content:flex-end;gap:var(--spacing-3);}.alert-modern{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--border-radius-lg);border:var(--border-width-thin) solid;margin-bottom:var(--spacing-4);}.alert-modern-icon{font-size:var(--font-size-lg);flex-shrink:0;}.alert-modern-content{flex:1;}.alert-modern-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1);}.alert-modern-warning{background:var(--color-risk-medium-subtle);color:var(--color-risk-medium-base);border-color:var(--color-risk-medium-border);}.alert-modern-success{background:var(--color-risk-low-subtle);color:var(--color-risk-low-base);border-color:var(--color-risk-low-border);}.alert-modern-error{background:var(--color-risk-high-subtle);color:var(--color-risk-high-base);border-color:var(--color-risk-high-border);}.alert-modern-info{background:var(--color-accent-secondary-subtle);color:var(--color-accent-secondary-base);border-color:var(--color-accent-secondary-border);}.empty-state-modern{text-align:center;padding:var(--spacing-16) var(--spacing-8);color:var(--color-text-secondary);}.empty-state-modern-icon{font-size:4rem;color:var(--color-text-tertiary);margin-bottom:var(--spacing-4);opacity:0.5;}.empty-state-modern-title{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--spacing-2);font-weight:var(--font-weight-semibold);}.empty-state-modern-description{color:var(--color-text-secondary);font-size:var(--font-size-base);}.loading-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-8);color:var(--color-text-secondary);}.loading-modern-spinner{font-size:var(--font-size-3xl);color:var(--color-accent-primary-base);margin-bottom:var(--spacing-4);animation:spin 1s linear infinite;}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.loading-modern-text{font-size:var(--font-size-base);color:var(--color-text-secondary);}.code-display{background:var(--color-surface-tertiary);border:var(--border-width-medium) solid var(--color-border-accent);border-radius:var(--border-radius-lg);padding:var(--spacing-4);margin:var(--spacing-4) 0;font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-accent-primary-base);word-break:break-all;overflow-x:auto;}.card{background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--border-radius-xl);padding:var(--spacing-5);transition:all var(--transition-duration-normal) ease;position:relative;overflow:hidden;}.card-sm{padding:var(--spacing-3);border-radius:var(--border-radius-lg);}.card-md{padding:var(--spacing-5);border-radius:var(--border-radius-xl);}.card-lg{padding:var(--spacing-6);border-radius:var(--border-radius-xl);}.card-flat{box-shadow:none;}.card-elevated{box-shadow:var(--shadow-md);}.card-floating{box-shadow:var(--shadow-xl);}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4);gap:var(--spacing-3);}.card-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;letter-spacing:var(--font-letter-spacing-tight);}.card-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-1) 0 0 0;}.card-body{margin-bottom:var(--spacing-4);}.card-body:last-child{margin-bottom:0;}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:var(--border-width-thin) solid var(--color-border-default);}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0;letter-spacing:var(--font-letter-spacing-tight);}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-3) 0;}.card-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:var(--spacing-3) 0;}.card-description p{margin:var(--spacing-2) 0;}.card-actions{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0;}.card-metadata{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3);margin:var(--spacing-4) 0;}.card-metadata-row{display:flex;gap:var(--spacing-6);margin:var(--spacing-3) 0;}.card-metadata-item,.metadata-item{display:flex;flex-direction:column;gap:var(--spacing-1);}.metadata-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;font-weight:var(--font-weight-semibold);letter-spacing:var(--font-letter-spacing-wider);}.metadata-value{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium);}.card-stats{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-4);border-top:var(--border-width-thin) solid var(--color-border-default);margin-top:auto;}.card-stats-group,.stat-group{display:flex;gap:var(--spacing-4);align-items:center;}.card-stat-item,.stat-item{text-align:center;display:flex;flex-direction:column;gap:var(--spacing-1);}.card-stat-number,.stat-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1;}.card-stat-label,.stat-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;font-weight:var(--font-weight-medium);letter-spacing:var(--font-letter-spacing-wider);}.mini-stat{text-align:center;}.mini-stat-number{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:block;}.mini-stat-label{font-size:0.65rem;color:var(--color-text-tertiary);text-transform:uppercase;font-weight:var(--font-weight-medium);letter-spacing:var(--font-letter-spacing-wider);}.card-spacer{flex:1;min-height:var(--spacing-4);}.card-tool{background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--border-radius-xl);padding:var(--spacing-5);cursor:pointer;transition:all var(--transition-duration-normal) ease;position:relative;overflow:hidden;}.card-tool::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transition:transform 0.3s ease;}.card-tool:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-lg);}.card-tool:hover::before{transform:scaleX(1);}.card-finding{background:var(--color-surface-secondary);border:var(--border-width-medium) solid var(--color-border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-5);cursor:pointer;transition:all var(--transition-duration-normal) ease;position:relative;}.card-finding:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-lg);}.card-finding:hover .card-description,.card-finding:hover .finding-description p{color:var(--color-text-primary);}.finding-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4);gap:var(--spacing-3);}.finding-type{font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;}.finding-badges{display:flex;align-items:center;gap:var(--spacing-2);}.finding-description{margin-bottom:var(--spacing-4);}.finding-description p{font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-secondary);margin:0;transition:color var(--transition-duration-normal) ease;}.finding-footer{padding-top:var(--spacing-3);border-top:var(--border-width-thin) solid var(--color-border-default);}.finding-location{display:flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary);}.card-interactive{cursor:pointer;transition:all var(--transition-duration-normal) ease;}.card-interactive:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-lg);}.hash-card{background:#151a23;border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:var(--spacing-5);cursor:pointer;transition:border-color 0.2s ease,box-shadow 0.2s ease;position:relative;overflow:visible;display:flex;flex-direction:column;}.hash-card::before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(to right,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.12) 100%) 0 0 / 10px 1px no-repeat,linear-gradient(to bottom,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.12) 100%) 0 0 / 1px 10px no-repeat,linear-gradient(to left,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.12) 100%) 100% 0 / 10px 1px no-repeat,linear-gradient(to bottom,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.12) 100%) 100% 0 / 1px 10px no-repeat,linear-gradient(to right,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.12) 100%) 0 100% / 10px 1px no-repeat,linear-gradient(to top,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.12) 100%) 0 100% / 1px 10px no-repeat,linear-gradient(to left,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.12) 100%) 100% 100% / 10px 1px no-repeat,linear-gradient(to top,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.12) 100%) 100% 100% / 1px 10px no-repeat;transition:background 0.2s ease;}.hash-card:hover{border-color:rgba(232,99,43,0.15);box-shadow:0 4px 24px rgba(232,99,43,0.06);}.hash-card:hover::before{background:linear-gradient(to right,var(--color-accent-primary-base) 0%,var(--color-accent-primary-base) 100%) 0 0 / 10px 1px no-repeat,linear-gradient(to bottom,var(--color-accent-primary-base) 0%,var(--color-accent-primary-base) 100%) 0 0 / 1px 10px no-repeat,linear-gradient(to left,var(--color-accent-primary-base) 0%,var(--color-accent-primary-base) 100%) 100% 0 / 10px 1px no-repeat,linear-gradient(to bottom,var(--color-accent-primary-base) 0%,var(--color-accent-primary-base) 100%) 100% 0 / 1px 10px no-repeat,linear-gradient(to right,var(--color-accent-primary-base) 0%,var(--color-accent-primary-base) 100%) 0 100% / 10px 1px no-repeat,linear-gradient(to top,var(--color-accent-primary-base) 0%,var(--color-accent-primary-base) 100%) 0 100% / 1px 10px no-repeat,linear-gradient(to left,var(--color-accent-primary-base) 0%,var(--color-accent-primary-base) 100%) 100% 100% / 10px 1px no-repeat,linear-gradient(to top,var(--color-accent-primary-base) 0%,var(--color-accent-primary-base) 100%) 100% 100% / 1px 10px no-repeat;}.registry-sidebar{flex-shrink:0;position:relative;border-right:1px solid rgba(255,255,255,0.04);transition:width 0.3s cubic-bezier(0.4,0,0.2,1);overflow:hidden;}.registry-sidebar.is-open{width:220px;}.registry-sidebar.is-closed{width:0;border-right:none;}.sidebar-inner{width:220px;padding:24px 16px;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto;transition:opacity 0.2s ease;}.registry-sidebar.is-closed .sidebar-inner{opacity:0;pointer-events:none;}.sidebar-section-title{font-size:9px;color:#44445a;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px;font-weight:600;}.filter-pill{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;border-radius:6px;border:none;cursor:pointer;font-size:12px;font-family:var(--font-family-sans);font-weight:400;background:transparent;color:#6b6b80;transition:all 0.15s ease;}.filter-pill:hover{color:#c8c8d8;}.filter-pill.is-active{background:rgba(232,99,43,0.15);color:#ff7a3d;font-weight:600;}.filter-pill-count{font-size:11px;font-family:var(--font-family-mono);opacity:0.7;}.filter-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;border-radius:6px;border:none;cursor:pointer;font-size:12px;font-family:var(--font-family-sans);background:transparent;color:#6b6b80;text-align:left;transition:all 0.15s ease;}.filter-item:hover{color:#c8c8d8;}.filter-item.is-active{background:rgba(232,99,43,0.15);color:#ff7a3d;}.filter-item-dot{width:6px;height:6px;border-radius:50%;background:#44445a;flex-shrink:0;}.filter-item.is-active .filter-item-dot{background:#ff7a3d;}.sidebar-toggle-wrapper{position:relative;width:0;flex-shrink:0;z-index:5;}.sidebar-toggle-sticky{position:sticky;top:72px;}.sidebar-toggle{position:relative;left:-14px;width:28px;height:28px;border-radius:50%;background:#151a23;border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s ease,border-color 0.2s ease;color:#6b6b80;box-shadow:0 2px 8px rgba(0,0,0,0.3);padding:0;}.sidebar-toggle:hover{border-color:rgba(232,99,43,0.15);color:#ff7a3d;}.sidebar-toggle svg{transition:transform 0.3s ease;}.sidebar-toggle.is-collapsed svg{transform:rotate(180deg);}.hero-risk{background:linear-gradient(135deg,#151a23 0%,rgba(232,99,43,0.04) 100%);border-radius:10px;position:relative;border:1px solid rgba(232,99,43,0.15);overflow:hidden;}.hero-risk-bar{height:2px;background:linear-gradient(90deg,var(--color-accent-primary-base),rgba(232,99,43,0));}.hero-risk-body{padding:28px;position:relative;}.hero-risk-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}.hero-risk-label-text{display:flex;align-items:center;gap:10px;}.hero-risk-label-bar{width:3px;height:16px;border-radius:2px;background:var(--color-accent-primary-base);}.hero-risk-label-title{font-size:10px;color:#ff7a3d;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;}.hero-risk-label-date{font-size:10px;color:#44445a;font-family:var(--font-family-mono);}.hero-risk-content{display:flex;gap:28px;align-items:center;}.hero-risk-ring{position:relative;width:80px;height:80px;flex-shrink:0;}.hero-risk-ring-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}.hero-risk-ring-score{font-size:22px;font-weight:800;font-family:var(--font-family-mono);line-height:1;}.hero-risk-ring-label{font-size:7px;text-transform:uppercase;letter-spacing:1px;opacity:0.7;}.hero-risk-info{flex:1;min-width:0;}.hero-risk-info-meta{display:flex;align-items:center;gap:10px;margin-bottom:4px;}.hero-risk-info-date{font-size:10px;color:#44445a;}.hero-risk-info-name{margin:0 0 6px;font-size:20px;font-weight:700;color:#f0f0f4;}.hero-risk-info-version{font-size:13px;font-weight:500;color:#6b6b80;font-family:var(--font-family-mono);}.hero-risk-info-desc{margin:0;font-size:13px;color:#6b6b80;line-height:1.5;}.hero-risk-stats{display:flex;gap:0;flex-shrink:0;align-items:center;}.hero-risk-stat{text-align:center;padding:0 20px;border-left:1px solid rgba(255,255,255,0.08);}.hero-risk-stat:first-child{border-left:none;padding-left:0;}.hero-risk-stat-value{font-size:22px;font-weight:800;font-family:var(--font-family-mono);line-height:1;}.hero-risk-stat-value--zero{color:#44445a;}.hero-risk-stat-value--findings{color:var(--color-accent-primary-base);}.hero-risk-stat-value--sca{color:#fbbf24;}.hero-risk-stat-value--commands{color:#60a5fa;}.hero-risk-stat-label{font-size:8px;color:#44445a;text-transform:uppercase;letter-spacing:0.5px;margin-top:4px;}.hero-risk-context{display:flex;align-items:baseline;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.04);}.hero-risk-context-heading{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:#44445a;margin-right:4px;}.hero-risk-context-item{display:flex;align-items:baseline;gap:6px;}.hero-risk-context-value{font-size:13px;font-weight:700;color:#c8c8d8;font-family:var(--font-family-mono);}.hero-risk-context-label{font-size:10px;color:#44445a;}.card-stat{background:linear-gradient(145deg,var(--color-surface-secondary) 0%,var(--color-surface-tertiary) 100%);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--border-radius-xl);padding:var(--spacing-5);text-align:center;transition:all var(--transition-duration-normal) ease;}.card-stat:hover{border-color:var(--color-accent-primary-base);box-shadow:var(--shadow-lg);}.card-stat-icon{font-size:var(--font-size-3xl);color:var(--color-accent-primary-base);margin-bottom:var(--spacing-3);}.card-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1;margin-bottom:var(--spacing-2);}.card-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wide);font-weight:var(--font-weight-medium);}.section-card{background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--border-radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-6);}.section-card-header{margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4);border-bottom:var(--border-width-thin) solid var(--color-border-default);}.section-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-2);}.section-card-title i{color:var(--color-accent-primary-base);}.section-card-body{}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-4);}.cards-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);}.cards-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);}.cards-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4);}.findings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);}.verified-status{display:flex;align-items:center;gap:var(--spacing-1-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);}.verified{color:var(--color-accent-success-base);}.unverified{color:var(--color-text-tertiary);}.cve-id{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-risk-high-base);background:var(--color-risk-high-subtle);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-md);border:var(--border-width-thin) solid var(--color-risk-high-border);margin-bottom:var(--spacing-3);display:inline-block;}.category-badge{font-size:0.65rem;color:var(--color-text-tertiary);background:var(--color-surface-tertiary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-md);text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wider);font-weight:var(--font-weight-semibold);border:var(--border-width-thin) solid var(--color-border-default);}.severity-indicator{font-size:0.6rem;}.severity-indicator.severity-high,.severity-indicator.severity-critical{color:var(--color-risk-high-base);}.severity-indicator.severity-medium{color:var(--color-risk-medium-base);}.severity-indicator.severity-low,.severity-indicator.severity-info{color:var(--color-risk-low-base);}.delete-btn{background:var(--color-accent-danger-subtle);border:var(--border-width-thin) solid var(--color-accent-danger-border);border-radius:var(--border-radius-md);padding:var(--spacing-1-5) var(--spacing-2);color:var(--color-accent-danger-base);cursor:pointer;transition:all var(--transition-duration-fast) ease;font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;}.delete-btn:hover{background:var(--color-accent-danger-base);color:#ffffff;}.card-title-gradient{font-family:var(--font-family-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:var(--font-letter-spacing-tight);margin:0;line-height:1.3;}@media (max-width:1400px){.cards-grid-4{grid-template-columns:repeat(3,1fr);}}@media (max-width:1024px){.cards-grid-4,.cards-grid-3{grid-template-columns:repeat(2,1fr);}.findings-grid{grid-template-columns:1fr;}}@media (max-width:768px){.card-header{flex-direction:column;gap:var(--spacing-3);}.card-metadata{grid-template-columns:1fr;gap:var(--spacing-2);}.card-metadata-row{flex-direction:column;gap:var(--spacing-3);}.cards-grid,.cards-grid-2,.cards-grid-3,.cards-grid-4{grid-template-columns:1fr;}.card-stats{flex-direction:column;gap:var(--spacing-3);align-items:stretch;}.stat-group{justify-content:center;gap:var(--spacing-6);}.hash-card{min-height:auto;}}@media (max-width:480px){.stat-group{flex-direction:column;gap:var(--spacing-3);}}@media (max-width:768px){.stats-grid-modern{grid-template-columns:1fr;}.table-wrapper{overflow-x:auto;}.table-modern{min-width:800px;}.btn{width:100%;justify-content:center;}.modal-modern-content{margin:var(--spacing-4);}}.table-row-expandable{cursor:pointer;transition:background var(--transition-duration-fast) ease;}.table-row-expandable:hover{background:var(--color-accent-primary-subtle);}.table-row-expandable.table-row-expanded{background:var(--color-surface-tertiary);border-bottom:none;}.table-cell-expand{text-align:center;width:40px;padding:var(--spacing-3) var(--spacing-2);}.table-expand-icon{transition:transform var(--transition-duration-normal) ease;color:var(--color-accent-primary-base);font-size:var(--font-size-xs);display:inline-block;}.table-row-expanded .table-expand-icon{transform:rotate(90deg);}.table-expansion-row{background:var(--color-surface-tertiary);display:none;}.table-expansion-row.active{display:table-row;}.table-expansion-content{padding:var(--spacing-5);animation:slideDown 0.2s ease;}@keyframes slideDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}.table-expansion-header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:var(--border-width-thin) solid var(--color-border-default);}.table-expansion-header h4{font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;}.table-expansion-body{display:flex;flex-direction:column;gap:var(--spacing-4);}.table-cell-actions{display:flex;gap:var(--spacing-2);align-items:center;justify-content:flex-end;}.table-action-btn{padding:var(--spacing-2) var(--spacing-4);background:var(--color-surface-tertiary);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-xs);font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);letter-spacing:var(--font-letter-spacing-wide);text-transform:uppercase;cursor:pointer;transition:all var(--transition-duration-fast) ease;margin-right:var(--spacing-2);white-space:nowrap;}.table-action-btn:last-child{margin-right:0;}.table-action-btn:hover{background:var(--color-surface-elevated);border-color:var(--color-accent-primary-base);color:var(--color-accent-primary-base);}.table-action-btn i{margin-right:var(--spacing-1);}.table-empty-state{text-align:center;padding:var(--spacing-16) var(--spacing-8);color:var(--color-text-tertiary);}.table-empty-state i{font-size:3rem;margin-bottom:var(--spacing-4);opacity:0.5;color:var(--color-text-tertiary);}.table-empty-state h3{font-family:var(--font-family-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0;}.table-empty-state p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;}.table-loading{text-align:center;padding:var(--spacing-12) var(--spacing-8);color:var(--color-text-secondary);}.table-loading i{font-size:var(--font-size-2xl);color:var(--color-accent-primary-base);margin-bottom:var(--spacing-4);animation:spin 1s linear infinite;}.table-loading-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);}.table-cell-code{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary);}.table-cell-location{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary);}.table-detail-section{display:flex;flex-direction:column;gap:var(--spacing-2);}.table-detail-section strong{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:var(--font-letter-spacing-wider);}.table-detail-section p{color:var(--color-text-primary);margin:0;line-height:1.6;font-size:var(--font-size-sm);}.table-code-evidence{background:var(--color-surface-primary);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--border-radius-md);padding:var(--spacing-3);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow-x:auto;white-space:pre;line-height:1.4;}.table-code-fix{background:rgba(34,197,94,0.05);border:var(--border-width-thin) solid rgba(34,197,94,0.2);border-radius:var(--border-radius-md);padding:var(--spacing-3);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-primary);overflow-x:auto;white-space:pre-wrap;line-height:1.4;margin:var(--spacing-2) 0;}.sidebar{width:260px;background:var(--color-surface-secondary);border-right:var(--border-width-thin) solid var(--color-border-default);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:50;transition:width var(--transition-duration-normal) ease;}.sidebar-header{padding:var(--spacing-6) var(--spacing-5);border-bottom:var(--border-width-thin) solid var(--color-border-default);background:linear-gradient(to bottom,var(--color-surface-secondary) 0%,var(--color-surface-tertiary) 100%);}.sidebar-brand{display:flex;flex-direction:column;gap:var(--spacing-1);}.sidebar-brand h1{font-family:var(--font-family-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--font-letter-spacing-tight);margin:0;}.sidebar-brand p{font-size:var(--font-size-xs);color:var(--color-text-tertiary);letter-spacing:var(--font-letter-spacing-wide);margin:0;text-transform:uppercase;}.sidebar-nav{flex:1;padding:var(--spacing-4) 0;overflow-y:auto;}.sidebar-nav-section{margin-bottom:var(--spacing-6);}.sidebar-nav-section-title{padding:0 var(--spacing-4);margin-bottom:var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);letter-spacing:var(--font-letter-spacing-wider);text-transform:uppercase;}.sidebar-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2-5) var(--spacing-4);margin:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all 150ms ease-in-out;text-decoration:none;text-align:left;width:calc(100% - var(--spacing-4));text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wide);}.sidebar-item:hover{color:var(--color-text-primary);background:var(--color-surface-tertiary);}.sidebar-item.active{color:var(--color-accent-primary-base);background:var(--color-accent-primary-subtle);font-weight:var(--font-weight-semibold);border-left:2px solid var(--color-accent-primary-base);}.sidebar-item i{width:var(--spacing-5);height:var(--spacing-5);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);}.sidebar-footer{padding:var(--spacing-4);border-top:var(--border-width-thin) solid var(--color-border-default);background:var(--color-surface-tertiary);}.sidebar-user{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2-5) var(--spacing-3);background:var(--color-surface-secondary);border-radius:var(--border-radius-md);border:var(--border-width-thin) solid var(--color-border-default);}.sidebar-user-info{flex:1;min-width:0;}.sidebar-user-org{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent-primary-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.sidebar-user-email{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:none;letter-spacing:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.sidebar-collapsed{width:64px;}.sidebar-collapsed .sidebar-brand p,.sidebar-collapsed .sidebar-nav-section-title,.sidebar-collapsed .sidebar-item span,.sidebar-collapsed .sidebar-user-info{display:none;}.sidebar-collapsed .sidebar-item{justify-content:center;padding:var(--spacing-2-5);}.tabs{margin-bottom:var(--spacing-6);}.tabs-header{display:flex;background:var(--color-surface-tertiary);border-bottom:var(--border-width-medium) solid var(--color-border-default);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-accent-primary-base) var(--color-surface-tertiary);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;}.tabs-header::-webkit-scrollbar{height:6px;}.tabs-header::-webkit-scrollbar-track{background:var(--color-surface-tertiary);}.tabs-header::-webkit-scrollbar-thumb{background:var(--color-accent-primary-base);border-radius:var(--border-radius-sm);}.tab-button{background:transparent;border:none;padding:var(--spacing-4) var(--spacing-5);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-duration-fast) ease;display:flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-family-brand);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wider);white-space:nowrap;position:relative;}.tab-button::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:3px;background:var(--color-accent-primary-base);transform:translateX(-50%);transition:width var(--transition-duration-fast) ease;}.tab-button:hover{color:var(--color-text-primary);background:var(--color-accent-primary-subtle);}.tab-button.active{color:var(--color-accent-primary-base);background:var(--color-accent-primary-subtle);}.tab-button.active::after{width:100%;}.tab-button i{font-size:var(--font-size-sm);}.tab-count{background:var(--color-surface-secondary);padding:var(--spacing-0-5) var(--spacing-2);border-radius:var(--border-radius-full);font-size:0.7rem;font-weight:var(--font-weight-bold);margin-left:var(--spacing-1);min-width:24px;text-align:center;border:var(--border-width-thin) solid var(--color-border-default);}.tab-button.active .tab-count{background:var(--color-accent-primary-base);color:#ffffff;border-color:var(--color-accent-primary-base);}.tabs-content{background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-default);border-top:none;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);padding:var(--spacing-5);}.tab-panel{display:none;}.tab-panel.active{display:block;animation:fadeIn 0.2s ease;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.app-layout{display:flex;flex:1;min-height:100vh;width:100%;}.app-sidebar{width:260px;background:var(--color-surface-secondary);border-right:var(--border-width-thin) solid var(--color-border-default);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:50;}.app-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;}.app-header{background:var(--color-surface-secondary);border-bottom:var(--border-width-thin) solid var(--color-border-default);padding:var(--spacing-4) var(--spacing-6);display:flex;justify-content:space-between;align-items:center;}.app-header-title{font-family:var(--font-family-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;}.app-header-actions{display:flex;gap:var(--spacing-3);align-items:center;}.app-content{flex:1;max-width:1600px;width:100%;margin:0 auto;padding:var(--spacing-6);}@media (max-width:1024px){.sidebar,.app-sidebar{transform:translateX(-100%);transition:transform var(--transition-duration-normal) ease;}.sidebar.mobile-open,.app-sidebar.mobile-open{transform:translateX(0);}.app-main{margin-left:0;}}@media (max-width:768px){.tabs-header{flex-wrap:wrap;}.tab-button{font-size:var(--font-size-xs);padding:var(--spacing-3) var(--spacing-4);}.tab-button i{display:none;}.table-modern th:nth-child(n+5),.table-modern td:nth-child(n+5){display:none;}.table-cell-actions{flex-direction:column;gap:var(--spacing-1);}.table-action-btn{width:100%;margin-right:0;}.app-content{padding:var(--spacing-4);}}@media (max-width:480px){.tab-count{min-width:20px;font-size:0.65rem;padding:var(--spacing-0-5) var(--spacing-1-5);}.table-expansion-content{padding:var(--spacing-3);}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px);}to{opacity:1;transform:translateX(0);}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px);}to{opacity:1;transform:translateX(0);}}@keyframes slideInFromTop{from{transform:translateY(-100%);opacity:0;}to{transform:translateY(0);opacity:1;}}@keyframes slideInRight{from{transform:translateX(100%);opacity:0;}to{transform:translateX(0);opacity:1;}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1;}to{transform:translateX(100%);opacity:0;}}@keyframes scaleIn{from{opacity:0;transform:scale(0.8);}to{opacity:1;transform:scale(1);}}@keyframes rotateIn{from{opacity:0;transform:rotate(-10deg) scale(0.9);}to{opacity:1;transform:rotate(0deg) scale(1);}}@keyframes float{0%,100%{transform:translateY(0px);}50%{transform:translateY(-10px);}}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.7;}}@keyframes shimmer{0%{background-position:-200% center;}100%{background-position:200% center;}}@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}.animate-fade-in{animation:fadeIn 0.5s ease-out forwards;}.animate-fade-in-up{animation:fadeInUp 0.8s ease-out forwards;}.animate-fade-in-down{animation:fadeInDown 0.8s ease-out forwards;}.animate-fade-in-left{animation:fadeInLeft 0.8s ease-out forwards;}.animate-fade-in-right{animation:fadeInRight 0.8s ease-out forwards;}.animate-scale-in{animation:scaleIn 0.6s ease-out forwards;}.animate-rotate-in{animation:rotateIn 0.8s ease-out forwards;}.animate-slide-in-top{animation:slideInFromTop 0.8s ease-out forwards;}.animate-slide-in-right{animation:slideInRight 0.6s ease-out forwards;}.animate-float{animation:float 3s ease-in-out infinite;}.animate-pulse{animation:pulse 2s ease-in-out infinite;}.animate-bounce{animation:bounce 1s ease-in-out infinite;}.animate-spin{animation:spin 1s linear infinite;}.animate-stagger-1{animation-delay:0.1s;opacity:0;}.animate-stagger-2{animation-delay:0.2s;opacity:0;}.animate-stagger-3{animation-delay:0.3s;opacity:0;}.animate-stagger-4{animation-delay:0.4s;opacity:0;}.animate-stagger-5{animation-delay:0.5s;opacity:0;}.animate-stagger-6{animation-delay:0.6s;opacity:0;}.animate-stagger-7{animation-delay:0.7s;opacity:0;}.animate-stagger-8{animation-delay:0.8s;opacity:0;}.animate-delay-100{animation-delay:100ms;}.animate-delay-200{animation-delay:200ms;}.animate-delay-300{animation-delay:300ms;}.animate-delay-500{animation-delay:500ms;}.animate-delay-700{animation-delay:700ms;}.animate-delay-1000{animation-delay:1000ms;}.hover-lift{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px rgba(0,0,0,0.15);}.hover-scale{transition:transform var(--transition-duration-normal) ease;}.hover-scale:hover{transform:scale(1.05);}.hover-glow{position:relative;transition:all 0.3s ease;}.hover-glow::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,var(--color-accent-primary-base),var(--color-primitive-orange-400),var(--color-primitive-amber-400));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:0;transition:opacity 0.3s ease;}.hover-glow:hover::before{opacity:1;}.hover-brightness{transition:filter var(--transition-duration-normal) ease;}.hover-brightness:hover{filter:brightness(1.1);}.shimmer{background:linear-gradient(90deg,var(--color-surface-tertiary) 25%,var(--color-surface-elevated) 50%,var(--color-surface-tertiary) 75%);background-size:200% 100%;animation:shimmer 2s infinite;}.shimmer-dark{background:linear-gradient(90deg,var(--color-surface-secondary) 25%,var(--color-surface-tertiary) 50%,var(--color-surface-secondary) 75%);background-size:200% 100%;animation:shimmer 2s infinite;}.section-reveal{opacity:0;transform:translateY(50px);transition:all 0.8s ease-out;}.section-reveal.visible{opacity:1;transform:translateY(0);}.card-sweep{position:relative;overflow:hidden;}.card-sweep::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-accent-primary-subtle),transparent);transition:left 0.6s ease;}.card-sweep:hover::before{left:100%;}.btn-ripple{position:relative;overflow:hidden;}.btn-ripple::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s;}.btn-ripple:active::after{width:300px;height:300px;}.will-change-transform{will-change:transform;}.will-change-opacity{will-change:opacity;}.will-change-auto{will-change:auto;}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}.animate-float,.animate-pulse,.animate-bounce,.animate-spin,.shimmer,.shimmer-dark{animation:none !important;}.hover-lift:hover{transform:none;}.section-reveal{opacity:1;transform:none;}}@media (max-width:768px){.hover-lift:hover{transform:none;box-shadow:var(--shadow-lg);}.hover-scale:hover{transform:scale(1.02);}.animate-fade-in-up,.animate-fade-in-down,.animate-fade-in-left,.animate-fade-in-right{animation-duration:0.5s;}}html{scroll-behavior:smooth;}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);cursor:pointer;}#waitlistModal .modal-content{padding:var(--spacing-6);max-width:480px;background:#0d0d0d;border:1px solid rgba(255,255,255,0.08);position:relative;overflow:visible;}#waitlistModal .modal-content::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at center,rgba(229,90,43,0.12) 1px,transparent 1px);background-size:24px 24px;border-radius:inherit;pointer-events:none;z-index:0;}#waitlistModal .modal-content > *{position:relative;z-index:1;}#waitlistModal .modal-header{border:none;padding:0;margin-bottom:var(--spacing-5);display:block;}#waitlistModal .modal-close{position:absolute;top:var(--spacing-3);right:var(--spacing-3);z-index:2;}.modal-title{font-family:var(--font-family-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:none;letter-spacing:normal;margin-bottom:var(--spacing-2);}.modal-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--font-line-height-relaxed);text-transform:none;letter-spacing:0;}.waitlist-form{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%;}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);width:100%;}.form-group-full{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%;}.waitlist-form .label{color:var(--color-text-secondary);display:block;margin-bottom:var(--spacing-1);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);}.waitlist-form .label__required{color:var(--color-accent-primary-base);}.waitlist-form .input,.waitlist-form .textarea{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);color:var(--color-text-primary);padding:var(--spacing-3);border-radius:var(--border-radius-md);width:100%;font-family:var(--font-family-sans);font-size:var(--font-size-sm);}.waitlist-form .input:focus,.waitlist-form .textarea:focus{outline:none;border-color:var(--color-accent-primary-base);background:rgba(255,255,255,0.05);}.waitlist-form .input::placeholder,.waitlist-form .textarea::placeholder{color:rgba(255,255,255,0.3);}.toast{position:fixed;top:var(--spacing-5);right:var(--spacing-5);background:#0d0d0d;border:1px solid rgba(255,255,255,0.1);border-radius:var(--border-radius-lg);padding:var(--spacing-4) var(--spacing-5);z-index:9999;display:flex;align-items:center;gap:var(--spacing-4);transform:translateX(calc(100% + var(--spacing-5)));transition:transform 0.3s ease;max-width:400px;box-shadow:0 4px 20px rgba(0,0,0,0.4);}.toast-visible{transform:translateX(0);}.toast-message{color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family-sans);line-height:var(--font-line-height-normal);}.toast-close{background:none;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-xl);cursor:pointer;padding:0;line-height:1;transition:color var(--transition-duration-fast) ease;}.toast-close:hover{color:var(--color-text-primary);}.toast-success{border-left:3px solid var(--color-accent-success-base,#3fb950);}.toast-error{border-left:3px solid var(--color-accent-danger-base);}.toast-info{border-left:3px solid var(--color-accent-primary-base);}.form-actions{margin-top:var(--spacing-4);width:100%;}.form-actions .button{width:100%;}.form-message{padding:var(--spacing-4);border-radius:var(--border-radius-md);text-align:center;display:none;text-transform:none;}.form-message.success{display:block;background:var(--color-accent-success-subtle);border:1px solid var(--color-accent-success-base);color:var(--color-accent-success-base);}.form-message.error{display:block;background:var(--color-accent-danger-subtle);border:1px solid var(--color-accent-danger-base);color:var(--color-accent-danger-base);}.hero-text{max-width:600px;}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;}.problem-section,.solution-section{position:relative;background:transparent;}.problem-section{padding-top:var(--spacing-20);padding-bottom:0;}.solution-section{padding-top:0;padding-bottom:var(--spacing-12);}.footer-transparent{background:transparent;border:none;padding:var(--spacing-12) 0 var(--spacing-8);position:relative;z-index:1;}.footer-transparent .container{max-width:1000px;padding:0 var(--spacing-6);}.footer-transparent .footer-content__columns{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-12);align-items:start;}.footer-transparent .footer-nav-group{display:flex;flex-direction:column;gap:var(--spacing-3);}.footer-transparent .footer-nav{display:grid;grid-template-columns:repeat(3,minmax(120px,auto));gap:var(--spacing-10);}.footer-transparent .footer-nav-title{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);}.footer-transparent .footer-bottom{border:none;margin-top:var(--spacing-10);padding-top:var(--spacing-6);}.footer-transparent .footer-brand{max-width:280px;display:grid;grid-template-rows:auto auto;gap:var(--spacing-2);}.footer-transparent .footer-brand .navbar-brand{margin-bottom:0;}.footer-transparent .footer-brand-text{margin:0;align-self:start;}.footer-transparent .footer-link{color:var(--color-text-secondary);}.footer-transparent .footer-link:hover{color:#ffffff;}.navbar-brand-text{font-family:'Rajdhani','Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:0.05em;position:relative;top:2px;}.problem-section .wireframe-grid{border-bottom-left-radius:0;border-bottom-right-radius:0;}.solution-section .wireframe-grid{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}.bg-dotted-grid{position:relative;}.bg-dotted-grid::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at center,rgba(229,90,43,0.15) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient( to bottom,transparent 0%,rgba(0,0,0,0.5) 5%,rgba(0,0,0,0.8) 15%,rgba(0,0,0,0.8) 85%,rgba(0,0,0,0.5) 95%,transparent 100% );mask-image:linear-gradient( to bottom,transparent 0%,rgba(0,0,0,0.5) 5%,rgba(0,0,0,0.8) 15%,rgba(0,0,0,0.8) 85%,rgba(0,0,0,0.5) 95%,transparent 100% );}.bg-dotted-grid--fixed::before{position:fixed;}.bg-dotted-grid--glow::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(229,90,43,0.12) 0%,transparent 100%),radial-gradient(ellipse 50% 35% at 25% 15%,rgba(248,81,73,0.06) 0%,transparent 100%);}.bg-dotted-grid > *{position:relative;z-index:1;}.sections-wrapper{position:relative;}.sections-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at center,rgba(229,90,43,0.15) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient( to bottom,transparent 0%,rgba(0,0,0,0.5) 5%,rgba(0,0,0,0.8) 15%,rgba(0,0,0,0.8) 85%,rgba(0,0,0,0.5) 95%,transparent 100% );mask-image:linear-gradient( to bottom,transparent 0%,rgba(0,0,0,0.5) 5%,rgba(0,0,0,0.8) 15%,rgba(0,0,0,0.8) 85%,rgba(0,0,0,0.5) 95%,transparent 100% );}.sections-wrapper > *{position:relative;z-index:1;}.wireframe-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;position:relative;border:1px solid rgba(255,255,255,0.08);border-radius:var(--border-radius-lg);}.wireframe-row{grid-column:1 / -1;padding:var(--spacing-8) var(--spacing-6);border-bottom:1px solid rgba(255,255,255,0.08);position:relative;}.wireframe-row:last-child{border-bottom:none;}.wireframe-cell{padding:var(--spacing-6);position:relative;}.wireframe-cell::before{content:'';position:absolute;top:var(--spacing-4);left:var(--spacing-4);width:8px;height:8px;border-left:1px solid rgba(255,255,255,0.1);border-top:1px solid rgba(255,255,255,0.1);transition:border-color var(--transition-duration-fast) ease;}.wireframe-cell::after{content:'';position:absolute;bottom:var(--spacing-4);right:var(--spacing-4);width:8px;height:8px;border-right:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1);transition:border-color var(--transition-duration-fast) ease;}.wireframe-cell:hover::before{border-left-color:var(--color-accent-primary-base);border-top-color:var(--color-accent-primary-base);}.wireframe-cell:hover::after{border-right-color:var(--color-accent-primary-base);border-bottom-color:var(--color-accent-primary-base);}.wireframe-cards{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;position:relative;}.wireframe-cards::before{content:'';position:absolute;top:0;left:50%;width:1px;height:100%;background:rgba(255,255,255,0.08);}.wireframe-cards .wireframe-cell:nth-child(n+3){border-top:1px solid rgba(255,255,255,0.08);}.wireframe-row .section-title{margin-bottom:var(--spacing-4);color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);}.wireframe-row .section-text{max-width:none;}@media (max-width:768px){.wireframe-grid{grid-template-columns:1fr;}.wireframe-cards{grid-template-columns:1fr;}.wireframe-cards::before{display:none;}.wireframe-cards .wireframe-cell:nth-child(n+2){border-top:1px solid rgba(255,255,255,0.08);}}.section-lead{color:var(--color-accent-primary-base);font-weight:var(--font-weight-semibold);}.section-text{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--font-line-height-relaxed);max-width:700px;}.problem-components,.solution-components{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-12);}.problem-item,.component-item{background:rgba(255,255,255,0.01);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:none;border-radius:var(--border-radius-lg);padding:var(--spacing-6);transition:all var(--transition-duration-normal) ease;}.problem-item:hover,.component-item:hover{background:rgba(255,255,255,0.03);transform:translateY(-2px);}.problem-item-highlight{background:rgba(229,90,43,0.02);}.problem-item-highlight h4{color:var(--color-accent-primary-base);}.wireframe-cell .problem-item,.wireframe-cell .component-item{height:100%;display:flex;flex-direction:column;}.wireframe-cell .problem-item h4,.wireframe-cell .component-item h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-2);transition:color var(--transition-duration-fast) ease;}.wireframe-cell .problem-item:hover h4,.wireframe-cell .component-item:hover h4{color:var(--color-text-primary);}.wireframe-cell .problem-item p,.wireframe-cell .component-item p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--font-line-height-relaxed);flex:1;}.tool-card{background:var(--color-surface-tertiary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-3);transition:all var(--transition-duration-normal) ease;}.tool-card:hover{border-color:var(--color-border-accent);background:var(--color-surface-elevated);}.tool-info{flex:1;min-width:0;}.tool-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1);}.tool-status{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--font-letter-spacing-wide);}.badge-error{background:var(--color-accent-danger-subtle);color:var(--color-accent-danger-base);border:1px solid var(--color-accent-danger-border);}.badge__dot{width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:var(--spacing-2);}.check-mark{width:20px;height:20px;border-radius:50%;background:var(--color-accent-success-base);display:flex;align-items:center;justify-content:center;color:white;font-size:12px;flex-shrink:0;}.footer-content__columns{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--spacing-12);}.geometric-shape,.problem-shape,.solution-shape{position:absolute;pointer-events:none;opacity:0.1;}.wire-cube,.wire-shield{position:absolute;pointer-events:none;}.orbit-1,.orbit-2,.orbit-3,.orbit-4{position:absolute;border:1px solid var(--color-border-default);border-radius:50%;opacity:0.3;}.orbit-1{width:200px;height:200px;animation:orbit-spin 20s linear infinite;}.orbit-2{width:300px;height:300px;animation:orbit-spin 30s linear infinite reverse;}.orbit-3{width:400px;height:400px;animation:orbit-spin 40s linear infinite;}.orbit-4{width:500px;height:500px;animation:orbit-spin 50s linear infinite reverse;}.orbit-dot{position:absolute;width:8px;height:8px;background:var(--color-accent-primary-base);border-radius:50%;box-shadow:0 0 10px var(--color-accent-primary-base);}@keyframes orbit-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.pulse-ring,.pulse-ring-2{position:absolute;border:2px solid var(--color-accent-primary-base);border-radius:50%;opacity:0;animation:pulse-ring 3s ease-out infinite;}.pulse-ring-2{animation-delay:1.5s;}@keyframes pulse-ring{0%{transform:scale(0.8);opacity:0.8;}100%{transform:scale(1.5);opacity:0;}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease;}.animate-on-scroll.visible{opacity:1;transform:translateY(0);}.animate-dash{stroke-dasharray:1000;stroke-dashoffset:1000;animation:dash 2s ease-in-out forwards;}@keyframes dash{to{stroke-dashoffset:0;}}@media (max-width:1024px){.footer-content__columns{grid-template-columns:1fr 1fr;gap:var(--spacing-8);}}@media (max-width:768px){.form-grid{grid-template-columns:1fr;}.problem-components,.solution-components{grid-template-columns:1fr;}.orbit-1,.orbit-2,.orbit-3,.orbit-4{display:none;}.navbar-mobile-toggle{display:flex;}.navbar-menu,.navbar-right{display:none;}.navbar.mobile-open .navbar-menu{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(13,13,13,0.98);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid rgba(255,255,255,0.08);gap:var(--spacing-1);}.navbar.mobile-open .navbar-right{display:none;}.navbar.mobile-open .nav-link{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);}.navbar.mobile-open .button{width:100%;justify-content:center;}.navbar-mobile-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px);}.navbar-mobile-toggle.active .hamburger-line:nth-child(2){opacity:0;}.navbar-mobile-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px);}body.mobile-menu-open{overflow:hidden;}.footer-transparent .footer-content__columns{grid-template-columns:1fr;gap:var(--spacing-8);text-align:center;}.footer-transparent .footer-brand{max-width:none;align-items:center;justify-items:center;}.footer-transparent .footer-brand .navbar-brand{justify-content:center;}.footer-transparent .footer-nav{grid-template-columns:1fr;gap:var(--spacing-6);text-align:center;}.footer-transparent .footer-nav-group{align-items:center;}.hero-title{font-size:clamp(1.75rem,8vw,2.5rem);}.hero-cta{flex-direction:column;align-items:center;}.hero-cta .button{width:100%;max-width:280px;}.wireframe-grid{margin:0 var(--spacing-4);}.wireframe-row{padding:var(--spacing-6) var(--spacing-4);}.wireframe-cell{padding:var(--spacing-4);}.wireframe-row .section-title{font-size:var(--font-size-xl);}.section-text{font-size:var(--font-size-base);}}