@clusterenvision/ui-scss 1.94.3

package/dist/ce-ui-min.css

@@ -0,0 +1,2951 @@
+input,
+textarea,
+select {
+  transition: all 0.3s ease-in-out;
+}
+
+:root {
+  --ce-color-background: var(--theme-bg, #ffffff);
+  --ce-color-surface: var(--theme-surface, var(--theme-bg, #ffffff));
+  --ce-color-text: var(--theme-fg, #202124);
+  --ce-color-text-muted: var(--theme-muted, #6c757d);
+  --ce-color-primary: var(--theme-primary, #1a73e8);
+  --ce-color-accent: var(--theme-accent, var(--ce-color-primary));
+  --ce-color-border: var(--theme-border, #e5e7eb);
+  --ce-color-focus-ring: var(--theme-accent, var(--ce-color-primary));
+  --ce-font-family: var(--theme-font, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif);
+  --ce-font-size-base: var(--font-size-base, 15px);
+  --ce-font-size-sm: var(--font-size-sm, 0.875rem);
+  --ce-font-size-md: var(--font-size-md, 1rem);
+  --ce-font-size-lg: var(--font-size-lg, 1.125rem);
+  --ce-font-weight-regular: var(--font-weight-regular, 400);
+  --ce-font-weight-medium: var(--font-weight-medium, 500);
+  --ce-font-weight-semibold: var(--font-weight-semibold, 600);
+  --ce-direction: ltr;
+  --ce-inline-start: left;
+  --ce-inline-end: right;
+  --ce-text-align-start: left;
+  --ce-text-align-end: right;
+  --theme-surface: var(--theme-bg, #ffffff);
+  --text-primary: var(--ce-color-text, var(--theme-fg, #202124));
+  --text-muted: var(--ce-color-text-muted, var(--theme-muted, #6c757d));
+  --font-size-base: var(--ce-font-size-base, 15px);
+  --font-size-sm: var(--ce-font-size-sm, 0.875rem);
+  --font-size-md: var(--ce-font-size-md, 1rem);
+  --font-size-lg: var(--ce-font-size-lg, 1.125rem);
+  --font-weight-regular: var(--ce-font-weight-regular, 400);
+  --font-weight-medium: var(--ce-font-weight-medium, 500);
+  --font-weight-semibold: var(--ce-font-weight-semibold, 600);
+  --icon-filter: brightness(0) saturate(100%);
+  --ce-motion-duration-xxs: 80ms;
+  --ce-motion-duration-xs: 120ms;
+  --ce-motion-duration-sm: 180ms;
+  --ce-motion-duration-md: 240ms;
+  --ce-motion-duration-lg: 320ms;
+  --ce-motion-duration-xl: 420ms;
+  --ce-motion-ease-linear: linear;
+  --ce-motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);
+  --ce-motion-ease-emphasized: cubic-bezier(0.2, 0, 0, 1.2);
+  --ce-motion-ease-in: cubic-bezier(0.4, 0, 1, 1);
+  --ce-motion-ease-out: cubic-bezier(0, 0, 0.2, 1);
+}
+
+[dir=rtl],
+[data-ce-dir=rtl] {
+  --ce-direction: rtl;
+  --ce-inline-start: right;
+  --ce-inline-end: left;
+  --ce-text-align-start: right;
+  --ce-text-align-end: left;
+}
+
+body {
+  font-family: var(--ce-font-family, var(--theme-font, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif));
+  background-color: var(--ce-color-background, var(--theme-bg, #ffffff));
+  color: var(--text-primary);
+  font-size: var(--font-size-base);
+  line-height: 1.5;
+  transition: background-color var(--ce-motion-duration-md) var(--ce-motion-ease-standard), color var(--ce-motion-duration-md) var(--ce-motion-ease-standard);
+}
+
+button,
+input,
+textarea,
+select {
+  font-family: var(--ce-font-family, var(--theme-font, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif));
+  color: var(--text-primary);
+  transition: background-color var(--ce-motion-duration-md) var(--ce-motion-ease-standard), color var(--ce-motion-duration-md) var(--ce-motion-ease-standard);
+}
+
+a {
+  color: var(--ce-color-accent, var(--theme-accent, var(--theme-primary)));
+  text-decoration: none;
+  transition: color var(--ce-motion-duration-md) var(--ce-motion-ease-standard);
+}
+a:hover, a:focus {
+  color: var(--ce-color-primary, var(--theme-primary));
+  text-decoration: underline;
+}
+
+.container {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  gap: var(--ce-spacing-xl, 2rem);
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: var(--ce-spacing-xl, 2rem);
+}
+
+button {
+  border: none;
+  padding: var(--ce-button-padding, var(--ce-spacing-sm, 0.5rem) var(--ce-spacing-md, 1rem));
+  border-radius: var(--theme-radius, 6px);
+  cursor: pointer;
+  font-weight: 400;
+  transition: background-color var(--ce-motion-duration-md) var(--ce-motion-ease-standard), color var(--ce-motion-duration-md) var(--ce-motion-ease-standard);
+  background-color: var(--ce-color-accent, var(--theme-accent));
+  color: var(--ce-color-text, var(--theme-fg));
+}
+button:hover {
+  background-color: var(--ce-color-accent, var(--theme-accent));
+}
+
+input,
+textarea,
+select {
+  border: 1px solid var(--ce-color-border, var(--theme-muted, #ccc));
+  padding: var(--ce-spacing-sm, 0.5rem);
+  border-radius: var(--theme-radius, 6px);
+  transition: all var(--ce-motion-duration-md) var(--ce-motion-ease-standard);
+}
+
+input:focus,
+textarea:focus,
+select:focus {
+  border-color: var(--ce-color-accent, var(--theme-accent));
+  outline: none;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  line-height: 1.2;
+  color: var(--text-primary);
+}
+
+.text-muted {
+  color: var(--text-muted);
+}
+
+.text-accent {
+  color: var(--ce-color-accent, var(--theme-accent));
+}
+
+.bg-primary {
+  background-color: var(--ce-color-primary, var(--theme-primary));
+  color: var(--ce-color-text, var(--theme-fg));
+}
+
+.border {
+  border: 1px solid var(--ce-color-border, var(--theme-muted, #ccc));
+  border-radius: var(--theme-radius, 6px);
+}
+
+body::after {
+  display: none;
+}
+
+:root.theme-default, :root[data-ce-theme=default], .theme-default {
+  --theme-bg: #f8fafc;
+  --theme-surface: #ffffff;
+  --theme-fg: #0f172a;
+  --theme-muted: #6b7280;
+  --theme-primary: #2563eb;
+  --theme-accent: #2563eb;
+  --theme-font: 'Inter', system-ui, sans-serif;
+}
+
+.theme-dark, :root[data-ce-theme=dark], :root.theme-dark {
+  --theme-bg: #202124;
+  --theme-surface: #111827;
+  --theme-fg: #ffffff;
+  --theme-accent: #1a73e8;
+  --theme-muted: #f8f9fa;
+  --theme-primary: #1a73e8;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  line-height: 1.5;
+}
+
+a {
+  text-decoration: none;
+  color: inherit;
+}
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block;
+  max-width: 100%;
+}
+
+ol,
+ul {
+  list-style: none;
+  padding: 0;
+}
+
+button,
+input,
+select,
+textarea {
+  font: inherit;
+}
+
+html {
+  font-family: "Inter", sans-serif;
+  font-size: 12px;
+  -webkit-text-size-adjust: 100%;
+  size-adjust: 100%;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+}
+
+body {
+  min-height: 100%;
+  background-color: var(--ce-color-background, var(--theme-bg, #ffffff));
+  color: var(--ce-color-text, var(--theme-fg, #202124));
+}
+
+html,
+body {
+  height: 100%;
+}
+
+button,
+input,
+select,
+textarea {
+  color: inherit;
+}
+
+button {
+  cursor: pointer;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+
+legend {
+  padding: 0;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+hr {
+  border: 0;
+  border-top: 1px solid var(--ce-color-border, var(--theme-border, #e5e7eb));
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-weight: 600;
+  color: var(--text-primary, #202124);
+  line-height: 1.2;
+  margin-bottom: 1rem;
+}
+
+h1 {
+  font-size: 2.5rem;
+}
+@media (min-width: 768px) {
+  h1 {
+    font-size: calc(2.5rem + (4rem - 2.5rem) * (100vw - 768px) / 672);
+  }
+}
+@media (min-width: 1440px) {
+  h1 {
+    font-size: 4rem;
+  }
+}
+
+h2 {
+  font-size: 2rem;
+}
+@media (min-width: 768px) {
+  h2 {
+    font-size: calc(2rem + (3rem - 2rem) * (100vw - 768px) / 672);
+  }
+}
+@media (min-width: 1440px) {
+  h2 {
+    font-size: 3rem;
+  }
+}
+
+h3 {
+  font-size: 1.75rem;
+}
+@media (min-width: 768px) {
+  h3 {
+    font-size: calc(1.75rem + (2.25rem - 1.75rem) * (100vw - 768px) / 672);
+  }
+}
+@media (min-width: 1440px) {
+  h3 {
+    font-size: 2.25rem;
+  }
+}
+
+h4 {
+  font-size: 1.5rem;
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+p {
+  margin-bottom: 1rem;
+  color: var(--text-primary, #202124);
+}
+
+small,
+.text--small {
+  font-size: 0.875rem;
+  color: var(--text-muted, #9aa0a6);
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-right {
+  text-align: right;
+}
+
+.text-primary {
+  color: var(--theme-primary, #1a73e8);
+}
+
+.text-secondary {
+  color: var(--theme-secondary, #fbbc04);
+}
+
+.text-danger {
+  color: var(--theme-danger, #ea4335);
+}
+
+.text-muted {
+  color: var(--text-muted, #9aa0a6);
+}
+
+input,
+textarea,
+select {
+  width: var(--ce-form-control-width, 100%);
+  padding: var(--ce-form-control-padding, 0.5rem 1rem);
+  border-width: var(--ce-form-control-border-width, 1px);
+  border-style: var(--ce-form-control-border-style, solid);
+  border-color: var(--ce-form-control-border-color, #9aa0a6);
+  border-radius: var(--ce-form-control-radius, 4px);
+  background-color: var(--ce-form-control-bg, #ffffff);
+  color: var(--ce-form-control-color, #202124);
+}
+input:focus,
+textarea:focus,
+select:focus {
+  border-color: var(--ce-form-control-focus-border, #1a73e8);
+  outline: var(--ce-form-control-focus-outline, none);
+  box-shadow: var(--ce-form-control-focus-shadow, 0 0 0 3px rgba(26, 115, 232, 0.2));
+}
+input:disabled,
+textarea:disabled,
+select:disabled {
+  background-color: var(--ce-form-control-disabled-bg, #f8f9fa);
+  color: var(--ce-form-control-disabled-color, #9aa0a6);
+  cursor: var(--ce-form-control-disabled-cursor, not-allowed);
+}
+
+label {
+  display: var(--ce-form-label-display, inline-block);
+  margin-bottom: var(--ce-form-label-margin, 0.25rem);
+  font-weight: var(--ce-form-label-weight, 600);
+}
+
+.form-control--error {
+  border-color: var(--ce-form-control-error-border, #ea4335);
+}
+.form-control--error:focus {
+  box-shadow: var(--ce-form-control-error-shadow, 0 0 0 3px rgba(234, 67, 53, 0.2));
+}
+
+.form-error-msg {
+  margin-top: var(--ce-form-error-margin, 0.25rem);
+  color: var(--ce-form-error-color, #ea4335);
+  font-size: var(--ce-form-error-size, 0.875rem);
+}
+
+.container {
+  width: 100%;
+  max-width: 1280px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+.container--fluid {
+  max-width: 100%;
+}
+.container--narrow {
+  max-width: 720px;
+}
+
+.stack {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+.stack--sm {
+  gap: 0.5rem;
+}
+.stack--lg {
+  gap: 1.5rem;
+}
+.stack--xl {
+  gap: 2rem;
+}
+.stack--horizontal {
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.stack--centered {
+  align-items: center;
+  justify-content: center;
+}
+
+.section {
+  padding: 2rem 0;
+}
+.section--light {
+  background-color: #f8f9fa;
+}
+.section--dark {
+  background-color: #202124;
+  color: #ffffff;
+}
+.section--primary {
+  background-color: #1a73e8;
+  color: #ffffff;
+}
+.section--bordered {
+  border-top: 1px solid #9aa0a6;
+  border-bottom: 1px solid #9aa0a6;
+}
+
+.m-0 {
+  margin: 0rem !important;
+}
+
+.mt-0 {
+  margin-top: 0rem !important;
+}
+
+.mb-0 {
+  margin-bottom: 0rem !important;
+}
+
+.ml-0 {
+  margin-left: 0rem !important;
+}
+
+.mr-0 {
+  margin-right: 0rem !important;
+}
+
+.ms-0 {
+  margin-inline-start: 0rem !important;
+}
+
+.me-0 {
+  margin-inline-end: 0rem !important;
+}
+
+.mx-0 {
+  margin-inline: 0rem !important;
+}
+
+.p-0 {
+  padding: 0rem !important;
+}
+
+.pt-0 {
+  padding-top: 0rem !important;
+}
+
+.pb-0 {
+  padding-bottom: 0rem !important;
+}
+
+.pl-0 {
+  padding-left: 0rem !important;
+}
+
+.pr-0 {
+  padding-right: 0rem !important;
+}
+
+.ps-0 {
+  padding-inline-start: 0rem !important;
+}
+
+.pe-0 {
+  padding-inline-end: 0rem !important;
+}
+
+.px-0 {
+  padding-inline: 0rem !important;
+}
+
+.m-xs {
+  margin: 0.25rem !important;
+}
+
+.mt-xs {
+  margin-top: 0.25rem !important;
+}
+
+.mb-xs {
+  margin-bottom: 0.25rem !important;
+}
+
+.ml-xs {
+  margin-left: 0.25rem !important;
+}
+
+.mr-xs {
+  margin-right: 0.25rem !important;
+}
+
+.ms-xs {
+  margin-inline-start: 0.25rem !important;
+}
+
+.me-xs {
+  margin-inline-end: 0.25rem !important;
+}
+
+.mx-xs {
+  margin-inline: 0.25rem !important;
+}
+
+.p-xs {
+  padding: 0.25rem !important;
+}
+
+.pt-xs {
+  padding-top: 0.25rem !important;
+}
+
+.pb-xs {
+  padding-bottom: 0.25rem !important;
+}
+
+.pl-xs {
+  padding-left: 0.25rem !important;
+}
+
+.pr-xs {
+  padding-right: 0.25rem !important;
+}
+
+.ps-xs {
+  padding-inline-start: 0.25rem !important;
+}
+
+.pe-xs {
+  padding-inline-end: 0.25rem !important;
+}
+
+.px-xs {
+  padding-inline: 0.25rem !important;
+}
+
+.m-sm {
+  margin: 0.5rem !important;
+}
+
+.mt-sm {
+  margin-top: 0.5rem !important;
+}
+
+.mb-sm {
+  margin-bottom: 0.5rem !important;
+}
+
+.ml-sm {
+  margin-left: 0.5rem !important;
+}
+
+.mr-sm {
+  margin-right: 0.5rem !important;
+}
+
+.ms-sm {
+  margin-inline-start: 0.5rem !important;
+}
+
+.me-sm {
+  margin-inline-end: 0.5rem !important;
+}
+
+.mx-sm {
+  margin-inline: 0.5rem !important;
+}
+
+.p-sm {
+  padding: 0.5rem !important;
+}
+
+.pt-sm {
+  padding-top: 0.5rem !important;
+}
+
+.pb-sm {
+  padding-bottom: 0.5rem !important;
+}
+
+.pl-sm {
+  padding-left: 0.5rem !important;
+}
+
+.pr-sm {
+  padding-right: 0.5rem !important;
+}
+
+.ps-sm {
+  padding-inline-start: 0.5rem !important;
+}
+
+.pe-sm {
+  padding-inline-end: 0.5rem !important;
+}
+
+.px-sm {
+  padding-inline: 0.5rem !important;
+}
+
+.m-md {
+  margin: 1rem !important;
+}
+
+.mt-md {
+  margin-top: 1rem !important;
+}
+
+.mb-md {
+  margin-bottom: 1rem !important;
+}
+
+.ml-md {
+  margin-left: 1rem !important;
+}
+
+.mr-md {
+  margin-right: 1rem !important;
+}
+
+.ms-md {
+  margin-inline-start: 1rem !important;
+}
+
+.me-md {
+  margin-inline-end: 1rem !important;
+}
+
+.mx-md {
+  margin-inline: 1rem !important;
+}
+
+.p-md {
+  padding: 1rem !important;
+}
+
+.pt-md {
+  padding-top: 1rem !important;
+}
+
+.pb-md {
+  padding-bottom: 1rem !important;
+}
+
+.pl-md {
+  padding-left: 1rem !important;
+}
+
+.pr-md {
+  padding-right: 1rem !important;
+}
+
+.ps-md {
+  padding-inline-start: 1rem !important;
+}
+
+.pe-md {
+  padding-inline-end: 1rem !important;
+}
+
+.px-md {
+  padding-inline: 1rem !important;
+}
+
+.m-lg {
+  margin: 1.5rem !important;
+}
+
+.mt-lg {
+  margin-top: 1.5rem !important;
+}
+
+.mb-lg {
+  margin-bottom: 1.5rem !important;
+}
+
+.ml-lg {
+  margin-left: 1.5rem !important;
+}
+
+.mr-lg {
+  margin-right: 1.5rem !important;
+}
+
+.ms-lg {
+  margin-inline-start: 1.5rem !important;
+}
+
+.me-lg {
+  margin-inline-end: 1.5rem !important;
+}
+
+.mx-lg {
+  margin-inline: 1.5rem !important;
+}
+
+.p-lg {
+  padding: 1.5rem !important;
+}
+
+.pt-lg {
+  padding-top: 1.5rem !important;
+}
+
+.pb-lg {
+  padding-bottom: 1.5rem !important;
+}
+
+.pl-lg {
+  padding-left: 1.5rem !important;
+}
+
+.pr-lg {
+  padding-right: 1.5rem !important;
+}
+
+.ps-lg {
+  padding-inline-start: 1.5rem !important;
+}
+
+.pe-lg {
+  padding-inline-end: 1.5rem !important;
+}
+
+.px-lg {
+  padding-inline: 1.5rem !important;
+}
+
+.m-xl {
+  margin: 2rem !important;
+}
+
+.mt-xl {
+  margin-top: 2rem !important;
+}
+
+.mb-xl {
+  margin-bottom: 2rem !important;
+}
+
+.ml-xl {
+  margin-left: 2rem !important;
+}
+
+.mr-xl {
+  margin-right: 2rem !important;
+}
+
+.ms-xl {
+  margin-inline-start: 2rem !important;
+}
+
+.me-xl {
+  margin-inline-end: 2rem !important;
+}
+
+.mx-xl {
+  margin-inline: 2rem !important;
+}
+
+.p-xl {
+  padding: 2rem !important;
+}
+
+.pt-xl {
+  padding-top: 2rem !important;
+}
+
+.pb-xl {
+  padding-bottom: 2rem !important;
+}
+
+.pl-xl {
+  padding-left: 2rem !important;
+}
+
+.pr-xl {
+  padding-right: 2rem !important;
+}
+
+.ps-xl {
+  padding-inline-start: 2rem !important;
+}
+
+.pe-xl {
+  padding-inline-end: 2rem !important;
+}
+
+.px-xl {
+  padding-inline: 2rem !important;
+}
+
+.m-xxl {
+  margin: 3rem !important;
+}
+
+.mt-xxl {
+  margin-top: 3rem !important;
+}
+
+.mb-xxl {
+  margin-bottom: 3rem !important;
+}
+
+.ml-xxl {
+  margin-left: 3rem !important;
+}
+
+.mr-xxl {
+  margin-right: 3rem !important;
+}
+
+.ms-xxl {
+  margin-inline-start: 3rem !important;
+}
+
+.me-xxl {
+  margin-inline-end: 3rem !important;
+}
+
+.mx-xxl {
+  margin-inline: 3rem !important;
+}
+
+.p-xxl {
+  padding: 3rem !important;
+}
+
+.pt-xxl {
+  padding-top: 3rem !important;
+}
+
+.pb-xxl {
+  padding-bottom: 3rem !important;
+}
+
+.pl-xxl {
+  padding-left: 3rem !important;
+}
+
+.pr-xxl {
+  padding-right: 3rem !important;
+}
+
+.ps-xxl {
+  padding-inline-start: 3rem !important;
+}
+
+.pe-xxl {
+  padding-inline-end: 3rem !important;
+}
+
+.px-xxl {
+  padding-inline: 3rem !important;
+}
+
+.m-xxxl {
+  margin: 4rem !important;
+}
+
+.mt-xxxl {
+  margin-top: 4rem !important;
+}
+
+.mb-xxxl {
+  margin-bottom: 4rem !important;
+}
+
+.ml-xxxl {
+  margin-left: 4rem !important;
+}
+
+.mr-xxxl {
+  margin-right: 4rem !important;
+}
+
+.ms-xxxl {
+  margin-inline-start: 4rem !important;
+}
+
+.me-xxxl {
+  margin-inline-end: 4rem !important;
+}
+
+.mx-xxxl {
+  margin-inline: 4rem !important;
+}
+
+.p-xxxl {
+  padding: 4rem !important;
+}
+
+.pt-xxxl {
+  padding-top: 4rem !important;
+}
+
+.pb-xxxl {
+  padding-bottom: 4rem !important;
+}
+
+.pl-xxxl {
+  padding-left: 4rem !important;
+}
+
+.pr-xxxl {
+  padding-right: 4rem !important;
+}
+
+.ps-xxxl {
+  padding-inline-start: 4rem !important;
+}
+
+.pe-xxxl {
+  padding-inline-end: 4rem !important;
+}
+
+.px-xxxl {
+  padding-inline: 4rem !important;
+}
+
+.flex {
+  display: flex !important;
+}
+
+.flex-column {
+  flex-direction: column !important;
+}
+
+.flex-row {
+  flex-direction: row !important;
+}
+
+.flex-center {
+  justify-content: center;
+  align-items: center;
+}
+
+.justify-between {
+  justify-content: space-between !important;
+}
+
+.align-center {
+  align-items: center !important;
+}
+
+.wrap {
+  flex-wrap: wrap !important;
+}
+
+.block {
+  display: block !important;
+}
+
+.inline {
+  display: inline !important;
+}
+
+.inline-block {
+  display: inline-block !important;
+}
+
+.none {
+  display: none !important;
+}
+
+@media (min-width: 768px) {
+  .sm-block {
+    display: block !important;
+  }
+  .sm-none {
+    display: none !important;
+  }
+}
+.text-left {
+  text-align: left !important;
+}
+
+.text-center {
+  text-align: center !important;
+}
+
+.text-right {
+  text-align: right !important;
+}
+
+.text-primary {
+  color: var(--theme-primary, #1a73e8) !important;
+}
+
+.text-success {
+  color: var(--theme-success, #34a853) !important;
+}
+
+.text-danger {
+  color: var(--theme-danger, #ea4335) !important;
+}
+
+.text-muted {
+  color: var(--theme-muted, #9aa0a6) !important;
+}
+
+.text-uppercase {
+  text-transform: uppercase !important;
+}
+
+.text-lowercase {
+  text-transform: lowercase !important;
+}
+
+.visible {
+  visibility: visible !important;
+}
+
+.invisible {
+  visibility: hidden !important;
+}
+
+.sr-only {
+  position: absolute !important;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+  clip: rect(1px, 1px, 1px, 1px);
+  white-space: nowrap;
+}
+
+*:focus {
+  outline: none;
+}
+
+*:focus-visible {
+  outline: 2px solid var(--ce-color-focus-ring, var(--theme-accent, #1a73e8));
+  outline-offset: 2px;
+}
+
+.button,
+.ce-btn {
+  --ce-button-bg: var(--ce-component-button-background, var(--ce-color-primary, var(--theme-primary, #1a73e8)));
+  --ce-button-color: var(--ce-component-button-foreground, var(--ce-color-text, var(--theme-fg, #ffffff)));
+  --ce-button-border: var(--ce-component-button-border, var(--ce-color-primary, var(--theme-primary, #1a73e8)));
+  --ce-button-radius: var(--ce-component-button-radius, var(--ce-radius-md, 8px));
+  --ce-button-padding-y: var(--ce-component-button-padding-y, var(--ce-space-8, 0.5rem));
+  --ce-button-padding-x: var(--ce-component-button-padding-x, var(--ce-space-16, 1rem));
+  --ce-button-font-size: var(--ce-component-button-font-size, 1rem);
+  --ce-button-font-weight: var(--ce-component-button-font-weight, 500);
+  --ce-button-line-height: var(--ce-component-button-line-height, 1.2);
+  --ce-button-focus-ring: var(--ce-component-button-focus-ring, var(--ce-color-focus-ring, var(--theme-accent, #1a73e8)));
+  --ce-button-hover-bg: var(--ce-component-button-hover-background, var(--ce-button-bg));
+  background-color: var(--ce-button-bg);
+  color: var(--ce-button-color);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-family: inherit;
+  font-size: var(--ce-button-font-size);
+  font-weight: var(--ce-button-font-weight);
+  line-height: var(--ce-button-line-height);
+  padding: var(--ce-button-padding-y) var(--ce-button-padding-x);
+  border-radius: var(--ce-button-radius);
+  cursor: pointer;
+  text-align: center;
+  text-decoration: none;
+  border: 1px solid var(--ce-button-border);
+  outline: none;
+  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
+  width: fit-content;
+  max-width: 100%;
+  min-width: auto;
+  white-space: nowrap;
+  flex-shrink: 0;
+  box-sizing: border-box;
+}
+.button:disabled,
+.ce-btn:disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+  pointer-events: none;
+}
+.button--primary,
+.ce-btn--primary {
+  --ce-button-bg: var(--ce-button-primary-bg, var(--ce-color-primary, var(--theme-primary, #1a73e8)));
+  --ce-button-color: var(--ce-button-primary-color, var(--ce-color-text, var(--theme-fg, #ffffff)));
+  --ce-button-border: var(--ce-button-primary-border, var(--ce-button-bg));
+  --ce-button-hover-bg: var(--ce-button-primary-hover, var(--theme-primary-hover, rgb(20.2892857143, 98.8, 202.0107142857)));
+}
+.button--primary:hover:not(:disabled),
+.ce-btn--primary:hover:not(:disabled) {
+  background-color: var(--ce-button-hover-bg);
+}
+.button--secondary,
+.ce-btn--secondary {
+  --ce-button-bg: var(--ce-button-secondary-bg, #fbbc04);
+  --ce-button-color: var(--ce-button-secondary-color, #202124);
+  --ce-button-border: var(--ce-button-secondary-border, #fbbc04);
+  --ce-button-hover-bg: var(--ce-button-secondary-hover, rgb(215.86, 161.68, 3.44));
+}
+.button--secondary:hover:not(:disabled),
+.ce-btn--secondary:hover:not(:disabled) {
+  background-color: var(--ce-button-hover-bg);
+}
+.button--glass,
+.ce-btn--glass {
+  --ce-button-bg: var(--ce-button-glass-bg, rgba(255, 255, 255, 0.1));
+  --ce-button-border: var(--ce-button-glass-border, rgba(255, 255, 255, 0.2));
+  --ce-button-color: var(--ce-button-glass-color, var(--theme-fg, #ffffff));
+  background-color: var(--ce-button-bg);
+  -webkit-backdrop-filter: blur(10px);
+  backdrop-filter: blur(10px);
+  border: 1px solid var(--ce-button-border);
+  color: var(--ce-button-color);
+}
+.button--success,
+.ce-btn--success {
+  --ce-button-bg: var(--ce-button-success-bg, #34a853);
+  --ce-button-color: var(--ce-button-success-color, #ffffff);
+  --ce-button-border: var(--ce-button-success-border, #34a853);
+  --ce-button-hover-bg: var(--ce-button-success-hover, rgb(43.5618181818, 140.7381818182, 69.5313636364));
+}
+.button--success:hover:not(:disabled),
+.ce-btn--success:hover:not(:disabled) {
+  background-color: var(--ce-button-hover-bg);
+}
+.button--danger,
+.ce-btn--danger {
+  --ce-button-bg: var(--ce-button-danger-bg, #ea4335);
+  --ce-button-color: var(--ce-button-danger-color, #ffffff);
+  --ce-button-border: var(--ce-button-danger-border, #ea4335);
+  --ce-button-hover-bg: var(--ce-button-danger-hover, rgb(227.6349775785, 39.4417040359, 23.6650224215));
+}
+.button--danger:hover:not(:disabled),
+.ce-btn--danger:hover:not(:disabled) {
+  background-color: var(--ce-button-hover-bg);
+}
+.button--warning,
+.ce-btn--warning {
+  --ce-button-bg: var(--ce-button-warning-bg, #f9ab00);
+  --ce-button-color: var(--ce-button-warning-color, #000000);
+  --ce-button-border: var(--ce-button-warning-border, #f9ab00);
+  --ce-button-hover-bg: var(--ce-button-warning-hover, rgb(213.3, 146.4831325301, 0));
+}
+.button--warning:hover:not(:disabled),
+.ce-btn--warning:hover:not(:disabled) {
+  background-color: var(--ce-button-hover-bg);
+}
+.button--info,
+.ce-btn--info {
+  --ce-button-bg: var(--ce-button-info-bg, #4285f4);
+  --ce-button-color: var(--ce-button-info-color, #ffffff);
+  --ce-button-border: var(--ce-button-info-border, #4285f4);
+  --ce-button-hover-bg: var(--ce-button-info-hover, rgb(32.2635, 111.223, 242.0365));
+}
+.button--info:hover:not(:disabled),
+.ce-btn--info:hover:not(:disabled) {
+  background-color: var(--ce-button-hover-bg);
+}
+.button--light,
+.ce-btn--light {
+  --ce-button-bg: var(--ce-button-light-bg, #f8f9fa);
+  --ce-button-color: var(--ce-button-light-color, #202124);
+  --ce-button-border: var(--ce-button-light-border, #f8f9fa);
+  --ce-button-hover-bg: var(--ce-button-light-hover, rgb(218.25, 223.5, 228.75));
+}
+.button--light:hover:not(:disabled),
+.ce-btn--light:hover:not(:disabled) {
+  background-color: var(--ce-button-hover-bg);
+}
+.button--dark,
+.ce-btn--dark {
+  --ce-button-bg: var(--ce-button-dark-bg, #202124);
+  --ce-button-color: var(--ce-button-dark-color, #ffffff);
+  --ce-button-border: var(--ce-button-dark-border, #202124);
+  --ce-button-hover-bg: var(--ce-button-dark-hover, rgb(44, 45.375, 49.5));
+}
+.button--dark:hover:not(:disabled),
+.ce-btn--dark:hover:not(:disabled) {
+  background-color: var(--ce-button-hover-bg);
+}
+.button--outline,
+.ce-btn--outline {
+  background-color: transparent !important;
+  border: 1px solid currentColor;
+}
+.button--outline.ce-btn--primary, .button--outline.button--primary,
+.ce-btn--outline.ce-btn--primary,
+.ce-btn--outline.button--primary {
+  color: var(--ce-button-outline-primary-color, #1a73e8);
+  border-color: var(--ce-button-outline-primary-border, #1a73e8);
+}
+.button--outline.ce-btn--primary:hover:not(:disabled), .button--outline.button--primary:hover:not(:disabled),
+.ce-btn--outline.ce-btn--primary:hover:not(:disabled),
+.ce-btn--outline.button--primary:hover:not(:disabled) {
+  background-color: var(--ce-button-outline-primary-hover, rgba(26, 115, 232, 0.1)) !important;
+}
+.button--outline.ce-btn--secondary, .button--outline.button--secondary,
+.ce-btn--outline.ce-btn--secondary,
+.ce-btn--outline.button--secondary {
+  color: var(--ce-button-outline-secondary-color, #fbbc04);
+  border-color: var(--ce-button-outline-secondary-border, #fbbc04);
+}
+.button--outline.ce-btn--secondary:hover:not(:disabled), .button--outline.button--secondary:hover:not(:disabled),
+.ce-btn--outline.ce-btn--secondary:hover:not(:disabled),
+.ce-btn--outline.button--secondary:hover:not(:disabled) {
+  background-color: var(--ce-button-outline-secondary-hover, rgba(251, 188, 4, 0.1)) !important;
+}
+.button--outline.ce-btn--success, .button--outline.button--success,
+.ce-btn--outline.ce-btn--success,
+.ce-btn--outline.button--success {
+  color: var(--ce-button-outline-success-color, #34a853);
+  border-color: var(--ce-button-outline-success-border, #34a853);
+}
+.button--outline.ce-btn--success:hover:not(:disabled), .button--outline.button--success:hover:not(:disabled),
+.ce-btn--outline.ce-btn--success:hover:not(:disabled),
+.ce-btn--outline.button--success:hover:not(:disabled) {
+  background-color: var(--ce-button-outline-success-hover, rgba(52, 168, 83, 0.1)) !important;
+}
+.button--outline.ce-btn--danger, .button--outline.button--danger,
+.ce-btn--outline.ce-btn--danger,
+.ce-btn--outline.button--danger {
+  color: var(--ce-button-outline-danger-color, #ea4335);
+  border-color: var(--ce-button-outline-danger-border, #ea4335);
+}
+.button--outline.ce-btn--danger:hover:not(:disabled), .button--outline.button--danger:hover:not(:disabled),
+.ce-btn--outline.ce-btn--danger:hover:not(:disabled),
+.ce-btn--outline.button--danger:hover:not(:disabled) {
+  background-color: var(--ce-button-outline-danger-hover, rgba(234, 67, 53, 0.1)) !important;
+}
+.button--ghost,
+.ce-btn--ghost {
+  background-color: transparent !important;
+  border: none;
+}
+.button--ghost.ce-btn--primary, .button--ghost.button--primary,
+.ce-btn--ghost.ce-btn--primary,
+.ce-btn--ghost.button--primary {
+  color: var(--ce-button-ghost-primary-color, #1a73e8);
+}
+.button--ghost.ce-btn--primary:hover:not(:disabled), .button--ghost.button--primary:hover:not(:disabled),
+.ce-btn--ghost.ce-btn--primary:hover:not(:disabled),
+.ce-btn--ghost.button--primary:hover:not(:disabled) {
+  background-color: var(--ce-button-ghost-primary-hover, rgba(26, 115, 232, 0.05)) !important;
+}
+.button--ghost.ce-btn--secondary, .button--ghost.button--secondary,
+.ce-btn--ghost.ce-btn--secondary,
+.ce-btn--ghost.button--secondary {
+  color: var(--ce-button-ghost-secondary-color, #fbbc04);
+}
+.button--ghost.ce-btn--secondary:hover:not(:disabled), .button--ghost.button--secondary:hover:not(:disabled),
+.ce-btn--ghost.ce-btn--secondary:hover:not(:disabled),
+.ce-btn--ghost.button--secondary:hover:not(:disabled) {
+  background-color: var(--ce-button-ghost-secondary-hover, rgba(251, 188, 4, 0.05)) !important;
+}
+.button--ghost.ce-btn--success, .button--ghost.button--success,
+.ce-btn--ghost.ce-btn--success,
+.ce-btn--ghost.button--success {
+  color: var(--ce-button-ghost-success-color, #34a853);
+}
+.button--ghost.ce-btn--success:hover:not(:disabled), .button--ghost.button--success:hover:not(:disabled),
+.ce-btn--ghost.ce-btn--success:hover:not(:disabled),
+.ce-btn--ghost.button--success:hover:not(:disabled) {
+  background-color: var(--ce-button-ghost-success-hover, rgba(52, 168, 83, 0.05)) !important;
+}
+.button--ghost.ce-btn--danger, .button--ghost.button--danger,
+.ce-btn--ghost.ce-btn--danger,
+.ce-btn--ghost.button--danger {
+  color: var(--ce-button-ghost-danger-color, #ea4335);
+}
+.button--ghost.ce-btn--danger:hover:not(:disabled), .button--ghost.button--danger:hover:not(:disabled),
+.ce-btn--ghost.ce-btn--danger:hover:not(:disabled),
+.ce-btn--ghost.button--danger:hover:not(:disabled) {
+  background-color: var(--ce-button-ghost-danger-hover, rgba(234, 67, 53, 0.05)) !important;
+}
+.button--xs,
+.ce-btn--xs {
+  --ce-button-font-size: 0.75rem;
+  --ce-button-padding-y: var(--ce-space-4, 0.25rem);
+  --ce-button-padding-x: var(--ce-space-4, 0.25rem);
+  --ce-button-line-height: 1;
+}
+.button--sm,
+.ce-btn--sm {
+  --ce-button-font-size: 0.875rem;
+  --ce-button-padding-y: var(--ce-space-4, 0.25rem);
+  --ce-button-padding-x: var(--ce-space-8, 0.5rem);
+  --ce-button-line-height: 1;
+  letter-spacing: var(--ce-button-letter-spacing, -0.2px);
+}
+.button--lg,
+.ce-btn--lg {
+  --ce-button-font-size: 1.125rem;
+  --ce-button-padding-y: var(--ce-space-16, 1rem);
+  --ce-button-padding-x: var(--ce-space-24, 1.5rem);
+  --ce-button-line-height: 1.4;
+}
+.button--xl,
+.ce-btn--xl {
+  --ce-button-font-size: 1.25rem;
+  --ce-button-padding-y: var(--ce-space-24, 1.5rem);
+  --ce-button-padding-x: var(--ce-space-32, 2rem);
+  --ce-button-line-height: 1.5;
+}
+.button--xxl,
+.ce-btn--xxl {
+  --ce-button-font-size: 1.375rem;
+  --ce-button-padding-y: var(--ce-space-24, 1.5rem);
+  --ce-button-padding-x: var(--ce-space-48, 3rem);
+  --ce-button-line-height: 1.5;
+}
+.button--block, .button--full,
+.ce-btn--block,
+.ce-btn--full {
+  display: flex;
+  width: 100%;
+}
+.button--rounded,
+.ce-btn--rounded {
+  --ce-button-radius: var(--ce-radius-md, 8px);
+}
+.button--pill,
+.ce-btn--pill {
+  --ce-button-radius: var(--ce-radius-pill, 10px);
+}
+.button--circle, .button--square,
+.ce-btn--circle,
+.ce-btn--square {
+  --ce-button-padding-y: var(--ce-space-8, 0.5rem);
+  --ce-button-padding-x: var(--ce-space-8, 0.5rem);
+  --ce-button-radius: 50%;
+  width: var(--ce-button-square-size, 2.5rem);
+  height: var(--ce-button-square-size, 2.5rem);
+  justify-content: center;
+}
+.button--square,
+.ce-btn--square {
+  --ce-button-radius: var(--ce-radius-md, 8px);
+}
+.button:focus-visible,
+.ce-btn:focus-visible {
+  outline: 2px solid var(--ce-button-focus-ring);
+  outline-offset: 2px;
+}
+
+.icon-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.5rem;
+  width: 2.5rem;
+  height: 2.5rem;
+  border: none;
+  border-radius: 50%;
+  background-color: #f8f9fa;
+  color: #1a73e8;
+  font-size: 1.25rem;
+  cursor: pointer;
+}
+.icon-button:hover {
+  background-color: #1a73e8;
+  color: #ffffff;
+}
+.icon-button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.icon-button--sm {
+  width: 2rem;
+  height: 2rem;
+  font-size: 1rem;
+}
+.icon-button--lg {
+  width: 3rem;
+  height: 3rem;
+  font-size: 1.5rem;
+}
+
+.input,
+.ce-input {
+  display: var(--ce-input-display, block);
+  width: var(--ce-input-width, 100%);
+  padding: var(--ce-input-padding, 0.5rem 1rem);
+  font-size: var(--ce-input-font-size, 1rem);
+  color: var(--ce-input-color, var(--theme-input-fg, #202124));
+  background-color: var(--ce-input-bg, var(--theme-input-bg, #ffffff));
+  border-width: var(--ce-input-border-width, 1px);
+  border-style: var(--ce-input-border-style, solid);
+  border-color: var(--ce-input-border, var(--theme-input-border, #9aa0a6));
+  border-radius: var(--ce-input-radius, 4px);
+  line-height: var(--ce-input-line-height, 1.5);
+}
+.input:focus,
+.ce-input:focus {
+  border-color: var(--ce-input-focus-border, var(--theme-input-focus, #1a73e8));
+  outline: var(--ce-input-focus-outline, none);
+  box-shadow: var(--ce-input-focus-shadow, 0 0 0 3px rgba(26, 115, 232, 0.2));
+}
+.input:focus-visible,
+.ce-input:focus-visible {
+  outline: var(--ce-input-focus-visible-outline, 2px solid var(--theme-accent, var(--theme-primary)));
+  outline-offset: var(--ce-input-focus-visible-offset, 2px);
+}
+.input:disabled,
+.ce-input:disabled {
+  background-color: var(--ce-input-disabled-bg, var(--theme-input-disabled-bg, #f8f9fa));
+  color: var(--ce-input-disabled-color, var(--theme-input-disabled-fg, #9aa0a6));
+  cursor: var(--ce-input-disabled-cursor, not-allowed);
+}
+.input--sm,
+.ce-input--sm {
+  padding: var(--ce-input-sm-padding, 0.25rem 0.5rem);
+  font-size: var(--ce-input-sm-size, 0.875rem);
+}
+.input--md,
+.ce-input--md {
+  padding: var(--ce-input-md-padding, 0.5rem 1rem);
+  font-size: var(--ce-input-md-size, 1rem);
+}
+.input--lg,
+.ce-input--lg {
+  padding: var(--ce-input-lg-padding, 1rem 1.5rem);
+  font-size: var(--ce-input-lg-size, 1.125rem);
+}
+.input--error,
+.ce-input--error {
+  border-color: var(--ce-input-error-border, var(--theme-input-error, #ea4335));
+}
+.input--error:focus,
+.ce-input--error:focus {
+  box-shadow: var(--ce-input-error-shadow, 0 0 0 3px rgba(234, 67, 53, 0.2));
+}
+.input--success,
+.ce-input--success {
+  border-color: var(--ce-input-success-border, var(--theme-input-success, #34a853));
+}
+.input--success:focus,
+.ce-input--success:focus {
+  box-shadow: var(--ce-input-success-shadow, 0 0 0 3px rgba(52, 168, 83, 0.2));
+}
+.input--rounded,
+.ce-input--rounded {
+  border-radius: var(--ce-input-rounded-radius, 10px);
+}
+.input--icon-left, .input--icon-right,
+.ce-input--icon-left,
+.ce-input--icon-right {
+  position: var(--ce-input-icon-position, relative);
+  padding-left: var(--ce-input-icon-padding-left, 2.5rem);
+}
+.input--icon-left::before, .input--icon-right::before,
+.ce-input--icon-left::before,
+.ce-input--icon-right::before {
+  content: var(--ce-input-icon-content, "");
+  position: var(--ce-input-icon-position, absolute);
+  top: var(--ce-input-icon-top, 50%);
+  transform: var(--ce-input-icon-transform, translateY(-50%));
+  left: var(--ce-input-icon-left, 0.5rem);
+  width: var(--ce-input-icon-size, 1rem);
+  height: var(--ce-input-icon-size, 1rem);
+  background-repeat: var(--ce-input-icon-repeat, no-repeat);
+  background-position: var(--ce-input-icon-align, center);
+  background-size: var(--ce-input-icon-scale, contain);
+  pointer-events: var(--ce-input-icon-events, none);
+}
+
+ce-input[size=sm] input.ce-input, ce-input[size=sm] .ce-input {
+  padding: var(--ce-input-sm-padding, 0.25rem 0.5rem);
+  font-size: var(--ce-input-sm-size, 0.875rem);
+}
+ce-input[size=lg] input.ce-input, ce-input[size=lg] .ce-input {
+  padding: var(--ce-input-lg-padding, 1rem 1.5rem);
+  font-size: var(--ce-input-lg-size, 1.125rem);
+}
+
+.textarea {
+  display: var(--ce-textarea-display, block);
+  width: var(--ce-textarea-width, 100%);
+  padding: var(--ce-textarea-padding, 0.5rem 1rem);
+  font-size: var(--ce-textarea-size, 1rem);
+  color: var(--ce-textarea-color, #202124);
+  background-color: var(--ce-textarea-bg, #ffffff);
+  border: var(--ce-textarea-border, 1px solid #9aa0a6);
+  border-radius: var(--ce-textarea-radius, 4px);
+  resize: var(--ce-textarea-resize, vertical);
+  min-height: var(--ce-textarea-min-height, 100px);
+}
+.textarea:focus {
+  border-color: var(--ce-textarea-focus-border, #1a73e8);
+  outline: var(--ce-textarea-focus-outline, none);
+  box-shadow: var(--ce-textarea-focus-shadow, 0 0 0 3px rgba(26, 115, 232, 0.2));
+}
+.textarea:disabled {
+  background-color: var(--ce-textarea-disabled-bg, #f8f9fa);
+  color: var(--ce-textarea-disabled-color, #9aa0a6);
+  cursor: var(--ce-textarea-disabled-cursor, not-allowed);
+}
+.textarea--error {
+  border-color: var(--ce-textarea-error-border, #ea4335);
+}
+.textarea--error:focus {
+  box-shadow: var(--ce-textarea-error-shadow, 0 0 0 3px rgba(234, 67, 53, 0.2));
+}
+
+.select,
+.ce-dropdown {
+  position: relative;
+  width: 100%;
+  display: inline-block;
+}
+.select__toggle, .select__trigger,
+.ce-dropdown__toggle,
+.ce-dropdown__trigger {
+  width: 100%;
+  padding: var(--ce-select-padding, 0.625rem 1rem);
+  min-height: 44px;
+  background-color: #ffffff;
+  color: #202124;
+  border: 1px solid #9aa0a6;
+  border-radius: 4px;
+  font-size: 0.9375rem;
+  line-height: 1.5;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--ce-select-gap, var(--ce-spacing-sm, 0.5rem));
+  transition: all 0.2s ease;
+  text-align: left;
+}
+.select__toggle:hover, .select__trigger:hover,
+.ce-dropdown__toggle:hover,
+.ce-dropdown__trigger:hover {
+  border-color: #1a73e8;
+}
+.select__toggle:focus, .select__toggle:focus-visible, .select__trigger:focus, .select__trigger:focus-visible,
+.ce-dropdown__toggle:focus,
+.ce-dropdown__toggle:focus-visible,
+.ce-dropdown__trigger:focus,
+.ce-dropdown__trigger:focus-visible {
+  border-color: #1a73e8;
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.1);
+}
+.select__label,
+.ce-dropdown__label {
+  flex: 1;
+  min-width: 0;
+  margin: 0;
+  font-weight: 500;
+  font-size: 0.9375rem;
+  line-height: 1.5;
+}
+.select__icon,
+.ce-dropdown__icon {
+  flex-shrink: 0;
+  width: 2rem;
+  height: 2rem;
+  border-radius: 10px;
+  font-size: 0.85rem;
+  color: var(--ce-control-handle-fg, #fff);
+  background-color: var(--ce-control-handle-bg, #1a73e8);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transition: transform 0.2s ease;
+  pointer-events: none;
+  box-shadow: var(--ce-select-icon-shadow, 0 6px 12px rgba(16, 24, 40, 0.12));
+}
+.select__toggle[aria-expanded=true] .select__icon, .select__trigger[aria-expanded=true] .select__icon,
+.select__toggle[aria-expanded=true] .ce-dropdown__icon,
+.select__trigger[aria-expanded=true] .ce-dropdown__icon,
+.ce-dropdown__toggle[aria-expanded=true] .select__icon,
+.ce-dropdown__trigger[aria-expanded=true] .select__icon,
+.ce-dropdown__toggle[aria-expanded=true] .ce-dropdown__icon,
+.ce-dropdown__trigger[aria-expanded=true] .ce-dropdown__icon {
+  transform: rotate(180deg);
+}
+.select__menu,
+.ce-dropdown__menu {
+  position: absolute;
+  top: calc(100% + 0.25rem);
+  left: 0;
+  right: 0;
+  background-color: #ffffff;
+  border: 1px solid #9aa0a6;
+  border-radius: 4px;
+  box-shadow: var(--ce-select-menu-shadow, 0 4px 12px rgba(0, 0, 0, 0.15));
+  max-height: 300px;
+  overflow-y: auto;
+  z-index: 1000;
+  display: block;
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+  transform: translateY(-0.5rem);
+  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
+}
+.select__menu.is-visible,
+.ce-dropdown__menu.is-visible {
+  opacity: 1 !important;
+  visibility: visible !important;
+  pointer-events: auto !important;
+  transform: translateY(0) !important;
+}
+.select--open .select__menu,
+.select--open .ce-dropdown__menu,
+.ce-dropdown--open .select__menu,
+.ce-dropdown--open .ce-dropdown__menu {
+  opacity: 1 !important;
+  visibility: visible !important;
+  pointer-events: auto !important;
+  transform: translateY(0) !important;
+}
+.select__toggle[aria-expanded=true] ~ .select__menu,
+.select__toggle[aria-expanded=true] ~ .ce-dropdown__menu,
+.ce-dropdown__toggle[aria-expanded=true] ~ .select__menu,
+.ce-dropdown__toggle[aria-expanded=true] ~ .ce-dropdown__menu {
+  opacity: 1 !important;
+  visibility: visible !important;
+  pointer-events: auto !important;
+  transform: translateY(0) !important;
+}
+.select:focus-within .select__menu,
+.select:focus-within .ce-dropdown__menu,
+.ce-dropdown:focus-within .select__menu,
+.ce-dropdown:focus-within .ce-dropdown__menu {
+  opacity: 1 !important;
+  visibility: visible !important;
+  pointer-events: auto !important;
+  transform: translateY(0) !important;
+}
+.select:hover .select__menu,
+.select:hover .ce-dropdown__menu,
+.ce-dropdown:hover .select__menu,
+.ce-dropdown:hover .ce-dropdown__menu {
+  opacity: 1 !important;
+  visibility: visible !important;
+  pointer-events: auto !important;
+  transform: translateY(0) !important;
+}
+.select__item,
+.ce-dropdown__item {
+  padding: var(--ce-select-item-padding, 0.75rem 1rem);
+  cursor: pointer;
+  transition: background-color 0.15s ease;
+  display: flex;
+  align-items: center;
+  gap: var(--ce-select-item-gap, 0.75rem);
+  border: none;
+  background: none;
+  width: 100%;
+  text-align: left;
+  font-size: 0.9375rem;
+  color: #202124;
+}
+.select__item:hover,
+.ce-dropdown__item:hover {
+  background-color: #f8f9fa;
+}
+.select__item:focus, .select__item:focus-visible,
+.ce-dropdown__item:focus,
+.ce-dropdown__item:focus-visible {
+  background-color: rgba(26, 115, 232, 0.1);
+  outline: none;
+}
+.select__item--selected,
+.ce-dropdown__item--selected {
+  background-color: rgba(26, 115, 232, 0.1);
+  color: #1a73e8;
+  font-weight: 500;
+}
+.select__item--disabled,
+.ce-dropdown__item--disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.select__item-icon,
+.ce-dropdown__item-icon {
+  font-size: 1.25em;
+  flex-shrink: 0;
+}
+.select__item-content,
+.ce-dropdown__item-content {
+  flex: 1;
+  min-width: 0;
+}
+.select__item-label,
+.ce-dropdown__item-label {
+  display: block;
+  font-weight: 500;
+}
+.select__item-description,
+.ce-dropdown__item-description {
+  display: block;
+  font-size: 0.8125rem;
+  color: #9aa0a6;
+  margin-top: 0.125rem;
+}
+.select--error .select__trigger,
+.select--error .select__toggle,
+.select--error .ce-dropdown__trigger,
+.select--error .ce-dropdown__toggle,
+.ce-dropdown--error .select__trigger,
+.ce-dropdown--error .select__toggle,
+.ce-dropdown--error .ce-dropdown__trigger,
+.ce-dropdown--error .ce-dropdown__toggle {
+  border-color: #ea4335;
+}
+.select:disabled .select__trigger,
+.select:disabled .select__toggle,
+.select:disabled .ce-dropdown__trigger,
+.select:disabled .ce-dropdown__toggle,
+.ce-dropdown:disabled .select__trigger,
+.ce-dropdown:disabled .select__toggle,
+.ce-dropdown:disabled .ce-dropdown__trigger,
+.ce-dropdown:disabled .ce-dropdown__toggle {
+  background-color: #f8f9fa;
+  color: #9aa0a6;
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+select.select {
+  width: 100%;
+  padding: 0.5rem 1rem;
+  background-color: #ffffff;
+  color: #202124;
+  border: 1px solid #9aa0a6;
+  border-radius: 4px;
+  appearance: none;
+  background-image: url('data:image/svg+xml;utf8,<svg fill="gray" height="24" width="24" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>');
+  background-repeat: no-repeat;
+  background-position: right 1rem center;
+  background-size: 1rem;
+}
+select.select:focus {
+  border-color: #1a73e8;
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.2);
+}
+select.select:disabled {
+  background-color: #f8f9fa;
+  color: #9aa0a6;
+  cursor: not-allowed;
+}
+
+.checkbox,
+.ce-checkbox {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--ce-checkbox-gap, 0.5rem);
+  cursor: var(--ce-checkbox-cursor, pointer);
+  font-size: var(--ce-checkbox-size, 1rem);
+  position: relative;
+  color: var(--ce-checkbox-color, inherit);
+}
+.checkbox input[type=checkbox],
+.ce-checkbox input[type=checkbox] {
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  width: var(--ce-checkbox-box-size, 1.125rem) !important;
+  height: var(--ce-checkbox-box-size, 1.125rem) !important;
+  min-width: var(--ce-checkbox-box-size, 1.125rem) !important;
+  max-width: var(--ce-checkbox-box-size, 1.125rem) !important;
+  min-height: var(--ce-checkbox-box-size, 1.125rem) !important;
+  max-height: var(--ce-checkbox-box-size, 1.125rem) !important;
+  border-width: var(--ce-checkbox-border-width, 2px);
+  border-style: var(--ce-checkbox-border-style, solid);
+  border-color: var(--ce-checkbox-border-color, #cbd5e0);
+  border-radius: var(--ce-checkbox-radius, 0.25rem);
+  background-color: var(--ce-checkbox-bg, white);
+  cursor: var(--ce-checkbox-cursor, pointer);
+  margin: 0;
+  padding: 0;
+  flex-shrink: 0;
+  position: relative;
+  transition: all var(--ce-checkbox-transition, 0.2s) var(--ce-checkbox-transition-ease, ease);
+  box-sizing: border-box;
+}
+.checkbox input[type=checkbox]:hover,
+.ce-checkbox input[type=checkbox]:hover {
+  border-color: var(--ce-checkbox-hover-border, #3b82f6);
+}
+.checkbox input[type=checkbox]:checked,
+.ce-checkbox input[type=checkbox]:checked {
+  background-color: var(--ce-checkbox-checked-bg, #3b82f6);
+  border-color: var(--ce-checkbox-checked-border, #3b82f6);
+}
+.checkbox input[type=checkbox]:checked::after,
+.ce-checkbox input[type=checkbox]:checked::after {
+  content: "";
+  position: absolute;
+  left: var(--ce-checkbox-check-left, 0.3rem);
+  top: var(--ce-checkbox-check-top, 0.05rem);
+  width: var(--ce-checkbox-check-width, 0.35rem);
+  height: var(--ce-checkbox-check-height, 0.65rem);
+  border: solid var(--ce-checkbox-check-color, white);
+  border-width: 0 var(--ce-checkbox-check-stroke, 2px) var(--ce-checkbox-check-stroke, 2px) 0;
+  transform: rotate(45deg);
+}
+.checkbox input[type=checkbox]:focus,
+.ce-checkbox input[type=checkbox]:focus {
+  outline-width: var(--ce-checkbox-focus-outline-width, 2px);
+  outline-style: var(--ce-checkbox-focus-outline-style, solid);
+  outline-color: var(--ce-checkbox-focus-outline-color, rgba(59, 130, 246, 0.3));
+  outline-offset: var(--ce-checkbox-focus-outline-offset, 2px);
+}
+.checkbox input[type=checkbox]:disabled,
+.ce-checkbox input[type=checkbox]:disabled {
+  cursor: var(--ce-checkbox-disabled-cursor, not-allowed);
+  opacity: var(--ce-checkbox-disabled-opacity, 0.5);
+  background-color: var(--ce-checkbox-disabled-bg, #f7fafc);
+}
+.checkbox--disabled,
+.ce-checkbox--disabled {
+  color: var(--ce-checkbox-disabled-color, #9aa0a6);
+  cursor: var(--ce-checkbox-disabled-cursor, not-allowed);
+}
+.checkbox--disabled input[type=checkbox],
+.ce-checkbox--disabled input[type=checkbox] {
+  cursor: var(--ce-checkbox-disabled-cursor, not-allowed);
+}
+
+ce-checkbox {
+  display: inline-block;
+}
+ce-checkbox > input[type=checkbox],
+ce-checkbox input[type=checkbox] {
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  display: inline-block;
+  width: var(--ce-checkbox-box-size, 1.125rem) !important;
+  height: var(--ce-checkbox-box-size, 1.125rem) !important;
+  min-width: var(--ce-checkbox-box-size, 1.125rem) !important;
+  max-width: var(--ce-checkbox-box-size, 1.125rem) !important;
+  min-height: var(--ce-checkbox-box-size, 1.125rem) !important;
+  max-height: var(--ce-checkbox-box-size, 1.125rem) !important;
+  border-width: var(--ce-checkbox-border-width, 2px);
+  border-style: var(--ce-checkbox-border-style, solid);
+  border-color: var(--ce-checkbox-border-color, #cbd5e0);
+  border-radius: var(--ce-checkbox-radius, 0.25rem);
+  background-color: var(--ce-checkbox-bg, white);
+  cursor: var(--ce-checkbox-cursor, pointer);
+  margin: 0;
+  padding: 0;
+  flex-shrink: 0;
+  position: relative;
+  transition: all var(--ce-checkbox-transition, 0.2s) var(--ce-checkbox-transition-ease, ease);
+  vertical-align: middle;
+  box-sizing: border-box;
+}
+ce-checkbox > input[type=checkbox]:hover,
+ce-checkbox input[type=checkbox]:hover {
+  border-color: var(--ce-checkbox-hover-border, #3b82f6);
+}
+ce-checkbox > input[type=checkbox]:checked,
+ce-checkbox input[type=checkbox]:checked {
+  background-color: var(--ce-checkbox-checked-bg, #3b82f6);
+  border-color: var(--ce-checkbox-checked-border, #3b82f6);
+}
+ce-checkbox > input[type=checkbox]:checked::after,
+ce-checkbox input[type=checkbox]:checked::after {
+  content: "";
+  position: absolute;
+  left: var(--ce-checkbox-check-left, 0.3rem);
+  top: var(--ce-checkbox-check-top, 0.05rem);
+  width: var(--ce-checkbox-check-width, 0.35rem);
+  height: var(--ce-checkbox-check-height, 0.65rem);
+  border: solid var(--ce-checkbox-check-color, white);
+  border-width: 0 var(--ce-checkbox-check-stroke, 2px) var(--ce-checkbox-check-stroke, 2px) 0;
+  transform: rotate(45deg);
+}
+ce-checkbox > input[type=checkbox]:focus,
+ce-checkbox input[type=checkbox]:focus {
+  outline-width: var(--ce-checkbox-focus-outline-width, 2px);
+  outline-style: var(--ce-checkbox-focus-outline-style, solid);
+  outline-color: var(--ce-checkbox-focus-outline-color, rgba(59, 130, 246, 0.3));
+  outline-offset: var(--ce-checkbox-focus-outline-offset, 2px);
+}
+ce-checkbox > input[type=checkbox]:disabled,
+ce-checkbox input[type=checkbox]:disabled {
+  cursor: var(--ce-checkbox-disabled-cursor, not-allowed);
+  opacity: var(--ce-checkbox-disabled-opacity, 0.5);
+  background-color: var(--ce-checkbox-disabled-bg, #f7fafc);
+}
+
+ce-checkbox > div > input[type=checkbox] {
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  display: inline-block;
+  width: var(--ce-checkbox-box-size, 1.125rem) !important;
+  height: var(--ce-checkbox-box-size, 1.125rem) !important;
+  min-width: var(--ce-checkbox-box-size, 1.125rem) !important;
+  max-width: var(--ce-checkbox-box-size, 1.125rem) !important;
+  min-height: var(--ce-checkbox-box-size, 1.125rem) !important;
+  max-height: var(--ce-checkbox-box-size, 1.125rem) !important;
+  border-width: var(--ce-checkbox-border-width, 2px);
+  border-style: var(--ce-checkbox-border-style, solid);
+  border-color: var(--ce-checkbox-border-color, #cbd5e0);
+  border-radius: var(--ce-checkbox-radius, 0.25rem);
+  background-color: var(--ce-checkbox-bg, white);
+  cursor: var(--ce-checkbox-cursor, pointer);
+  margin: 0;
+  padding: 0;
+  position: relative;
+  transition: all var(--ce-checkbox-transition, 0.2s) var(--ce-checkbox-transition-ease, ease);
+  box-sizing: border-box;
+}
+ce-checkbox > div > input[type=checkbox]:hover {
+  border-color: var(--ce-checkbox-hover-border, #3b82f6);
+}
+ce-checkbox > div > input[type=checkbox]:checked {
+  background-color: var(--ce-checkbox-checked-bg, #3b82f6);
+  border-color: var(--ce-checkbox-checked-border, #3b82f6);
+}
+ce-checkbox > div > input[type=checkbox]:checked::after {
+  content: "";
+  position: absolute;
+  left: var(--ce-checkbox-check-left, 0.3rem);
+  top: var(--ce-checkbox-check-top, 0.05rem);
+  width: var(--ce-checkbox-check-width, 0.35rem);
+  height: var(--ce-checkbox-check-height, 0.65rem);
+  border: solid var(--ce-checkbox-check-color, white);
+  border-width: 0 var(--ce-checkbox-check-stroke, 2px) var(--ce-checkbox-check-stroke, 2px) 0;
+  transform: rotate(45deg);
+}
+
+.radio {
+  display: var(--ce-radio-display, flex);
+  align-items: var(--ce-radio-align, center);
+  gap: var(--ce-radio-gap, 0.5rem);
+  cursor: var(--ce-radio-cursor, pointer);
+  font-size: var(--ce-radio-size, 1rem);
+}
+.radio input[type=radio] {
+  width: var(--ce-radio-input-size, 1rem);
+  height: var(--ce-radio-input-size, 1rem);
+  accent-color: var(--ce-radio-input-accent, #1a73e8);
+  cursor: var(--ce-radio-input-cursor, pointer);
+}
+.radio--disabled {
+  color: var(--ce-radio-disabled-color, #9aa0a6);
+  cursor: var(--ce-radio-disabled-cursor, not-allowed);
+}
+.radio--disabled input[type=radio] {
+  cursor: var(--ce-radio-disabled-input-cursor, not-allowed);
+}
+
+.toggle {
+  position: relative;
+  width: 2.5rem;
+  height: 1.4rem;
+}
+.toggle input {
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+.toggle .slider {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #9aa0a6;
+  border-radius: 10px;
+  transition: 0.4s;
+  cursor: pointer;
+}
+.toggle .slider::before {
+  content: "";
+  position: absolute;
+  height: 1rem;
+  width: 1rem;
+  left: 4px;
+  bottom: 4px;
+  background-color: #ffffff;
+  transition: 0.4s;
+  border-radius: var(--ce-toggle-thumb-radius, var(--ce-radius-circle, 50%));
+}
+.toggle input:checked + .slider {
+  background-color: #1a73e8;
+}
+.toggle input:checked + .slider::before {
+  transform: translateX(1.1rem);
+}
+
+.range-slider {
+  width: 100%;
+  max-width: 300px;
+  margin: 1rem 0;
+}
+.range-slider input[type=range] {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 100%;
+  height: 6px;
+  background: var(--theme-range-track, #f8f9fa);
+  border-radius: 4px;
+  outline: none;
+  transition: background 0.3s;
+}
+.range-slider input[type=range]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 16px;
+  height: 16px;
+  background: var(--theme-range-thumb, #1a73e8);
+  border: 2px solid var(--theme-range-thumb-border, #ffffff);
+  border-radius: 50%;
+  cursor: pointer;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
+  transition: background 0.3s;
+}
+.range-slider input[type=range]::-moz-range-thumb {
+  width: 16px;
+  height: 16px;
+  background: var(--theme-range-thumb, #1a73e8);
+  border: 2px solid var(--theme-range-thumb-border, #ffffff);
+  border-radius: 50%;
+  cursor: pointer;
+}
+.range-slider input[type=range]:hover::-webkit-slider-thumb {
+  background: var(--theme-range-thumb-hover, rgb(18.8928571429, 92, 188.1071428571));
+}
+.range-slider input[type=range]:hover::-webkit-slider-thumb:focus-visible {
+  outline: 2px solid var(--theme-accent, var(--theme-primary));
+  outline-offset: 2px;
+}
+
+.file-upload {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  width: 100%;
+  max-width: 400px;
+}
+.file-upload__label {
+  font-size: 1rem;
+  font-weight: 500;
+  color: var(--theme-file-upload-label, #202124);
+  margin-bottom: 0.25rem;
+}
+.file-upload__input {
+  display: none;
+}
+.file-upload__dropzone {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 1.5rem;
+  border: 2px dashed var(--theme-file-upload-border, #9aa0a6);
+  border-radius: 8px;
+  background-color: var(--theme-file-upload-bg, #f8f9fa);
+  color: var(--theme-file-upload-fg, #202124);
+  cursor: pointer;
+  transition: border-color 0.2s, background-color 0.2s;
+  text-align: center;
+}
+.file-upload__dropzone:hover, .file-upload__dropzone:focus-visible {
+  border-color: var(--theme-file-upload-hover, #1a73e8);
+  background-color: var(--theme-file-upload-hover-bg, #ffffff);
+  outline: 2px solid var(--theme-accent, var(--theme-primary));
+  outline-offset: 2px;
+}
+.file-upload__list {
+  margin-top: 0.5rem;
+  list-style: none;
+  padding: 0;
+  font-size: 0.95rem;
+  color: var(--theme-file-upload-list, #202124);
+}
+.file-upload__item {
+  margin-bottom: 0.25rem;
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+
+.form-group {
+  margin-bottom: var(--ce-form-group-margin, 1.5rem);
+}
+.form-group label {
+  display: var(--ce-form-group-label-display, block);
+  margin-bottom: var(--ce-form-group-label-margin, 0.25rem);
+  font-weight: var(--ce-form-group-label-weight, bold);
+  color: var(--ce-form-group-label-color, #202124);
+}
+.form-group .form-description {
+  margin-top: var(--ce-form-group-desc-margin, 0.25rem);
+  font-size: var(--ce-form-group-desc-size, 0.875rem);
+  color: var(--ce-form-group-desc-color, #9aa0a6);
+}
+.form-group .form-error {
+  color: var(--ce-form-group-error-color, #ea4335);
+  font-size: var(--ce-form-group-error-size, 0.875rem);
+  margin-top: var(--ce-form-group-error-margin, 0.25rem);
+}
+
+.card,
+.ce-card {
+  background-color: var(--ce-card-bg, var(--theme-bg, #ffffff));
+  border-width: var(--ce-card-border-width, 1px);
+  border-style: var(--ce-card-border-style, solid);
+  border-color: var(--ce-card-border-color, var(--theme-border, #9aa0a6));
+  border-radius: var(--ce-card-radius, 8px);
+  gap: var(--ce-card-gap, 1rem);
+  box-shadow: var(--ce-card-shadow, 0 4px 6px rgba(0, 0, 0, 0.1));
+  padding: var(--ce-card-padding, 1.5rem);
+  transition: box-shadow var(--ce-card-transition-shadow, 0.2s);
+  display: flex;
+  flex-direction: column;
+  color: var(--ce-card-color, inherit);
+}
+.card:hover,
+.ce-card:hover {
+  box-shadow: var(--ce-card-hover-shadow, 0 4px 6px rgba(0, 0, 0, 0.1));
+}
+.card__header,
+.ce-card__header {
+  font-weight: var(--ce-card-header-weight, 600);
+  font-size: var(--ce-card-header-size, 1.125rem);
+  margin-bottom: var(--ce-card-header-margin-bottom, 1rem);
+  color: var(--ce-card-header-color, inherit);
+}
+.card__body,
+.ce-card__body {
+  flex: 1;
+  color: var(--ce-card-body-color, inherit);
+}
+.card__footer,
+.ce-card__footer {
+  margin-top: var(--ce-card-footer-margin-top, 1rem);
+  text-align: var(--ce-card-footer-align, right);
+  color: var(--ce-card-footer-color, inherit);
+}
+.card--hover,
+.ce-card--hover {
+  cursor: var(--ce-card-hover-cursor, pointer);
+}
+.card--hover:hover,
+.ce-card--hover:hover {
+  box-shadow: var(--ce-card-hover-shadow, 0 4px 6px rgba(0, 0, 0, 0.1));
+}
+.card--hover:focus-visible,
+.ce-card--hover:focus-visible {
+  outline-width: var(--ce-card-focus-outline-width, 2px);
+  outline-style: var(--ce-card-focus-outline-style, solid);
+  outline-color: var(--ce-card-focus-outline-color, var(--theme-accent, var(--theme-primary)));
+  outline-offset: var(--ce-card-focus-outline-offset, 2px);
+}
+.card--borderless,
+.ce-card--borderless {
+  --ce-card-border-width: 0;
+}
+.card--elevated,
+.ce-card--elevated {
+  --ce-card-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+
+.modal {
+  position: fixed;
+  inset: 0;
+  z-index: 1050;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--theme-modal-overlay, rgba(0, 0, 0, 0.4));
+  -webkit-backdrop-filter: blur(6px);
+  backdrop-filter: blur(6px);
+  padding: 1.5rem;
+}
+.modal.hidden {
+  display: none !important;
+}
+.modal__content {
+  background-color: var(--theme-modal-bg, rgba(255, 255, 255, 0.06));
+  -webkit-backdrop-filter: blur(12px);
+  backdrop-filter: blur(12px);
+  border-radius: 8px;
+  width: 100%;
+  max-width: 600px;
+  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);
+  overflow: hidden;
+  animation: fade-in 0.3s ease-in-out;
+  color: var(--theme-modal-fg, #ffffff);
+}
+.modal__header {
+  padding: 1rem;
+  font-size: 1.25rem;
+  font-weight: 600;
+  border-bottom: 1px solid var(--theme-modal-border, #9aa0a6);
+}
+.modal__body {
+  padding: 1.5rem;
+}
+.modal__footer {
+  padding: 1rem;
+  text-align: right;
+  border-top: 1px solid var(--theme-modal-border, #9aa0a6);
+}
+.modal__close {
+  position: absolute;
+  top: 0.5rem;
+  right: 0.5rem;
+  background: none;
+  border: none;
+  font-size: 1.5rem;
+  color: #9aa0a6;
+  cursor: pointer;
+}
+.modal__close:hover {
+  color: #ea4335;
+}
+.modal__close:focus-visible {
+  outline: 2px solid var(--theme-accent, var(--theme-primary));
+  outline-offset: 2px;
+}
+.modal .hidden {
+  display: none !important;
+}
+
+.drawer {
+  position: fixed;
+  top: var(--ce-drawer-top, 0);
+  right: var(--ce-drawer-right, 0);
+  width: var(--ce-drawer-width, 300px);
+  max-width: var(--ce-drawer-max-width, 100%);
+  height: var(--ce-drawer-height, 100vh);
+  background-color: var(--ce-drawer-bg, #ffffff);
+  box-shadow: var(--ce-drawer-shadow, 0 10px 15px rgba(0, 0, 0, 0.15));
+  z-index: var(--ce-drawer-z, 1050);
+  display: flex;
+  flex-direction: column;
+  animation: var(--ce-drawer-animation, slide-in) var(--ce-drawer-animation-duration, 0.3s) var(--ce-drawer-animation-ease, ease-in-out);
+}
+.drawer__header {
+  padding: var(--ce-drawer-header-padding, 1rem);
+  font-weight: var(--ce-drawer-header-weight, 600);
+  border-bottom-width: var(--ce-drawer-header-border-width, 1px);
+  border-bottom-style: var(--ce-drawer-header-border-style, solid);
+  border-bottom-color: var(--ce-drawer-header-border-color, #9aa0a6);
+}
+.drawer__body {
+  flex: 1;
+  overflow-y: var(--ce-drawer-body-overflow, auto);
+  padding: var(--ce-drawer-body-padding, 1.5rem);
+}
+.drawer__footer {
+  padding: var(--ce-drawer-footer-padding, 1rem);
+  border-top-width: var(--ce-drawer-footer-border-width, 1px);
+  border-top-style: var(--ce-drawer-footer-border-style, solid);
+  border-top-color: var(--ce-drawer-footer-border-color, #9aa0a6);
+  text-align: var(--ce-drawer-footer-align, right);
+}
+
+.toast {
+  position: var(--ce-toast-position, fixed);
+  bottom: var(--ce-toast-bottom, 1.5rem);
+  right: var(--ce-toast-right, 1.5rem);
+  background-color: var(--ce-toast-bg, #202124);
+  color: var(--ce-toast-color, #ffffff);
+  padding: var(--ce-toast-padding, 1rem);
+  border-radius: var(--ce-toast-radius, 8px);
+  box-shadow: var(--ce-toast-shadow, 0 10px 15px rgba(0, 0, 0, 0.15));
+  z-index: var(--ce-toast-z, 1080);
+  animation: var(--ce-toast-animation, fade-in 0.3s ease-in-out);
+  min-width: var(--ce-toast-min-width, 250px);
+}
+.toast--success {
+  background-color: var(--ce-toast-success-bg, #34a853);
+}
+.toast--error {
+  background-color: var(--ce-toast-error-bg, #ea4335);
+}
+.toast--info {
+  background-color: var(--ce-toast-info-bg, #4285f4);
+}
+.toast__message {
+  font-size: var(--ce-toast-message-size, 0.95rem);
+}
+.toast__close {
+  position: var(--ce-toast-close-position, absolute);
+  top: var(--ce-toast-close-top, 0.25rem);
+  right: var(--ce-toast-close-right, 0.25rem);
+  background: var(--ce-toast-close-bg, none);
+  border: var(--ce-toast-close-border, none);
+  color: var(--ce-toast-close-color, #ffffff);
+  font-size: var(--ce-toast-close-size, 1.25rem);
+  cursor: var(--ce-toast-close-cursor, pointer);
+}
+.toast__close:hover {
+  opacity: var(--ce-toast-close-hover-opacity, 0.7);
+}
+
+.tooltip {
+  position: var(--ce-tooltip-position, relative);
+  cursor: var(--ce-tooltip-cursor, help);
+}
+.tooltip__content {
+  position: var(--ce-tooltip-content-position, absolute);
+  bottom: var(--ce-tooltip-content-bottom, 100%);
+  left: var(--ce-tooltip-content-left, 50%);
+  transform: var(--ce-tooltip-content-transform, translateX(-50%) translateY(0.25rem));
+  background-color: var(--ce-tooltip-content-bg, var(--theme-tooltip-bg, #202124));
+  color: var(--ce-tooltip-content-color, var(--theme-tooltip-fg, #ffffff));
+  padding: var(--ce-tooltip-content-padding, 0.25rem 0.5rem);
+  font-size: var(--ce-tooltip-content-size, 0.75rem);
+  white-space: var(--ce-tooltip-content-whitespace, nowrap);
+  border-radius: var(--ce-tooltip-content-radius, 4px);
+  opacity: var(--ce-tooltip-content-opacity, 0);
+  pointer-events: var(--ce-tooltip-content-pointer, none);
+  transition: var(--ce-tooltip-content-transition, opacity 0.2s);
+  z-index: var(--ce-tooltip-content-z, 1090);
+}
+.tooltip__content::after {
+  content: var(--ce-tooltip-arrow-content, "");
+  position: var(--ce-tooltip-arrow-position, absolute);
+  top: var(--ce-tooltip-arrow-top, 100%);
+  left: var(--ce-tooltip-arrow-left, 50%);
+  margin-left: var(--ce-tooltip-arrow-offset, -6px);
+  border-width: var(--ce-tooltip-arrow-size, 6px);
+  border-style: var(--ce-tooltip-arrow-style, solid);
+  border-color: var(--ce-tooltip-arrow-color, var(--theme-tooltip-bg, #202124) transparent transparent transparent);
+}
+.tooltip__content::after:focus-visible {
+  outline: var(--ce-tooltip-focus-outline, 2px solid var(--theme-accent, var(--theme-primary)));
+  outline-offset: var(--ce-tooltip-focus-offset, 2px);
+}
+.tooltip:hover .tooltip__content, .tooltip:focus-within .tooltip__content {
+  opacity: var(--ce-tooltip-content-visible-opacity, 1);
+}
+
+.dropdown,
+.ce-dropdown {
+  position: relative;
+  display: inline-block;
+}
+.dropdown__trigger, .dropdown__toggle,
+.ce-dropdown__trigger,
+.ce-dropdown__toggle {
+  cursor: var(--ce-dropdown-trigger-cursor, pointer);
+  padding: var(--ce-dropdown-trigger-padding, 0.5rem 1rem);
+  border-width: var(--ce-dropdown-trigger-border-width, 1px);
+  border-style: var(--ce-dropdown-trigger-border-style, solid);
+  border-color: var(--ce-dropdown-trigger-border-color, var(--theme-dropdown-trigger-border, #9aa0a6));
+  border-radius: var(--ce-dropdown-trigger-radius, 4px);
+  background-color: var(--ce-dropdown-trigger-bg, var(--theme-dropdown-trigger-bg, #ffffff));
+  color: var(--ce-dropdown-trigger-color, var(--theme-dropdown-trigger-fg, #202124));
+}
+.dropdown__menu,
+.ce-dropdown__menu {
+  position: absolute;
+  top: var(--ce-dropdown-menu-top, calc(100% + 0.25rem));
+  left: var(--ce-dropdown-menu-left, 0);
+  right: var(--ce-dropdown-menu-right, auto);
+  background-color: var(--ce-dropdown-menu-bg, var(--theme-dropdown-bg, #ffffff));
+  border-width: var(--ce-dropdown-menu-border-width, 1px);
+  border-style: var(--ce-dropdown-menu-border-style, solid);
+  border-color: var(--ce-dropdown-menu-border-color, var(--theme-dropdown-border, #9aa0a6));
+  border-radius: var(--ce-dropdown-menu-radius, 4px);
+  box-shadow: var(--ce-dropdown-menu-shadow, 0 4px 6px rgba(0, 0, 0, 0.1));
+  min-width: var(--ce-dropdown-menu-min-width, 160px);
+  max-height: var(--ce-dropdown-menu-max-height, 300px);
+  overflow-y: var(--ce-dropdown-menu-overflow, auto);
+  z-index: var(--ce-dropdown-menu-z, 1000);
+  display: block;
+  opacity: var(--ce-dropdown-menu-opacity, 0);
+  visibility: var(--ce-dropdown-menu-visibility, hidden);
+  pointer-events: var(--ce-dropdown-menu-events, none);
+  transform: var(--ce-dropdown-menu-transform, translateY(-0.5rem));
+  transition: opacity var(--ce-dropdown-menu-transition, 0.2s) var(--ce-dropdown-menu-transition-ease, ease), visibility var(--ce-dropdown-menu-transition, 0.2s) var(--ce-dropdown-menu-transition-ease, ease), transform var(--ce-dropdown-menu-transition, 0.2s) var(--ce-dropdown-menu-transition-ease, ease);
+}
+.dropdown__menu.is-visible, .dropdown__menu.open, .dropdown--open .dropdown__menu, .ce-dropdown--open .dropdown__menu, .dropdown__toggle[aria-expanded=true] ~ .dropdown__menu, .ce-dropdown__toggle[aria-expanded=true] ~ .dropdown__menu, .dropdown__trigger[aria-expanded=true] ~ .dropdown__menu, .ce-dropdown__trigger[aria-expanded=true] ~ .dropdown__menu, .dropdown:focus-within .dropdown__menu, .ce-dropdown:focus-within .dropdown__menu, .dropdown:hover .dropdown__menu, .ce-dropdown:hover .dropdown__menu,
+.ce-dropdown__menu.is-visible,
+.ce-dropdown__menu.open,
+.dropdown--open .ce-dropdown__menu,
+.ce-dropdown--open .ce-dropdown__menu,
+.dropdown__toggle[aria-expanded=true] ~ .ce-dropdown__menu,
+.ce-dropdown__toggle[aria-expanded=true] ~ .ce-dropdown__menu,
+.dropdown__trigger[aria-expanded=true] ~ .ce-dropdown__menu,
+.ce-dropdown__trigger[aria-expanded=true] ~ .ce-dropdown__menu,
+.dropdown:focus-within .ce-dropdown__menu,
+.ce-dropdown:focus-within .ce-dropdown__menu,
+.dropdown:hover .ce-dropdown__menu,
+.ce-dropdown:hover .ce-dropdown__menu {
+  opacity: 1 !important;
+  visibility: visible !important;
+  pointer-events: auto !important;
+  transform: translateY(0) !important;
+  display: block !important;
+}
+.dropdown__menu a,
+.ce-dropdown__menu a {
+  display: block;
+  padding: var(--ce-dropdown-item-padding, 0.5rem 1rem);
+  color: var(--ce-dropdown-item-color, var(--theme-dropdown-item-fg, #202124));
+  text-decoration: none;
+}
+.dropdown__menu a:hover,
+.ce-dropdown__menu a:hover {
+  background-color: var(--ce-dropdown-item-hover-bg, var(--theme-dropdown-item-hover, #f8f9fa));
+}
+.dropdown__menu a:hover:focus-visible,
+.ce-dropdown__menu a:hover:focus-visible {
+  outline-width: var(--ce-dropdown-item-outline-width, 2px);
+  outline-style: var(--ce-dropdown-item-outline-style, solid);
+  outline-color: var(--ce-dropdown-item-outline-color, var(--theme-accent, var(--theme-primary)));
+  outline-offset: var(--ce-dropdown-item-outline-offset, 2px);
+}
+
+.tabs {
+  display: var(--ce-tabs-display, flex);
+  border-bottom: var(--ce-tabs-border, 2px solid var(--theme-tabs-border, #9aa0a6));
+  overflow-x: var(--ce-tabs-overflow, auto);
+  gap: var(--ce-tabs-gap, 1rem);
+}
+.tabs .tab {
+  padding: var(--ce-tabs-tab-padding, 0.5rem 1rem);
+  cursor: var(--ce-tabs-tab-cursor, pointer);
+  font-weight: var(--ce-tabs-tab-weight, 500);
+  border-bottom: var(--ce-tabs-tab-underline, 2px solid transparent);
+  color: var(--ce-tabs-tab-color, var(--theme-tabs-fg, #202124));
+  transition: var(--ce-tabs-tab-transition, border-color 0.2s);
+}
+.tabs .tab.active {
+  border-color: var(--ce-tabs-tab-active-border, var(--theme-tabs-active-border, #1a73e8));
+  color: var(--ce-tabs-tab-active-color, var(--theme-tabs-active-fg, #1a73e8));
+}
+.tabs .tab:hover {
+  border-color: var(--ce-tabs-tab-hover-border, var(--theme-tabs-hover-border, #1a73e8));
+}
+.tabs .tab:hover:focus-visible {
+  outline: var(--ce-tabs-tab-focus-outline, 2px solid var(--theme-accent, var(--theme-primary)));
+  outline-offset: var(--ce-tabs-tab-focus-offset, 2px);
+}
+
+.pagination {
+  display: var(--ce-pagination-display, flex);
+  align-items: var(--ce-pagination-align, center);
+  gap: var(--ce-pagination-gap, 0.5rem);
+  list-style: var(--ce-pagination-list-style, none);
+  padding: var(--ce-pagination-padding, 0);
+  margin: var(--ce-pagination-margin, 1rem 0);
+}
+.pagination__item {
+  display: var(--ce-pagination-item-display, inline-flex);
+  align-items: var(--ce-pagination-item-align, center);
+  justify-content: var(--ce-pagination-item-justify, center);
+  min-width: var(--ce-pagination-item-min-width, 2rem);
+  height: var(--ce-pagination-item-height, 2rem);
+  border-radius: var(--ce-pagination-item-radius, 4px);
+  background-color: var(--ce-pagination-item-bg, var(--theme-pagination-bg, #f8f9fa));
+  color: var(--ce-pagination-item-fg, var(--theme-pagination-fg, #202124));
+  font-size: var(--ce-pagination-item-size, 1rem);
+  font-weight: var(--ce-pagination-item-weight, 500);
+  cursor: var(--ce-pagination-item-cursor, pointer);
+  transition: var(--ce-pagination-item-transition, background-color 0.2s, color 0.2s);
+  border: var(--ce-pagination-item-border, 1px solid var(--theme-pagination-border, #9aa0a6));
+}
+.pagination__item.active {
+  background-color: var(--ce-pagination-item-active-bg, var(--theme-pagination-active-bg, #1a73e8));
+  color: var(--ce-pagination-item-active-fg, var(--theme-pagination-active-fg, #ffffff));
+  border-color: var(--ce-pagination-item-active-border, var(--theme-pagination-active-border, #1a73e8));
+}
+.pagination__item:hover {
+  background-color: var(--ce-pagination-item-hover-bg, var(--theme-pagination-hover-bg, #1a73e8));
+  color: var(--ce-pagination-item-hover-fg, var(--theme-pagination-hover-fg, #ffffff));
+}
+.pagination__item:focus-visible {
+  outline: var(--ce-pagination-item-focus-outline, 2px solid var(--theme-accent, var(--theme-primary)));
+  outline-offset: var(--ce-pagination-item-focus-offset, 2px);
+}
+.pagination__ellipsis {
+  min-width: var(--ce-pagination-ellipsis-min-width, 2rem);
+  height: var(--ce-pagination-ellipsis-height, 2rem);
+  display: var(--ce-pagination-ellipsis-display, flex);
+  align-items: var(--ce-pagination-ellipsis-align, center);
+  justify-content: var(--ce-pagination-ellipsis-justify, center);
+  color: var(--ce-pagination-ellipsis-color, var(--theme-pagination-ellipsis, #9aa0a6));
+  font-size: var(--ce-pagination-ellipsis-size, 1rem);
+}
+
+.badge,
+.ce-badge {
+  display: inline-block;
+  padding: var(--ce-badge-padding, 0.25em 0.6em);
+  font-size: var(--ce-badge-size, 0.75rem);
+  border-radius: var(--ce-badge-radius, 10px);
+  font-weight: var(--ce-badge-weight, 600);
+  background-color: var(--ce-badge-bg, var(--theme-badge-bg, #9aa0a6));
+  color: var(--ce-badge-color, var(--theme-badge-fg, #ffffff));
+  line-height: var(--ce-badge-line-height, 1);
+  border-width: var(--ce-badge-border-width, 0);
+  border-style: var(--ce-badge-border-style, solid);
+  border-color: var(--ce-badge-border-color, transparent);
+  box-shadow: var(--ce-badge-shadow, none);
+}
+.badge--primary,
+.ce-badge--primary {
+  --ce-badge-bg: var(--ce-badge-primary-bg, var(--theme-badge-primary, #1a73e8));
+}
+.badge--success,
+.ce-badge--success {
+  --ce-badge-bg: var(--ce-badge-success-bg, var(--theme-badge-success, #34a853));
+}
+.badge--danger,
+.ce-badge--danger {
+  --ce-badge-bg: var(--ce-badge-danger-bg, var(--theme-badge-danger, #ea4335));
+}
+.badge--warning,
+.ce-badge--warning {
+  --ce-badge-bg: var(--ce-badge-warning-bg, var(--theme-badge-warning, #f9ab00));
+}
+.badge--info,
+.ce-badge--info {
+  --ce-badge-bg: var(--ce-badge-info-bg, var(--theme-badge-info, #4285f4));
+}
+.badge--light,
+.ce-badge--light {
+  --ce-badge-bg: var(--ce-badge-light-bg, var(--theme-badge-light, #f8f9fa));
+  --ce-badge-color: var(--ce-badge-light-color, var(--theme-badge-light-fg, #202124));
+}
+.badge--dark,
+.ce-badge--dark {
+  --ce-badge-bg: var(--ce-badge-dark-bg, var(--theme-badge-dark, #202124));
+}
+
+.chip,
+.ce-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--ce-chip-gap, 0.25rem);
+  padding: var(--ce-chip-padding, 0.375rem 0.875rem);
+  font-size: var(--ce-chip-font-size, 0.875rem);
+  line-height: var(--ce-chip-line-height, 1.5);
+  border-radius: var(--ce-chip-radius, 10px);
+  background-color: var(--ce-chip-bg, var(--theme-chip-bg, #f8f9fa));
+  color: var(--ce-chip-color, var(--theme-chip-fg, #202124));
+  font-weight: var(--ce-chip-weight, 500);
+  border-width: var(--ce-chip-border-width, 1px);
+  border-style: var(--ce-chip-border-style, solid);
+  border-color: var(--ce-chip-border-color, var(--theme-chip-border, #9aa0a6));
+  transition: all var(--ce-chip-transition, 0.2s) var(--ce-chip-transition-ease, ease);
+  cursor: var(--ce-chip-cursor, default);
+  white-space: var(--ce-chip-white-space, nowrap);
+  max-width: var(--ce-chip-max-width, 100%);
+}
+.chip--sm,
+.ce-chip--sm {
+  --ce-chip-padding: 0.25rem 0.625rem;
+  --ce-chip-font-size: 0.75rem;
+  --ce-chip-gap: 0.25rem;
+}
+.chip--md,
+.ce-chip--md {
+  --ce-chip-padding: 0.375rem 0.875rem;
+  --ce-chip-font-size: 0.875rem;
+}
+.chip--lg,
+.ce-chip--lg {
+  --ce-chip-padding: 0.5rem 1rem;
+  --ce-chip-font-size: 1rem;
+}
+.chip--primary,
+.ce-chip--primary {
+  --ce-chip-bg: var(--ce-chip-primary-bg, var(--theme-chip-primary, #1a73e8));
+  --ce-chip-color: var(--ce-chip-primary-color, #ffffff);
+  --ce-chip-border-color: var(
+    --ce-chip-primary-border,
+    var(--theme-chip-primary-border, #1a73e8)
+  );
+}
+.chip--secondary,
+.ce-chip--secondary {
+  --ce-chip-bg: var(--ce-chip-secondary-bg, var(--theme-chip-secondary, #fbbc04));
+  --ce-chip-color: var(--ce-chip-secondary-color, #ffffff);
+  --ce-chip-border-color: var(
+    --ce-chip-secondary-border,
+    var(--theme-chip-secondary-border, #fbbc04)
+  );
+}
+.chip--success,
+.ce-chip--success {
+  --ce-chip-bg: var(--ce-chip-success-bg, var(--theme-chip-success, #34a853));
+  --ce-chip-color: var(--ce-chip-success-color, #ffffff);
+  --ce-chip-border-color: var(
+    --ce-chip-success-border,
+    var(--theme-chip-success-border, #34a853)
+  );
+}
+.chip--danger,
+.ce-chip--danger {
+  --ce-chip-bg: var(--ce-chip-danger-bg, var(--theme-chip-danger, #ea4335));
+  --ce-chip-color: var(--ce-chip-danger-color, #ffffff);
+  --ce-chip-border-color: var(
+    --ce-chip-danger-border,
+    var(--theme-chip-danger-border, #ea4335)
+  );
+}
+.chip--warning,
+.ce-chip--warning {
+  --ce-chip-bg: var(--ce-chip-warning-bg, var(--theme-chip-warning, #f9ab00));
+  --ce-chip-color: var(--ce-chip-warning-color, #202124);
+  --ce-chip-border-color: var(
+    --ce-chip-warning-border,
+    var(--theme-chip-warning-border, #f9ab00)
+  );
+}
+.chip--info,
+.ce-chip--info {
+  --ce-chip-bg: var(--ce-chip-info-bg, var(--theme-chip-info, #4285f4));
+  --ce-chip-color: var(--ce-chip-info-color, #ffffff);
+  --ce-chip-border-color: var(
+    --ce-chip-info-border,
+    var(--theme-chip-info-border, #4285f4)
+  );
+}
+.chip--outlined,
+.ce-chip--outlined {
+  --ce-chip-bg: var(--ce-chip-outlined-bg, transparent);
+  --ce-chip-border-color: var(--ce-chip-outlined-border, currentColor);
+}
+.chip--outlined.chip--primary, .chip--outlined.ce-chip--primary,
+.ce-chip--outlined.chip--primary,
+.ce-chip--outlined.ce-chip--primary {
+  --ce-chip-color: var(--ce-chip-outlined-primary-color, #1a73e8);
+  --ce-chip-border-color: var(--ce-chip-outlined-primary-border, #1a73e8);
+}
+.chip--outlined.chip--secondary, .chip--outlined.ce-chip--secondary,
+.ce-chip--outlined.chip--secondary,
+.ce-chip--outlined.ce-chip--secondary {
+  --ce-chip-color: var(--ce-chip-outlined-secondary-color, #fbbc04);
+  --ce-chip-border-color: var(--ce-chip-outlined-secondary-border, #fbbc04);
+}
+.chip--outlined.chip--success, .chip--outlined.ce-chip--success,
+.ce-chip--outlined.chip--success,
+.ce-chip--outlined.ce-chip--success {
+  --ce-chip-color: var(--ce-chip-outlined-success-color, #34a853);
+  --ce-chip-border-color: var(--ce-chip-outlined-success-border, #34a853);
+}
+.chip--outlined.chip--danger, .chip--outlined.ce-chip--danger,
+.ce-chip--outlined.chip--danger,
+.ce-chip--outlined.ce-chip--danger {
+  --ce-chip-color: var(--ce-chip-outlined-danger-color, #ea4335);
+  --ce-chip-border-color: var(--ce-chip-outlined-danger-border, #ea4335);
+}
+.chip--outlined.chip--warning, .chip--outlined.ce-chip--warning,
+.ce-chip--outlined.chip--warning,
+.ce-chip--outlined.ce-chip--warning {
+  --ce-chip-color: var(--ce-chip-outlined-warning-color, );
+  --ce-chip-border-color: var(--ce-chip-outlined-warning-border, #f9ab00);
+}
+.chip--outlined.chip--info, .chip--outlined.ce-chip--info,
+.ce-chip--outlined.chip--info,
+.ce-chip--outlined.ce-chip--info {
+  --ce-chip-color: var(--ce-chip-outlined-info-color, #4285f4);
+  --ce-chip-border-color: var(--ce-chip-outlined-info-border, #4285f4);
+}
+.chip--ghost,
+.ce-chip--ghost {
+  --ce-chip-border-color: var(--ce-chip-ghost-border, transparent);
+}
+.chip--ghost.chip--primary, .chip--ghost.ce-chip--primary,
+.ce-chip--ghost.chip--primary,
+.ce-chip--ghost.ce-chip--primary {
+  --ce-chip-bg: var(--ce-chip-ghost-primary-bg, rgba(fn.color(primary), 0.1));
+  --ce-chip-color: var(--ce-chip-ghost-primary-color, #1a73e8);
+}
+.chip--ghost.chip--secondary, .chip--ghost.ce-chip--secondary,
+.ce-chip--ghost.chip--secondary,
+.ce-chip--ghost.ce-chip--secondary {
+  --ce-chip-bg: var(
+    --ce-chip-ghost-secondary-bg,
+    rgba(fn.color(secondary), 0.1)
+  );
+  --ce-chip-color: var(--ce-chip-ghost-secondary-color, #fbbc04);
+}
+.chip--ghost.chip--success, .chip--ghost.ce-chip--success,
+.ce-chip--ghost.chip--success,
+.ce-chip--ghost.ce-chip--success {
+  --ce-chip-bg: var(--ce-chip-ghost-success-bg, rgba(fn.color(success), 0.1));
+  --ce-chip-color: var(--ce-chip-ghost-success-color, #34a853);
+}
+.chip--ghost.chip--danger, .chip--ghost.ce-chip--danger,
+.ce-chip--ghost.chip--danger,
+.ce-chip--ghost.ce-chip--danger {
+  --ce-chip-bg: var(--ce-chip-ghost-danger-bg, rgba(fn.color(danger), 0.1));
+  --ce-chip-color: var(--ce-chip-ghost-danger-color, #ea4335);
+}
+.chip--ghost.chip--warning, .chip--ghost.ce-chip--warning,
+.ce-chip--ghost.chip--warning,
+.ce-chip--ghost.ce-chip--warning {
+  --ce-chip-bg: var(--ce-chip-ghost-warning-bg, rgba(fn.color(warning), 0.15));
+  --ce-chip-color: var(--ce-chip-ghost-warning-color, );
+}
+.chip--ghost.chip--info, .chip--ghost.ce-chip--info,
+.ce-chip--ghost.chip--info,
+.ce-chip--ghost.ce-chip--info {
+  --ce-chip-bg: var(--ce-chip-ghost-info-bg, rgba(fn.color(info), 0.1));
+  --ce-chip-color: var(--ce-chip-ghost-info-color, #4285f4);
+}
+.chip.active,
+.ce-chip.active {
+  --ce-chip-bg: var(
+    --ce-chip-active-bg,
+    var(--theme-chip-active-bg, #1a73e8)
+  );
+  --ce-chip-color: var(
+    --ce-chip-active-color,
+    var(--theme-chip-active-fg, #ffffff)
+  );
+  --ce-chip-border-color: var(
+    --ce-chip-active-border,
+    var(--theme-chip-active-border, #1a73e8)
+  );
+}
+.chip--removable,
+.ce-chip--removable {
+  --ce-chip-padding: var(--ce-chip-removable-padding, 0.375rem 0.5rem 0.375rem 0.875rem);
+}
+.chip__close,
+.ce-chip__close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--ce-chip-close-bg, transparent);
+  border-width: var(--ce-chip-close-border-width, 0);
+  border-style: var(--ce-chip-close-border-style, solid);
+  border-color: var(--ce-chip-close-border-color, transparent);
+  color: var(--ce-chip-close-color, currentColor);
+  font-size: var(--ce-chip-close-size, 1.25em);
+  cursor: var(--ce-chip-close-cursor, pointer);
+  padding: var(--ce-chip-close-padding, 0);
+  margin-left: var(--ce-chip-close-gap, 0.375rem);
+  opacity: var(--ce-chip-close-opacity, 0.6);
+  transition: opacity var(--ce-chip-close-transition, 0.2s) var(--ce-chip-close-transition-ease, ease);
+  width: var(--ce-chip-close-width, 1em);
+  height: var(--ce-chip-close-height, 1em);
+  line-height: var(--ce-chip-close-line-height, 1);
+}
+.chip__close:hover, .chip__close:focus-visible,
+.ce-chip__close:hover,
+.ce-chip__close:focus-visible {
+  opacity: var(--ce-chip-close-hover-opacity, 1);
+  outline-width: var(--ce-chip-close-outline-width, 2px);
+  outline-style: var(--ce-chip-close-outline-style, solid);
+  outline-color: var(--ce-chip-close-outline-color, currentColor);
+  outline-offset: var(--ce-chip-close-outline-offset, 2px);
+  border-radius: var(--ce-chip-close-radius, 4px);
+}
+.chip__icon,
+.ce-chip__icon {
+  display: inline-flex;
+  font-size: var(--ce-chip-icon-size, 1.1em);
+}
+.chip:disabled, .chip.disabled,
+.ce-chip:disabled,
+.ce-chip.disabled {
+  opacity: var(--ce-chip-disabled-opacity, 0.5);
+  cursor: var(--ce-chip-disabled-cursor, not-allowed);
+}
+
+.alert {
+  padding: 1rem;
+  border-radius: 4px;
+  border-left: 4px solid;
+  background-color: var(--theme-alert-bg, #f8f9fa);
+  color: var(--theme-alert-fg, #202124);
+  position: relative;
+  margin-bottom: 1rem;
+}
+.alert--success {
+  border-color: var(--theme-alert-success-border, #34a853);
+  background-color: var(--theme-alert-success-bg, rgb(208.8, 240.7, 217.325));
+  color: var(--theme-alert-success-fg, rgb(14.2380952381, 69.3333333333, 141.7619047619));
+}
+.alert--danger {
+  border-color: var(--theme-alert-danger-border, #ea4335);
+  background-color: var(--theme-alert-danger-bg, rgb(208.8, 240.7, 217.325));
+  color: var(--theme-alert-danger-fg, rgb(14.2380952381, 69.3333333333, 141.7619047619));
+}
+.alert--warning {
+  border-color: var(--theme-alert-warning-border, #f9ab00);
+  background-color: var(--theme-alert-warning-bg, rgb(189.3272727273, 234.6727272727, 201.4454545455));
+  color: var(--theme-alert-warning-fg, rgb(14.2380952381, 69.3333333333, 141.7619047619));
+}
+.alert--info {
+  border-color: var(--theme-alert-info-border, #4285f4);
+  background-color: var(--theme-alert-info-bg, rgb(208.8, 240.7, 217.325));
+  color: var(--theme-alert-info-fg, rgb(14.2380952381, 69.3333333333, 141.7619047619));
+}
+.alert__title {
+  font-weight: bold;
+  margin-bottom: 0.25rem;
+}
+.alert__close {
+  position: absolute;
+  right: 0.5rem;
+  top: 0.5rem;
+  background: none;
+  border: none;
+  color: #9aa0a6;
+  font-size: 1.25rem;
+  cursor: pointer;
+}
+.alert__close:hover {
+  color: #ea4335;
+}
+.alert__close:focus-visible {
+  outline: 2px solid var(--theme-accent, var(--theme-primary));
+  outline-offset: 2px;
+}
+
+.message {
+  padding: 0.5rem;
+  font-size: 0.875rem;
+  border-radius: 4px;
+  color: #202124;
+}
+.message--success {
+  background-color: rgb(189.3272727273, 234.6727272727, 201.4454545455);
+  color: rgb(14.2380952381, 69.3333333333, 141.7619047619);
+}
+.message--error {
+  background-color: rgb(253.2107623318, 238.9820627803, 237.7892376682);
+  color: rgb(14.2380952381, 69.3333333333, 141.7619047619);
+}
+.message--info {
+  background-color: rgb(189.3272727273, 234.6727272727, 201.4454545455);
+  color: rgb(14.2380952381, 69.3333333333, 141.7619047619);
+}
+
+.progress-bar {
+  width: var(--ce-progress-bar-width, 100%);
+  background-color: var(--ce-progress-bar-bg, var(--theme-progress-bg, #f8f9fa));
+  height: var(--ce-progress-bar-height, 0.75rem);
+  border-radius: var(--ce-progress-bar-radius, 8px);
+  overflow: var(--ce-progress-bar-overflow, hidden);
+}
+.progress-bar__fill {
+  height: var(--ce-progress-bar-fill-height, 100%);
+  width: var(--ce-progress-bar-fill-width, 0%);
+  background-color: var(--ce-progress-bar-fill-bg, var(--theme-progress-fill, #1a73e8));
+  transition: var(--ce-progress-bar-fill-transition, width 0.3s ease-in-out);
+}
+.progress-bar__fill--success {
+  background-color: var(--ce-progress-bar-success-bg, var(--theme-progress-success, #34a853));
+}
+.progress-bar__fill--danger {
+  background-color: var(--ce-progress-bar-danger-bg, var(--theme-progress-danger, #ea4335));
+}
+.progress-bar__fill--warning {
+  background-color: var(--ce-progress-bar-warning-bg, var(--theme-progress-warning, #f9ab00));
+}
+
+.snackbar {
+  position: fixed;
+  bottom: 1.5rem;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: var(--theme-snackbar-bg, #202124);
+  color: var(--theme-snackbar-fg, #ffffff);
+  padding: 0.5rem 1rem;
+  border-radius: 4px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  font-size: 0.875rem;
+  z-index: 1080;
+  animation: fade-in 0.3s ease-in-out;
+}
+.snackbar--success {
+  background-color: var(--theme-snackbar-success, #34a853);
+}
+.snackbar--error {
+  background-color: var(--theme-snackbar-error, #ea4335);
+}
+.snackbar--info {
+  background-color: var(--theme-snackbar-info, #4285f4);
+}
+.snackbar--warning {
+  background-color: var(--theme-snackbar-warning, #f9ab00);
+}
+.snackbar--warning:focus-visible {
+  outline: 2px solid var(--theme-accent, var(--theme-primary));
+  outline-offset: 2px;
+}
+
+/*# sourceMappingURL=ce-ui-min.css.map */