:root{--cokido-color-surface-page: #f7f8fa;--cokido-color-surface: #ffffff;--cokido-color-surface-muted: #f4f6f8;--cokido-color-surface-inverse: #012667;--cokido-color-border: #e6e9ef;--cokido-color-text: #14303f;--cokido-color-text-muted: #4d6472;--cokido-color-text-inverse: #ffffff;--cokido-color-accent: #0f4eb3;--cokido-color-accent-strong: #0845a9;--cokido-color-accent-soft: #e3ecfd;--cokido-color-accent-contrast: #ffffff;--cokido-color-cta: #2d8539;--cokido-color-cta-strong: #237a30;--cokido-color-cta-contrast: #ffffff;--cokido-color-success: #367d40;--cokido-color-success-fill: #4baf59;--cokido-color-success-soft: #e6f7e5;--cokido-color-warning: #9b6303;--cokido-color-warning-fill: #e49205;--cokido-color-warning-soft: #fdf2e2;--cokido-color-danger: #d32a14;--cokido-color-danger-fill: #f07262;--cokido-color-danger-soft: #fdedec;--cokido-color-pending: #6e51e9;--cokido-color-pending-fill: #7c61eb;--cokido-color-pending-soft: #f0ecfd;--cokido-color-focus: #0845a9;--cokido-color-focus-inverse: #ffffff;--cokido-color-on-inverse-hover-fill: rgb(255 255 255 / 10%);--cokido-color-on-inverse-selected-fill: rgb(255 255 255 / 12%);--cokido-color-on-inverse-divider: rgb(255 255 255 / 15%);--cokido-color-on-inverse-outline: rgb(255 255 255 / 35%);--cokido-font-family: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--cokido-font-size-xs: .75rem;--cokido-font-size-sm: .8125rem;--cokido-font-size-base: .875rem;--cokido-font-size-lg: 1rem;--cokido-font-size-xl: 1.5rem;--cokido-font-size-2xl: 1.75rem;--cokido-line-height: 1.5;--cokido-font-variant-numeric: tabular-nums;--cokido-space-1: .25rem;--cokido-space-2: .5rem;--cokido-space-3: .75rem;--cokido-space-4: 1rem;--cokido-space-5: 1.25rem;--cokido-space-6: 1.5rem;--cokido-space-8: 2rem;--cokido-space-10: 2.5rem;--cokido-space-12: 3rem;--cokido-radius: .5rem;--cokido-radius-tile: .75rem;--cokido-radius-card: 1rem;--cokido-radius-pill: 999px;--cokido-shadow: 0 1px 3px rgb(1 38 103 / 6%), 0 4px 12px rgb(1 38 103 / 4%);--cokido-breakpoint-md: 48rem;--cokido-breakpoint-lg: 64rem;--cokido-content-max-width: 72rem;--cokido-content-max-width-wide: 100rem;--cokido-target-min-size: 2.75rem}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--cokido-font-family);font-size:var(--cokido-font-size-base);line-height:var(--cokido-line-height);color:var(--cokido-color-text);background:var(--cokido-color-surface-page)}:focus-visible{outline:3px solid var(--cokido-color-focus);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;white-space:nowrap;border:0;clip-path:inset(50%)}.muted{color:var(--cokido-color-text-muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[cokidoControl]{width:100%;min-height:var(--cokido-target-min-size);padding:0 var(--cokido-space-3);font:inherit;color:var(--cokido-color-text);background-color:var(--cokido-color-surface);border:1px solid var(--cokido-color-border);border-radius:var(--cokido-radius)}[cokidoControl]:hover:not(:disabled){border-color:var(--cokido-color-text-muted)}[cokidoControl]:focus{border-color:var(--cokido-color-accent)}[cokidoControl]:disabled{color:var(--cokido-color-text-muted);background-color:var(--cokido-color-surface-muted)}[cokidoControl][aria-invalid=true]{border-color:var(--cokido-color-danger)}textarea[cokidoControl]{min-height:6rem;padding:var(--cokido-space-2) var(--cokido-space-3);resize:vertical}select[cokidoControl]{appearance:none;padding-inline-end:var(--cokido-space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234d6472' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--cokido-space-3) center;background-size:1rem 1rem}input[cokidoControl][type=date],input[cokidoControl][type=time]{padding-inline-end:var(--cokido-space-2)}[cokidoButton]{display:inline-flex;gap:var(--cokido-space-2);align-items:center;justify-content:center;min-height:var(--cokido-target-min-size);padding:0 var(--cokido-space-3);font:inherit;color:var(--cokido-color-text);background-color:var(--cokido-color-surface);border:1px solid var(--cokido-color-border);border-radius:var(--cokido-radius);cursor:pointer}[cokidoButton]:hover:not(:disabled){border-color:var(--cokido-color-text-muted);background-color:var(--cokido-color-surface-muted)}[cokidoButton=primary]{color:var(--cokido-color-accent-contrast);background-color:var(--cokido-color-accent);border-color:var(--cokido-color-accent)}[cokidoButton=primary]:hover:not(:disabled){background-color:var(--cokido-color-accent-strong);border-color:var(--cokido-color-accent-strong)}[cokidoButton=cta],cokido-page-header [cokidoButton=primary]{font-weight:600;color:var(--cokido-color-cta-contrast);background-color:var(--cokido-color-cta);border-color:var(--cokido-color-cta)}[cokidoButton=cta]:hover:not(:disabled),cokido-page-header [cokidoButton=primary]:hover:not(:disabled){background-color:var(--cokido-color-cta-strong);border-color:var(--cokido-color-cta-strong)}[cokidoButton=danger]{color:var(--cokido-color-danger);border-color:var(--cokido-color-danger-soft)}[cokidoButton=danger]:hover:not(:disabled){background-color:var(--cokido-color-danger-soft);border-color:var(--cokido-color-danger)}[cokidoButton=row]{justify-content:flex-start;width:100%;padding:var(--cokido-space-3);text-align:left;background:none;border:0;border-bottom:1px solid var(--cokido-color-border);border-radius:0}[cokidoButton=row]:last-child{border-bottom:0}[cokidoButton=row]:hover:not(:disabled){background-color:var(--cokido-color-surface-muted)}[cokidoButton=row][data-selected=true]{background-color:var(--cokido-color-accent-soft);color:var(--cokido-color-accent);font-weight:600}[cokidoButton=quiet]{min-height:auto;padding:0;color:var(--cokido-color-accent);background:none;border:none;text-decoration:underline}[cokidoButton=quiet]:hover:not(:disabled){background:none;color:var(--cokido-color-accent-strong)}[cokidoButton]:disabled{color:var(--cokido-color-text-muted);background-color:var(--cokido-color-surface-muted);border-color:var(--cokido-color-border);cursor:not-allowed}cokido-data-table th,cokido-data-table td{padding:var(--cokido-space-3);text-align:left;border-bottom:1px solid var(--cokido-color-border);vertical-align:middle}cokido-data-table th{font-size:var(--cokido-font-size-sm);color:var(--cokido-color-text-muted);background-color:var(--cokido-color-surface-muted)}cokido-data-table tbody tr:last-child th,cokido-data-table tbody tr:last-child td{border-bottom:none}cokido-data-table td[colspan],cokido-data-table td.empty{padding:var(--cokido-space-6) var(--cokido-space-3);color:var(--cokido-color-text-muted);text-align:center}cokido-data-table td[colspan] cokido-empty-state,cokido-data-table td.empty cokido-empty-state{padding:0;text-align:center}input[type=checkbox],input[type=radio]{width:1.125rem;height:1.125rem;margin:0;accent-color:var(--cokido-color-accent);cursor:pointer}label:has(>input[type=checkbox]),label:has(>input[type=radio]){display:inline-flex;gap:var(--cokido-space-2);align-items:center;min-height:var(--cokido-target-min-size);cursor:pointer}input[type=checkbox]:disabled,input[type=radio]:disabled,label:has(>input[type=checkbox]:disabled),label:has(>input[type=radio]:disabled){color:var(--cokido-color-text-muted);cursor:not-allowed}