@layer cloudora.tokens{:root,[data-theme=light]{--cl-font-sans:Inter, "Noto Sans SC", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cl-color-canvas:#f4f5f7;--cl-color-surface:#fff;--cl-color-surface-subtle:#f7f8fa;--cl-color-text:#222936;--cl-color-text-muted:#667080;--cl-color-text-faint:#858e9c;--cl-color-border:#e2e5eb;--cl-color-border-strong:#ccd2dc;--cl-color-brand:#315fe8;--cl-color-brand-hover:#244dcc;--cl-color-brand-soft:#edf2ff;--cl-color-on-brand:#fff;--cl-color-positive:#16845b;--cl-color-positive-soft:#e8f8f1;--cl-color-warning:#a5600c;--cl-color-warning-soft:#fff3df;--cl-color-critical:#c43648;--cl-color-critical-soft:#fff0f1;--cl-space-1:4px;--cl-space-2:8px;--cl-space-3:12px;--cl-space-4:16px;--cl-space-6:24px;--cl-space-8:32px;--cl-radius-sm:4px;--cl-radius-md:6px;--cl-radius-lg:10px;--cl-radius-xl:12px;--cl-shadow-sm:0 1px 2px #1219260a;--cl-shadow-md:0 16px 48px -12px #1219262e, 0 3px 8px #1219260d;--cl-focus:0 0 0 3px #315fe82e;--cl-duration-fast:.14s;--cl-duration-normal:.22s}[data-theme=dark]{--cl-color-canvas:#111318;--cl-color-surface:#191c23;--cl-color-surface-subtle:#20242c;--cl-color-text:#e9edf5;--cl-color-text-muted:#a5adbc;--cl-color-text-faint:#7b8596;--cl-color-border:#2c323d;--cl-color-border-strong:#424b5c;--cl-color-brand:#89a8ff;--cl-color-brand-hover:#a4bcff;--cl-color-brand-soft:#253353;--cl-color-on-brand:#111a2b;--cl-color-positive:#63d2a2;--cl-color-warning:#edb467;--cl-color-critical:#ff8c9b;--cl-color-positive-soft:#173a31;--cl-color-warning-soft:#45351d;--cl-color-critical-soft:#48242d;--cl-shadow-sm:0 1px 2px #0000002e;--cl-shadow-md:0 16px 48px -12px #0000007a, 0 3px 8px #0003}}@layer cloudora.components{.cl-loading-state{min-width:0;color:var(--cl-color-text-muted);font:13px/1.5 var(--cl-font-sans);align-items:center;gap:10px;display:flex}.cl-loading-state--block{text-align:center;flex-direction:column;justify-content:center;gap:16px;min-height:180px;padding:32px 20px}.cl-loading-state__visual{flex:none;justify-content:center;align-items:center;display:inline-flex}.cl-loading-state__label{overflow-wrap:anywhere;min-width:0}.cl-loading-state__label.is-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.cl-tabs{min-width:0;font-family:var(--cl-font-sans)}.cl-tabs__list{border:1px solid var(--cl-color-border);border-radius:var(--cl-radius-md);background:var(--cl-color-surface-subtle);gap:4px;padding:4px;display:flex;overflow-x:auto}.cl-tabs__tab{border-radius:var(--cl-radius-sm);min-height:40px;color:var(--cl-color-text-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;flex:1 0 auto;padding:8px 16px;font-size:14px;font-weight:600}.cl-tabs__tab[aria-selected=true]{color:var(--cl-color-text);border-color:var(--cl-color-border);background:var(--cl-color-surface);box-shadow:var(--cl-shadow-sm)}.cl-tabs__tab:disabled{cursor:not-allowed;opacity:.5}.cl-tabs__tab:focus-visible,.cl-tabs__panel:focus-visible{outline:2px solid var(--cl-color-brand);outline-offset:-2px}.cl-tabs__panel{min-width:0;padding-top:20px}.cl-tabs__panel[hidden]{display:none}.cl-dropdown__trigger{border:1px solid var(--cl-color-border);border-radius:var(--cl-radius-sm);background:var(--cl-color-surface);min-width:0;min-height:36px;color:var(--cl-color-text);font:600 13px var(--cl-font-sans);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.cl-dropdown__trigger:focus-visible{box-shadow:var(--cl-focus);outline:none}.cl-dropdown__trigger:disabled{opacity:.5;cursor:not-allowed}.cl-dropdown__trigger>svg{flex:none;width:16px;height:16px}.cl-dropdown{z-index:30;overscroll-behavior:contain;border:1px solid var(--cl-color-border);border-radius:var(--cl-radius-md);background:var(--cl-color-surface);color:var(--cl-color-text);box-shadow:var(--cl-shadow-md);font-family:var(--cl-font-sans);border-radius:var(--cl-radius-lg);box-shadow:0 10px 32px color-mix(in srgb, var(--cl-color-text) 12%, transparent), 0 2px 5px color-mix(in srgb, var(--cl-color-text) 4%, transparent);padding:6px;position:fixed;overflow:auto}.cl-dropdown>button,.cl-dropdown>a{border-radius:var(--cl-radius-md)}.cl-dropdown>hr{border:0;border-top:1px solid var(--cl-color-border);margin:5px 7px}.cl-select__trigger{justify-content:space-between;gap:10px;min-height:32px;padding:6px 10px;font-size:12px;font-weight:500}.cl-select__trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cl-select__trigger>svg{width:14px;height:14px;color:var(--cl-color-text-muted)}.cl-select__trigger[aria-expanded=true]{border-color:var(--cl-color-brand);box-shadow:0 0 0 2px var(--cl-color-brand-soft)}.cl-select__popup{padding:5px}.cl-select__option{border-radius:var(--cl-radius-md);width:100%;min-height:36px;color:var(--cl-color-text);font:13px var(--cl-font-sans);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:8px 10px;display:flex}.cl-select__option>span{overflow-wrap:anywhere}.cl-select__option>svg{flex:none;width:14px;height:14px}.cl-select__option[aria-selected=true]{color:var(--cl-color-brand);background:var(--cl-color-brand-soft);font-weight:600}.cl-select__option:hover:not(:disabled),.cl-select__option:focus-visible{background:var(--cl-color-surface-subtle);box-shadow:inset 0 0 0 1px var(--cl-color-border-strong);outline:none}.cl-select__option:disabled{opacity:.45;cursor:not-allowed}.cl-context-menu{font:13px var(--cl-font-sans)}.cl-context-menu>button{width:100%;min-height:36px;color:var(--cl-color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;display:flex}.cl-context-menu>button:focus,.cl-context-menu>button:hover:not(:disabled){background:var(--cl-color-brand-soft);outline:none}.cl-context-menu>button:disabled{opacity:.45;cursor:not-allowed}.cl-context-menu>button.is-danger{color:var(--cl-color-critical)}.cl-context-menu__icon{flex:none;display:inline-flex}.cl-context-menu__icon svg{width:16px;height:16px}.cl-selection-area{min-width:0;position:relative}.cl-selection-area.is-selecting{-webkit-user-select:none;user-select:none;cursor:crosshair}.cl-selection-area__box{z-index:2;border:1px solid var(--cl-color-brand);background:color-mix(in srgb, var(--cl-color-brand) 13%, transparent);pointer-events:none;border-radius:3px;position:absolute}.cl-image-cropper{width:100%;font-family:var(--cl-font-sans);gap:14px;display:grid}.cl-image-cropper__viewport{aspect-ratio:1;border-radius:var(--cl-radius-md);cursor:grab;touch-action:none;background:#172033;width:min(100%,280px);margin-inline:auto;position:relative;overflow:hidden}.cl-image-cropper__viewport:active{cursor:grabbing}.cl-image-cropper__viewport:focus-visible{outline:2px solid var(--cl-color-brand);outline-offset:3px}.cl-image-cropper__viewport>img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute;top:0;left:0}.cl-image-cropper__mask{pointer-events:none;border:1px solid #fffc;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 280px #00000073}.cl-image-cropper__controls{align-items:center;gap:10px;display:flex}.cl-image-cropper__controls>svg{width:16px;height:16px;color:var(--cl-color-text-muted);flex:none}.cl-image-cropper__controls>input{width:100%;min-width:0;accent-color:var(--cl-color-brand);flex:1}.cl-image-cropper__error{color:#fff;text-align:center;place-items:center;font-size:13px;display:grid;position:absolute;inset:16px}:where([class^=cl-],[class*=\ cl-]),:where([class^=cl-],[class*=\ cl-]):before,:where([class^=cl-],[class*=\ cl-]):after,:where([class^=cl-],[class*=\ cl-]) *,:where([class^=cl-],[class*=\ cl-]) :before,:where([class^=cl-],[class*=\ cl-]) :after{box-sizing:border-box}.cl-button{border-radius:var(--cl-radius-sm);min-width:0;font-family:var(--cl-font-sans);white-space:nowrap;cursor:pointer;transition:background-color var(--cl-duration-fast), border-color var(--cl-duration-fast), color var(--cl-duration-fast), transform var(--cl-duration-fast), box-shadow var(--cl-duration-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:600;line-height:1;display:inline-flex}.cl-button:active:not(:disabled){transform:translateY(1px)}.cl-button:focus-visible,.cl-icon-button:focus-visible{box-shadow:var(--cl-focus);outline:none}.cl-button:disabled,.cl-icon-button:disabled{cursor:not-allowed;opacity:.5}.cl-button--medium{min-height:40px;padding:0 16px;font-size:14px}.cl-button--small{min-height:34px;padding:0 12px;font-size:13px}.cl-button--primary{color:var(--cl-color-on-brand);background:var(--cl-color-brand);box-shadow:inset 0 1px #ffffff1f,0 1px 2px #1219261f}.cl-button--primary:hover:not(:disabled){background:var(--cl-color-brand-hover)}.cl-button--secondary{color:var(--cl-color-text);background:var(--cl-color-surface);border-color:var(--cl-color-border)}.cl-button--secondary:hover:not(:disabled),.cl-button--ghost:hover:not(:disabled){background:var(--cl-color-surface-subtle)}.cl-button--ghost{color:var(--cl-color-text-muted);background:0 0}.cl-button--danger{color:var(--cl-color-critical);background:var(--cl-color-critical-soft)}.cl-button--full{width:100%}.cl-button__icon{display:inline-flex}.cl-button__icon>svg{width:17px;height:17px}.cl-icon-button{border-radius:var(--cl-radius-sm);color:var(--cl-color-text-muted);cursor:pointer;transition:color var(--cl-duration-fast), background-color var(--cl-duration-fast), border-color var(--cl-duration-fast), box-shadow var(--cl-duration-fast);background:0 0;border:1px solid #0000;flex:none;place-items:center;display:inline-grid}.cl-icon-button--medium{width:40px;height:40px}.cl-icon-button--small{width:32px;height:32px}.cl-icon-button svg{width:18px;height:18px}.cl-icon-button:hover,.cl-icon-button.is-selected{color:var(--cl-color-brand);background:var(--cl-color-brand-soft)}.cl-surface{border:1px solid var(--cl-color-border);border-radius:var(--cl-radius-lg);color:var(--cl-color-text);background:var(--cl-color-surface);box-shadow:var(--cl-shadow-sm)}.cl-surface--subtle{background:var(--cl-color-surface-subtle);box-shadow:none}.cl-surface--brand{border-color:color-mix(in srgb, var(--cl-color-brand) 80%, #000);background:var(--cl-color-brand);color:var(--cl-color-on-brand)}.cl-surface--interactive{transition:transform var(--cl-duration-normal), box-shadow var(--cl-duration-normal), border-color var(--cl-duration-normal)}.cl-surface--interactive:hover{border-color:var(--cl-color-border-strong);box-shadow:var(--cl-shadow-md);transform:translateY(-2px)}.cl-file-drop-region{min-width:0;min-height:0;position:relative}.cl-file-drop-region__error{margin:12px}.cl-file-drop-region__overlay{z-index:20;border:2px dashed var(--cl-color-brand);border-radius:var(--cl-radius-lg);color:var(--cl-color-brand);background:color-mix(in srgb, var(--cl-color-brand-soft) 90%, transparent);box-shadow:var(--cl-shadow-md);pointer-events:none;align-content:center;place-items:center;gap:12px;display:grid;position:absolute;inset:12px}.cl-file-drop-region__overlay svg{width:34px;height:34px}.cl-file-drop-region__overlay strong{font-family:var(--cl-font-sans);font-size:15px}.cl-badge{min-height:24px;color:var(--cl-color-text-muted);background:var(--cl-color-surface-subtle);font-family:var(--cl-font-sans);border-radius:999px;align-items:center;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.cl-badge--brand{color:var(--cl-color-brand);background:var(--cl-color-brand-soft)}.cl-badge--positive{color:var(--cl-color-positive);background:var(--cl-color-positive-soft)}.cl-badge--warning{color:var(--cl-color-warning);background:var(--cl-color-warning-soft)}.cl-badge--critical{color:var(--cl-color-critical);background:var(--cl-color-critical-soft)}.cl-notice{border:1px solid var(--cl-color-border);border-radius:var(--cl-radius-sm);width:100%;color:var(--cl-color-text-muted);background:var(--cl-color-surface-subtle);font-family:var(--cl-font-sans);align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.cl-notice--info{border-color:color-mix(in srgb, var(--cl-color-brand) 22%, transparent);color:var(--cl-color-brand);background:var(--cl-color-brand-soft)}.cl-notice--positive{border-color:color-mix(in srgb, var(--cl-color-positive) 22%, transparent);color:var(--cl-color-positive);background:var(--cl-color-positive-soft)}.cl-notice--warning{border-color:color-mix(in srgb, var(--cl-color-warning) 22%, transparent);color:var(--cl-color-warning);background:var(--cl-color-warning-soft)}.cl-notice--critical{border-color:color-mix(in srgb, var(--cl-color-critical) 22%, transparent);color:var(--cl-color-critical);background:var(--cl-color-critical-soft)}.cl-notice__icon{flex:none;margin-top:1px;display:inline-flex}.cl-notice__icon svg{width:18px;height:18px}.cl-notice__content{gap:2px;min-width:0;display:grid}.cl-notice__title{color:currentColor;font-size:13px;font-weight:700}.cl-notice__description{color:inherit}.cl-avatar{color:#fff;font-family:var(--cl-font-sans);letter-spacing:.03em;background:#526580;border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid;overflow:hidden}.cl-avatar--small{width:30px;height:30px;font-size:11px}.cl-avatar--medium{width:38px;height:38px;font-size:13px}.cl-avatar--large{width:52px;height:52px;font-size:16px}.cl-avatar img{object-fit:cover;width:100%;height:100%}.cl-progress{background:var(--cl-color-border);border-radius:999px;width:100%;height:6px;overflow:hidden}.cl-progress>span{border-radius:inherit;background:var(--cl-color-brand);transform-origin:0;width:100%;height:100%;transition:transform var(--cl-duration-normal);display:block}.cl-progress--positive>span{background:var(--cl-color-positive)}.cl-progress--warning>span{background:var(--cl-color-warning)}.cl-field{width:100%;color:var(--cl-color-text);font-family:var(--cl-font-sans);gap:7px;display:grid}.cl-field__label{font-size:13px;font-weight:600}.cl-field__control{border:1px solid var(--cl-color-border-strong);border-radius:var(--cl-radius-sm);background:var(--cl-color-surface);min-height:44px;transition:border-color var(--cl-duration-fast), box-shadow var(--cl-duration-fast);align-items:center;display:flex}.cl-field__control:focus-within{border-color:var(--cl-color-brand);box-shadow:var(--cl-focus)}.cl-field__icon{color:var(--cl-color-text-faint);padding-left:13px;display:inline-flex}.cl-field__icon svg{width:17px;height:17px}.cl-field input,.cl-field select{width:100%;min-width:0;height:42px;color:var(--cl-color-text);background:0 0;border:0;outline:0;padding:0 13px;font-family:inherit;font-size:14px}.cl-field select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--cl-color-text-faint) 50%), linear-gradient(135deg, var(--cl-color-text-faint) 50%, transparent 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-repeat:no-repeat;background-size:5px 5px}.cl-field select:disabled{cursor:not-allowed;opacity:.62}.cl-field input::placeholder{color:var(--cl-color-text-faint)}.cl-field__description{color:var(--cl-color-text-muted);font-size:11px;line-height:1.4}.cl-field--error .cl-field__control{border-color:var(--cl-color-critical)}.cl-field--error .cl-field__description{color:var(--cl-color-critical)}.cl-checkbox-field{width:100%;color:var(--cl-color-text-muted);font-family:var(--cl-font-sans);cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.cl-checkbox-field__input{width:17px;height:17px;accent-color:var(--cl-color-brand);cursor:inherit;flex:none;margin:2px 0 0}.cl-checkbox-field__input:focus-visible{box-shadow:var(--cl-focus);outline:none}.cl-checkbox-field__body{gap:3px;min-width:0;display:grid}.cl-checkbox-field__label{align-items:flex-start;gap:8px;display:flex}.cl-checkbox-field__icon{color:var(--cl-color-warning);flex:none;display:inline-flex}.cl-checkbox-field__icon svg{width:18px;height:18px}.cl-checkbox-field__description{color:var(--cl-color-text-faint);font-size:12px}.cl-checkbox-field__input:disabled,.cl-checkbox-field__input:disabled+.cl-checkbox-field__body{cursor:not-allowed;opacity:.62}.cl-checkbox-field--error .cl-checkbox-field__description{color:var(--cl-color-critical)}.cl-dialog{border-radius:var(--cl-radius-xl);width:min(100vw - 32px,560px);max-height:min(84vh,760px);color:var(--cl-color-text);box-shadow:var(--cl-shadow-md);background:0 0;border:0;padding:0}.cl-dialog--small{width:min(100vw - 32px,420px)}.cl-dialog--large{width:min(100vw - 32px,760px)}.cl-dialog::backdrop{background:#0a0f187a}.cl-dialog__panel{border:1px solid var(--cl-color-border);border-radius:inherit;background:var(--cl-color-surface);flex-direction:column;max-height:min(84vh,760px);display:flex;overflow:hidden}.cl-dialog__header{border-bottom:1px solid var(--cl-color-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:24px;padding:18px 24px;display:flex}.cl-dialog__header>div{overflow-wrap:anywhere;min-width:0}.cl-dialog__header h2{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:650}.cl-dialog__header p{color:var(--cl-color-text-muted);margin:6px 0 0;font-size:12px;line-height:1.5}.cl-dialog__body{overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:22px 24px;overflow-y:auto}.cl-dialog__footer{border-top:1px solid var(--cl-color-border);background:var(--cl-color-surface-subtle);flex-shrink:0;justify-content:flex-end;align-items:center;gap:9px;padding:14px 24px;display:flex}@media (prefers-reduced-motion:reduce){.cl-button,.cl-icon-button,.cl-surface--interactive,.cl-progress>span{transition:none}.cl-button:active:not(:disabled),.cl-surface--interactive:hover{transform:none}}}