:root{font-family:Inter,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;letter-spacing:.3px;font-size:16px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark;--grayscale-100: rgb(255, 255, 255);--grayscale-150: #f3f4f6;--grayscale-200: #e5e7eb;--grayscale-300: #d1d5db;--grayscale-400: #9ca3af;--grayscale-500: #6b7280;--grayscale-700: #4b5563;--purple-normal: #4f46e5;--purple-normal-rgb: 79, 70, 229;--purple-light: #4f46e514;--purple-darker: #4338ca;--fancy-purple-gradient: linear-gradient(to right bottom, var(--blue-normal), var(--purple-normal));--transparent-fancy-purple-gradient: linear-gradient(to right bottom, color-mix(in srgb, var(--blue-normal) 50%, transparent), color-mix(in srgb, var(--purple-normal) 50%, transparent));--fancy-gradient-two: linear-gradient(to right, #4f46e5, #9333ea);--transparent-fancy-gradient-two: linear-gradient(to right bottom, color-mix(in srgb, #4f46e5 80%, transparent), color-mix(in srgb, #9333ea 80%, transparent));--pending-gradient: linear-gradient(to right bottom, #f59e0b, #dc2626);--transparent-pending-gradient: linear-gradient(to right bottom, color-mix(in srgb, #f59e0b 50%, transparent), color-mix(in srgb, #dc2626 50%, transparent));--in-progress-gradient: linear-gradient(to right bottom, #3b82f6, #7c3aed);--transparent-in-progress-gradient: linear-gradient(to right bottom, color-mix(in srgb, #3b82f6 50%, transparent), color-mix(in srgb, #7c3aed 50%, transparent));--done-gradient: linear-gradient(to right bottom, #059669, #0891b2);--transparent-done-gradient: linear-gradient(to right bottom, color-mix(in srgb, #059669 50%, transparent), color-mix(in srgb, #0891b2 50%, transparent));--green-normal: #059669;--green-normal-rgb: 5, 150, 105;--green-light: #05966914;--green-darker: #047857;--blue-normal: #3b82f6;--blue-normal-rgb: 59, 130, 246;--blue-light: #3b82f614;--blue-darker: #2563eb;--background-light-light: #ffffff;--background-light-medium: #fafafa;--background-light-dark: #f3f5f9;--background-dark-light: #1f2937;--background-dark-medium: #18202d;--background-dark-dark: #111827;--background-light-dark-gradient: linear-gradient(to right bottom,rgb(248, 250, 252), rgb(239, 246, 255), rgb(224, 231, 255));--background-light: var(--background-light-light);--background-medium: var(--background-light-medium);--background-dark: var(--background-light-dark);--background-dark-gradient: var(--background-light-dark-gradient);--primary-color: var(--purple-normal);--secondary-color: var(--blue-normal);--accent-color-one: var(--green-normal);--light-text-color: var(--grayscale-100);--medium-text-color: var(--grayscale-400);--medium-dark-text-color: var(--grayscale-500);--dark-text-color: var(--grayscale-700);--text-color-dark: var(--dark-text-color);--text-color-medium-dark: var(--medium-dark-text-color);--background-color: var(--background-light-dark);--modal-background-color: var(--background-light-light);--option-select-background: lightgrey;--option-select-background-hover: #f4f4f4;--header-background: var(--background-light-light);--input-background-color: var(--background-color);--focus-color: var(--blue-normal);--border-color-extra-light: var(--grayscale-150);--border-color-light: var(--grayscale-200);--border-color-dark: #374151;--border-color: var(--border-color-light);--light-border-color: var(--border-color-extra-light);--delete-red: #fd5858;--delete-red-darker: #d64444;--delete-red-light: #fd585814;--success-green: #22c55e;--info-yellow: #f59e0b;--info-yellow-rgb: 245, 158, 11;--info-yellow-light: #f59e0b1c;--placeholder-color: var(--grayscale-500);--changed-outline-color: #7bd0b6;--header-text-color: var(--text-color-dark);--link-color: var(--purple-normal);--tooltip-background-color: #3d3d3d;--tooltip-text-color: var(--light-text-color);--footer-background-color: var(--header-background);--transition-normal: all .3s ease-in-out;--transition-200: all .2s ease-in-out;--transition-150: all .15s ease-in-out;--transition-100: all .1s ease-in-out;@media (prefers-reduced-motion){--transition-normal: none;--transition-200: none;--transition-150: none;--transition-100: none}--primary-button-background: var(--primary-color);--primary-button-hover-background: var(--purple-darker);--primary-button-text: var(--light-text-color);--primary-button-hover-border: none;--secondary-button-background: transparent;--secondary-button-hover-background: var(--blue-light);--secondary-button-text: var(--secondary-color);--secondary-button-border: 1px solid var(--secondary-color);--ghost-button-border-color: var(--border-color-light);--ghost-button-text-color: var(--text-color-dark);--danger-button-background: var(--delete-red);--danger-button-hover-background: var(--delete-red-darker);--danger-button-text: var(--light-text-color);--danger-button-hover-border: none;--link-button-hover-background: transparent;--link-button-hover-background: var(--purple-light);--link-button-text: var(--grayscale-400);--link-button-hover-text: var(--grayscale-500);--button-box-shadow: var(--shadow-1-soft);--button-box-shadow-hover: var(--shadow-2-soft);--font-family: "Inter";--heading-font-family: "Inter";--body-font-family: "Inter";--font-size-x-x-x-small: .6rem;--font-size-x-x-small: .7rem;--font-size-x-small: .8rem;--font-size-small: .9rem;--font-size-normal: 1rem;--font-size-medium: 1.125rem;--font-size-large: 1.4rem;--font-size-x-large: 2rem;--font-size-xx-large: 3rem;--border-radius-small: 3px;--border-radius-normal: 8px;--border-radius-large: 16px;--spacing-large: 60px;--spacing-medium: 40px;--spacing-normal: 20px;--spacing-small: 10px;--spacing-x-small: 5px;--spacing-medium-variable: var(--spacing-normal);--spacing-normal-variable: var(--spacing-small);--spacing-small-variable: var(--spacing-x-small);@media only screen and (min-width: 600px){--spacing-medium-variable: var(--spacing-medium);--spacing-normal-variable: var(--spacing-normal);--spacing-small-variable: var(--spacing-small)}--max-content-width: 1400px;--small-breakpoint: 450px;--medium-breakpoint: 768px;--large-breakpoint: 1024px;--color-shadow-umbra: 0deg 0% 0% / .2;--color-shadow-penumbra: 0deg 0% 0% / .06;--shadow-0-soft: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-1-soft: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-2-soft: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-3-soft: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-4-soft: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-5-soft: 0 25px 50px -12px rgb(0 0 0 / .25);--tile-box-shadow: var(--shadow-1-soft);--fab-size: 60px}body{margin:0;overflow-x:hidden;background:var(--background-color);color:var(--text-color-dark)}body[data-mode=dark]{--background-color: var(--background-dark-dark);--background-light: var(--background-dark-light);--background-medium: var(--background-dark-medium);--background-dark: var(--background-dark-dark);--border-color: var(--border-color-dark);--modal-background-color: var(--background-dark-light);--background-dark-gradient: linear-gradient( to right bottom, rgb(2, 6, 23), rgb(13, 23, 42), rgb(30, 41, 59) );--option-select-background: #000000;--option-select-background-hover: #4a4a4a;--input-background-color: var(--background-color);--text-color-light: var(--dark-text-color);--text-color-dark: var(--light-text-color);--text-color-medium-dark: var(--medium-dark-text-color);--header-background: var(--background-dark-light);--link-button-text: var(--grayscale-400);--link-button-hover-text: var(--grayscale-300);--color-shadow-umbra: 0deg 0% 0% / .4;--color-shadow-penumbra: 0deg 0% 0% / .16}