:root{--black-oil-100:#e7e7e8;--black-oil-200:#cecfd1;--black-oil-300:#b6b8ba;--black-oil-400:#9da1a3;--black-oil-500:#85898d;--black-oil-600:#6d7175;--black-oil-700:#55595d;--black-oil-800:#3d4146;--black-oil-900:#25292f;--black-oil-1000:#0d1117;--black-umber-100:#e8e8e8;--black-umber-200:#d1cfcd;--black-umber-300:#bab7b4;--black-umber-400:#a39e9a;--black-umber-500:#8c8682;--black-umber-600:#756e69;--black-umber-700:#5d5650;--black-umber-800:#463f38;--black-umber-900:#2e281f;--black-umber-1000:#1a1716;--black-obsidian-100:#e7e7e7;--black-obsidian-200:#cececf;--black-obsidian-300:#b5b6b7;--black-obsidian-400:#9d9ea0;--black-obsidian-500:#848688;--black-obsidian-600:#6b6e70;--black-obsidian-700:#535659;--black-obsidian-800:#3a3e42;--black-obsidian-900:#22252a;--black-obsidian-1000:#0b0c10;--white-paper-100:#fff;--white-paper-200:#fffefd;--white-paper-300:#fffefc;--white-paper-400:#fffdfb;--white-paper-500:#fffdf9;--white-paper-600:#fffdf8;--white-paper-700:#fefdf7;--white-paper-800:#fefcf6;--white-paper-900:#fdfcf5;--white-paper-1000:#fdfcf5;--white-ghost-100:#fff;--white-ghost-200:#fefeff;--white-ghost-300:#fdfefe;--white-ghost-400:#fcfdfe;--white-ghost-500:#fbfcfd;--white-ghost-600:#fafbfc;--white-ghost-700:#f9fbfc;--white-ghost-800:#f8fafb;--white-ghost-900:#f8f9fb;--white-ghost-1000:#f8f9fa;--white-smoke-100:#fff;--white-smoke-200:#fefefe;--white-smoke-300:#fdfdfd;--white-smoke-400:#fcfcfc;--white-smoke-500:#fbfbfb;--white-smoke-600:#f9f9f9;--white-smoke-700:#f7f7f7;--white-smoke-800:#f5f5f5;--white-smoke-900:#f3f3f3;--white-smoke-1000:#f2f2f2;--safety-orange-100:#fff5ee;--safety-orange-500:#ffcbaa;--safety-orange-1000:#ff6b00;--safety-blue-100:#e6f0fa;--safety-blue-500:#80b4e6;--safety-blue-1000:#0056b3;--safety-yellow-100:#fefaf3;--safety-yellow-500:#fae8c3;--safety-yellow-1000:#f4d03f;--safety-green-100:#eafaf1;--safety-green-500:#97e6b8;--safety-green-1000:#2ecc71;--color-bg-primary:var(--white-paper-1000);--color-bg-secondary:var(--white-ghost-1000);--color-bg-inverse:var(--black-oil-1000);--color-text-primary:var(--black-oil-1000);--color-text-secondary:var(--black-oil-700);--color-text-inverse:var(--white-paper-100);--color-border-primary:var(--black-oil-200);--color-border-focus:var(--safety-blue-1000);--color-interactive-primary:var(--safety-blue-1000);--color-interactive-primary-hover:var(--safety-blue-900);--font-family-base:var(--font-inter,"Inter"),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--radius-sm:0.125rem;--radius-md:0.25rem;--radius-lg:0.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--transition-fast:150ms ease;--transition-normal:250ms ease;--z-dropdown:1000;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--grid-columns:12;--grid-gutter:var(--spacing-4);--grid-container-max:1200px;--content-width-narrow:480px;--content-width-medium:768px;--content-width-full:none}.dark{--color-bg-primary:var(--black-oil-1000);--color-bg-secondary:var(--black-oil-900);--color-text-primary:var(--white-paper-100);--color-text-secondary:var(--white-paper-300);--color-border-primary:var(--black-oil-700)}.card{position:relative;display:flex;flex-direction:column;background-color:var(--color-bg-primary);border-radius:.75rem;transition:all var(--transition-fast);text-align:left;width:100%;border:2px solid var(--black-obsidian-1000);box-shadow:none}.card--clickable{cursor:pointer;font:inherit}.card--clickable:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.card--clickable:active{transform:translateY(1px)}.card--default{border-color:var(--black-obsidian-1000)}.card--default:hover{background:var(--color-bg-secondary)}.card--elevated{border-color:var(--black-obsidian-1000);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.card--elevated:hover{background:var(--color-bg-secondary);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.card--outlined{border-color:var(--black-obsidian-1000)}.card--outlined:hover{background:var(--color-bg-secondary)}.card--ghost{border-color:transparent;background-color:transparent}.card--ghost:hover{background:var(--color-bg-secondary)}.card--interactive{border-color:var(--black-obsidian-1000);cursor:pointer}.card--interactive:hover{background:var(--color-bg-secondary);transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.card--interactive:active{transform:translateY(0)}.card--primary{border-color:var(--safety-blue-1000);color:var(--safety-blue-1000)}.card--primary:hover{background:var(--safety-blue-100)}.card--primary .card-title{color:var(--safety-blue-1000)}.card--success{border-color:var(--safety-green-1000);color:var(--safety-green-1000)}.card--success:hover{background:var(--safety-green-100)}.card--success .card-title{color:var(--safety-green-1000)}.card--warning{border-color:var(--safety-yellow-1000);color:var(--safety-yellow-1000)}.card--warning:hover{background:var(--safety-yellow-100)}.card--warning .card-title{color:var(--safety-yellow-1000)}.card--error{border-color:var(--safety-orange-1000);color:var(--safety-orange-1000)}.card--error:hover{background:var(--safety-orange-100)}.card--error .card-title{color:var(--safety-orange-1000)}.card--hoverable:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.card--draggable{cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y}.card--draggable:active{cursor:-webkit-grabbing;cursor:grabbing}.card-header{display:flex;flex-direction:column;gap:.25rem;padding:1.5rem 1.5rem 0}.card-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);letter-spacing:-.025em}.card-description{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.card-content{flex:1 1;padding:1.5rem}.card-header+.card-content{padding-top:1rem}.card-content p{margin:0}.card-content p+p{margin-top:.75rem}.card-content ol,.card-content ul{margin:.75rem 0 0;padding-left:1.5rem}.card-content li+li{margin-top:.5rem}.card-footer{display:flex;align-items:center;gap:.75rem;padding:0 1.5rem 1.5rem}.card-content+.card-footer{padding-top:0}.card-media{position:relative;width:100%;overflow:hidden;background-color:var(--color-bg-secondary)}.card-media:first-child{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.card-media:last-child{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.card-media img{width:100%;height:100%;object-fit:cover;display:block}.card-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-full);white-space:nowrap}.card-badge--default{background-color:var(--white-smoke-800);color:var(--black-oil-800)}.card-badge--primary{background-color:var(--safety-blue-100);color:var(--safety-blue-1000)}.card-badge--success{background-color:var(--safety-green-100);color:var(--safety-green-1000)}.card-badge--warning{background-color:var(--safety-yellow-100);color:var(--safety-yellow-1000)}.card-badge--danger{background-color:var(--safety-orange-100);color:var(--safety-orange-1000)}.card-grid{display:grid;grid-gap:1.5rem;gap:1.5rem}@media(min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.card--horizontal{flex-direction:row}.card--horizontal .card-media{width:40%;aspect-ratio:1;border-radius:0;border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.card--horizontal .card-content,.card--horizontal .card-footer,.card--horizontal .card-header{padding-left:1.5rem;padding-right:1.5rem}.card-scroll-container{display:flex;gap:var(--spacing-4);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:var(--spacing-2) 0}.card-scroll-container::-webkit-scrollbar{height:8px}.card-scroll-container::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-full)}.card-scroll-container::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:var(--radius-full)}.card-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--black-oil-500)}.card-scroll-container .card{flex:0 0 auto;min-width:280px;max-width:360px}.dark .card{border-color:var(--color-border-primary);color:var(--white-smoke-800)}.dark .card:hover{background:var(--color-bg-secondary)}.dark .card--default,.dark .card--elevated{border-color:var(--color-border-primary)}.dark .card--elevated{box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.3)}.dark .card--elevated:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.4)}.dark .card--interactive,.dark .card--outlined{border-color:var(--color-border-primary)}.dark .card--interactive:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.4)}.dark .card--primary{border-color:var(--safety-blue-1000)}.dark .card--primary,.dark .card--primary .card-title{color:var(--safety-blue-1000)}.dark .card--success{border-color:var(--safety-green-1000)}.dark .card--success,.dark .card--success .card-title{color:var(--safety-green-1000)}.dark .card--warning{border-color:var(--safety-yellow-1000)}.dark .card--warning,.dark .card--warning .card-title{color:var(--safety-yellow-1000)}.dark .card--error{border-color:var(--safety-orange-1000)}.dark .card--error,.dark .card--error .card-title{color:var(--safety-orange-1000)}.dark .card-badge--default{background-color:var(--black-oil-800);color:var(--white-smoke-800)}.dark .card-badge--primary{background-color:var(--safety-blue-1000);color:var(--safety-blue-100)}.dark .card-badge--success{background-color:var(--safety-green-1000);color:var(--safety-green-100)}.dark .card-badge--warning{background-color:var(--safety-yellow-1000);color:var(--safety-yellow-100)}.dark .card-badge--danger{background-color:var(--safety-orange-1000);color:var(--safety-orange-100)}.dark .card-scroll-container::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.dark .card-scroll-container::-webkit-scrollbar-thumb{background:var(--color-border-primary)}.dark .card-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--black-oil-500)}@media(prefers-reduced-motion:reduce){.card{transition:none}.card--clickable:hover,.card--hoverable:hover,.card--interactive:hover{transform:none}.card-scroll-container{scroll-behavior:auto}}@media(max-width:640px){.card-content,.card-footer,.card-header{padding-left:1rem;padding-right:1rem}.card-header{padding-top:1rem}.card-footer{padding-bottom:1rem}.card--horizontal{flex-direction:column}.card--horizontal .card-media{width:100%;border-radius:0;border-top-left-radius:.75rem;border-top-right-radius:.75rem}.card-scroll-container .card{min-width:240px;max-width:320px}}