:root[data-theme=dark]{--button-primary-bg: color-mix(in srgb, var(--cl-primary) 70%, black);--button-primary-bg-hover: color-mix(in srgb, var(--cl-primary) 85%, black);--button-primary-text: #fff;--button-secondary-bg: color-mix(in srgb, var(--cl-secondary) 70%, black);--button-secondary-bg-hover: color-mix(in srgb, var(--cl-secondary) 85%, black);--button-success-bg: color-mix(in srgb, var(--cl-success) 70%, black);--button-danger-bg: color-mix(in srgb, var(--cl-danger) 70%, black);--button-warning-bg: color-mix(in srgb, var(--cl-warning) 70%, black);--button-info-bg: color-mix(in srgb, var(--cl-info) 70%, black);--button-light-bg: #444;--button-light-text: #fff;--button-dark-bg: #000;--button-dark-text: #fff;--button-primary-outline-hover-bg: color-mix(in srgb, var(--cl-primary) 20%, black);--button-secondary-outline-hover-bg: color-mix(in srgb, var(--cl-secondary) 20%, black);--button-success-outline-hover-bg: color-mix(in srgb, var(--cl-success) 20%, black);--button-danger-outline-hover-bg: color-mix(in srgb, var(--cl-danger) 20%, black);--button-warning-outline-hover-bg: color-mix(in srgb, var(--cl-warning) 20%, black);--button-info-outline-hover-bg: color-mix(in srgb, var(--cl-info) 20%, black);--button-light-outline-hover-bg: #555;--button-dark-outline-hover-bg: #222}:root{--cl-primary: var(--bs-primary, #0d6efd);--cl-secondary: var(--bs-secondary, #6c757d);--cl-success: var(--bs-success, #198754);--cl-danger: var(--bs-danger, #dc3545);--cl-warning: var(--bs-warning, #ffc107);--cl-info: var(--bs-info, #0dcaf0);--cl-light: var(--bs-light, #f8f9fa);--cl-dark: var(--bs-dark, #212529);--button-primary-bg: var(--cl-primary);--button-primary-text: #fff;--button-primary-bg-hover: color-mix(in srgb, var(--cl-primary) 85%, black);--button-secondary-bg: var(--cl-secondary);--button-secondary-text: #fff;--button-secondary-bg-hover: color-mix(in srgb, var(--cl-secondary) 85%, black);--button-success-bg: var(--cl-success);--button-success-text: #fff;--button-success-bg-hover: color-mix(in srgb, var(--cl-success) 85%, black);--button-danger-bg: var(--cl-danger);--button-danger-text: #fff;--button-danger-bg-hover: color-mix(in srgb, var(--cl-danger) 85%, black);--button-warning-bg: var(--cl-warning);--button-warning-text: #000;--button-warning-bg-hover: color-mix(in srgb, var(--cl-warning) 85%, black);--button-info-bg: var(--cl-info);--button-info-text: #000;--button-info-bg-hover: color-mix(in srgb, var(--cl-info) 85%, black);--button-light-bg: var(--cl-light);--button-light-text: #000;--button-light-bg-hover: color-mix(in srgb, var(--cl-light) 85%, black);--button-dark-bg: var(--cl-dark);--button-dark-text: #fff;--button-dark-bg-hover: color-mix(in srgb, var(--cl-dark) 85%, black);--color-checkbox-border: rgba(255, 255, 255, .8);--button-radius: 8px;--button-primary-outline-border: var(--cl-primary);--button-primary-outline-text: var(--cl-primary);--button-primary-outline-hover-bg: color-mix(in srgb, var(--cl-primary) 12%, white);--button-secondary-outline-border: var(--cl-secondary);--button-secondary-outline-text: var(--cl-secondary);--button-secondary-outline-hover-bg: color-mix(in srgb, var(--cl-secondary) 12%, white);--button-success-outline-border: var(--cl-success);--button-success-outline-text: var(--cl-success);--button-success-outline-hover-bg: color-mix(in srgb, var(--cl-success) 12%, white);--button-danger-outline-border: var(--cl-danger);--button-danger-outline-text: var(--cl-danger);--button-danger-outline-hover-bg: color-mix(in srgb, var(--cl-danger) 12%, white);--button-warning-outline-border: var(--cl-warning);--button-warning-outline-text: var(--cl-warning);--button-warning-outline-hover-bg: color-mix(in srgb, var(--cl-warning) 12%, white);--button-info-outline-border: var(--cl-info);--button-info-outline-text: var(--cl-info);--button-info-outline-hover-bg: color-mix(in srgb, var(--cl-info) 12%, white);--button-light-outline-border: var(--cl-light);--button-light-outline-text: var(--cl-light);--button-light-outline-hover-bg: color-mix(in srgb, var(--cl-light) 12%, black);--button-dark-outline-border: var(--cl-dark);--button-dark-outline-text: var(--cl-dark);--button-dark-outline-hover-bg: color-mix(in srgb, var(--cl-dark) 12%, white);--color-surface: #1e1e2e;--color-text: #ffffff;--color-border: #3a3a4d;--color-border-hover: #5a5a7a;--color-primary: #4da3ff;--color-primary-alpha: rgba(77,163,255,.35);--color-text-muted: rgba(255, 255, 255, .65);--color-primary-light: color-mix(in srgb, var(--color-primary) 20%, white);--color-hover: rgba(0, 0, 0, .07);--cl-wrapper-bg: #d4d4d0;--cl-wrapper-text: #1c1c1a;--cl-wrapper-muted-text: #4d4d48;--cl-wrapper-padding: 1.25rem;--cl-wrapper-radius: 12px;--cl-input-bg: #fafaf6;--cl-input-text: #1a1a18;--cl-input-placeholder: #6f6f6a;--cl-input-border: #c9c9c4;--cl-input-border-hover: #a8a8a2}.cl-textfield-input::placeholder,.cl-textarea::placeholder,.cl-numberfield-input::placeholder,.cl-select-search::placeholder,.cl-timepicker-input::placeholder{color:var(--cl-input-placeholder)}.cl-wrapper{box-sizing:border-box;width:100%;background:var(--cl-wrapper-bg);color:var(--cl-wrapper-text);padding:var(--cl-wrapper-padding);border-radius:var(--cl-wrapper-radius)}.cl-wrapper h1,.cl-wrapper h2,.cl-wrapper h3{color:var(--cl-wrapper-text)}.cl-wrapper code{background:#0000000f;padding:.15rem .4rem;border-radius:4px;font-size:.9em}.cl-wrapper .cl-label-text,.cl-wrapper .cl-radio-label{color:var(--cl-wrapper-text)}.cl-wrapper .cl-form-description,.cl-wrapper .cl-select-empty{color:var(--cl-wrapper-muted-text)}.cl-wrapper .cl-form-error,.cl-wrapper .cl-numberfield-validation{color:var(--color-danger, #c62828)}.cl-wrapper .cl-checkbox-box{background:var(--cl-input-bg);border-color:var(--cl-input-border)}.cl-wrapper .cl-checkbox-wrapper:hover .cl-checkbox-box{border-color:var(--cl-input-border-hover)}.cl-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--button-radius, .375rem);padding:var(--button-padding, .375rem .75rem);font-size:var(--button-font-size, 1rem);line-height:1.5;cursor:pointer;border:none;background:transparent;color:inherit;transition:background-color .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.cl-button-sm{padding:.25rem .5rem;font-size:.875rem}.cl-button-md{padding:.375rem .75rem;font-size:1rem}.cl-button-lg{padding:.5rem 1rem;font-size:1.25rem}.cl-button.cl-button-solid{-webkit-appearance:none;appearance:none;background-color:var(--cl-btn-bg)!important;color:var(--cl-btn-fg)!important;border:none}.cl-button.cl-button-solid:hover:not(:disabled){background-color:var(--cl-btn-hover)!important;color:var(--cl-btn-fg)!important}.cl-button.cl-button-solid:disabled{opacity:.55;pointer-events:none}.cl-button-solid.cl-button-selected,.cl-button-solid.cl-button-selected:hover{background-color:var(--cl-btn-bg)!important;color:var(--cl-btn-fg)!important;box-shadow:inset 0 0 0 2px var(--cl-btn-bg)}.cl-button-outline{background:transparent!important;border:1px solid currentColor}.cl-button-outline.cl-button-primary{color:var(--button-primary-outline-text);border-color:var(--button-primary-outline-border)}.cl-button-outline.cl-button-primary:hover{background:var(--button-primary-outline-hover-bg)}.cl-button-outline.cl-button-secondary{color:var(--button-secondary-outline-text);border-color:var(--button-secondary-outline-border)}.cl-button-outline.cl-button-secondary:hover{background:var(--button-secondary-outline-hover-bg)}.cl-button-outline.cl-button-success{color:var(--button-success-outline-text);border-color:var(--button-success-outline-border)}.cl-button-outline.cl-button-success:hover{background:var(--button-success-outline-hover-bg)}.cl-button-outline.cl-button-danger{color:var(--button-danger-outline-text);border-color:var(--button-danger-outline-border)}.cl-button-outline.cl-button-danger:hover{background:var(--button-danger-outline-hover-bg)}.cl-button-outline.cl-button-warning{color:var(--button-warning-outline-text);border-color:var(--button-warning-outline-border)}.cl-button-outline.cl-button-warning:hover{background:var(--button-warning-outline-hover-bg)}.cl-button-outline.cl-button-info{color:var(--button-info-outline-text);border-color:var(--button-info-outline-border)}.cl-button-outline.cl-button-info:hover{background:var(--button-info-outline-hover-bg)}.cl-button-outline.cl-button-light{color:var(--button-light-outline-text);border-color:var(--button-light-outline-border)}.cl-button-outline.cl-button-light:hover{background:var(--button-light-outline-hover-bg)}.cl-button-outline.cl-button-dark{color:var(--button-dark-outline-text);border-color:var(--button-dark-outline-border)}.cl-button-outline.cl-button-dark:hover{background:var(--button-dark-outline-hover-bg)}.cl-button-outline.cl-button-selected{background:color-mix(in srgb,currentColor 12%,transparent)!important;box-shadow:inset 0 0 0 2px currentColor}.cl-button-ghost{background:transparent!important;border:none!important;color:var(--button-ghost-text, var(--cl-primary))}.cl-button-ghost:hover{background:color-mix(in srgb,currentColor 10%,transparent)}.cl-button-ghost.cl-button-selected{background:color-mix(in srgb,currentColor 10%,transparent)!important;box-shadow:none!important}.cl-button-link{background:transparent!important;border:none!important;padding:0;color:var(--button-link-text, var(--cl-primary));text-decoration:none}.cl-button-link:hover{text-decoration:underline}.cl-button-link.cl-button-selected{text-decoration:underline;background:color-mix(in srgb,currentColor 6%,transparent)!important;box-shadow:none!important}.cl-checkbox-wrapper{position:relative;display:inline-flex;align-items:center;gap:var(--space-2)}.cl-checkbox-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}.cl-checkbox-box{pointer-events:none;width:20px;height:20px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.5);transition:all .15s ease}.cl-checkbox-wrapper:hover .cl-checkbox-box{border-color:var(--color-primary)}.cl-checkbox-input:checked+.cl-checkbox-box{background:var(--color-primary);border-color:var(--color-primary)}.cl-checkbox-check{color:#fff;font-size:1rem;line-height:1;font-weight:700;transform:translateY(-1px)}.cl-datefield{width:100%}.cl-datefield-input{padding:.5rem;border-radius:var(--input-radius, 6px);border:1px solid var(--cl-input-border);background:var(--cl-input-bg);color:var(--cl-input-text);width:100%;font-size:1rem;line-height:1.4;box-sizing:border-box}.cl-datefield-input:hover{border-color:var(--cl-input-border-hover)}.cl-datefield-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.cl-datetimefield-wrapper{position:relative;display:flex;flex-direction:column}.cl-datetimefield{width:100%;padding:var(--space-3) var(--space-2);border:1px solid var(--cl-input-border);border-radius:var(--radius-sm);font-size:1rem;background:var(--cl-input-bg);color:var(--cl-input-text);box-sizing:border-box}.cl-datetimefield:hover{border-color:var(--cl-input-border-hover)}.cl-datetimefield:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.cl-datetimefield-label{margin-top:var(--space-1);font-size:.9rem;color:var(--color-text-muted)}.cl-form-group{display:flex;flex-direction:column;gap:var(--space-1)}.cl-form-label{font-weight:500;color:var(--color-text)}.cl-form-control{display:flex;flex-direction:column}.cl-form-description{font-size:.85rem;color:var(--color-text-muted)}.cl-form-error{font-size:.85rem;color:var(--color-danger)}.cl-form-grid{display:grid;gap:1.5rem 1.25rem;width:100%}.cl-form-grid[columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-form-grid[columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.cl-form-grid[columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.cl-form-grid.dense{gap:1rem .75rem}@media (max-width: 700px){.cl-form-grid{grid-template-columns:1fr!important}}.cl-form-row{display:flex;flex-wrap:wrap;gap:1.25rem;width:100%;align-items:flex-start}.cl-form-row>.cl-form-group{flex:1 1 0;min-width:240px}@media (max-width: 700px){.cl-form-row{flex-direction:column}.cl-form-row>.cl-form-group{width:100%;min-width:unset}}.cl-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease,background .25s ease;background:transparent}.cl-modal.open{opacity:1;pointer-events:auto;background:#0006}.cl-modal-content{background:#fff;border-radius:8px;padding:1rem;min-width:300px;max-width:600px;box-shadow:0 4px 20px #0003;transform:scale(.95);opacity:0;transition:transform .25s ease,opacity .25s ease}.cl-modal.open .cl-modal-content{transform:scale(1);opacity:1}.cl-modal-header{display:flex;justify-content:space-between;align-items:center}.cl-modal-header--minimal{justify-content:flex-end;margin-bottom:-.5rem}.cl-modal-close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem .5rem}.cl-modal-body{margin-top:1rem}.cl-modal-footer{margin-top:1rem;text-align:right}.cl-radiogroup{display:flex;gap:var(--space-2)}.cl-radiogroup-vertical{flex-direction:column;align-items:flex-start}.cl-radiogroup-horizontal{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:var(--cl-radiogroup-horizontal-gap, 1.5rem);row-gap:var(--cl-radiogroup-horizontal-row-gap, var(--space-2, .5rem))}.cl-radiogroup-horizontal .cl-radio-item{gap:var(--cl-radio-item-gap-horizontal, .5rem)}.cl-radio-item{display:flex;align-items:center;gap:var(--cl-radio-item-gap, .75rem);cursor:pointer}.cl-radio-input{display:none}.cl-radio-circle{width:18px;height:18px;border:2px solid var(--cl-input-border);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.cl-radio-input:checked+.cl-radio-circle{border-color:var(--color-primary);background:var(--color-primary)}.cl-radio-label{color:inherit}.cl-select-wrapper{position:relative;width:100%}.cl-select-control{display:flex;align-items:center;border:1px solid var(--cl-input-border);border-radius:var(--radius-sm);background:var(--cl-input-bg)}.cl-select-control:hover{border-color:var(--cl-input-border-hover)}.cl-select-control:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.cl-select-search{flex:1;padding:var(--space-2);border:none;outline:none;background:transparent;color:var(--cl-input-text);font-size:1rem}.cl-select-clear{border:none;background:transparent;cursor:pointer;padding:0 var(--space-2);font-size:1.2rem;color:var(--cl-input-placeholder)}.cl-select-arrow{border:none;background:transparent;cursor:pointer;padding:0 var(--space-2)}.cl-select-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--cl-input-bg);border:1px solid var(--cl-input-border);border-radius:var(--radius-sm);margin-top:var(--space-1);max-height:200px;overflow-y:auto;z-index:10}.cl-select-item{padding:var(--space-2);cursor:pointer;color:var(--cl-input-text)}.cl-select-item:hover{background:var(--color-primary-light)}.cl-select-empty{padding:var(--space-2);color:var(--cl-input-placeholder)}.cl-switch-wrapper{position:relative;display:inline-flex;align-items:center;gap:var(--space-2)}.cl-switch-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}.cl-switch-ui{display:flex;align-items:center;pointer-events:none}.cl-switch-track{width:40px;height:22px;background:var(--color-border);border-radius:999px;position:relative;transition:background .2s ease}.cl-switch-thumb{width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.cl-switch-input:checked+.cl-switch-ui .cl-switch-track{background:var(--color-primary)}.cl-switch-input:checked+.cl-switch-ui .cl-switch-track .cl-switch-thumb{transform:translate(18px)}.cl-switch-text{color:var(--color-text)}.cl-textarea-wrapper{position:relative;display:flex;flex-direction:column}.cl-textarea{width:100%;min-height:80px;padding:var(--space-3) var(--space-2);border:1px solid var(--cl-input-border);border-radius:var(--radius-sm);font-size:1rem;resize:none;background:var(--cl-input-bg);color:var(--cl-input-text)}.cl-textarea:hover{border-color:var(--cl-input-border-hover)}.cl-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.cl-textarea-label{margin-top:var(--space-1);font-size:.9rem;color:var(--color-text-muted)}.cl-textfield{position:relative;display:inline-flex;flex-direction:column;width:100%}.cl-textfield-input{width:100%;padding:var(--space-3) var(--space-2);border:1px solid var(--cl-input-border);border-radius:var(--radius-sm);font-size:1rem;background:var(--cl-input-bg);color:var(--cl-input-text);line-height:1.4}.cl-textfield-input:hover{border-color:var(--cl-input-border-hover)}.cl-textfield-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.cl-timefield-wrapper{position:relative;display:flex;flex-direction:column}.cl-timefield{width:100%;padding:var(--space-3) var(--space-2);border:1px solid var(--cl-input-border);border-radius:var(--radius-sm);font-size:1rem;background:var(--cl-input-bg);color:var(--cl-input-text);box-sizing:border-box}.cl-timefield:hover{border-color:var(--cl-input-border-hover)}.cl-timefield:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.cl-timefield-label{margin-top:var(--space-1);font-size:.9rem;color:var(--color-text-muted)}.cl-label{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.cl-label-text{display:inline-flex;align-items:center}.cl-label-content{display:flex;align-items:center}.cl-label-required{color:var(--color-danger, red);margin-left:.25rem}.cl-label-tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;margin-left:.25rem;border-radius:999px;font-size:.7rem;font-weight:600;cursor:help;background:#ffffff26;color:var(--label-tooltip-icon-color, var(--color-text));position:relative}.cl-label-tooltip-icon:after{content:attr(data-tooltip);position:absolute;left:50%;transform:translate(-50%);bottom:130%;white-space:nowrap;background:var(--label-tooltip-bg, rgba(0, 0, 0, .85));color:var(--label-tooltip-color, #fff);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:10}.cl-label-tooltip-icon:before{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:115%;border-width:4px;border-style:solid;border-color:var(--label-tooltip-bg, rgba(0, 0, 0, .85)) transparent transparent transparent;opacity:0;transition:opacity .12s ease}.cl-label-tooltip-icon:hover:after,.cl-label-tooltip-icon:hover:before{opacity:1}.cl-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}.cl-button-group{display:inline-flex;align-items:stretch;border-radius:var(--button-radius, 10px);overflow:hidden}.cl-button-group .cl-button{border-radius:0!important;margin:0}.cl-button-group .cl-button:first-child{border-top-left-radius:var(--button-radius, 10px)!important;border-bottom-left-radius:var(--button-radius, 10px)!important}.cl-button-group .cl-button:last-child{border-top-right-radius:var(--button-radius, 10px)!important;border-bottom-right-radius:var(--button-radius, 10px)!important}.cl-button-group .cl-button-outline:not(:first-child){border-left-width:0!important}.cl-button-group-vertical{flex-direction:column}.cl-button-group-vertical .cl-button:not(:first-child){border-top-width:0!important}.cl-timepicker-wrapper{position:relative;width:100%}.cl-timepicker-control{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--cl-input-border);padding:.5rem;border-radius:6px;cursor:pointer;background:var(--cl-input-bg)}.cl-timepicker-control:hover{border-color:var(--cl-input-border-hover)}.cl-timepicker-control:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.cl-timepicker-input{border:none;background:transparent;width:100%;outline:none;cursor:pointer;color:var(--cl-input-text);font-size:1rem}.cl-timepicker-arrow{background:transparent;border:none;cursor:pointer}.cl-timepicker-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--cl-input-bg);border:1px solid var(--cl-input-border);border-radius:6px;max-height:200px;overflow-y:auto;z-index:20}.cl-timepicker-inline{position:static;border:none;max-height:none;display:flex;flex-wrap:wrap;gap:.25rem;padding:.25rem 0}.cl-timepicker-item{padding:.5rem;cursor:pointer;color:var(--cl-input-text)}.cl-timepicker-item:hover{background:var(--color-hover)}.cl-timepicker-item.disabled{opacity:.4;pointer-events:none}.cl-numberfield{display:flex;flex-direction:column;gap:var(--space-1)}.cl-numberfield-inner{display:flex;align-items:center;gap:var(--space-1)}.cl-numberfield-input{flex:1;padding:.5rem;border:1px solid var(--cl-input-border);border-radius:6px;background:var(--cl-input-bg);color:var(--cl-input-text);font-size:1rem;line-height:1.4}.cl-numberfield-input:hover{border-color:var(--cl-input-border-hover)}.cl-numberfield-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.cl-numberfield-stepper{width:32px;height:32px;padding:0}.cl-numberfield-suffix{font-size:.9rem;color:var(--cl-input-text);opacity:.75;align-self:center}.cl-numberfield-validation{color:var(--color-danger);font-size:.85rem}