:root{--primary: #1A1A1A;--primary-hover: #000000;--primary-light: #404040;--primary-soft: #F8F8F8;--primary-pale: #FAFAFA;--accent-green: #059669;--accent-blue: #007AFF;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-400: #94A3B8;--gray-500: #64748B;--gray-600: #475569;--gray-700: #334155;--gray-800: #1E293B;--gray-900: #0F172A;--noir: var(--gray-900);--charcoal: var(--gray-800);--graphite: var(--gray-700);--slate: var(--gray-600);--stone: var(--gray-500);--ash: var(--gray-400);--smoke: var(--gray-400);--silver: var(--gray-300);--pearl: var(--gray-200);--ghost: var(--gray-100);--whisper: var(--gray-50);--pure: #ffffff;--white: #ffffff;--text-primary: var(--gray-800);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--text-muted: var(--gray-400);--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .09);--border-strong: rgba(0, 0, 0, .12);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.666rem;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-2xl: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .04), 0 1px 2px 0 rgba(0, 0, 0, .02);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .02);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 10px 10px -5px rgba(0, 0, 0, .02);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-overlay: 30;--z-modal: 40;--z-popover: 50;--z-tooltip: 60}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:var(--text-base);line-height:1.6;color:var(--text-primary);font-weight:var(--font-regular);letter-spacing:var(--tracking-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);line-height:1.2}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:1px solid transparent;position:relative;overflow:hidden}.btn-primary{background:var(--noir);color:var(--white);border-color:var(--noir)}.btn-primary:hover{background:var(--graphite);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--white);color:var(--graphite);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--pure);border-color:var(--noir)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--whisper);color:var(--text-primary)}.card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border-default);overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--border-strong)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--border-subtle)}.card-body{padding:var(--space-6)}.status{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--white)}.status-active{background:var(--graphite);color:var(--white);border-color:var(--graphite)}.status-pending{background:var(--white);color:var(--text-secondary);border:1px dashed var(--border-strong)}.status-complete{background:var(--graphite);color:var(--white);position:relative}.status-complete:before{content:"✓";margin-right:var(--space-1)}.label{font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-2)}.value{font-size:var(--text-base);font-weight:var(--font-regular);color:var(--text-primary)}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--white);transition:all var(--transition-fast);font-weight:var(--font-regular)}.input:focus{outline:none;border-color:var(--noir);box-shadow:0 0 0 3px #0000000d}.input::placeholder{color:var(--text-muted);font-weight:var(--font-regular)}.progress-dot{width:8px;height:8px;border-radius:50%;background:var(--pearl);transition:all var(--transition-base)}.progress-dot.active{background:var(--noir);box-shadow:0 0 0 4px #0000001a}.divider{height:1px;background:var(--border-subtle);margin:var(--space-6) 0}.divider-strong{height:2px;background:var(--noir);width:40px;margin:var(--space-4) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn var(--transition-slow) ease-out}.animate-slideIn{animation:slideIn var(--transition-slow) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--pure)}::-webkit-scrollbar-thumb{background:var(--pearl);border-radius:var(--radius-full);border:2px solid var(--pure)}::-webkit-scrollbar-thumb:hover{background:var(--silver)}::selection{background:var(--noir);color:var(--white)}:focus-visible{outline:2px solid var(--noir);outline-offset:2px}.skeleton{background:linear-gradient(90deg,var(--ghost) 25%,var(--pearl) 50%,var(--ghost) 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.mono{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:var(--text-sm);letter-spacing:var(--tracking-normal)}*{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{font-family:inherit}html{height:100%;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;background:var(--pure);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none;transition:opacity var(--transition-fast)}a:hover{opacity:.8}button{background:none;border:none;font:inherit;cursor:pointer;color:inherit}*:focus{outline:none}*:focus-visible{outline:2px solid var(--noir);outline-offset:2px;border-radius:var(--radius-sm)}