body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary)}#app{min-height:100vh}:root{--cr-blue-50: #eff6ff;--cr-blue-100: #dbeafe;--cr-blue-200: #bfdbfe;--cr-blue-300: #93c5fd;--cr-blue-400: #60a5fa;--cr-blue-500: #3b82f6;--cr-blue-600: #2563eb;--cr-blue-700: #1d4ed8;--cr-blue-800: #1e40af;--cr-blue-900: #1e3a8a;--cr-red-50: #fef2f2;--cr-red-100: #fee2e2;--cr-red-200: #fecaca;--cr-red-300: #fca5a5;--cr-red-400: #f87171;--cr-red-500: #ef4444;--cr-red-600: #dc2626;--cr-red-700: #b91c1c;--cr-red-800: #991b1b;--cr-red-900: #7f1d1d;--cr-purple-500: #a855f7;--cr-purple-600: #9333ea;--p-primary-50: var(--cr-blue-50);--p-primary-100: var(--cr-blue-100);--p-primary-200: var(--cr-blue-200);--p-primary-300: var(--cr-blue-300);--p-primary-400: var(--cr-blue-400);--p-primary-500: var(--cr-blue-600);--p-primary-600: var(--cr-blue-700);--p-primary-700: var(--cr-blue-800);--p-primary-800: var(--cr-blue-900);--p-primary-900: var(--cr-blue-900);--p-primary-950: var(--cr-blue-900);--radius: .625rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--surface-ground: #f8fafc;--surface-section: #ffffff;--surface-card: #ffffff;--surface-overlay: #ffffff;--surface-border: #e5e7eb;--surface-hover: #f1f5f9;--focus-ring: 0 0 0 .2rem color-mix(in srgb, var(--cr-red-500), transparent 75%);--background: var(--surface-ground);--foreground: #1f2937;--card: var(--surface-card);--card-foreground: #1f2937;--primary: var(--cr-red-600);--primary-foreground: #ffffff;--secondary: var(--cr-blue-600);--secondary-foreground: #ffffff;--accent: var(--cr-blue-500);--accent-foreground: #ffffff;--muted: #f3f4f6;--muted-foreground: #6b7280;--destructive: var(--cr-red-700);--border: var(--surface-border);--input: #ffffff;--ring: var(--cr-red-600);--primary-color: var(--cr-red-600);--primary-color-text: #ffffff;--text-color: #1f2937;--text-color-secondary: #6b7280;--gradient-cambio-radical: linear-gradient(135deg, var(--cr-blue-600) 0%, var(--cr-purple-600) 50%, var(--cr-red-600) 100%);--gradient-cambio-radical-light: linear-gradient(135deg, var(--cr-blue-100) 0%, var(--cr-purple-100) 50%, var(--cr-red-100) 100%)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-family);line-height:1.6;min-height:100vh}.container{max-width:64rem;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.container-sm{max-width:42rem}.container-lg{max-width:80rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-auto{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.card{background-color:var(--card);color:var(--card-foreground);border:1px solid var(--surface-border);border-radius:calc(var(--radius) + 4px);padding:var(--spacing-xl);box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.card:hover{box-shadow:0 4px 6px -1px #0000001a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);white-space:nowrap;border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:500;transition:all .2s;border:none;cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg);min-height:2.25rem;outline:none;text-decoration:none}.btn:disabled{pointer-events:none;opacity:.5}.btn-primary{background-color:var(--cr-red-600);color:var(--primary-foreground)}.btn-primary:hover{background-color:var(--cr-red-700)}.btn-primary:active{background-color:var(--cr-red-800)}.btn-secondary{background-color:var(--cr-blue-600);color:var(--secondary-foreground)}.btn-secondary:hover{background-color:var(--cr-blue-700)}.btn-secondary:active{background-color:var(--cr-blue-800)}.btn-gradient{background:var(--gradient-cambio-radical);color:#fff;font-weight:600}.btn-gradient:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.btn-gradient:active{transform:translateY(0);opacity:.95}.btn-outline{background-color:transparent;border:1px solid var(--surface-border);color:var(--foreground)}.btn-outline:hover{background-color:color-mix(in srgb,var(--cr-red-500),transparent 90%)}.btn-ghost{background-color:transparent;color:var(--foreground)}.btn-ghost:hover{background-color:color-mix(in srgb,var(--cr-blue-500),transparent 92%)}.btn-destructive{background-color:var(--destructive);color:#fff}.btn-destructive:hover{background-color:var(--cr-red-800)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);min-height:2rem}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);min-height:2.75rem}.btn-icon{padding:var(--spacing-sm);width:2.25rem;height:2.25rem}.form-input{width:100%;background:color-mix(in srgb,var(--surface-section),#ffffff 6%);border:1px solid var(--surface-border);border-radius:var(--radius);padding:var(--spacing-sm) var(--spacing-md);color:var(--foreground);font-size:var(--font-size-sm);outline:none;transition:all .2s}.form-input:focus{border-color:var(--cr-red-500);box-shadow:var(--focus-ring)}.form-input::placeholder{color:var(--muted-foreground)}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);border:1px solid;padding:.125rem var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap}.badge-priority-high{background:#fee2e2;color:#b91c1c;border:1px solid rgb(252,165,165)}.badge-priority-medium{background:#fef3c7;color:#a16207;border:1px solid rgb(252,211,77)}.badge-priority-low{background:#dcfce7;color:#15803d;border:1px solid rgb(134,239,172)}.tab-list{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.tab-button{background-color:transparent;border:1px solid var(--surface-border);color:var(--foreground);text-transform:capitalize;font-weight:500;transition:all .2s ease;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);cursor:pointer;font-size:var(--font-size-sm)}.tab-button:hover{background-color:color-mix(in srgb,var(--cr-blue-500),transparent 92%);border-color:var(--cr-blue-400)}.tab-button.active{background-color:var(--cr-red-600)!important;color:#fff!important;border-color:var(--cr-red-600)!important}.tab-button.active:hover{background-color:var(--cr-red-700)!important;border-color:var(--cr-red-700)!important}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-muted{color:var(--muted-foreground)}.text-destructive{color:var(--destructive)}.gradient-text{background:var(--gradient-cambio-radical);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.icon{width:1rem;height:1rem;flex-shrink:0}.icon-sm{width:.875rem;height:.875rem}.icon-lg{width:1.25rem;height:1.25rem}.icon-xl{width:1.5rem;height:1.5rem}.icon-2xl{width:2rem;height:2rem}.checkbox{width:1rem;height:1rem;border:1px solid var(--border);border-radius:4px;cursor:pointer;position:relative;background:#ffffff26;transition:all .2s}.checkbox:hover{border-color:var(--ring)}.checkbox.checked{background-color:#16a34a;border-color:#16a34a}.checkbox.checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700}.list-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.05);transition:background-color .2s}.list-item:hover{background-color:#ffffff06}.list-item:last-child{border-bottom:none}.list-item.completed{opacity:.6}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);color:var(--muted-foreground)}.empty-state .icon{width:3rem;height:3rem;margin:0 auto var(--spacing-lg);opacity:.5}.hidden{display:none}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.transition-all{transition:all .2s ease}.transition-colors{transition:color .2s ease,background-color .2s ease}.transition-opacity{transition:opacity .2s ease}@media(max-width:768px){.container{padding:var(--spacing-lg)}.grid-cols-auto{grid-template-columns:1fr}.flex-col-mobile{flex-direction:column}.text-center-mobile{text-align:center}.gap-sm-mobile{gap:var(--spacing-sm)}.hidden-mobile{display:none}.block-mobile{display:block}}@media(max-width:640px){.text-2xl{font-size:var(--font-size-xl)}.text-3xl{font-size:var(--font-size-2xl)}.text-4xl{font-size:var(--font-size-3xl)}.container{padding:var(--spacing-lg) var(--spacing-sm)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}.focus-visible:focus-visible{outline:2px solid var(--cr-red-600);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.bg-gradient-cambio-radical{background:var(--gradient-cambio-radical);color:#fff}.bg-gradient-light{background:var(--gradient-cambio-radical-light)}.bg-cambio{background-color:var(--cr-blue-600);color:#fff}.bg-radical{background-color:var(--cr-red-600);color:#fff}.text-cambio{color:var(--cr-blue-600)}.text-radical{color:var(--cr-red-600)}.border-cambio{border-color:var(--cr-blue-600)}.border-radical{border-color:var(--cr-red-600)}.badge-cambio{background:var(--cr-blue-100);color:var(--cr-blue-800);border:1px solid var(--cr-blue-400)}.badge-radical{background:var(--cr-red-100);color:var(--cr-red-800);border:1px solid var(--cr-red-400)}.badge-gradient{background:var(--gradient-cambio-radical);color:#fff;border:none;font-weight:600}