@font-face{font-family:IBM Plex Mono;font-weight:100;font-display:swap;src:local("IBM Plex Mono"),url(/kasoku/assets/IBMPlexMono-Thin-CcUYjMmx.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:100;font-display:swap;font-style:italic;src:local("IBM Plex Mono"),url(/kasoku/assets/IBMPlexMono-ThinItalic-BaqzpTyH.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:200;font-display:swap;src:local("IBM Plex Mono"),url(/kasoku/assets/IBMPlexMono-ExtraLight-Dpzkec_N.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:200;font-display:swap;font-style:italic;src:local("IBM Plex Mono"),url(/kasoku/assets/IBMPlexMono-ExtraLightItalic-DIPUt6wg.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:300;font-display:swap;src:local("IBM Plex Mono"),url(/kasoku/assets/IBMPlexMono-Light-CCTlBcuD.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:300;font-display:swap;font-style:italic;src:local("IBM Plex Mono"),url(/kasoku/assets/IBMPlexMono-LightItalic-ieJZLQ9h.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:400;font-display:swap;src:local("IBM Plex Mono"),url(/kasoku/assets/IBMPlexMono-Regular-BF3vfe7_.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:400;font-display:swap;font-style:italic;src:local("IBM Plex Mono"),url(/kasoku/assets/IBMPlexMono-Italic-DgAgaWWu.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:500;font-display:swap;src:local("IBM Plex Mono"),url(/kasoku/assets/IBMPlexMono-Medium-COFd06Dj.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:500;font-display:swap;font-style:italic;src:local("IBM Plex Mono"),url(/kasoku/assets/IBMPlexMono-MediumItalic-DGs9d82A.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:600;font-display:swap;src:local("IBM Plex Mono"),url(/kasoku/assets/IBMPlexMono-SemiBold-D0J2bq8P.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:600;font-display:swap;font-style:italic;src:local("IBM Plex Mono"),url(/kasoku/assets/IBMPlexMono-SemiBoldItalic-BVdhJEkW.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:700;font-display:swap;src:local("IBM Plex Mono"),url(/kasoku/assets/IBMPlexMono-Bold-Ovd3DSUS.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:700;font-display:swap;font-style:italic;src:local("IBM Plex Mono"),url(/kasoku/assets/IBMPlexMono-BoldItalic-CfsSm7gi.ttf) format("truetype")}:root{--private-cito-blue-100: oklch(95% .0192 243);--private-cito-blue-200: oklch(89% .0673 243);--private-cito-blue-300: oklch(77% .1118 243);--private-cito-blue-400: oklch(67% .1218 243);--private-cito-blue-500: oklch(59% .1318 243);--private-cito-blue-600: oklch(48% .1418 243);--private-cito-blue-700: oklch(37% .1518 243);--private-cito-blue-800: oklch(26% .1618 243);--private-cito-blue-900: oklch(19% .1718 243);--private-cito-red-100: oklch(95% .0192 6.18);--private-cito-red-200: oklch(89% .0673 6.18);--private-cito-red-300: oklch(77% .1673 6.22);--private-cito-red-400: oklch(67% .1673 6.22);--private-cito-red-500: oklch(59% .1673 6.22);--private-cito-red-600: oklch(48% .1673 6.22);--private-cito-red-700: oklch(37% .1673 6.22);--private-cito-red-800: oklch(26% .1618 6.18);--private-cito-red-900: oklch(19% .1718 6.18);--private-cito-yellow-100: oklch(95% .0192 73.67);--private-cito-yellow-200: oklch(89% .0673 73.67);--private-cito-yellow-300: oklch(77% .1437 73.67);--private-cito-yellow-400: oklch(67% .1398 74.11);--private-cito-yellow-500: oklch(59% .1273 64.8);--private-cito-yellow-600: oklch(48% .1267 56.11);--private-cito-yellow-700: oklch(37% .1071 56.11);--private-cito-yellow-800: oklch(26% .0783 73.67);--private-cito-yellow-900: oklch(19% .068 73.67);--private-cito-green-100: oklch(95% .0192 141.41);--private-cito-green-200: oklch(89% .0673 141.41);--private-cito-green-300: oklch(77% .1118 141.41);--private-cito-green-400: oklch(67% .1218 141.41);--private-cito-green-500: oklch(59% .1318 141.41);--private-cito-green-600: oklch(48% .1418 141.41);--private-cito-green-700: oklch(37% .1518 141.41);--private-cito-green-800: oklch(26% .1618 141.41);--private-cito-green-900: oklch(19% .1718 141.41);--private-cito-gray-25: oklch(99% .0192 255.78);--private-cito-gray-50: oklch(98% .0192 255.78);--private-cito-gray-75: oklch(97% .0192 255.78);--private-cito-gray-100: oklch(95% .0192 255.78);--private-cito-gray-200: oklch(89% .0192 255.78);--private-cito-gray-300: oklch(77% .0192 255.78);--private-cito-gray-400: oklch(67% .0192 255.78);--private-cito-gray-500: oklch(59% .0192 255.78);--private-cito-gray-600: oklch(48% .0192 255.78);--private-cito-gray-700: oklch(37% .0192 255.78);--private-cito-gray-800: oklch(26% .0192 255.78);--private-cito-gray-900: oklch(19% .0192 255.78);--private-cito-gray-925: oklch(15% .0192 255.78);--private-cito-gray-950: oklch(12.5% .0192 255.78);--private-cito-gray-975: oklch(10% .0192 255.78)}@media(prefers-color-scheme:light){:root{--cito-white: oklch(98% 0 0);--cito-black: oklch(10% 0 0);--cito-upfront: var(--cito-black);--cito-behind: var(--cito-white);--cito-primary-100: var(--private-cito-blue-100);--cito-primary-200: var(--private-cito-blue-200);--cito-primary-300: var(--private-cito-blue-300);--cito-primary-400: var(--private-cito-blue-400);--cito-primary-500: var(--private-cito-blue-500);--cito-primary-600: var(--private-cito-blue-600);--cito-primary-700: var(--private-cito-blue-700);--cito-primary-800: var(--private-cito-blue-800);--cito-primary-900: var(--private-cito-blue-900);--cito-secondary-100: var(--private-cito-gray-100);--cito-secondary-200: var(--private-cito-gray-200);--cito-secondary-300: var(--private-cito-gray-300);--cito-secondary-400: var(--private-cito-gray-400);--cito-secondary-500: var(--private-cito-gray-500);--cito-secondary-600: var(--private-cito-gray-600);--cito-secondary-700: var(--private-cito-gray-700);--cito-secondary-800: var(--private-cito-gray-800);--cito-secondary-900: var(--private-cito-gray-900);--cito-success-100: var(--private-cito-green-100);--cito-success-200: var(--private-cito-green-200);--cito-success-300: var(--private-cito-green-300);--cito-success-400: var(--private-cito-green-400);--cito-success-500: var(--private-cito-green-500);--cito-success-600: var(--private-cito-green-600);--cito-success-700: var(--private-cito-green-700);--cito-success-800: var(--private-cito-green-800);--cito-success-900: var(--private-cito-green-900);--cito-warning-100: var(--private-cito-yellow-100);--cito-warning-200: var(--private-cito-yellow-200);--cito-warning-300: var(--private-cito-yellow-300);--cito-warning-400: var(--private-cito-yellow-400);--cito-warning-500: var(--private-cito-yellow-500);--cito-warning-600: var(--private-cito-yellow-600);--cito-warning-700: var(--private-cito-yellow-700);--cito-warning-800: var(--private-cito-yellow-800);--cito-warning-900: var(--private-cito-yellow-900);--cito-danger-100: var(--private-cito-red-100);--cito-danger-200: var(--private-cito-red-200);--cito-danger-300: var(--private-cito-red-300);--cito-danger-400: var(--private-cito-red-400);--cito-danger-500: var(--private-cito-red-500);--cito-danger-600: var(--private-cito-red-600);--cito-danger-700: var(--private-cito-red-700);--cito-danger-800: var(--private-cito-red-800);--cito-danger-900: var(--private-cito-red-900);--cito-info-100: var(--private-cito-blue-100);--cito-info-200: var(--private-cito-blue-200);--cito-info-300: var(--private-cito-blue-300);--cito-info-400: var(--private-cito-blue-400);--cito-info-500: var(--private-cito-blue-500);--cito-info-600: var(--private-cito-blue-600);--cito-info-700: var(--private-cito-blue-700);--cito-info-800: var(--private-cito-blue-800);--cito-info-900: var(--private-cito-blue-900);--cito-link-100: var(--private-cito-blue-100);--cito-link-200: var(--private-cito-blue-200);--cito-link-300: var(--private-cito-blue-300);--cito-link-400: var(--private-cito-blue-400);--cito-link-500: var(--private-cito-blue-500);--cito-link-600: var(--private-cito-blue-600);--cito-link-700: var(--private-cito-blue-700);--cito-link-800: var(--private-cito-blue-800);--cito-link-900: var(--private-cito-blue-900);--cito-text-100: var(--private-cito-gray-100);--cito-text-200: var(--private-cito-gray-200);--cito-text-300: var(--private-cito-gray-300);--cito-text-400: var(--private-cito-gray-400);--cito-text-500: var(--private-cito-gray-500);--cito-text-600: var(--private-cito-gray-600);--cito-text-700: var(--private-cito-gray-700);--cito-text-800: var(--private-cito-gray-800);--cito-text-900: var(--private-cito-gray-900);--cito-ui-25: var(--private-cito-gray-25);--cito-ui-50: var(--private-cito-gray-50);--cito-ui-75: var(--private-cito-gray-75);--cito-ui-000: var(--private-cito-gray-100);--cito-ui-100: var(--private-cito-gray-100);--cito-ui-200: var(--private-cito-gray-200);--cito-ui-300: var(--private-cito-gray-300);--cito-ui-400: var(--private-cito-gray-400);--cito-ui-500: var(--private-cito-gray-500);--cito-ui-600: var(--private-cito-gray-600);--cito-ui-700: var(--private-cito-gray-700);--cito-ui-800: var(--private-cito-gray-800);--cito-ui-900: var(--private-cito-gray-900);--cito-anchor-color: var(--cito-primary-500);--cito-anchor-color--hover: var(--cito-primary-800);--cito-anchor-color--active: var(--cito-primary-900);--cito-alert-danger-background-color: var(--cito-danger-700);--cito-alert-danger-border-color: var(--cito-danger-600);--cito-alert-danger-color: var(--cito-danger-100);--cito-box-shadow-100: oklch(0% 0 0 / 5%) 0 .0625rem .125rem 0;--cito-box-shadow-200: oklch(0% 0 0 / 10%) 0 .0625rem .1875rem 0, oklch(0% 0 0 / 6%) 0 .0625rem .125rem 0;--cito-box-shadow-300: oklch(0% 0 0 / 10%) 0 .25rem .375rem -.0625rem , oklch(0% 0 0 / 6%) 0 .125rem .25rem -.0625rem ;--cito-box-shadow-400: oklch(0% 0 0 / 10%) 0 .625rem .9375rem -.1875rem , oklch(0% 0 0 / 5%) 0 .25rem .375rem -.125rem ;--cito-box-shadow-500: oklch(0% 0 0 / 10%) 0 1.25rem 1.5625rem -.3125rem , oklch(0% 0 0 / 4%) 0 .625rem .625rem -.3125rem ;--cito-box-shadow-600: oklch(0% 0 0 / 25%) 0 1.5625rem 3.125rem -.75rem ;--cito-box-shadow-inset-100: oklch(0% 0 0 / 10%) 0 .125rem .15rem .0625rem inset;--cito-box-shadow-inset-200: oklch(0% 0 0 / 10%) 0 .25rem .25rem .125rem inset;--cito-box-shadow-border-100: var(--cito-ui-300) 0 0 0 .0625rem;--cito-box-shadow-border-200: var(--cito-ui-500) 0 0 0 .125rem}}@media(prefers-color-scheme:dark){:root{--cito-white: oklch(98% 0 0);--cito-black: oklch(10% 0 0);--cito-upfront: var(--cito-white);--cito-behind: var(--cito-black);--cito-primary-100: var(--private-cito-blue-900);--cito-primary-200: var(--private-cito-blue-800);--cito-primary-300: var(--private-cito-blue-700);--cito-primary-400: var(--private-cito-blue-600);--cito-primary-500: var(--private-cito-blue-500);--cito-primary-600: var(--private-cito-blue-400);--cito-primary-700: var(--private-cito-blue-300);--cito-primary-800: var(--private-cito-blue-200);--cito-primary-900: var(--private-cito-blue-100);--cito-secondary-100: var(--private-cito-gray-900);--cito-secondary-200: var(--private-cito-gray-800);--cito-secondary-300: var(--private-cito-gray-700);--cito-secondary-400: var(--private-cito-gray-600);--cito-secondary-500: var(--private-cito-gray-500);--cito-secondary-600: var(--private-cito-gray-400);--cito-secondary-700: var(--private-cito-gray-300);--cito-secondary-800: var(--private-cito-gray-200);--cito-secondary-900: var(--private-cito-gray-100);--cito-success-100: var(--private-cito-green-900);--cito-success-200: var(--private-cito-green-800);--cito-success-300: var(--private-cito-green-700);--cito-success-400: var(--private-cito-green-600);--cito-success-500: var(--private-cito-green-500);--cito-success-600: var(--private-cito-green-400);--cito-success-700: var(--private-cito-green-300);--cito-success-800: var(--private-cito-green-200);--cito-success-900: var(--private-cito-green-100);--cito-warning-100: var(--private-cito-yellow-900);--cito-warning-200: var(--private-cito-yellow-800);--cito-warning-300: var(--private-cito-yellow-700);--cito-warning-400: var(--private-cito-yellow-600);--cito-warning-500: var(--private-cito-yellow-500);--cito-warning-600: var(--private-cito-yellow-400);--cito-warning-700: var(--private-cito-yellow-300);--cito-warning-800: var(--private-cito-yellow-200);--cito-warning-900: var(--private-cito-yellow-100);--cito-danger-100: var(--private-cito-red-900);--cito-danger-200: var(--private-cito-red-800);--cito-danger-300: var(--private-cito-red-700);--cito-danger-400: var(--private-cito-red-600);--cito-danger-500: var(--private-cito-red-500);--cito-danger-600: var(--private-cito-red-400);--cito-danger-700: var(--private-cito-red-300);--cito-danger-800: var(--private-cito-red-200);--cito-danger-900: var(--private-cito-red-100);--cito-info-100: var(--private-cito-blue-900);--cito-info-200: var(--private-cito-blue-800);--cito-info-300: var(--private-cito-blue-700);--cito-info-400: var(--private-cito-blue-600);--cito-info-500: var(--private-cito-blue-500);--cito-info-600: var(--private-cito-blue-400);--cito-info-700: var(--private-cito-blue-300);--cito-info-800: var(--private-cito-blue-200);--cito-info-900: var(--private-cito-blue-100);--cito-link-100: var(--private-cito-blue-900);--cito-link-200: var(--private-cito-blue-800);--cito-link-300: var(--private-cito-blue-700);--cito-link-400: var(--private-cito-blue-600);--cito-link-500: var(--private-cito-blue-500);--cito-link-600: var(--private-cito-blue-400);--cito-link-700: var(--private-cito-blue-300);--cito-link-800: var(--private-cito-blue-200);--cito-link-900: var(--private-cito-blue-100);--cito-text-100: var(--private-cito-gray-900);--cito-text-200: var(--private-cito-gray-800);--cito-text-300: var(--private-cito-gray-700);--cito-text-400: var(--private-cito-gray-600);--cito-text-500: var(--private-cito-gray-500);--cito-text-600: var(--private-cito-gray-400);--cito-text-700: var(--private-cito-gray-300);--cito-text-800: var(--private-cito-gray-200);--cito-text-900: var(--private-cito-gray-100);--cito-ui-25: var(--private-cito-gray-975);--cito-ui-50: var(--private-cito-gray-950);--cito-ui-75: var(--private-cito-gray-925);--cito-ui-000: var(--private-cito-gray-900);--cito-ui-100: var(--private-cito-gray-900);--cito-ui-200: var(--private-cito-gray-800);--cito-ui-300: var(--private-cito-gray-700);--cito-ui-400: var(--private-cito-gray-600);--cito-ui-500: var(--private-cito-gray-500);--cito-ui-600: var(--private-cito-gray-400);--cito-ui-700: var(--private-cito-gray-300);--cito-ui-800: var(--private-cito-gray-200);--cito-ui-900: var(--private-cito-gray-100);--cito-box-shadow-100: oklch(0% 0 0 / 100%) 0 .0625rem .125rem 0;--cito-box-shadow-200: oklch(0% 0 0 / 100%) 0 .0625rem .1875rem 0, oklch(0% 0 0 / 6%) 0 .0625rem .125rem 0;--cito-box-shadow-300: oklch(0% 0 0 / 100%) 0 .25rem .375rem -.0625rem , oklch(0% 0 0 / 6%) 0 .125rem .25rem -.0625rem ;--cito-box-shadow-400: oklch(0% 0 0 / 100%) 0 .625rem .9375rem -.1875rem , oklch(0% 0 0 / 5%) 0 .25rem .375rem -.125rem ;--cito-box-shadow-500: oklch(0% 0 0 / 100%) 0 1.25rem 1.5625rem -.3125rem , oklch(0% 0 0 / 4%) 0 .625rem .625rem -.3125rem ;--cito-box-shadow-600: oklch(0% 0 0 / 100%) 0 1.5625rem 3.125rem -.75rem ;--cito-box-shadow-inset-100: oklch(10% 0 0 / 100%) 0 .125rem .15rem .0625rem inset;--cito-box-shadow-inset-200: oklch(10% 0 0 / 100%) 0 .25rem .25rem .125rem inset;--cito-box-shadow-border-100: var(--cito-black) 0 0 0 .125rem;--cito-box-shadow-border-200: var(--cito-black) 0 0 0 .25rem;--cito-anchor-color: var(--cito-primary-700);--cito-anchor-color--hover: var(--cito-primary-800);--cito-anchor-color--active: var(--cito-primary-900);--cito-alert-danger-background-color: var(--cito-danger-100);--cito-alert-danger-border-color: var(--cito-danger-200);--cito-alert-danger-color: var(--cito-danger-900)}}:root{--cito-font-sans-serif: "Gill Sans", "Helvetica Neue", system-ui, -apple-system, sans-serif;--cito-font-serif: Georgia, "Times New Roman", Times, serif;--cito-font-monospace: "IBM Plex Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--cito-font-heading: var(--cito-font-monospace);--cito-font-body: var(--cito-font-monospace);--cito-font-size-000: .625rem;--cito-font-size-100: .702rem;--cito-font-size-200: .79rem;--cito-font-size-300: .889rem;--cito-font-size-400: 1rem;--cito-font-size-500: 1.125rem;--cito-font-size-600: 1.266rem;--cito-font-size-700: 1.424rem;--cito-font-size-800: 1.602rem;--cito-font-size-900: 1.802rem;--cito-font-size-1000: 2.027rem;--cito-font-size-1100: 2.281rem;--cito-font-size-1200: 2.566rem;--cito-font-size-1300: 2.887rem;--cito-font-size-1400: 3.247rem;--cito-font-size-1500: 3.653rem}:root{--cito-chatbox-height: calc(100% - 2.5rem) }:root{--cito-transition-fast: .1s;--cito-transition-default: .25s;--cito-transform-effect-1: skewX(55deg) scaleY(1.25) rotateX(66deg)}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}#root{isolation:isolate}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;line-height:1.5}html,body,app-root,main{min-height:100%;padding:0;margin:0}html{font-family:var(--cito-font-body)}body{padding:0;margin:0;background-color:var(--cito-ui-100);color:var(--cito-text-900)}p,h1,h2,h3,h4,h5,h6,ul,table,a{color:var(--cito-text-800)}table{margin-bottom:1.5rem;width:100%;border-collapse:separate;border-spacing:0;border-radius:.1875rem;overflow:hidden}th{text-align:left;font-size:var(--cito-font-size-000);font-weight:700;letter-spacing:.0625rem;text-transform:uppercase;background-color:var(--cito-ui-300);padding:1rem .5rem}th:first-child{border-top-left-radius:.1875rem}th:last-child{border-top-right-radius:.1875rem}tbody tr:last-child td:first-child{border-bottom-left-radius:.1875rem}tbody tr:last-child td:last-child{border-bottom-right-radius:.1875rem}td{background-color:var(--cito-ui-200);padding:.5rem;font-size:var(--cito-font-size-300)}td>ul{padding-left:1rem}td button{margin-right:.25rem}td button:last-child{margin-right:0}.cito-table-drawer{background-color:var(--cito-ui-100)}.cito-table-drawer td{padding:0;background-color:var(--cito-ui-100)}.cito-table-drawer-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;padding:0 .5rem 0 2rem}.cito-table-drawer-content>*{overflow:hidden;min-height:0;margin:0;transition:margin .3s ease-out}.cito-table-drawer.open .cito-table-drawer-content{grid-template-rows:1fr}.cito-table-drawer.open .cito-table-drawer-content>*{margin:1rem 0}.cito-table-drawer-toggle:after{content:" ▼";font-size:.7em;margin-left:.25rem;transition:transform .3s ease-out;display:inline-block}.cito-table-drawer-toggle.open:after{transform:rotate(180deg)}.cito-btn.cito-table-drawer-toggle.open{background-color:var(--cito-primary-600);border-color:var(--cito-primary-600);color:var(--cito-primary-100)}.cito-btn.cito-table-drawer-toggle.open:hover{background-color:var(--cito-primary-500);border-color:var(--cito-primary-500);color:var(--cito-primary-100)}.cito-btn.cito-table-drawer-toggle.open:active{background-color:var(--cito-primary-700);border-color:var(--cito-primary-700);color:var(--cito-primary-100)}@media only screen and (max-width:32rem){tbody,table{display:block}tr:not(.cito-table-drawer){padding:.35rem 0;display:flex;flex-direction:column}tr:first-child{padding-top:0}tr th{display:none}td:before{content:attr(data-col) ": ";margin-right:.25rem;text-transform:uppercase;font-size:var(--cito-font-size-200);font-weight:700}td[data-col=Actions]:before{content:none}td{display:block;text-wrap:wrap;padding:0 1rem;font-size:var(--cito-font-size-200)}td:first-child{padding-top:.75rem}td:last-child{padding-bottom:.75rem}td ul{margin-bottom:0}.cito-table-drawer td{padding:0}.cito-table-drawer td:before{content:none}}.cito-bar-chart-table{--table-width: 100%}.cito-bar-chart-table tbody td{background:linear-gradient(to right,var(--bar-color, var(--cito-primary-300)) 0%,var(--bar-color, var(--cito-primary-300)) var(--bar-width, 0%),transparent var(--bar-width, 0%),transparent 100%);background-size:var(--row-width, 1000px) 100%;background-position:calc(-1 * var(--cell-offset, 0px)) 0;background-repeat:no-repeat}.cito-bar-chart-table td>span{background-color:#00000040;padding:.125rem .25rem;border-radius:.125rem;color:var(--cito-white)}@media only screen and (max-width:32rem){.cito-bar-chart-table tbody td{background:var(--cito-ui-200)}.cito-bar-chart-table td:first-child:before{content:"";display:block;height:.25rem;width:var(--bar-width, 0%);background-color:var(--bar-color, var(--cito-primary-300));margin-bottom:.25rem;border-radius:.125rem}}.cito-form-group{--gap-between-form-groups: 1rem;--gap-between-form-group-and-error: .25rem;--element-color: var(--cito-text-800);--element-color-disabled: var(--cito-text-600);--element-border-color: var(--cito-ui-500);--element-focus-outline: var(--cito-text-800);--checkbox-background-color: var(--cito-ui-700);--placeholder-color: var(--cito-text-600);display:flex;flex-direction:column;background-color:transparent}.cito-form-error{--error-color: var(--cito-danger-500);display:none;color:var(--error-color);margin-top:var(--gap-between-form-group-and-error)}.cito-form-group.has-error .cito-form-error{display:block}.cito-form-group:has(~.cito-form-group){margin-bottom:var(--gap-between-form-groups)}.cito-form-group label{color:var(--element-color)}.cito-form-group label.required:after{content:"*";margin-left:.25rem;color:var(--cito-danger-500)}.cito-form-group input,.cito-form-group textarea,.cito-form-group select{background-color:transparent;color:var(--element-color);border-radius:.25rem;border:.0625rem solid var(--element-border-color)}.cito-form-group input::placeholder,.cito-form-group textarea::placeholder,.cito-form-group select::placeholder{color:var(--placeholder-color)}.cito-form-group input:focus-visible,.cito-form-group textarea:focus-visible,.cito-form-group select:focus-visible{outline:.125rem solid var(--element-focus-outline)}.cito-form-group input:disabled,.cito-form-group textarea:disabled,.cito-form-group select:disabled{color:var(--element-color-disabled)}.cito-form-group-error{color:var(--error-color, var(--cito-danger-500));margin-top:.4rem}.checkbox-list{list-style:none;padding-left:0}.checkbox-list .checkbox-list{padding-left:2rem}.checkbox-parent-label,.checkbox-child-label{-webkit-user-select:none;user-select:none}.checkbox{position:relative}.checkbox input{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.checkbox label{display:flex;gap:.25rem;align-items:baseline;-webkit-user-select:none;user-select:none}.checkbox label:before{content:"";display:inline-block;align-self:center;width:.8rem;height:.8rem;border-radius:.1rem;background-color:var(--checkbox-background-color);clip-path:polygon(0 100%,85% 100%,85% 85%,15% 85%,16% 15%,85% 15%,85% 100%,100% 100%,100% 51%,100% 20%,100% 0,0 0);transition:all .05s ease-in-out}.checkbox input:checked+label:before{background-color:var(--checkbox-background-color);clip-path:polygon(5% 65%,35% 97%,98% 24%,86% 16%,34% 72%,15% 53%)}.checkbox input:indeterminate+label:before{clip-path:polygon(21% 40%,0 40%,0 50%,0 63%,21% 63%,50% 63%,80% 63%,100% 64%,100% 50%,100% 39%,79% 39%,50% 40%)}.checkbox input:focus-visible+label{outline:.125rem solid var(--cito-info-500);outline-offset:.125rem}.cito-btn{--font-size: var(--cito-font-size-400);--background-color: var(--cito-ui-100);--border-color: var(--cito-ui-400);--color: var(--cito-text-900);--disabled-opacity: .45;--focus-background-color: var(--cito-ui-200);--focus-border-color: var(--cito-ui-400);--focus-color: var(--cito-text-900);--hover-background-color: var(--cito-ui-200);--hover-border-color: var(--cito-ui-400);--hover-color: var(--cito-text-900);--active-background-color: var(--cito-ui-300);--active-border-color: var(--cito-ui-600);--active-color: var(--cito-text-900);--transition: background-color var(--cito-transition-default), border-color var(--cito-transition-default), color var(--cito-transition-default), box-shadow var(--cito-transition-default);border-radius:.166rem;cursor:pointer;display:inline-block;white-space:nowrap;font-size:var(--font-size);line-height:var(--font-size);margin:0;padding:.25rem .35rem;text-align:center;letter-spacing:.01rem;background-color:var(--background-color);border:.0625rem solid var(--border-color);color:var(--color);transition:var(--transition)}.cito-btn:disabled,.cito-btn[aria-disabled=true]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--disabled-opacity)}.cito-btn:focus,.cito-btn:focus-visible{outline-color:var(--cito-info-500);color:var(--focus-color);border:.0625rem solid var(--focus-border-color);background-color:var(--focus-background-color)}.cito-btn:hover{color:var(--hover-color);border:.0625rem solid var(--hover-border-color);background-color:var(--hover-background-color)}.cito-btn:active{color:var(--active-color);border:.0625rem solid var(--active-border-color);background-color:var(--active-background-color)}.cito-btn.primary{--font-size: var(--cito-font-size-400);--background-color: var(--cito-primary-600);--border-color: var(--cito-primary-600);--color: var(--cito-primary-100);--disabled-opacity: .45;--focus-background-color: var(--cito-primary-500);--focus-border-color: transparent;--focus-color: var(--cito-primary-100);--hover-background-color: var(--cito-primary-500);--hover-border-color: var(--cito-primary-400);--hover-color: var(--cito-primary-100);--active-background-color: var(--cito-primary-400);--active-border-color: var(--cito-primary-600);--active-color: var(--cito-primary-100)}.cito-btn.danger{--font-size: var(--cito-font-size-400);--background-color: var(--cito-danger-600);--border-color: var(--cito-danger-600);--color: var(--cito-danger-100);--disabled-opacity: .45;--focus-background-color: var(--cito-danger-500);--focus-border-color: transparent;--focus-color: var(--cito-danger-100);--hover-background-color: var(--cito-danger-500);--hover-border-color: var(--cito-danger-400);--hover-color: var(--cito-danger-100);--active-background-color: var(--cito-danger-400);--active-border-color: var(--cito-danger-600);--active-color: var(--cito-danger-100)}.cito-btn.subtle{--font-size: var(--cito-font-size-400);--background-color: transparent;--border-color: transparent;--color: var(--cito-primary-700);--disabled-opacity: .45;--focus-background-color: transparent;--focus-border-color: transparent;--focus-color: var(--cito-primary-900);--hover-background-color: var(--cito-primary-100);--hover-border-color: var(--cito-primary-200);--hover-color: var(--cito-primary-900);--active-background-color: transparent;--active-border-color: transparent;--active-color: var(--cito-primary-900)}.cito-btn.subtle-danger{--font-size: var(--cito-font-size-400);--background-color: transparent;--border-color: transparent;--color: var(--cito-danger-700);--disabled-opacity: .45;--focus-background-color: transparent;--focus-border-color: transparent;--focus-color: var(--cito-danger-900);--hover-background-color: var(--cito-danger-100);--hover-border-color: var(--cito-danger-200);--hover-color: var(--cito-danger-900);--active-background-color: transparent;--active-border-color: transparent;--active-color: var(--cito-danger-900)}.cito-btn.small{--font-size: var(--cito-font-size-200);padding:.1rem .2rem}.cito-kv-list{--key-color: var(--cito-text-800);--value-color: var(--cito-text-800);--value-not-set-color: var(--cito-text-600);font-family:var(--cito-font-monospace);display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;align-items:baseline;margin:0}.cito-kv-list dt{color:var(--key-color);font-size:var(--cito-font-size-100);text-transform:uppercase;letter-spacing:1px;font-weight:700;margin:0}.cito-kv-list dd{color:var(--value-color);margin:0}.cito-kv-list dd.not-set{color:var(--value-not-set-color);font-style:oblique;letter-spacing:.05rem}.cito-kv-list.align-key-end dt{text-align:end}.cito-kv-list.decorated-keys{gap:0}.cito-kv-list.decorated-keys dt{padding:.75rem;text-align:end;color:var(--cito-text-900);letter-spacing:.1875rem;background-color:var(--cito-ui-200)}.cito-kv-list.decorated-keys dd{padding:.75rem 1rem}.cito-kv-list.decorated-keys dt:first-of-type{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.cito-kv-list.decorated-keys dt:last-of-type{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.cito-kv-list.emphasize-key dt{font-size:var(--cito-font-size-300);text-transform:uppercase;letter-spacing:.0938rem;font-weight:700}.cito-card{--card-background: var(--cito-ui-100);--card-border-color: var(--cito-ui-700);--card-border-radius: .375rem;--card-padding: 1.25rem;--card-shadow: var(--cito-box-shadow-200);--card-title-color: var(--cito-text-900);--card-body-color: var(--cito-text-700);--card-transition: box-shadow var(--cito-transition-default), transform var(--cito-transition-default);--card-gap: .75rem;--card-line-height: 1.5;background-color:var(--card-background);border:.125rem solid var(--card-border-color);border-radius:var(--card-border-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);transition:var(--card-transition);display:flex;flex-direction:column;gap:var(--card-gap)}.cito-card:hover{box-shadow:var(--cito-box-shadow-500);transform:scale(1.03)}.cito-card-title{color:var(--card-title-color);font-size:var(--cito-font-size-600);font-weight:700;margin:0}.cito-card-body{color:var(--card-body-color);font-size:var(--cito-font-size-400);margin:0;line-height:var(--card-line-height)}.cito-card-footer{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}.cito-card.compact{--card-padding: .5rem;--card-gap: .5rem;align-self:flex-start}.cito-card.compact .cito-card-body{--card-line-height: 1}.cito-card.highlighted{--card-background: var(--cito-primary-200);--card-border-color: var(--cito-primary-500);--card-shadow: var(--cito-box-shadow-300);--card-title-color: var(--cito-primary-800);--card-body-color: var(--cito-primary-800)}.cito-card.success{--card-background: var(--cito-success-200);--card-border-color: var(--cito-success-500);--card-shadow: var(--cito-box-shadow-300);--card-title-color: var(--cito-success-800);--card-body-color: var(--cito-success-800)}.cito-card.warning{--card-background: var(--cito-warning-200);--card-border-color: var(--cito-warning-500);--card-shadow: var(--cito-box-shadow-300);--card-title-color: var(--cito-warning-800);--card-body-color: var(--cito-warning-800)}.cito-card.error{--card-background: var(--cito-danger-200);--card-border-color: var(--cito-danger-500);--card-shadow: var(--cito-box-shadow-300);--card-title-color: var(--cito-danger-800);--card-body-color: var(--cito-danger-800)}.cito-alert{--alert-background: var(--cito-info-200);--alert-border-color: var(--cito-info-500);--alert-color: var(--cito-info-800);--alert-border-radius: .375rem;--alert-padding: 1rem;--alert-font-size: var(--cito-font-size-400);--alert-line-height: 1.5;width:100%;background-color:var(--alert-background);border:.125rem solid var(--alert-border-color);border-radius:var(--alert-border-radius);padding:var(--alert-padding);color:var(--alert-color);font-size:var(--alert-font-size);line-height:var(--alert-line-height);margin-bottom:1rem}.cito-alert.success{--alert-background: var(--cito-success-200);--alert-border-color: var(--cito-success-500);--alert-color: var(--cito-success-800)}.cito-alert.warning{--alert-background: var(--cito-warning-200);--alert-border-color: var(--cito-warning-500);--alert-color: var(--cito-warning-800)}.cito-alert.error{--alert-background: var(--cito-danger-200);--alert-border-color: var(--cito-danger-500);--alert-color: var(--cito-danger-800)}.cito-dropdown-menu{--dropdown-background: var(--cito-ui-100);--dropdown-border-color: var(--cito-ui-500);--dropdown-border-radius: .375rem;--dropdown-padding: 0;--dropdown-shadow: var(--cito-box-shadow-400);--dropdown-min-width: 12rem;--dropdown-max-width: fit-content;position:absolute;top:anchor(bottom);left:anchor(left);width:auto;margin:0;padding:0;opacity:0;min-width:var(--dropdown-min-width);max-width:var(--dropdown-max-width);border:.125rem solid var(--dropdown-border-color);background-color:var(--dropdown-background);box-shadow:var(--dropdown-shadow);border-radius:var(--dropdown-border-radius);transition-property:display,opacity;transition-duration:.2s;transition-timing-function:ease-in-out;transition-behavior:allow-discrete}.cito-dropdown-menu:popover-open{opacity:1}@starting-style{.cito-dropdown-menu:popover-open{opacity:0}}.cito-dropdown-listbox{display:flex;flex-direction:column;max-height:75vh;overflow-y:auto;padding:.5rem;gap:.25rem}.cito-dropdown-listbox button{width:100%;padding:.5rem;cursor:pointer;background-color:transparent;border:none;text-align:left;border-radius:.25rem;transition:background-color .15s ease;font-size:var(--cito-font-size-400);color:var(--cito-text-900)}.cito-dropdown-listbox button:hover{background-color:var(--cito-ui-300)}.cito-dropdown-listbox button.danger{color:var(--cito-danger-700)}.cito-dropdown-listbox button.danger:hover{background-color:var(--cito-danger-200)}.cito-dropdown-divider{border:none;border-top:.0625rem solid var(--cito-ui-400);margin:.25rem 0}.cito-dropdown-menu.compact .cito-dropdown-listbox{padding:.25rem;min-width:8rem}.cito-popover{--popover-background: var(--cito-ui-200);--popover-border-color: var(--cito-ui-500);--popover-border-radius: .375rem;--popover-padding: 1rem;--popover-shadow: var(--cito-box-shadow-300);--popover-max-width: 20rem;--popover-title-color: var(--cito-text-900);--popover-content-color: var(--cito-text-700);position:absolute;top:anchor(bottom);left:anchor(left);background-color:var(--popover-background);border:.125rem solid var(--popover-border-color);border-radius:var(--popover-border-radius);padding:var(--popover-padding);box-shadow:var(--popover-shadow);max-width:var(--popover-max-width);margin:0;opacity:0;transition-property:display,opacity;transition-duration:.2s;transition-timing-function:ease-in-out;transition-behavior:allow-discrete}.cito-popover:popover-open{opacity:1}@starting-style{.cito-popover:popover-open{opacity:0}}.cito-popover-title{color:var(--popover-title-color);font-size:var(--cito-font-size-500);font-weight:700;margin:0 0 .5rem}.cito-popover-content{color:var(--popover-content-color);font-size:var(--cito-font-size-400);line-height:1.5;margin:0}.cito-popover.success{--popover-background: var(--cito-success-200);--popover-border-color: var(--cito-success-500);--popover-title-color: var(--cito-success-800);--popover-content-color: var(--cito-success-800)}.cito-popover.warning{--popover-background: var(--cito-warning-200);--popover-border-color: var(--cito-warning-500);--popover-title-color: var(--cito-warning-800);--popover-content-color: var(--cito-warning-800)}.cito-popover.error{--popover-background: var(--cito-danger-200);--popover-border-color: var(--cito-danger-500);--popover-title-color: var(--cito-danger-800);--popover-content-color: var(--cito-danger-800)}.cito-popover.info{--popover-background: var(--cito-info-200);--popover-border-color: var(--cito-info-500);--popover-title-color: var(--cito-info-800);--popover-content-color: var(--cito-info-800)}.cito-list-card{--list-card-background: var(--cito-ui-100);--list-card-border-color: var(--cito-ui-400);--list-card-border-radius: .375rem;--list-card-padding: 1rem;--list-card-gap: 1rem;--list-card-image-size: 3.5rem;--list-card-image-background: var(--cito-ui-300);--list-card-title-color: var(--cito-text-900);--list-card-body-color: var(--cito-text-700);--list-card-transition: background-color var(--cito-transition-default), border-color var(--cito-transition-default);container:cito-list-card / inline-size}.cito-list-card-item{background-color:var(--list-card-background);border:.0625rem solid var(--list-card-border-color);border-radius:var(--list-card-border-radius);padding:var(--list-card-padding);display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-template-areas:"image title actions" "image body actions";gap:var(--list-card-gap);align-items:center;transition:var(--list-card-transition)}@container cito-list-card (max-width: 30rem){.cito-list-card-item{grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;grid-template-areas:"image title" "body body" "actions actions"}}.cito-list-card-item:hover{background-color:var(--cito-ui-200);border-color:var(--cito-ui-500)}.cito-list-card-image{grid-area:image;width:var(--list-card-image-size);height:var(--list-card-image-size);background-color:var(--list-card-image-background);border-radius:.25rem}.cito-list-card-content{display:contents}.cito-list-card-title{grid-area:title;color:var(--list-card-title-color);font-size:var(--cito-font-size-500);font-weight:700;margin:0}.cito-list-card-body{grid-area:body;color:var(--list-card-body-color);font-size:var(--cito-font-size-300);line-height:1.5;margin:0}.cito-list-card-actions{grid-area:actions;display:flex;gap:.5rem;align-items:center}.cito-tabs{--tabs-border-color: var(--cito-ui-400);--tab-background: transparent;--tab-color: var(--cito-text-700);--tab-hover-background: var(--cito-ui-200);--tab-hover-color: var(--cito-text-900);--tab-hover-border-color: var(--cito-ui-300);--tab-active-background: var(--cito-ui-200);--tab-active-color: var(--cito-text-900);--tab-active-border-color: var(--cito-ui-600);--tab-padding: .75rem 1.25rem;--tab-transition: background-color var(--cito-transition-default), color var(--cito-transition-default), border-color var(--cito-transition-default);display:flex;border-bottom:.125rem solid var(--tabs-border-color);gap:.25rem}.cito-tab{background-color:var(--tab-background);color:var(--tab-color);border:none;border-bottom:.1875rem solid transparent;padding:var(--tab-padding);cursor:pointer;font-size:var(--cito-font-size-400);font-weight:500;transition:var(--tab-transition);margin-bottom:-.125rem}.cito-tab:hover{background-color:var(--tab-hover-background);color:var(--tab-hover-color);border-bottom-color:var(--tab-hover-border-color)}.cito-tab.active{background-color:var(--tab-active-background);color:var(--tab-active-color);border-bottom-color:var(--tab-active-border-color);font-weight:700}.cito-tab-content{padding:1.5rem;display:none}.cito-tab-content.active{display:block}.cito-tabs-container.vertical{display:flex;gap:1.5rem}.cito-tabs.vertical{flex-direction:column;border-bottom:none;border-right:.125rem solid transparent;min-width:12rem}.cito-tabs.vertical .cito-tab{border-bottom:none;border-right:.1875rem solid transparent;margin-bottom:0;margin-right:-.125rem;text-align:left}.cito-tabs.vertical .cito-tab:hover{border-right-color:var(--tab-hover-border-color)}.cito-tabs.vertical .cito-tab.active{border-right-color:var(--tab-active-border-color);border-bottom-color:transparent}.cito-tabs-container.vertical .cito-tab-content{flex:1;padding:0}.cito-details{--details-border-color: var(--cito-ui-400);--details-background: var(--cito-ui-100);--summary-color: var(--cito-text-900);--summary-background: var(--cito-ui-200);--summary-hover-background: var(--cito-ui-300);--summary-padding: 1rem;--content-padding: 1rem;--details-border-radius: .375rem;border:.0625rem solid var(--details-border-color);border-radius:var(--details-border-radius);background-color:var(--details-background);margin-bottom:.5rem;overflow:hidden}.cito-details summary{color:var(--summary-color);background-color:var(--summary-background);padding:var(--summary-padding);cursor:pointer;font-weight:700;list-style:none;-webkit-user-select:none;user-select:none;transition:background-color var(--cito-transition-default);position:relative}.cito-details summary::-webkit-details-marker{display:none}.cito-details summary:before{content:"▶";display:inline-block;margin-right:.5rem;transition:transform var(--cito-transition-default)}.cito-details[open] summary:before{transform:rotate(90deg)}.cito-details summary:hover{background-color:var(--summary-hover-background)}.cito-details-content{padding:var(--content-padding);animation:slideDown var(--cito-transition-default) ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.cito-datalist-wrapper{display:flex;flex-direction:column;gap:.5rem}.cito-datalist-wrapper label{color:var(--cito-text-800);font-size:var(--cito-font-size-400)}.cito-datalist-wrapper input{background-color:transparent;color:var(--cito-text-900);border-radius:.25rem;border:.0625rem solid var(--cito-ui-500);padding:.5rem;font-size:var(--cito-font-size-400)}.cito-datalist-wrapper input:focus-visible{outline:.125rem solid var(--cito-text-800);border-color:var(--cito-ui-600)}.cito-datalist-wrapper input::placeholder{color:var(--cito-text-600)}hr{border:none;border-top:.0625rem solid var(--cito-ui-400);margin:1rem 0}@media(prefers-color-scheme:light){:root{--kasoku-vibe-1: oklch(.5248 .0713 267.37);--kasoku-vibe-2: oklch(.8244 .1632 77.79);--kasoku-vibe-3: oklch(.584 .2228 14.96);--kasoku-vibe-4: oklch(.2194 .0718 350.06)}}@media(prefers-color-scheme:dark){:root{--kasoku-vibe-1: oklch(.5248 .0713 267.37);--kasoku-vibe-2: oklch(.8244 .1632 77.79);--kasoku-vibe-3: oklch(.584 .2228 14.96);--kasoku-vibe-4: oklch(31.419% .01218 342.315)}}*{box-sizing:border-box}#app{min-height:100vh;display:flex;flex-direction:column}#sticky-header{position:sticky;top:0;z-index:1000;background:var(--cito-ui-100);border-bottom:.0625rem solid var(--cito-ui-200);padding:1rem 2rem;box-shadow:0 .125rem .25rem #0000000d}.header-content{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.header-content h1{margin:0;font-size:var(--cito-font-size-700);color:var(--cito-primary-600);font-weight:600}.filters{display:flex;flex:1;gap:.75rem}@media(max-width:62.5rem){.header-content{flex-direction:column}.filters{flex-wrap:wrap;gap:.25rem}}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-size:var(--cito-font-size-000);font-weight:500;text-transform:uppercase;letter-spacing:.03125rem}.filter-group input,.filter-group select{padding:.5rem;border:.0625rem solid var(--cito-ui-300);border-radius:.25rem;font-size:var(--cito-font-size-200);background:var(--cito-ui-100);color:var(--cito-text-900)}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--cito-primary-500)}.actions{display:flex;gap:.75rem;align-items:center;justify-content:center}.actions .cito-btn{font-size:var(--cito-font-size-200)}.actions #save-button{display:flex;gap:.5rem}#unsaved-indicator{color:var(--cito-warning-600);width:1rem;height:1rem;line-height:1;background-color:red;border-radius:50%}#unsaved-indicator.hidden{display:none}#main-container{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}#visualization-panel{display:flex;flex-direction:column;gap:1rem}#columns-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:62.5rem){#columns-panel{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}#column-companies{--active-vibe: var(--kasoku-vibe-2);background-color:var(--active-vibe-400)}#column-categories{--active-vibe: var(--kasoku-vibe-4);background-color:var(--active-vibe-400)}#column-payment-methods{--active-vibe: var(--kasoku-vibe-3);background-color:var(--active-vibe-400)}.column{background:var(--cito-ui-100);border:.0625rem solid var(--cito-ui-300);border-radius:.5rem;padding:1rem 0rem;--active-vibe-100: oklch(from var(--active-vibe) .99 c h);--active-vibe-200: oklch(from var(--active-vibe) .95 c h);--active-vibe-300: oklch(from var(--active-vibe) .89 c h);--active-vibe-400: oklch(from var(--active-vibe) .77 c h);--active-vibe-500: oklch(from var(--active-vibe) .67 c h);--active-vibe-600: oklch(from var(--active-vibe) .59 c h);--active-vibe-700: oklch(from var(--active-vibe) .48 c h);--active-vibe-800: oklch(from var(--active-vibe) .37 c h);--active-vibe-900: oklch(from var(--active-vibe) .26 c h);--active-vibe-950: oklch(from var(--active-vibe) .19 c h);--active-vibe-980: oklch(from var(--active-vibe) .11 c h)}.column h3{margin:0;font-size:var(--cito-font-size-500);color:var(--active-vibe-900);padding:0 .8rem}h4{color:var(--active-vibe-900)}.column-content{border-radius:.25rem;padding:.75rem}.viz-section h2{margin:0 0 1rem;font-size:var(--cito-font-size-600);font-weight:600;color:var(--cito-text-800)}.viz-section h3{margin:0 0 .75rem;font-size:var(--cito-font-size-400);font-weight:500;color:var(--cito-text-800)}.viz-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}.viz-header #spending-summary,.viz-header #spending-summary-total-value{text-align:left}.viz-header #spending-summary-total-value{font-size:var(--cito-font-size-700)}.viz-header button{white-space:nowrap}.viz-container{min-height:18.75rem;position:relative;background:var(--cito-ui-100);border-radius:.25rem}.viz-container svg{width:100%;height:100%;touch-action:pan-y pinch-zoom}.viz-container .x-axis path,.viz-container .y-axis-left path,.viz-container .y-axis-right path,.viz-container .x-axis line,.viz-container .y-axis-left line,.viz-container .y-axis-right line{stroke:var(--cito-ui-300)}.viz-container .x-axis text,.viz-container .y-axis-left text,.viz-container .y-axis-right text{fill:var(--cito-text-400);font-size:var(--cito-font-size-100)}.viz-container .x-axis .domain,.viz-container .y-axis-left .domain,.viz-container .y-axis-right .domain{stroke:var(--cito-ui-400)}.breakdown-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.management-section h3{margin:0 0 1rem;font-size:var(--cito-font-size-500);font-weight:600;color:var(--cito-text-800)}.form-actions{display:flex;gap:.5rem;margin-top:1.5rem}.section-header{font-size:var(--cito-font-size-400);font-weight:600;color:var(--cito-text-200);margin:1.5rem 0 .75rem;padding-top:1.5rem;border-top:.0625rem solid var(--cito-ui-200)}.section-header:first-child{margin-top:0;padding-top:0;border-top:none}.list-item{position:relative;display:flex;font-weight:800;flex-direction:column;gap:.75rem;padding:.75rem;background-color:var(--active-vibe-400);border:.125rem solid var(--active-vibe-800);border-radius:.25rem;margin-bottom:.5rem;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.list-item:hover{background:var(--active-vibe-400)}.list-item-content{flex:1;min-width:0;color:var(--active-vibe-900)}.title{color:var(--active-vibe-900);line-height:1;font-weight:700;margin-bottom:.4rem}.list-item-footer{display:flex;gap:.5rem;justify-content:space-between}.inline-form-container{background:var(--active-vibe-25);border-radius:.5rem;padding:0 0rem 1rem}.meta-line{font-size:var(--cito-font-size-100);margin-top:.15rem}.tags{display:flex;gap:.25rem}.tag{display:inline-block;padding:.1rem .35rem;border-radius:999px;background:var(--active-vibe-900);border:.0625rem solid var(--active-vibe-400);color:var(--active-vibe-100);font-size:.75rem;font-weight:600}.extra-payment-item{background:var(--active-vibe-50);padding:.5rem;border-radius:.25rem;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center;font-size:var(--cito-font-size-200)}.contract-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}#contract-description{height:10rem}.mode-badge{display:inline-block;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.mode-badge.view{background:#eef2ff;color:#4338ca}.mode-badge.edit{background:#ecfdf3;color:#166534}.cost-summary{background:#f9fafb;border:.0625rem solid #e5e7eb;border-radius:.5rem;padding:.75rem;margin:.5rem 0 1rem}.cost-summary p{margin:.25rem 0;color:#111827}.helper-text{color:var(--active-vibe-800);font-size:.85rem;font-weight:500}.hidden{display:none!important}@media(max-width:1100px){.filters{width:100%}.header-content{gap:1rem}}@media(max-width:768px){#columns-panel{grid-template-columns:1fr}#main-container{padding:1.5rem}}@media(max-width:600px){#sticky-header,#main-container{padding:1rem}.header-content h1{font-size:1.25rem}.filter-group{width:100%}}.contract-table{width:100%}.contract-table thead th{text-align:left}.contract-table tr[data-status=inactive] td{opacity:.6}.contract-table tr[data-status=inactive]:hover td{opacity:.8}.contract-table tr[data-estimate=true] td:first-child{border-left:.125rem dashed var(--cito-warning-500)}.contract-table td[data-col=Actions]{white-space:nowrap}.contract-table-empty{text-align:center;padding:2rem;color:var(--cito-text-600)}.contract-table .cito-table-drawer-content .cito-kv-list{margin-bottom:1rem}.contract-table .cito-table-drawer-content .cito-kv-list dd{white-space:pre-wrap}.contract-table .cito-table-drawer-content h4{margin:1rem 0 .5rem;font-size:var(--cito-font-size-400);font-weight:600;color:var(--cito-text-800)}.contract-table .contract-tasks-container{margin-top:.5rem}.contract-drawer{position:relative;background:var(--cito-ui-100);border:1px solid var(--cito-ui-300);border-radius:.5rem;padding:1.5rem;margin:.5rem 0;box-shadow:0 2px 8px #0000001a;grid-column:1;grid-row:auto;min-height:auto}.contract-drawer.edit-mode{background:var(--cito-success-200)}.contract-drawer-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);z-index:1000;padding:1rem}.contract-drawer-modal .contract-drawer{max-width:50rem;width:100%;max-height:90vh;overflow:auto}.button-group{display:flex;gap:.5rem;flex-wrap:wrap}.drawer-actions{margin-top:1rem}.button-group.justify-start{justify-content:flex-start}.button-group.justify-end{justify-content:flex-end}.button-group.justify-center{justify-content:center}.button-group.justify-between{justify-content:space-between}.contract-description{margin-top:1rem}.contract-description strong{display:block;margin-bottom:.25rem;font-size:var(--cito-font-size-100);text-transform:uppercase;letter-spacing:1px;font-weight:700}.contract-description p{margin:0;white-space:pre-wrap}.contract-description p.not-set{font-style:oblique;color:var(--cito-text-600)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#contract-viz{position:relative}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem}.top-bar__summary #spending-summary{font-size:var(--cito-font-size-200);font-weight:600;color:var(--cito-text-800)}.top-bar__summary #spending-summary-total-value{font-size:var(--cito-font-size-900);font-weight:600;color:var(--cito-text-800);padding:.25rem 0;border-radius:.25rem}.cito-btn{--font-size: var(--cito-font-size-400);--background-color: transparent;--border-color: var(--cito-ui-800);--color: var(--cito-text-900);--disabled-opacity: .45;--focus-background-color: var(--cito-ui-100);--focus-border-color: var(--cito-ui-700);--focus-color: var(--cito-text-900);--hover-background-color: #00000020;--hover-border-color: var(--cito-ui-700);--hover-color: var(--cito-text-900);--active-background-color: var(--cito-ui-300);--active-border-color: var(--cito-ui-600);--active-color: var(--cito-text-900)}.cito-btn.subtle{--color: var(--cito-text-900);--hover-background-color: #00000020;--hover-border-color: var(--cito-ui-700);--hover-color: var(--cito-text-900);--active-background-color: var(--cito-ui-300);border-width:.125rem}.cito-btn.subtle-danger{--font-size: var(--cito-font-size-400);--background-color: transparent;--border-color: transparent;--color: var(--cito-danger-700);--disabled-opacity: .45;--focus-background-color: transparent;--focus-border-color: transparent;--focus-color: var(--cito-danger-900);--hover-background-color: var(--cito-danger-700);--hover-border-color: var(--cito-danger-700);--hover-color: var(--cito-danger-200);--active-background-color: transparent;--active-border-color: transparent;--active-color: var(--cito-danger-900)}.column .cito-btn{--font-size: var(--cito-font-size-400);--background-color: transparent;--border-color: var(--active-vibe-800);--color: var(--active-vibe-900);--disabled-opacity: .45;--focus-background-color: var(--active-vibe-200);--focus-border-color: var(--active-vibe-400);--focus-color: var(--active-vibe-900);--hover-background-color: var(--active-vibe-200);--hover-border-color: var(--active-vibe-400);--hover-color: var(--active-vibe-900);--active-background-color: var(--active-vibe-300);--active-border-color: var(--active-vibe-600);--active-color: var(--active-vibe-900);border-width:.125rem;font-weight:800}.column .cito-btn.primary{--font-size: var(--cito-font-size-400);--background-color: transparent;--border-color: var(--active-vibe-900);--color: var(--active-vibe-900);--disabled-opacity: .45;--focus-background-color: var(--active-vibe-200);--focus-border-color: var(--active-vibe-400);--focus-color: var(--active-vibe-900);--hover-background-color: var(--active-vibe-400);--hover-border-color: transparent;--hover-color: var(--active-vibe-900);--active-background-color: var(--active-vibe-300);--active-border-color: var(--active-vibe-600);--active-color: var(--active-vibe-900);border-width:.125rem}.column .cito-btn.subtle-danger{--background-color: transparent;--border-color: transparent;--color: var(--active-vibe-900);--disabled-opacity: .45;--focus-background-color: var(--active-vibe-200);--focus-border-color: var(--active-vibe-400);--focus-color: var(--active-vibe-900);--hover-background-color: var(--active-vibe-200);--hover-border-color: var(--active-vibe-400);--hover-color: var(--active-vibe-900);--active-background-color: var(--active-vibe-300);--active-border-color: var(--active-vibe-600);--active-color: var(--active-vibe-900)}.column .cito-form-group{--gap-between-form-groups: 1rem;--element-color: var(--active-vibe-800);--element-border-color: var(--active-vibe-500);--element-focus-outline: var(--active-vibe-800);--checkbox-background-color: var(--active-vibe-900);--placeholder-color: var(--active-vibe-600)}.column .cito-form-group input,.column .cito-form-group textarea,.column .cito-form-group select{color:var(--active-vibe-900);font-weight:800;border-radius:.25rem;border:.0625rem solid var(--active-vibe-500)}.column .cito-form-group input:focus-visible,.column .cito-form-group textarea:focus-visible,.column .cito-form-group select:focus-visible{outline:.125rem solid var(--active-vibe-800)}.column #unsaved-indicator.cito-btn,.column #load-mock-data.cito-btn,.column #save-button.cito-btn,.column #import-button.cito-btn{--background-color: transparent;--border-color: transparent;--color: var(--cito-text-900);--disabled-opacity: .45;--focus-background-color: transparent;--focus-border-color: transparent;--focus-color: var(--cito-text-800);--hover-background-color: transparent;--hover-border-color: transparent;--hover-color: var(--cito-text-700);--active-background-color: transparent;--active-border-color: transparent;--active-color: var(--cito-text-600);border-width:.0625rem}.contract-tasks-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--cito-ui-200)}.contract-tasks-section h4{margin:0 0 1rem;font-size:var(--cito-font-size-400);font-weight:600;color:var(--cito-text-800)}.task-list-container{margin-top:.5rem}.task-list{display:flex;flex-direction:column;gap:.5rem}.task-list-empty{padding:1rem;text-align:center;color:var(--cito-text-500);font-style:italic;background:var(--cito-ui-200);border-radius:.375rem}.task-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--cito-ui-50);border:1px solid var(--cito-ui-200);border-radius:.375rem;transition:background-color .15s ease}.task-item:hover{background:var(--cito-ui-100)}.task-item.task-status-completed{opacity:.7}.task-item.task-status-completed .task-title{text-decoration:line-through;color:var(--cito-text-500)}.task-item.task-status-waiting{border-left:3px solid var(--cito-warning-500)}.task-item.task-status-in_progress{border-left:3px solid var(--cito-primary-500)}.task-status-control{flex-shrink:0}.task-status-select{padding:.25rem .5rem;font-size:var(--cito-font-size-100);border:1px solid var(--cito-ui-300);border-radius:.25rem;background:var(--cito-ui-100);color:var(--cito-text-800);cursor:pointer}.task-status-select:focus{outline:2px solid var(--cito-primary-500);outline-offset:1px}.task-content{flex:1;min-width:0}.task-title{font-weight:600;color:var(--cito-text-900);margin-bottom:.25rem;word-break:break-word}.task-title.completed{text-decoration:line-through;color:var(--cito-text-500)}.task-description{font-size:var(--cito-font-size-100);color:var(--cito-text-600);margin-bottom:.25rem;word-break:break-word}.task-contract-label{font-size:var(--cito-font-size-100);color:var(--cito-text-500);margin-bottom:.25rem}.task-due-badge{display:inline-block;padding:.125rem .375rem;font-size:var(--cito-font-size-000);font-weight:600;border-radius:.25rem;margin-top:.25rem}.task-due-badge.overdue{background:var(--cito-danger-100);color:var(--cito-danger-700);border:1px solid var(--cito-danger-300)}.task-due-badge.due-today{background:var(--cito-warning-100);color:var(--cito-warning-800);border:1px solid var(--cito-warning-300)}.task-due-badge.due-soon{background:var(--cito-warning-50);color:var(--cito-warning-700);border:1px solid var(--cito-warning-200)}.task-due-badge.due-upcoming{background:var(--cito-ui-100);color:var(--cito-text-600);border:1px solid var(--cito-ui-300)}.task-actions{display:flex;gap:.25rem;flex-shrink:0}.task-form{background:var(--cito-ui-50);padding:1rem;border-radius:.5rem;border:1px solid var(--cito-ui-200)}.task-form .cito-form-group{margin-bottom:.75rem}.task-form .form-actions{display:flex;gap:.5rem;margin-top:1rem}#tasks-overview-panel{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;animation:fadeIn .15s ease-out}.tasks-modal-backdrop{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);z-index:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#tasks-overview-panel.hidden{display:none}.tasks-overview{margin:0 auto}#column-tasks{max-width:800px;margin:2rem auto;position:relative;z-index:2;background:var(--cito-ui-50);border-radius:.5rem;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;max-height:calc(100vh - 4rem);overflow-y:auto}#column-tasks:focus{outline:none}.tasks-overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tasks-overview-title{margin:0;font-size:var(--cito-font-size-600);font-weight:700;color:var(--cito-text-900)}.tasks-overview-close-btn{font-size:1.5rem;line-height:1;padding:.25rem .75rem}.tasks-overview-filters{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.tasks-overview-filters .filter-group{flex:1;min-width:150px;max-width:250px}.tasks-overview-summary{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.task-count{padding:.25rem .75rem;border-radius:999px;font-size:var(--cito-font-size-100);font-weight:600}.task-count.overdue{background:var(--cito-danger-100);color:var(--cito-danger-700);border:.0625rem solid var(--cito-danger-300)}.task-count.pending{background:var(--cito-ui-200);color:var(--cito-text-700);border:.0625rem solid var(--cito-ui-300)}.task-count.in-progress{background:var(--cito-primary-100);color:var(--cito-primary-700);border:.0625rem solid var(--cito-primary-300)}.task-count.waiting{background:var(--cito-warning-100);color:var(--cito-warning-700);border:.0625rem solid var(--cito-warning-300)}.tasks-overview-list{display:flex;flex-direction:column;gap:.5rem}.tasks-overview-empty{padding:2rem;text-align:center;color:var(--cito-text-500);background:var(--cito-ui-100);border-radius:.5rem}#tasks-toggle-button.active{background:var(--cito-primary-100);border-color:var(--cito-primary-500);color:var(--cito-primary-700)}.bg-actions{background-color:#00000070;padding:.15rem .5rem}.cito-table-drawer-content{padding-left:0}