*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:DM Sans,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[2\]{z-index:2}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-0\.5{margin-right:.125rem}.mr-1{margin-right:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-8{margin-top:2rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-48{max-height:12rem}.min-h-screen{min-height:100vh}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[52px\]{min-width:52px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-\[120px\]{max-width:120px}.max-w-\[200px\]{max-width:200px}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.bg-current{background-color:currentColor}.bg-transparent{background-color:transparent}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-2\.5{padding-bottom:.625rem}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\[15px\]{font-size:15px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-micro{font-size:11px;line-height:1.4}.text-sm{font-size:.875rem;line-height:1.25rem}.text-tiny{font-size:12px;line-height:1.4}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-wide{letter-spacing:.025em}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--color-cyan: #38bdf8;--color-green: #34d399;--color-indigo: #818cf8;--color-violet: #a78bfa;--color-pink: #e879f9;--color-amber: #fbbf24;--color-red: #f87171;--color-fuchsia: #c084fc;--color-gray: #6b7280;--color-fuchsia-12: color-mix(in srgb, #c084fc 12%, transparent);--color-fuchsia-25: color-mix(in srgb, #c084fc 25%, transparent);--color-cyan-05: color-mix(in srgb, #38bdf8 5%, transparent);--color-cyan-08: color-mix(in srgb, #38bdf8 8%, transparent);--color-violet-12: color-mix(in srgb, #a78bfa 12%, transparent);--color-amber-05: color-mix(in srgb, #fbbf24 5%, transparent);--color-amber-07: color-mix(in srgb, #fbbf24 7%, transparent);--color-amber-12: color-mix(in srgb, #fbbf24 12%, transparent);--color-amber-15: color-mix(in srgb, #fbbf24 15%, transparent);--color-amber-20: color-mix(in srgb, #fbbf24 20%, transparent);--color-amber-30: color-mix(in srgb, #fbbf24 30%, transparent);--color-green-12: color-mix(in srgb, #34d399 12%, transparent);--color-green-15: color-mix(in srgb, #34d399 15%, transparent);--color-green-30: color-mix(in srgb, #34d399 30%, transparent);--color-cyan-12: color-mix(in srgb, #38bdf8 12%, transparent);--color-violet-10: color-mix(in srgb, #a78bfa 10%, transparent);--color-violet-18: color-mix(in srgb, #a78bfa 18%, transparent);--color-indigo-10: color-mix(in srgb, #818cf8 10%, transparent);--color-indigo-25: color-mix(in srgb, #818cf8 25%, transparent);--color-indigo-20: color-mix(in srgb, #818cf8 20%, transparent);--color-indigo-45: color-mix(in srgb, #818cf8 45%, transparent);--color-green-10: color-mix(in srgb, #34d399 10%, transparent);--color-green-20: color-mix(in srgb, #34d399 20%, transparent);--color-white-04: rgba(255,255,255,.04);--color-white-05: rgba(255,255,255,.05);--color-white-06: rgba(255,255,255,.06);--color-white-07: rgba(255,255,255,.07);--color-white-08: rgba(255,255,255,.08);--color-white-10: rgba(255,255,255,.1);--color-white-12: rgba(255,255,255,.12);--color-white-14: rgba(255,255,255,.14);--color-white-15: rgba(255,255,255,.15);--color-white-18: rgba(255,255,255,.18);--color-white-22: rgba(255,255,255,.22);--color-white-24: rgba(255,255,255,.24);--color-white-25: rgba(255,255,255,.25);--color-white-30: rgba(255,255,255,.3);--color-white-50: rgba(255,255,255,.5);--color-white-52: rgba(255,255,255,.52);--color-white-60: rgba(255,255,255,.6);--color-white-70: rgba(255,255,255,.7);--color-white-75: rgba(255,255,255,.75);--color-white-80: rgba(255,255,255,.8);--color-white-85: rgba(255,255,255,.85);--color-white-88: rgba(255,255,255,.88);--color-white-95: rgba(255,255,255,.95);--color-white-97: rgba(255,255,255,.97);--color-ink-04: rgba(20,20,60,.04);--color-ink-05: rgba(20,20,60,.05);--color-ink-06: rgba(20,20,60,.06);--color-ink-07: rgba(20,20,60,.07);--color-ink-09: rgba(20,20,60,.09);--color-ink-10: rgba(20,20,60,.1);--color-ink-12: rgba(20,20,60,.12);--color-ink-14: rgba(20,20,60,.14);--color-ink-20: rgba(20,20,60,.2);--color-ink-28: rgba(20,20,60,.28);--color-ink-30: rgba(20,20,60,.3);--color-ink-35: rgba(20,20,60,.35);--color-ink-40: rgba(20,20,60,.4);--color-ink-52: rgba(20,20,60,.52);--color-ink-55: rgba(20,20,60,.55);--color-ink-65: rgba(20,20,60,.65);--color-ink-70: rgba(20,20,60,.7);--color-ink-72: rgba(20,20,60,.72);--color-ink-75: rgba(20,20,60,.75);--color-ink-80: rgba(20,20,60,.8);--color-ink-85: rgba(20,20,60,.85);--color-ink-88: rgba(20,20,60,.88);--color-ink-90: rgba(20,20,60,.9);--color-ink-92: rgba(15,15,50,.92);--color-pink-12: color-mix(in srgb, #e879f9 12%, transparent);--color-gray-12: color-mix(in srgb, #6b7280 12%, transparent);--color-fuchsia-08: color-mix(in srgb, #c084fc 8%, transparent);--gradient-ia: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--color-cyan-06: color-mix(in srgb, #38bdf8 6%, transparent);--color-cyan-18: color-mix(in srgb, #38bdf8 18%, transparent);--color-cyan-20: color-mix(in srgb, #38bdf8 20%, transparent);--color-cyan-35: color-mix(in srgb, #38bdf8 35%, transparent);--color-red-40: color-mix(in srgb, #f87171 40%, transparent);--color-red-55: color-mix(in srgb, #f87171 55%, transparent);--color-amber-45: color-mix(in srgb, #fbbf24 45%, transparent);--color-indigo-05: color-mix(in srgb, #818cf8 5%, transparent);--color-indigo-65: color-mix(in srgb, #818cf8 65%, transparent);--color-violet-600: #8b5cf6;--color-violet-600-10: color-mix(in srgb, #8b5cf6 10%, transparent);--color-violet-600-20: color-mix(in srgb, #8b5cf6 20%, transparent);--color-violet-600-40: color-mix(in srgb, #8b5cf6 40%, transparent);--color-violet-600-90: color-mix(in srgb, #8b5cf6 90%, transparent);--bg-base: #020408;--datel-accent: var(--color-indigo);--modal-bg: rgba(6, 9, 22, .97);--text-primary: rgba(255,255,255,.95);--text-secondary: rgba(255,255,255,.6);--text-muted: rgba(255,255,255,.5);--font-micro: 11px;--font-tiny: 12px;--font-label: 13px;--shadow-sm: 0 2px 16px rgba(0,0,0,.14);--shadow-md: 0 8px 32px rgba(0,0,0,.25);--shadow-lg: 0 16px 48px rgba(0,0,0,.3);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 16px;--radius-pill: 20px;--card-bg: rgba(18,22,40,.78);--card-border: rgba(255,255,255,.1);--card-radius: var(--radius-lg);--card-blur: blur(48px) saturate(1.6);--card-shadow: 0 1px 0 rgba(255,255,255,.1) inset, 0 6px 28px rgba(0,0,0,.32), 0 1px 3px rgba(0,0,0,.18);--card-shadow-hover: 0 1px 0 rgba(255,255,255,.15) inset, 0 12px 40px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.22);--card-border-hover: rgba(255,255,255,.18);--topbar-bg: rgba(2,4,8,.55);--topbar-border: rgba(255,255,255,.08);--divider-color: rgba(255,255,255,.08);--item-hover-bg: rgba(255,255,255,.07);--item-row-bg: rgba(255,255,255,.05);--item-row-border: rgba(255,255,255,.08);--form-bg: rgba(255,255,255,.06);--form-border: rgba(255,255,255,.1);--form-text: rgba(255,255,255,.85);--form-placeholder: rgba(255,255,255,.25);--input-card-bg: rgba(255,255,255,.07);--progress-track: rgba(255,255,255,.08);--nav-icon: rgba(255,255,255,.52);--nav-label: rgba(255,255,255,.5);--nav-active-icon: rgba(255,255,255,.95);--nav-active-label: rgba(255,255,255,.9);--nav-active-bg: rgba(255,255,255,.1);--nav-dot-gray: rgba(255,255,255,.22);--nav-pill-bg: rgba(255,255,255,.07);--nav-pill-border: rgba(255,255,255,.11);--item-active-bg: rgba(255,255,255,.1);--color-panel: rgba(255,255,255,.08);--color-border: rgba(255,255,255,.1);--divider: rgba(255,255,255,.08);--streak-dim: rgba(255,255,255,.2);--task-text: rgba(255,255,255,.85);--task-done: rgba(255,255,255,.45);--btn-ghost: rgba(255,255,255,.08);--btn-ghost-hover: rgba(255,255,255,.12);--danger-hover: rgba(248,113,113,.08)}html.oled{--bg-base: #000000;--modal-bg: rgba(0,0,0,.98);--card-bg: rgba(10,10,12,.92);--card-border: rgba(255,255,255,.14);--card-shadow: 0 1px 0 rgba(255,255,255,.12) inset, 0 6px 32px rgba(0,0,0,.7), 0 1px 4px rgba(0,0,0,.4);--card-shadow-hover: 0 1px 0 rgba(255,255,255,.18) inset, 0 14px 48px rgba(0,0,0,.8), 0 2px 8px rgba(0,0,0,.5);--topbar-bg: rgba(0,0,0,.72);--topbar-border: rgba(255,255,255,.1);--item-hover-bg: rgba(255,255,255,.09);--item-row-bg: rgba(255,255,255,.06);--item-row-border: rgba(255,255,255,.09);--divider: rgba(255,255,255,.09);--divider-color: rgba(255,255,255,.09);--form-bg: rgba(255,255,255,.07);--form-border: rgba(255,255,255,.12);--input-card-bg: rgba(255,255,255,.08);--btn-ghost: rgba(255,255,255,.09);--btn-ghost-hover: rgba(255,255,255,.14);--nav-pill-bg: rgba(255,255,255,.08);--nav-pill-border: rgba(255,255,255,.13);--nav-active-bg: rgba(255,255,255,.12)}html.light{--color-bg: #f8faff;--color-text: rgba(15,15,45,.92);--color-border: rgba(0,0,0,.07);--color-muted: rgba(15,15,45,.48);--color-card: rgba(255,255,255,.82);--bg-base: #f8faff;--modal-bg: rgba(250, 252, 255, .98);--text-primary: rgba(15,15,45,.92);--text-secondary: rgba(15,15,45,.65);--text-muted: rgba(15,15,45,.7);--card-bg: rgba(255,255,255,.8);--card-border: rgba(0,0,0,.07);--card-shadow: 0 1px 0 rgba(255,255,255,.95) inset, 0 4px 20px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);--card-shadow-hover: 0 1px 0 rgba(255,255,255,.95) inset, 0 10px 36px rgba(0,0,0,.09), 0 2px 8px rgba(0,0,0,.05);--topbar-bg: rgba(248,250,255,.88);--topbar-border: rgba(0,0,0,.07);--divider-color: rgba(15,15,45,.1);--item-active-bg: rgba(0,0,0,.07);--color-panel: rgba(255,255,255,.82);--divider: rgba(0,0,0,.07);--item-hover-bg: rgba(15,15,45,.09);--item-row-bg: rgba(15,15,45,.06);--item-row-border: rgba(15,15,45,.1);--form-bg: rgba(15,15,45,.08);--form-border: rgba(15,15,45,.15);--form-text: rgba(15,15,45,.85);--form-placeholder: rgba(15,15,45,.28);--input-card-bg: rgba(15,15,45,.05);--progress-track: rgba(15,15,45,.1);--nav-icon: rgba(15,15,45,.6);--nav-label: rgba(15,15,45,.58);--nav-active-icon: rgba(15,15,45,.95);--nav-active-label: rgba(15,15,45,.9);--nav-active-bg: rgba(15,15,45,.08);--nav-dot-gray: rgba(15,15,45,.2);--nav-pill-bg: rgba(255,255,255,.72);--nav-pill-border: rgba(0,0,0,.08);--streak-dim: rgba(15,15,45,.22);--task-text: rgba(15,15,45,.85);--task-done: rgba(15,15,45,.55);--btn-ghost: rgba(15,15,45,.06);--btn-ghost-hover: rgba(15,15,45,.1);--danger-hover: rgba(220,38,38,.06);--color-fuchsia: #c026d3;--color-fuchsia-08: color-mix(in srgb, #c026d3 8%, transparent);--color-fuchsia-12: color-mix(in srgb, #c026d3 12%, transparent);--card-border-hover: rgba(0,0,0,.13)}*{box-sizing:border-box}html{background:var(--bg-base)}body{font-family:DM Sans,system-ui,sans-serif;background:var(--bg-base);color:var(--text-primary);margin:0}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.datel-app{position:relative;width:100%;height:100vh;overflow:hidden;background:var(--bg-base);display:flex;flex-direction:column}.datel-layout{position:relative;z-index:10;display:flex;flex-direction:column;height:100vh;padding-top:56px;box-sizing:border-box;overflow:hidden}@media(max-width:767px){.datel-layout{height:100dvh}}@media(min-width:768px){.datel-layout{padding-top:72px}}@media(min-width:1024px){.datel-layout{padding-top:88px}}.datel-main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:12px 12px 92px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}html.light .datel-main-content{scrollbar-color:rgba(15,15,45,.1) transparent}@media(min-width:768px){.datel-main-content{padding:16px 24px 92px}}@media(min-width:1024px){.datel-main-content{padding:16px 24px 20px}}.datel-aurora{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.datel-aurora-blob{position:absolute;border-radius:50%;filter:blur(90px);animation:aurora-drift ease-in-out infinite;will-change:transform}.datel-aurora-blob-1{width:600px;height:600px;background:radial-gradient(ellipse,rgba(56,189,248,.28) 0%,transparent 70%);top:-20%;left:-8%;animation-duration:18s;animation-delay:0s;opacity:.22}.datel-aurora-blob-2{width:520px;height:520px;background:radial-gradient(ellipse,rgba(20,184,166,.25) 0%,transparent 70%);bottom:-12%;right:-5%;animation-duration:24s;animation-delay:-9s;opacity:.22}.datel-aurora-blob-3{width:440px;height:440px;background:radial-gradient(ellipse,rgba(139,92,246,.25) 0%,transparent 70%);top:30%;right:5%;animation-duration:30s;animation-delay:-16s;opacity:.2}.datel-aurora-blob-4{width:360px;height:360px;background:radial-gradient(ellipse,rgba(236,72,153,.22) 0%,transparent 70%);top:55%;left:22%;animation-duration:36s;animation-delay:-24s;opacity:.18}html.light .datel-aurora-blob-1,html.light .datel-aurora-blob-2{opacity:.28}html.light .datel-aurora-blob-3{opacity:.24}html.light .datel-aurora-blob-4{opacity:.22}@keyframes aurora-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-50px) scale(1.07)}66%{transform:translate(-30px,30px) scale(.95)}}@media(prefers-reduced-motion:reduce){.datel-aurora-blob,.datel-logo-spec,.datel-pulse,.animate-spin,.animate-pulse{animation:none!important}*{transition-duration:.01ms!important}}:focus-visible{outline:2px solid rgba(129,140,248,.8);outline-offset:2px;border-radius:4px}.datel-header-nav-item:focus-visible,.datel-user-btn:focus-visible,.datel-notif-btn:focus-visible{outline:2px solid rgba(129,140,248,.8);outline-offset:2px}html.light :focus-visible{outline-color:#2563ebb3}.datel-grid{display:none}.datel-topbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:var(--topbar-bg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-bottom:1px solid var(--topbar-border);flex-shrink:0}@media(min-width:768px){.datel-topbar{height:72px;padding:0 24px}}@media(min-width:1024px){.datel-topbar{height:88px;padding:0 28px}}.datel-search-wrap{position:relative;display:flex;align-items:center;gap:6px;background:var(--form-bg);border:1px solid var(--form-border);border-radius:var(--radius-sm);padding:5px 10px;width:36px;overflow:hidden;transition:width .25s cubic-bezier(.4,0,.2,1),border-color .2s;cursor:text}@media(min-width:768px){.datel-search-wrap{width:160px}.datel-search-wrap:focus-within{width:220px}}.datel-search-wrap:focus-within{border-color:var(--datel-accent);width:180px}.datel-search-icon{color:var(--text-muted);flex-shrink:0;transition:color .2s}.datel-search-wrap:focus-within .datel-search-icon{color:var(--datel-accent)}.datel-search-input{background:none;border:none;outline:none;font-size:12px;color:var(--text-primary);width:100%;min-width:0}.datel-search-input::-moz-placeholder{color:var(--form-placeholder)}.datel-search-input::placeholder{color:var(--form-placeholder)}.datel-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:4px;display:flex;flex-direction:column;gap:2px;min-width:200px;box-shadow:var(--shadow-md);z-index:200}.datel-search-result-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s}.datel-search-result-item:hover{background:var(--item-hover-bg)}.datel-search-result-item .label{font-size:12px;font-weight:500;color:var(--text-primary)}.datel-search-result-item .meta{font-size:var(--font-micro);color:var(--text-muted)}.datel-notif-btn{position:relative;padding:5px;border-radius:var(--radius-sm);color:var(--text-muted);transition:background .12s,color .12s;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.datel-notif-btn:hover{background:var(--btn-ghost-hover);color:var(--text-primary)}.datel-header-clock{position:relative;font-size:13px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:1.2px;padding:5px 13px;border-radius:20px;background:var(--bubble-bg-blue);border:.5px solid var(--bubble-border-blue);box-shadow:var(--bubble-shadow-blue);flex-shrink:0;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.datel-header-clock:before{content:"";position:absolute;top:-10px;right:-10px;width:44px;height:44px;background:radial-gradient(circle,rgba(37,99,235,.28) 0%,transparent 70%);border-radius:50%;pointer-events:none}.datel-version-badge{font-size:9px;font-weight:700;letter-spacing:.6px;padding:2px 8px;border-radius:20px;background:linear-gradient(90deg,#2563eb2e,#7c3aed2e);border:1px solid rgba(124,58,237,.32);color:var(--color-indigo);align-self:flex-end;margin-bottom:4px;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;text-transform:lowercase;line-height:1.4}html.light .datel-version-badge{color:#4f46e5;background:linear-gradient(90deg,#2563eb1a,#7c3aed1a);border-color:#4f46e547}.datel-notif-badge{position:absolute;top:2px;right:2px;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--color-red),#fb923c);border:1.5px solid var(--topbar-bg)}.datel-notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:min(280px,calc(100vw - 24px));background:var(--modal-bg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:6px;box-shadow:var(--shadow-md);z-index:200}.datel-notif-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 8px}.datel-notif-title{font-size:var(--font-tiny);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.datel-notif-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);transition:background .12s;cursor:pointer}.datel-notif-item:hover{background:var(--item-hover-bg)}.datel-notif-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:4px}.datel-notif-text{font-size:12px;color:var(--text-primary);line-height:1.4}.datel-notif-meta{font-size:var(--font-micro);color:var(--text-muted);margin-top:1px}.datel-notif-empty{padding:16px 10px;text-align:center;font-size:12px;color:var(--text-muted)}.axis-fab-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}.axis-fab-container>*{pointer-events:auto}@media(max-width:1023px){.axis-fab-container{bottom:calc(max(10px,env(safe-area-inset-bottom,10px)) + 76px);right:16px}}.axis-panel{width:400px;border-radius:20px;overflow:hidden;animation:axis-panel-in .3s cubic-bezier(.16,1,.3,1);transform-origin:bottom right;background:linear-gradient(135deg,#6366f199,#8b5cf666,#6366f199);padding:1px;box-shadow:0 24px 64px #0000008c,0 0 80px #6366f11a}@keyframes axis-panel-in{0%{opacity:0;transform:scale(.88) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:480px){.axis-fab-container{right:0;left:0;align-items:stretch}.axis-panel{width:100%;border-radius:20px 20px 0 0;max-height:80dvh}}.axis-fab-btn{position:relative;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);box-shadow:0 4px 20px #a855f773,0 0 0 1px #a855f74d;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s;animation:axis-fab-in .3s cubic-bezier(.16,1,.3,1)}@keyframes axis-fab-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.axis-fab-btn:hover{transform:scale(1.06);box-shadow:0 6px 28px #a855f7a6,0 0 0 1px #a855f766}.axis-fab-btn:active{transform:scale(.97)}.axis-fab-btn.axis-fab-unread{box-shadow:0 4px 24px #a855f799,0 0 0 1px #a855f766,0 0 32px #ec489933}.axis-fab-btn.axis-fab-unread:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:conic-gradient(from 0deg,#6366f1,#a855f7,#ec4899,#6366f1);animation:axis-fab-pulse 2s linear infinite;opacity:.6;z-index:-1}@keyframes axis-fab-pulse{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.axis-fab-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;border-radius:9px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #0f0f13;animation:axis-badge-pop .2s cubic-bezier(.16,1,.3,1)}@keyframes axis-badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.axis-shell{font-family:DM Sans,system-ui,sans-serif;background:#0f0f13;border-radius:17px;overflow:hidden;display:flex;flex-direction:column}@media(max-width:480px){.axis-shell{border-radius:17px 17px 0 0}}.axis-header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px 12px;border-bottom:1px solid rgba(99,102,241,.14);background:#6366f10d;gap:12px}.axis-header-left{display:flex;align-items:center;gap:10px;min-width:0}.axis-avatar{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#6366f1,#7c3aed);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 0 12px #6366f166}.axis-header-name{font-size:13px;font-weight:700;color:#f0f0ff;letter-spacing:.02em}.axis-header-status{display:flex;align-items:center;gap:5px;font-size:10.5px;color:#ffffff61;margin-top:1px}.axis-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade8099;flex-shrink:0}.axis-header-kpis{display:flex;align-items:center;gap:10px;flex-shrink:0}.axis-kpi{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.axis-kpi-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffff47}.axis-kpi-value{font-size:11px;font-weight:600;color:#ffffffb3;font-variant-numeric:tabular-nums}.axis-kpi-divider{width:1px;height:24px;background:#ffffff14}@media(max-width:380px){.axis-kpi,.axis-kpi-divider{display:none}}.axis-header-close{color:#ffffff59;padding:5px;border-radius:7px;flex-shrink:0;transition:background .12s,color .12s;cursor:pointer;margin-left:2px}.axis-header-close:hover{background:#ffffff12;color:#ffffffbf}.axis-chat{max-height:380px;overflow-y:auto;padding:16px 16px 8px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.25) transparent}@media(max-width:480px){.axis-chat{max-height:50vh}}.axis-msg{display:flex;align-items:flex-end;gap:8px;max-width:100%;animation:axis-msg-in .28s cubic-bezier(.16,1,.3,1)}@keyframes axis-msg-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.axis-msg-user{flex-direction:row-reverse}.axis-msg-avatar{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,#6366f1,#7c3aed);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:9px;font-weight:700}.axis-msg-avatar-user{background:#ffffff1a;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;font-size:10px}.axis-bubble{max-width:82%;min-width:0}.axis-bubble-text{font-size:13px;line-height:1.6;padding:10px 14px;border-radius:14px;white-space:pre-wrap;word-break:break-word;margin:0}.axis-msg-assistant .axis-bubble-text{background:#1e203ceb;border:1px solid rgba(99,102,241,.3);border-bottom-left-radius:4px;color:#e8e8f8}.axis-msg-user .axis-bubble-text{background:linear-gradient(135deg,#6366f1,#5254cc);border:none;border-bottom-right-radius:4px;color:#fff}.axis-typing{display:flex;gap:5px;align-items:center;padding:12px 16px;background:#6366f11a;border:1px solid rgba(99,102,241,.22);border-radius:14px 14px 14px 4px}.axis-typing span{width:5px;height:5px;border-radius:50%;background:#6366f1;animation:axis-bounce 1.3s ease-in-out infinite}.axis-typing span:nth-child(2){animation-delay:.18s}.axis-typing span:nth-child(3){animation-delay:.36s}@keyframes axis-bounce{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-5px);opacity:1}}.axis-nav-section{padding:6px 12px 10px}.axis-nav-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#ffffff47;padding:4px 6px 8px}.axis-nav-result{display:flex;align-items:center;width:100%;gap:8px;padding:9px 10px;border-radius:9px;font-size:13px;font-weight:500;color:#ffffffbf;transition:background .12s;cursor:pointer}.axis-nav-result:hover{background:#6366f11f;color:#fff}.axis-hint{padding:18px 16px;font-size:11.5px;color:#ffffff47;text-align:center;line-height:1.7}.axis-hint kbd{font-size:10px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:1px 5px;color:#fff6}.axis-input-row{display:flex;align-items:center;gap:8px;margin:10px 12px 12px;padding:10px 14px;border-radius:13px;background:#ffffff0d;border:1px solid rgba(99,102,241,.2);transition:border-color .15s,box-shadow .15s}.axis-input-row:focus-within{border-color:#6366f180;box-shadow:0 0 0 3px #6366f114}.axis-input-spark{color:#6366f1;flex-shrink:0;opacity:.8}.axis-input{flex:1;background:none;border:none;outline:none;font-size:13.5px;font-family:DM Sans,system-ui,sans-serif;color:#f0f0ff;min-width:0;min-height:22px;max-height:80px;resize:none;overflow:hidden;line-height:1.55;padding:0;display:block;align-self:center}.axis-input::-moz-placeholder{color:#ffffff47}.axis-input::placeholder{color:#ffffff47}.axis-input-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.axis-kbd{display:flex;align-items:center;justify-content:center;color:#ffffff4d;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:3px 5px}.axis-send-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#6366f1,#5254cc);color:#fff;cursor:pointer;transition:opacity .12s,transform .1s;flex-shrink:0}.axis-send-btn:hover{opacity:.88;transform:scale(1.04)}.axis-btn-ghost{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:6px;color:#ffffff4d;cursor:pointer;transition:background .12s,color .12s}.axis-btn-ghost:hover{background:#ffffff12;color:#ffffffa6}.axis-md{font-size:13px;line-height:1.65;color:#e8e8f8}.axis-md-h1{font-size:14px;font-weight:700;color:#fff;margin:8px 0 3px}.axis-md-h2{font-size:13.5px;font-weight:700;color:#c4c4f4;margin:7px 0 3px}.axis-md-h3{font-size:12.5px;font-weight:600;color:#a0a0e0;margin:6px 0 2px}.axis-md-p{margin:2px 0}.axis-md-gap{height:5px}.axis-md-hr{border:none;border-top:1px solid rgba(99,102,241,.2);margin:8px 0}.axis-md-li{display:flex;gap:6px;align-items:baseline;margin:2px 0}.axis-md-bullet{color:#6366f1;font-size:14px;flex-shrink:0;line-height:1}.axis-md-num{color:#818cf8;font-size:11.5px;font-weight:700;flex-shrink:0;line-height:1.65;min-width:18px}.axis-md-code{font-family:SF Mono,Fira Code,monospace;font-size:11.5px;background:#6366f12e;border:1px solid rgba(99,102,241,.3);border-radius:4px;padding:1px 5px;color:#a5b4fc}.axis-md-table-wrap{overflow-x:auto;margin:6px 0;border-radius:8px;border:1px solid rgba(99,102,241,.2)}.axis-md-table{width:100%;border-collapse:collapse;font-size:12px}.axis-md-table th{padding:6px 10px;text-align:left;font-weight:600;color:#a5b4fc;background:#6366f11f;border-bottom:1px solid rgba(99,102,241,.2);white-space:nowrap}.axis-md-table td{padding:5px 10px;color:#d4d4f8;border-bottom:1px solid rgba(99,102,241,.08)}.axis-md-table tr:last-child td{border-bottom:none}.axis-md-table tr:hover td{background:#6366f10d}.axis-msg-ts{font-size:9.5px;color:#ffffff38;margin-top:3px;line-height:1}.axis-msg-ts-assistant{text-align:left;padding-left:2px}.axis-msg-ts-user{text-align:right;padding-right:2px}.axis-input-row{align-items:flex-end}.axis-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.axis-msg-avatar-wrap{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.axis-welcome{padding:14px 16px 8px;display:flex;flex-direction:column;gap:10px}.axis-welcome-msg{font-size:12.5px;color:#ffffff73;line-height:1.55;margin:0}.axis-quick-actions{display:flex;flex-direction:column;gap:4px}.axis-quick-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:9px;font-size:12.5px;font-weight:500;color:#ffffffa6;background:#6366f112;border:1px solid rgba(99,102,241,.12);cursor:pointer;text-align:left;transition:background .12s,color .12s,border-color .12s}.axis-quick-btn:hover{background:#6366f12e;border-color:#6366f14d;color:#fff}.axis-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;background:transparent;border:none;cursor:pointer;color:#ffffff40;transition:color .12s,background .12s;flex-shrink:0;margin-left:2px;vertical-align:middle}.axis-copy-btn:hover{color:#ffffffa6;background:#ffffff12}.axis-doc-banner{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:11px;color:#ffffffb3;background:#34d3991a;border-bottom:1px solid rgba(52,211,153,.2);flex-shrink:0}.axis-doc-banner-error{background:#f871711a;border-bottom-color:#f8717133;color:#ffffffa6}.axis-doc-link{color:#34d399;font-weight:600;text-decoration:underline;text-underline-offset:2px}.axis-doc-link:hover{opacity:.8}.datel-logo-wrap{position:relative;height:34px;aspect-ratio:631 / 295;overflow:hidden;cursor:pointer;flex-shrink:0}@media(min-width:768px){.datel-logo-wrap{height:clamp(48px,6vw,62px)}}@media(min-width:1024px){.datel-logo-wrap{height:clamp(61px,7.9vw,75px)}}.datel-logo-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(112deg,#0891b2,#2563eb,#7c3aed,#be185d,#ea580c,#ca8a04,#16a34a,#0891b2,#2563eb,#7c3aed,#be185d,#0891b2);background-size:500% 100%;animation:logo-pendulum 18s ease-in-out infinite;-webkit-mask-image:url(/datel-logo-mask.png);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(/datel-logo-mask.png);mask-size:contain;mask-repeat:no-repeat;mask-position:center}.datel-logo-spec{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(108deg,transparent 25%,rgba(255,255,255,.1) 38%,rgba(255,255,255,.88) 50%,rgba(255,255,255,.1) 62%,transparent 75%);background-size:250% 100%;background-position:220% 0;background-repeat:no-repeat;opacity:0;pointer-events:none;-webkit-mask-image:url(/datel-logo-mask.png);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(/datel-logo-mask.png);mask-size:contain;mask-repeat:no-repeat;mask-position:center}.datel-logo-spec.flash{mix-blend-mode:screen;animation:logo-flash .85s cubic-bezier(.4,0,.2,1) forwards}@keyframes logo-pendulum{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes logo-flash{0%{background-position:220% 0;opacity:0}12%{opacity:1}88%{opacity:1}to{background-position:-30% 0;opacity:0}}.datel-header-nav{position:absolute;left:50%;transform:translate(-50%);display:none;align-items:center;gap:1px;background:var(--nav-pill-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--nav-pill-border);border-radius:var(--radius-md);padding:3px;box-shadow:var(--shadow-sm),0 0 0 .5px #ffffff0a}@media(min-width:1024px){.datel-header-nav{display:flex}}.datel-header-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:60px;padding:6px 8px;border-radius:var(--radius-sm);text-decoration:none;border:1px solid transparent;transition:background .15s,border-color .15s;cursor:pointer}.datel-header-nav-item:hover{background:var(--nav-active-bg)}.datel-header-nav-item.active{background:var(--nav-active-bg);border-color:var(--card-border)}.datel-header-nav-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;color:var(--nav-icon)}.datel-header-nav-item.active .datel-header-nav-icon-wrap{color:var(--nav-active-icon)}.datel-header-nav-dot{position:absolute;bottom:-2px;right:-3px;width:5px;height:5px;border-radius:50%;border:1px solid var(--topbar-bg)}.datel-header-nav-label{font-size:var(--font-micro);font-weight:500;letter-spacing:.02em;color:var(--nav-label);line-height:1}.datel-header-nav-item.active .datel-header-nav-label{color:var(--nav-active-label)}.datel-header-nav-ia .datel-header-nav-icon-wrap{background:linear-gradient(135deg,#7c3aed22,var(--color-pink)22);border-radius:var(--radius-sm);padding:4px;color:var(--color-violet)}.datel-header-nav-ia .datel-header-nav-label{background:linear-gradient(90deg,var(--color-indigo),var(--color-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.datel-header-nav-ia:hover .datel-header-nav-icon-wrap{background:linear-gradient(135deg,#7c3aed33,var(--color-pink)33)}.datel-user-btn{display:flex;align-items:center;gap:6px;padding:3px 6px 3px 3px;border-radius:var(--radius-sm);transition:background .12s;cursor:pointer}.datel-user-btn:hover{background:var(--btn-ghost-hover)}.datel-user-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#0891b2,#7c3aed,#be185d)}.datel-user-avatar span{color:#fff;font-size:12px;font-weight:600}.datel-user-avatar-lg{width:40px;height:40px;border-radius:var(--radius-md);flex-shrink:0}.datel-user-avatar-lg span{font-size:16px}.datel-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--modal-bg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:6px;box-shadow:var(--shadow-md);z-index:200}.datel-user-dropdown-profile{display:flex;align-items:center;gap:10px;padding:8px 8px 10px}.datel-user-dropdown-divider{height:1px;background:var(--divider-color);margin:2px 0}.datel-user-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:var(--radius-sm);font-size:var(--font-label);font-weight:500;color:var(--text-primary);transition:background .1s;text-align:left}.datel-user-dropdown-item:hover{background:var(--item-hover-bg)}.datel-user-dropdown-item-danger{color:var(--color-red)}.datel-user-dropdown-item-danger:hover{background:var(--danger-hover)}.datel-theme-toggle-bar{display:none;align-items:center;gap:2px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:4px}@media(min-width:768px){.datel-theme-toggle-bar{display:flex}}html.light .datel-theme-toggle-bar{background:#0f0f2d0d;border-color:#0f0f2d1a}.datel-theme-btn-bar{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;border:none;background:transparent;color:var(--nav-icon);cursor:pointer;transition:all .15s}.datel-theme-btn-bar:hover{color:var(--text-primary);background:var(--item-hover-bg)}.datel-theme-btn-bar.active{background:#ffffff24!important;color:var(--text-primary)!important}html.light .datel-theme-btn-bar.active{background:#0f0f2d1a!important}.datel-theme-toggle{position:absolute;top:20px;right:20px;z-index:30;display:flex;align-items:center;gap:2px;background:#ffffff12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:5px}html.light .datel-theme-toggle{background:#0f0f2d0f;border-color:#0f0f2d1f}.datel-theme-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:transparent;color:#ffffff59;cursor:pointer;transition:all .15s}.datel-theme-btn:hover{color:#ffffffb3;background:#ffffff14}.datel-theme-btn-active{background:#ffffff26!important;color:#fffffff2!important}html.light .datel-theme-btn{color:#0f0f2d66}html.light .datel-theme-btn:hover{color:#0f0f2db3;background:#0f0f2d12}html.light .datel-theme-btn-active{background:#0f0f2d1f!important;color:#0f0f2de6!important}.datel-bottom-nav{position:fixed;bottom:max(10px,env(safe-area-inset-bottom,10px));left:12px;right:12px;z-index:50;display:flex;align-items:center;height:60px;padding:0 6px;background:var(--nav-pill-bg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--nav-pill-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);overflow:hidden}.datel-bottom-nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 80% 260% at 50% 160%,rgba(56,189,248,.09) 0%,rgba(129,140,248,.09) 40%,rgba(232,121,249,.06) 70%,transparent 100%);z-index:0}.datel-bottom-nav>*{position:relative;z-index:1}@media(min-width:1024px){.datel-bottom-nav{display:none}}.datel-bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 4px;border-radius:var(--radius-sm);text-decoration:none;transition:background .15s}.datel-bottom-nav-item:hover{background:var(--item-hover-bg)}.datel-bottom-nav-item.active{background:var(--nav-active-bg)}.datel-bottom-nav-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;color:var(--nav-icon)}.datel-bottom-nav-item.active .datel-bottom-nav-icon-wrap{color:var(--nav-active-icon)}.datel-bottom-nav-dot{position:absolute;bottom:-2px;right:-4px;width:5px;height:5px;border-radius:50%;border:1px solid var(--nav-pill-bg)}.datel-bottom-nav-label{font-size:9px;font-weight:500;letter-spacing:.03em;color:var(--nav-label);line-height:1}.datel-bottom-nav-item.active .datel-bottom-nav-label{color:var(--nav-active-label)}.datel-bottom-nav-ia{cursor:pointer}.datel-bottom-nav-ia .datel-bottom-nav-icon-wrap{background:linear-gradient(135deg,#7c3aed22,var(--color-pink)22);border-radius:var(--radius-sm);padding:3px;color:var(--color-violet)}.datel-bottom-nav-ia .datel-bottom-nav-label{background:linear-gradient(90deg,var(--color-indigo),var(--color-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.datel-bottom-nav-ia:hover .datel-bottom-nav-icon-wrap{background:linear-gradient(135deg,#7c3aed33,var(--color-pink)33)}.card,.card-base{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);box-shadow:var(--card-shadow);transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease;min-width:0;overflow-wrap:break-word;word-break:break-word}.card:hover,.card-base:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px);border-color:var(--card-border-hover)}html.light .card:hover,html.light .card-base:hover{border-color:#0000001c}@media(prefers-reduced-motion:reduce){.card,.card-base{transition:none}.card:hover,.card-base:hover{transform:none}}.card-cyan{border-top:2px solid color-mix(in srgb,var(--color-cyan) 65%,transparent)!important}.card-green{border-top:2px solid color-mix(in srgb,var(--color-green) 65%,transparent)!important}.card-amber{border-top:2px solid color-mix(in srgb,var(--color-amber) 65%,transparent)!important}.card-violet{border-top:2px solid color-mix(in srgb,var(--color-violet) 65%,transparent)!important}.card-indigo{border-top:2px solid color-mix(in srgb,var(--color-indigo) 65%,transparent)!important}.card-pink{border-top:2px solid color-mix(in srgb,var(--color-pink) 65%,transparent)!important}html.light .card-cyan{border-top-color:color-mix(in srgb,var(--color-cyan) 75%,transparent)!important}html.light .card-green{border-top-color:color-mix(in srgb,var(--color-green) 75%,transparent)!important}html.light .card-amber{border-top-color:color-mix(in srgb,var(--color-amber) 75%,transparent)!important}html.light .card-violet{border-top-color:color-mix(in srgb,var(--color-violet) 70%,transparent)!important}html.light .card-indigo{border-top-color:color-mix(in srgb,var(--color-indigo) 70%,transparent)!important}html.light .card-pink{border-top-color:color-mix(in srgb,var(--color-pink) 70%,transparent)!important}.card-cyan:hover{box-shadow:var(--card-shadow-hover),0 0 24px color-mix(in srgb,var(--color-cyan) 10%,transparent)!important}.card-green:hover{box-shadow:var(--card-shadow-hover),0 0 24px color-mix(in srgb,var(--color-green) 10%,transparent)!important}.card-amber:hover{box-shadow:var(--card-shadow-hover),0 0 24px color-mix(in srgb,var(--color-amber) 10%,transparent)!important}.card-violet:hover{box-shadow:var(--card-shadow-hover),0 0 24px color-mix(in srgb,var(--color-violet) 10%,transparent)!important}.card-indigo:hover{box-shadow:var(--card-shadow-hover),0 0 24px color-mix(in srgb,var(--color-indigo) 10%,transparent)!important}.card-pink:hover{box-shadow:var(--card-shadow-hover),0 0 24px color-mix(in srgb,var(--color-pink) 10%,transparent)!important}@keyframes shimmer{0%{opacity:.55}50%{opacity:1}to{opacity:.55}}.cal-event-row{display:flex;align-items:flex-start;gap:8px;padding:8px 8px 8px 10px;border-radius:10px;border-left:2px solid rgba(56,189,248,.45);background:var(--color-panel);transition:background .15s}.cal-event-row:hover{background:var(--item-hover-bg)}html.light .cal-event-row{border-left-color:#38bdf899}.datel-auto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));grid-auto-flow:dense;gap:12px;align-items:start}.datel-auto-grid>*{min-width:0}.datel-auto-grid>.span-full{grid-column:1 / -1}@media(max-width:479px){.datel-auto-grid{gap:8px}}.datel-dashboard-full{display:flex;flex-direction:column;width:100%;padding:0}.datel-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px;padding:8px 12px;flex:1;min-height:0}@media(max-width:767px){.datel-bento{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;flex:none;height:auto;overflow-y:visible;padding:8px;gap:8px}}@media(max-width:479px){.datel-bento{grid-template-columns:1fr}}.datel-bento-item{min-height:0;min-width:0;display:flex;flex-direction:column}.datel-bento-item>.card,.datel-bento-item>.datel-ai-card-wrap{flex:1;min-height:0;min-width:0}@media(max-width:767px){.datel-bento-item{min-height:160px}.datel-bento-item>.card,.datel-bento-item>.datel-ai-card-wrap{flex:none;min-height:160px;height:auto}}.datel-bento-hero{grid-column:span 2}@media(max-width:767px){.datel-bento-hero{grid-column:span 2;min-height:200px}.datel-bento-hero>.card,.datel-bento-hero>.datel-ai-card-wrap{min-height:200px}}@media(max-width:479px){.datel-bento-hero{grid-column:span 1}}.datel-bento-card-body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}@media(max-width:767px){.datel-bento-card-body{min-height:80px;max-height:260px}}.datel-bento-card-body::-webkit-scrollbar{display:none}.ctx-pro{background:var(--color-violet);box-shadow:0 0 4px #a78bfa80}.ctx-personal{background:#2dd4bf;box-shadow:0 0 4px #2dd4bf80}.ctx-pill-pro{color:var(--color-violet);background:var(--color-violet-10);border:1px solid var(--color-violet-18)}.ctx-pill-personal{color:#2dd4bf;background:color-mix(in srgb,#2dd4bf 10%,transparent);border:1px solid color-mix(in srgb,#2dd4bf 20%,transparent)}html.deep-work .datel-auto-grid>*,html.deep-work .datel-bento-item{opacity:.15;filter:blur(2px);pointer-events:none;transition:opacity .3s ease,filter .3s ease}html.deep-work .datel-auto-grid>.deep-work-active,html.deep-work .datel-bento-item.deep-work-active{opacity:1!important;filter:none!important;pointer-events:auto!important;transform:scale(1.01);box-shadow:0 0 40px #38bdf82e}html.deep-work .datel-layout{background:#0009}html.deep-work .datel-topbar{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:.7}.datel-ai-card-wrap{position:relative;border-radius:var(--radius-lg);padding:1.5px;background:linear-gradient(135deg,var(--color-cyan),var(--color-indigo),var(--color-pink),var(--color-amber),var(--color-green),var(--color-cyan));background-size:300% 300%;display:flex;flex-direction:column}.datel-ai-card-wrap>.card{border-color:transparent!important;background:#0c0c1cfa!important}html.light .datel-ai-card-wrap>.card{background:#fffffff5!important}.datel-iris-line{height:2px;border-radius:9999px;background:linear-gradient(90deg,var(--color-cyan),var(--color-indigo),var(--color-pink),var(--color-amber),var(--color-green),var(--color-cyan));opacity:.45;flex-shrink:0}.datel-ai-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--font-micro);font-weight:700;letter-spacing:.08em;background:linear-gradient(90deg,#818cf833,#e879f933);border:1px solid rgba(129,140,248,.3);color:var(--color-violet)}.datel-section-body>*+*{border-top:1px solid var(--divider-color)}.datel-divider{border-color:var(--divider-color)!important}.datel-divider-line{flex:1;height:1px;background:var(--divider-color)}.datel-divider-text{font-size:var(--font-tiny);color:var(--text-muted)}.datel-item-hover{background:var(--item-row-bg);border-radius:10px;transition:background .15s}.datel-item-hover:hover{background:var(--item-hover-bg)}.datel-scroll-x{overflow-x:auto;scrollbar-width:none}.datel-scroll-x::-webkit-scrollbar{display:none}.datel-ia-badge{width:20px;height:20px;border-radius:6px;flex-shrink:0;background:var(--gradient-ia);display:flex;align-items:center;justify-content:center}.datel-ia-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--card-border);color:var(--text-secondary);font-size:var(--font-tiny);font-family:inherit;white-space:nowrap;flex-shrink:0;cursor:pointer;background:transparent;transition:border-color .15s,color .15s,background .15s;outline:none}.datel-ia-pill:hover{border-color:var(--color-fuchsia);color:var(--color-fuchsia);background:var(--color-fuchsia-08)}.datel-ia-pill:focus-visible{outline:2px solid var(--color-fuchsia);outline-offset:2px}.datel-ia-pill .datel-ia-pill-icon{opacity:.55;flex-shrink:0;transition:opacity .15s}.datel-ia-pill:hover .datel-ia-pill-icon{opacity:1}@media(prefers-reduced-motion:reduce){.datel-ia-pill{transition:none}}.datel-ia-pill-ia{border-color:color-mix(in srgb,var(--color-fuchsia) 40%,transparent);color:var(--color-fuchsia);background:var(--color-fuchsia-08)}.datel-ia-pill-ia:hover{border-color:var(--color-fuchsia);background:var(--color-fuchsia-12)}.datel-ia-pill-new{border-color:color-mix(in srgb,var(--color-indigo) 40%,transparent);color:var(--color-indigo);background:var(--color-indigo-10)}.datel-ia-pill-new:hover{border-color:var(--color-indigo);background:var(--color-indigo-20)}.datel-ia-pill:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}html.light .datel-ia-pill{border-color:#0f0f2d24}html.light .card-cyan:hover,html.light .card-green:hover,html.light .card-amber:hover,html.light .card-violet:hover,html.light .card-indigo:hover,html.light .card-pink:hover{box-shadow:var(--card-shadow-hover)!important}.datel-item-row{background:var(--item-row-bg);border:1px solid var(--item-row-border);transition:background .15s}.datel-item-row:hover{background:var(--item-hover-bg)}.datel-danger-hover:hover{background:var(--danger-hover)!important}.datel-customize-panel{position:fixed;top:88px;right:12px;z-index:100;width:220px;max-height:calc(100vh - 104px);overflow-y:auto;padding:14px;background:var(--topbar-bg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:var(--font-label);font-weight:500;font-family:inherit;transition:background .15s,color .15s}.btn-ghost:hover{background:var(--btn-ghost-hover);color:var(--text-primary)}.datel-input{width:100%;padding:10px 12px;background:var(--form-bg);border:1px solid var(--form-border);border-radius:var(--radius-md);color:var(--form-text);font-size:14px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.datel-input::-moz-placeholder{color:var(--form-placeholder)}.datel-input::placeholder{color:var(--form-placeholder)}.datel-input:focus{border-color:#818cf880;box-shadow:0 0 0 3px #818cf81a}.datel-input-card{background:var(--input-card-bg);border:1px solid var(--form-border);color:var(--form-text);font-size:12px;font-family:inherit;outline:none}.datel-input-card::-moz-placeholder{color:var(--form-placeholder)}.datel-input-card::placeholder{color:var(--form-placeholder)}.datel-input-card:focus{border-color:#818cf866}.datel-form-inline{background:var(--form-bg);border:1px solid var(--form-border)}.datel-form-inline input,.datel-form-inline select,.datel-form-inline textarea{background:transparent;color:var(--form-text);border:none;outline:none;font-family:inherit}.datel-form-inline input::-moz-placeholder{color:var(--form-placeholder)}.datel-form-inline input::placeholder{color:var(--form-placeholder)}.datel-progress-track{background:var(--progress-track)}.datel-task-text{color:var(--task-text)}.datel-task-text-done{color:var(--task-done);text-decoration:line-through}.datel-streak-dim{color:var(--streak-dim)}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-red{background:var(--color-red)}.status-yellow{background:var(--color-amber)}.status-green{background:var(--color-green)}.status-gray{background:#ffffff40}html.light .status-gray{background:#0f0f2d33}.datel-agenda-time{color:var(--color-indigo)}html.light .datel-agenda-time{color:#6366f1}.datel-tab-bar{display:flex;align-items:center;gap:2px;padding:3px;background:var(--form-bg);border:1px solid var(--form-border);border-radius:var(--radius-sm)}.datel-tab-btn{padding:4px 12px;border-radius:7px;border:none;background:transparent;color:var(--text-muted);font-size:var(--font-tiny);font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.datel-tab-btn:hover{color:var(--text-primary)}.datel-tab-btn.active{background:#818cf833;color:var(--color-violet)}.datel-wheel-label{font-size:var(--font-micro);fill:var(--text-secondary)}.datel-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.15);border-top-color:#fffc;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.datel-spinner-sm{display:inline-block;width:13px;height:13px;border:1.5px solid rgba(255,255,255,.15);border-top-color:#ffffffb3;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}html.light .datel-spinner,html.light .datel-spinner-sm{border-color:#0f0f2d1f;border-top-color:#0f0f2d8c}@keyframes spin{to{transform:rotate(360deg)}}.datel-pulse{animation:pulse-ring 2s ease-in-out infinite}@keyframes pulse-ring{0%,to{opacity:1}50%{opacity:.4}}.datel-sidebar{position:relative;z-index:20;display:flex;flex-direction:column;height:100vh;background:var(--topbar-bg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-right:1px solid var(--topbar-border);transition:width .25s ease}.datel-sidebar-footer{padding:12px;border-top:1px solid var(--divider-color);flex-shrink:0}.datel-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s}.datel-sidebar-toggle:hover{color:var(--text-primary);background:var(--item-hover-bg)}.datel-pill-violet{background:#818cf81f;border:1px solid rgba(129,140,248,.2);color:var(--text-primary)}.datel-pill-violet-done{background:#818cf80f;border:1px solid rgba(129,140,248,.1);color:var(--text-muted)}html.light .datel-pill-violet{background:#6366f11a;border-color:#6366f133}html.light .datel-pill-violet-done{background:#6366f10d;border-color:#6366f11a}.datel-pill-amber{background:#fbbf241a;border:1px solid rgba(251,191,36,.2);color:var(--text-primary)}.datel-pill-amber-done{background:#fbbf240d;border:1px solid rgba(251,191,36,.1);color:var(--text-muted)}html.light .datel-pill-amber{background:#f59e0b1a;border-color:#f59e0b38}html.light .datel-pill-amber-done{background:#f59e0b0d;border-color:#f59e0b1a}.datel-pill-cyan{background:#22d3ee1a;border:1px solid rgba(34,211,238,.2);color:var(--text-primary)}.datel-pill-cyan-done{background:#22d3ee0d;border:1px solid rgba(34,211,238,.1);color:var(--text-muted)}html.light .datel-pill-cyan{background:#0891b21a;border-color:#0891b233}html.light .datel-pill-cyan-done{background:#0891b20d;border-color:#0891b21a}.datel-pill-teal{background:#14b8a61a;border:1px solid rgba(20,184,166,.2);color:var(--text-primary)}.datel-pill-teal-done{background:#14b8a60d;border:1px solid rgba(20,184,166,.1);color:var(--text-muted)}html.light .datel-pill-teal{background:#0f766e1a;border-color:#0f766e33}html.light .datel-pill-teal-done{background:#0f766e0d;border-color:#0f766e1a}.datel-pill-sky{background:#38bdf81a;border:1px solid rgba(56,189,248,.2);color:var(--text-primary)}.datel-pill-sky-done{background:#38bdf80d;border:1px solid rgba(56,189,248,.1);color:var(--text-muted)}html.light .datel-pill-sky{background:#0284c71a;border-color:#0284c733}html.light .datel-pill-sky-done{background:#0284c70d;border-color:#0284c71a}.datel-pill-fucsia{background:#e879f91a;border:1px solid rgba(232,121,249,.2);color:var(--text-primary)}html.light .datel-pill-fucsia{background:#c026d314;border-color:#c026d32e}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.datel-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;animation:axis-panel-in .15s ease}.datel-search-modal{width:min(600px,calc(100vw - 32px));background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 20px 60px #00000059;overflow:hidden}.datel-search-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--card-border)}.datel-search-icon{color:var(--text-muted);flex-shrink:0}.datel-search-input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:var(--text-primary);font-family:inherit}.datel-search-input::-moz-placeholder{color:var(--text-muted)}.datel-search-input::placeholder{color:var(--text-muted)}.datel-search-clear{color:var(--text-muted);padding:2px;border-radius:4px;opacity:.6;transition:opacity .1s}.datel-search-clear:hover{opacity:1}.datel-search-results{max-height:420px;overflow-y:auto;padding:8px 0}.datel-search-group{padding:0 8px 4px}.datel-search-group-label{display:flex;align-items:center;gap:5px;padding:6px 8px 3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.datel-search-result{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;padding:8px 10px;border-radius:10px;cursor:pointer;transition:background .1s}.datel-search-result:hover,.datel-search-result.selected{background:var(--item-hover-bg)}.datel-search-result-label{font-size:13px;color:var(--text-primary);font-weight:500}.datel-search-result-sub{font-size:11px;color:var(--text-muted)}.datel-search-empty,.datel-search-hint{padding:20px 16px;font-size:12px;color:var(--text-muted);text-align:center}.datel-search-hint kbd{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;border-radius:4px;font-size:10px;background:var(--item-hover-bg);border:1px solid var(--card-border);font-family:inherit;color:var(--text-secondary)}html.light .datel-productivity-kpi{background:#ffffffd1!important;border-color:#00000012!important}html.light .datel-projects-progress-track{background:#0f0f2d14!important}html.light .datel-search-modal-shell{background:#f8fafffa!important;border-color:#00000014!important}.datel-tag-dim{background:#ffffff0f;color:var(--text-muted)}html.light .datel-tag-dim{background:#0f0f2d0f!important;color:var(--text-muted)!important}html.light .datel-task-row-divider{border-color:#0f0f2d0f!important}html.light .datel-agent-avatar-bubble{background:#0f0f2d0f!important;border-color:#0f0f2d1a!important}html.light .datel-filter-chip{background:#0f0f2d0d!important;border-color:#0f0f2d14!important}[data-density=compact] .density-hide{display:none}[data-density=compact] .density-pad{padding:8px 12px}[data-density=expanded] .density-pad{padding:20px 24px}.hover\:bg-amber-500\/20:hover{background-color:#f59e0b33}.hover\:bg-green-500\/20:hover{background-color:#22c55e33}.hover\:bg-indigo-500\/20:hover{background-color:#6366f133}.hover\:bg-red-500\/20:hover{background-color:#ef444433}.hover\:bg-violet-500\/20:hover{background-color:#8b5cf633}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}@media(min-width:640px){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\:max-w-\[180px\]{max-width:180px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.lg\:block{display:block}}@media(min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--datel-blue: #2563EB;--datel-pink: #e91e63;--datel-green: #06d6a0;--datel-amber: #ffc107;--datel-purple: #b33dc6;--datel-orange: #ff6b35;--bubble-accent-blue: #2563EB;--bubble-accent-pink: #e91e63;--bubble-accent-green: #06d6a0;--bubble-accent-amber: #ffc107;--bubble-accent-purple: #b33dc6;--bubble-accent-orange: #ff6b35;--bubble-highlight-shape: 50% 50% 30% 30% / 100% 100% 40% 40%;--bubble-radius: 16px;--bubble-radius-mini: 12px;--bubble-radius-large: 18px;--bubble-ease: cubic-bezier(.2, .8, .2, 1);--bubble-transition: all .35s var(--bubble-ease);--bubble-transition-mini: all .3s var(--bubble-ease)}[data-theme=light],:root{--bubble-page-bg: #F4F7FA;--bubble-page-blob: radial-gradient(circle, rgba(37, 99, 235, .06), transparent 70%);--bubble-bg-blue: linear-gradient(165deg, #fff 0%, #eef4ff 55%, #dbeafe 100%);--bubble-bg-pink: linear-gradient(165deg, #fff 0%, #fef1f6 55%, #fce7f0 100%);--bubble-bg-green: linear-gradient(165deg, #fff 0%, #ecfdf5 55%, #d1fae5 100%);--bubble-bg-amber: linear-gradient(165deg, #fff 0%, #fffbeb 55%, #fef3c7 100%);--bubble-bg-purple: linear-gradient(165deg, #fff 0%, #f5eefe 55%, #e9d5ff 100%);--bubble-bg-orange: linear-gradient(165deg, #fff 0%, #fff3ea 55%, #ffe0cc 100%);--mini-bg-blue: linear-gradient(160deg, #fff 0%, #eef4ff 100%);--mini-bg-pink: linear-gradient(160deg, #fff 0%, #fef1f6 100%);--mini-bg-green: linear-gradient(160deg, #fff 0%, #ecfdf5 100%);--mini-bg-amber: linear-gradient(160deg, #fff 0%, #fffbeb 100%);--mini-bg-purple: linear-gradient(160deg, #fff 0%, #f5eefe 100%);--mini-bg-orange: linear-gradient(160deg, #fff 0%, #fff3ea 100%);--bubble-border-blue: rgba(37, 99, 235, .22);--bubble-border-pink: rgba(233, 30, 99, .22);--bubble-border-green: rgba(6, 214, 160, .28);--bubble-border-amber: rgba(255, 193, 7, .28);--bubble-border-purple: rgba(179, 61, 198, .25);--bubble-border-orange: rgba(255, 107, 53, .25);--bubble-shadow-blue: inset 0 2px 4px rgba(255,255,255,1), inset 0 -1px 4px rgba(37,99,235,.06), 0 4px 14px rgba(37,99,235,.12);--bubble-shadow-pink: inset 0 2px 4px rgba(255,255,255,1), inset 0 -1px 4px rgba(233,30,99,.06), 0 4px 14px rgba(233,30,99,.12);--bubble-shadow-green: inset 0 2px 4px rgba(255,255,255,1), inset 0 -1px 4px rgba(6,214,160,.08), 0 4px 14px rgba(6,214,160,.14);--bubble-shadow-amber: inset 0 2px 4px rgba(255,255,255,1), inset 0 -1px 4px rgba(255,193,7,.08), 0 4px 14px rgba(255,193,7,.14);--bubble-shadow-purple: inset 0 2px 4px rgba(255,255,255,1), inset 0 -1px 4px rgba(179,61,198,.08), 0 4px 14px rgba(179,61,198,.14);--bubble-shadow-orange: inset 0 2px 4px rgba(255,255,255,1), inset 0 -1px 4px rgba(255,107,53,.08), 0 4px 14px rgba(255,107,53,.14);--bubble-shadow-hover-blue: inset 0 2px 4px rgba(255,255,255,1), 0 10px 24px rgba(37,99,235,.18), 0 3px 6px rgba(15,23,42,.06);--bubble-shadow-hover-pink: inset 0 2px 4px rgba(255,255,255,1), 0 10px 24px rgba(233,30,99,.18), 0 3px 6px rgba(15,23,42,.06);--bubble-shadow-hover-green: inset 0 2px 4px rgba(255,255,255,1), 0 10px 24px rgba(6,214,160,.22), 0 3px 6px rgba(15,23,42,.06);--bubble-shadow-hover-amber: inset 0 2px 4px rgba(255,255,255,1), 0 10px 24px rgba(255,193,7,.22), 0 3px 6px rgba(15,23,42,.06);--bubble-shadow-hover-purple: inset 0 2px 4px rgba(255,255,255,1), 0 10px 24px rgba(179,61,198,.22), 0 3px 6px rgba(15,23,42,.06);--bubble-shadow-hover-orange: inset 0 2px 4px rgba(255,255,255,1), 0 10px 24px rgba(255,107,53,.22), 0 3px 6px rgba(15,23,42,.06);--mini-shadow-blue: inset 0 1px 2px rgba(255,255,255,1), 0 2px 5px rgba(37,99,235,.1);--mini-shadow-pink: inset 0 1px 2px rgba(255,255,255,1), 0 2px 5px rgba(233,30,99,.1);--mini-shadow-green: inset 0 1px 2px rgba(255,255,255,1), 0 2px 5px rgba(6,214,160,.1);--mini-shadow-amber: inset 0 1px 2px rgba(255,255,255,1), 0 2px 5px rgba(255,193,7,.1);--mini-shadow-purple: inset 0 1px 2px rgba(255,255,255,1), 0 2px 5px rgba(179,61,198,.1);--mini-shadow-orange: inset 0 1px 2px rgba(255,255,255,1), 0 2px 5px rgba(255,107,53,.1);--bubble-highlight-bg: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.1) 50%, transparent);--bubble-sparkle-bg: rgba(255,255,255,.95);--mini-highlight-bg: linear-gradient(180deg, rgba(255,255,255,.5), rgba(255,255,255,.08) 50%, transparent);--bubble-text-primary: #0f172a;--bubble-text-secondary: #475569;--bubble-text-label: #475569;--bubble-text-delta: #047857;--bubble-text-tag: #475569;--bubble-chevron-color: #475569;--bubble-text-green: #047857;--bubble-text-amber: #92400e;--bubble-text-blue: #1d4ed8;--bubble-text-pink: #9d174d;--bubble-text-purple: #6b21a8;--bubble-text-orange: #c2410c;--bubble-icon-bg-blue: rgba(37,99,235,.14);--bubble-icon-bg-pink: rgba(233,30,99,.14);--bubble-icon-bg-green: rgba(6,214,160,.16);--bubble-icon-bg-amber: rgba(255,193,7,.18);--bubble-icon-bg-purple: rgba(179,61,198,.14);--bubble-icon-bg-orange: rgba(255,107,53,.14);--bubble-track-bg: rgba(15,23,42,.1);--bubble-greeting-gradient: linear-gradient(90deg, #1a3a6b, #1d70b8, #06d6a0);--bubble-accent-teal: #0d9488;--bubble-accent-indigo: #4f46e5;--bubble-accent-rose: #e11d48;--bubble-accent-cyan: #0891b2;--bubble-accent-lime: #65a30d;--bubble-accent-fuchsia: #c026d3;--bubble-bg-teal: linear-gradient(165deg, #fff 0%, #f0fdfa 55%, #ccfbf1 100%);--bubble-bg-indigo: linear-gradient(165deg, #fff 0%, #eef2ff 55%, #e0e7ff 100%);--bubble-bg-rose: linear-gradient(165deg, #fff 0%, #fff1f2 55%, #ffe4e6 100%);--bubble-bg-cyan: linear-gradient(165deg, #fff 0%, #ecfeff 55%, #cffafe 100%);--bubble-bg-lime: linear-gradient(165deg, #fff 0%, #f7fee7 55%, #ecfccb 100%);--bubble-bg-fuchsia: linear-gradient(165deg, #fff 0%, #fdf4ff 55%, #fae8ff 100%);--mini-bg-teal: linear-gradient(160deg, #fff 0%, #f0fdfa 100%);--mini-bg-indigo: linear-gradient(160deg, #fff 0%, #eef2ff 100%);--mini-bg-rose: linear-gradient(160deg, #fff 0%, #fff1f2 100%);--mini-bg-cyan: linear-gradient(160deg, #fff 0%, #ecfeff 100%);--mini-bg-lime: linear-gradient(160deg, #fff 0%, #f7fee7 100%);--mini-bg-fuchsia: linear-gradient(160deg, #fff 0%, #fdf4ff 100%);--bubble-border-teal: rgba(13,148,136,.25);--bubble-border-indigo: rgba(79,70,229,.22);--bubble-border-rose: rgba(225,29,72,.22);--bubble-border-cyan: rgba(8,145,178,.22);--bubble-border-lime: rgba(101,163,13,.25);--bubble-border-fuchsia: rgba(192,38,211,.22);--bubble-shadow-teal: inset 0 2px 4px rgba(255,255,255,1), 0 4px 14px rgba(13,148,136,.13);--bubble-shadow-indigo: inset 0 2px 4px rgba(255,255,255,1), 0 4px 14px rgba(79,70,229,.12);--bubble-shadow-rose: inset 0 2px 4px rgba(255,255,255,1), 0 4px 14px rgba(225,29,72,.12);--bubble-shadow-cyan: inset 0 2px 4px rgba(255,255,255,1), 0 4px 14px rgba(8,145,178,.13);--bubble-shadow-lime: inset 0 2px 4px rgba(255,255,255,1), 0 4px 14px rgba(101,163,13,.13);--bubble-shadow-fuchsia: inset 0 2px 4px rgba(255,255,255,1), 0 4px 14px rgba(192,38,211,.13);--bubble-shadow-hover-teal: inset 0 2px 4px rgba(255,255,255,1), 0 10px 24px rgba(13,148,136,.2);--bubble-shadow-hover-indigo: inset 0 2px 4px rgba(255,255,255,1), 0 10px 24px rgba(79,70,229,.18);--bubble-shadow-hover-rose: inset 0 2px 4px rgba(255,255,255,1), 0 10px 24px rgba(225,29,72,.18);--bubble-shadow-hover-cyan: inset 0 2px 4px rgba(255,255,255,1), 0 10px 24px rgba(8,145,178,.2);--bubble-shadow-hover-lime: inset 0 2px 4px rgba(255,255,255,1), 0 10px 24px rgba(101,163,13,.2);--bubble-shadow-hover-fuchsia: inset 0 2px 4px rgba(255,255,255,1), 0 10px 24px rgba(192,38,211,.2);--mini-shadow-teal: inset 0 1px 2px rgba(255,255,255,1), 0 2px 5px rgba(13,148,136,.11);--mini-shadow-indigo: inset 0 1px 2px rgba(255,255,255,1), 0 2px 5px rgba(79,70,229,.1);--mini-shadow-rose: inset 0 1px 2px rgba(255,255,255,1), 0 2px 5px rgba(225,29,72,.1);--mini-shadow-cyan: inset 0 1px 2px rgba(255,255,255,1), 0 2px 5px rgba(8,145,178,.11);--mini-shadow-lime: inset 0 1px 2px rgba(255,255,255,1), 0 2px 5px rgba(101,163,13,.11);--mini-shadow-fuchsia: inset 0 1px 2px rgba(255,255,255,1), 0 2px 5px rgba(192,38,211,.11);--bubble-text-teal: #0f766e;--bubble-text-indigo: #3730a3;--bubble-text-rose: #9f1239;--bubble-text-cyan: #0e7490;--bubble-text-lime: #3f6212;--bubble-text-fuchsia: #86198f;--bubble-icon-bg-teal: rgba(13,148,136,.14);--bubble-icon-bg-indigo: rgba(79,70,229,.14);--bubble-icon-bg-rose: rgba(225,29,72,.14);--bubble-icon-bg-cyan: rgba(8,145,178,.14);--bubble-icon-bg-lime: rgba(101,163,13,.16);--bubble-icon-bg-fuchsia: rgba(192,38,211,.14);--bubble-accent-red: #dc2626;--bubble-accent-emerald: #059669;--bubble-accent-sky: #0284c7;--bubble-accent-yellow: #ca8a04;--bubble-accent-coral: #ea580c;--bubble-accent-gold: #b45309;--bubble-accent-violet: #7c3aed;--bubble-accent-slate: #475569;--bubble-bg-red: linear-gradient(165deg, #fff 0%, #fef2f2 55%, #fee2e2 100%);--bubble-bg-emerald: linear-gradient(165deg, #fff 0%, #ecfdf5 55%, #d1fae5 100%);--bubble-bg-sky: linear-gradient(165deg, #fff 0%, #f0f9ff 55%, #e0f2fe 100%);--bubble-bg-yellow: linear-gradient(165deg, #fff 0%, #fefce8 55%, #fef9c3 100%);--bubble-bg-coral: linear-gradient(165deg, #fff 0%, #fff7ed 55%, #ffedd5 100%);--bubble-bg-gold: linear-gradient(165deg, #fff 0%, #fffbeb 55%, #fde68a 100%);--bubble-bg-violet: linear-gradient(165deg, #fff 0%, #f5f3ff 55%, #ddd6fe 100%);--bubble-bg-slate: linear-gradient(165deg, #fff 0%, #f8fafc 55%, #e2e8f0 100%);--mini-bg-red: linear-gradient(160deg, #fff 0%, #fef2f2 100%);--mini-bg-emerald: linear-gradient(160deg, #fff 0%, #ecfdf5 100%);--mini-bg-sky: linear-gradient(160deg, #fff 0%, #f0f9ff 100%);--mini-bg-yellow: linear-gradient(160deg, #fff 0%, #fefce8 100%);--mini-bg-coral: linear-gradient(160deg, #fff 0%, #fff7ed 100%);--mini-bg-gold: linear-gradient(160deg, #fff 0%, #fffbeb 100%);--mini-bg-violet: linear-gradient(160deg, #fff 0%, #f5f3ff 100%);--mini-bg-slate: linear-gradient(160deg, #fff 0%, #f8fafc 100%);--bubble-border-red: rgba(220,38,38,.22);--bubble-border-emerald: rgba(5,150,105,.25);--bubble-border-sky: rgba(2,132,199,.22);--bubble-border-yellow: rgba(202,138,4,.25);--bubble-border-coral: rgba(234,88,12,.22);--bubble-border-gold: rgba(180,83,9,.22);--bubble-border-violet: rgba(124,58,237,.22);--bubble-border-slate: rgba(71,85,105,.18);--bubble-shadow-red: inset 0 2px 4px rgba(255,255,255,1), 0 4px 14px rgba(220,38,38,.13);--bubble-shadow-emerald: inset 0 2px 4px rgba(255,255,255,1), 0 4px 14px rgba(5,150,105,.13);--bubble-shadow-sky: inset 0 2px 4px rgba(255,255,255,1), 0 4px 14px rgba(2,132,199,.13);--bubble-shadow-yellow: inset 0 2px 4px rgba(255,255,255,1), 0 4px 14px rgba(202,138,4,.13);--bubble-shadow-coral: inset 0 2px 4px rgba(255,255,255,1), 0 4px 14px rgba(234,88,12,.13);--bubble-shadow-gold: inset 0 2px 4px rgba(255,255,255,1), 0 4px 14px rgba(180,83,9,.13);--bubble-shadow-violet: inset 0 2px 4px rgba(255,255,255,1), 0 4px 14px rgba(124,58,237,.13);--bubble-shadow-slate: inset 0 2px 4px rgba(255,255,255,1), 0 4px 14px rgba(71,85,105,.1);--bubble-shadow-hover-red: inset 0 2px 4px rgba(255,255,255,1), 0 10px 24px rgba(220,38,38,.2);--bubble-shadow-hover-emerald: inset 0 2px 4px rgba(255,255,255,1), 0 10px 24px rgba(5,150,105,.2);--bubble-shadow-hover-sky: inset 0 2px 4px rgba(255,255,255,1), 0 10px 24px rgba(2,132,199,.2);--bubble-shadow-hover-yellow: inset 0 2px 4px rgba(255,255,255,1), 0 10px 24px rgba(202,138,4,.2);--bubble-shadow-hover-coral: inset 0 2px 4px rgba(255,255,255,1), 0 10px 24px rgba(234,88,12,.2);--bubble-shadow-hover-gold: inset 0 2px 4px rgba(255,255,255,1), 0 10px 24px rgba(180,83,9,.2);--bubble-shadow-hover-violet: inset 0 2px 4px rgba(255,255,255,1), 0 10px 24px rgba(124,58,237,.2);--bubble-shadow-hover-slate: inset 0 2px 4px rgba(255,255,255,1), 0 10px 24px rgba(71,85,105,.15);--mini-shadow-red: inset 0 1px 2px rgba(255,255,255,1), 0 2px 5px rgba(220,38,38,.11);--mini-shadow-emerald: inset 0 1px 2px rgba(255,255,255,1), 0 2px 5px rgba(5,150,105,.11);--mini-shadow-sky: inset 0 1px 2px rgba(255,255,255,1), 0 2px 5px rgba(2,132,199,.11);--mini-shadow-yellow: inset 0 1px 2px rgba(255,255,255,1), 0 2px 5px rgba(202,138,4,.11);--mini-shadow-coral: inset 0 1px 2px rgba(255,255,255,1), 0 2px 5px rgba(234,88,12,.11);--mini-shadow-gold: inset 0 1px 2px rgba(255,255,255,1), 0 2px 5px rgba(180,83,9,.11);--mini-shadow-violet: inset 0 1px 2px rgba(255,255,255,1), 0 2px 5px rgba(124,58,237,.11);--mini-shadow-slate: inset 0 1px 2px rgba(255,255,255,1), 0 2px 5px rgba(71,85,105,.09);--bubble-text-red: #991b1b;--bubble-text-emerald: #065f46;--bubble-text-sky: #0c4a6e;--bubble-text-yellow: #713f12;--bubble-text-coral: #7c2d12;--bubble-text-gold: #78350f;--bubble-text-violet: #4c1d95;--bubble-text-slate: #1e293b;--bubble-icon-bg-red: rgba(220,38,38,.14);--bubble-icon-bg-emerald: rgba(5,150,105,.14);--bubble-icon-bg-sky: rgba(2,132,199,.14);--bubble-icon-bg-yellow: rgba(202,138,4,.18);--bubble-icon-bg-coral: rgba(234,88,12,.14);--bubble-icon-bg-gold: rgba(180,83,9,.14);--bubble-icon-bg-violet: rgba(124,58,237,.14);--bubble-icon-bg-slate: rgba(71,85,105,.12)}[data-theme=dark]{--bubble-page-bg: #0a0e1a;--bubble-page-blob: radial-gradient(circle, rgba(37,99,235,.22), transparent 65%);--bubble-bg-blue: linear-gradient(165deg, rgba(37,99,235,.12) 0%, rgba(37,99,235,.04) 50%, rgba(10,14,26,.92) 100%);--bubble-bg-pink: linear-gradient(165deg, rgba(233,30,99,.12) 0%, rgba(233,30,99,.04) 50%, rgba(10,14,26,.92) 100%);--bubble-bg-green: linear-gradient(165deg, rgba(6,214,160,.12) 0%, rgba(6,214,160,.04) 50%, rgba(10,14,26,.92) 100%);--bubble-bg-amber: linear-gradient(165deg, rgba(255,193,7,.12) 0%, rgba(255,193,7,.04) 50%, rgba(10,14,26,.92) 100%);--bubble-bg-purple: linear-gradient(165deg, rgba(179,61,198,.12) 0%, rgba(179,61,198,.04) 50%, rgba(10,14,26,.92) 100%);--bubble-bg-orange: linear-gradient(165deg, rgba(255,107,53,.12) 0%, rgba(255,107,53,.04) 50%, rgba(10,14,26,.92) 100%);--mini-bg-blue: linear-gradient(160deg, rgba(37,99,235,.12) 0%, rgba(10,14,26,.88) 100%);--mini-bg-pink: linear-gradient(160deg, rgba(233,30,99,.12) 0%, rgba(10,14,26,.88) 100%);--mini-bg-green: linear-gradient(160deg, rgba(6,214,160,.12) 0%, rgba(10,14,26,.88) 100%);--mini-bg-amber: linear-gradient(160deg, rgba(255,193,7,.12) 0%, rgba(10,14,26,.88) 100%);--mini-bg-purple: linear-gradient(160deg, rgba(179,61,198,.12) 0%, rgba(10,14,26,.88) 100%);--mini-bg-orange: linear-gradient(160deg, rgba(255,107,53,.12) 0%, rgba(10,14,26,.88) 100%);--bubble-border-blue: rgba(37,99,235,.28);--bubble-border-pink: rgba(233,30,99,.28);--bubble-border-green: rgba(6,214,160,.32);--bubble-border-amber: rgba(255,193,7,.32);--bubble-border-purple: rgba(179,61,198,.3);--bubble-border-orange: rgba(255,107,53,.3);--bubble-accent-blue: #60a5fa;--bubble-accent-pink: #f472b6;--bubble-accent-green: #5bd9af;--bubble-accent-amber: #fbbf24;--bubble-accent-purple: #c084fc;--bubble-accent-orange: #fb923c;--bubble-shadow-blue: inset 0 1px 3px rgba(255,255,255,.04), 0 4px 16px rgba(37,99,235,.14);--bubble-shadow-pink: inset 0 1px 3px rgba(255,255,255,.04), 0 4px 16px rgba(233,30,99,.14);--bubble-shadow-green: inset 0 1px 3px rgba(255,255,255,.04), 0 4px 16px rgba(6,214,160,.16);--bubble-shadow-amber: inset 0 1px 3px rgba(255,255,255,.04), 0 4px 16px rgba(255,193,7,.14);--bubble-shadow-purple: inset 0 1px 3px rgba(255,255,255,.04), 0 4px 16px rgba(179,61,198,.14);--bubble-shadow-orange: inset 0 1px 3px rgba(255,255,255,.04), 0 4px 16px rgba(255,107,53,.14);--bubble-shadow-hover-blue: inset 0 1px 3px rgba(255,255,255,.05), 0 12px 28px rgba(37,99,235,.25);--bubble-shadow-hover-pink: inset 0 1px 3px rgba(255,255,255,.05), 0 12px 28px rgba(233,30,99,.25);--bubble-shadow-hover-green: inset 0 1px 3px rgba(255,255,255,.05), 0 12px 28px rgba(6,214,160,.28);--bubble-shadow-hover-amber: inset 0 1px 3px rgba(255,255,255,.05), 0 12px 28px rgba(255,193,7,.25);--bubble-shadow-hover-purple: inset 0 1px 3px rgba(255,255,255,.05), 0 12px 28px rgba(179,61,198,.25);--bubble-shadow-hover-orange: inset 0 1px 3px rgba(255,255,255,.05), 0 12px 28px rgba(255,107,53,.25);--mini-shadow-blue: inset 0 1px 2px rgba(255,255,255,.04), 0 2px 6px rgba(37,99,235,.14);--mini-shadow-pink: inset 0 1px 2px rgba(255,255,255,.04), 0 2px 6px rgba(233,30,99,.14);--mini-shadow-green: inset 0 1px 2px rgba(255,255,255,.04), 0 2px 6px rgba(6,214,160,.14);--mini-shadow-amber: inset 0 1px 2px rgba(255,255,255,.04), 0 2px 6px rgba(255,193,7,.14);--mini-shadow-purple: inset 0 1px 2px rgba(255,255,255,.04), 0 2px 6px rgba(179,61,198,.14);--mini-shadow-orange: inset 0 1px 2px rgba(255,255,255,.04), 0 2px 6px rgba(255,107,53,.14);--bubble-highlight-bg: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02) 50%, transparent);--bubble-sparkle-bg: rgba(255,255,255,.08);--mini-highlight-bg: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.01) 50%, transparent);--bubble-text-primary: rgba(255,255,255,.98);--bubble-text-secondary: rgba(255,255,255,.68);--bubble-text-label: rgba(255,255,255,.68);--bubble-text-delta: #5bd9af;--bubble-text-tag: rgba(255,255,255,.65);--bubble-chevron-color: rgba(255,255,255,.65);--bubble-text-green: #5bd9af;--bubble-text-amber: #fbbf24;--bubble-text-blue: #60a5fa;--bubble-text-pink: #f472b6;--bubble-text-purple: #c084fc;--bubble-text-orange: #fb923c;--bubble-icon-bg-blue: rgba(37,99,235,.3);--bubble-icon-bg-pink: rgba(233,30,99,.3);--bubble-icon-bg-green: rgba(6,214,160,.28);--bubble-icon-bg-amber: rgba(255,193,7,.28);--bubble-icon-bg-purple: rgba(179,61,198,.3);--bubble-icon-bg-orange: rgba(255,107,53,.3);--bubble-track-bg: rgba(255,255,255,.12);--bubble-greeting-gradient: linear-gradient(90deg, #60a5fa, #38bdf8, #5bd9af);--bubble-accent-teal: #2dd4bf;--bubble-accent-indigo: #818cf8;--bubble-accent-rose: #fb7185;--bubble-accent-cyan: #22d3ee;--bubble-accent-lime: #a3e635;--bubble-accent-fuchsia: #e879f9;--bubble-bg-teal: linear-gradient(165deg, rgba(13,148,136,.12) 0%, rgba(13,148,136,.04) 50%, rgba(10,14,26,.92) 100%);--bubble-bg-indigo: linear-gradient(165deg, rgba(79,70,229,.12) 0%, rgba(79,70,229,.04) 50%, rgba(10,14,26,.92) 100%);--bubble-bg-rose: linear-gradient(165deg, rgba(225,29,72,.12) 0%, rgba(225,29,72,.04) 50%, rgba(10,14,26,.92) 100%);--bubble-bg-cyan: linear-gradient(165deg, rgba(8,145,178,.12) 0%, rgba(8,145,178,.04) 50%, rgba(10,14,26,.92) 100%);--bubble-bg-lime: linear-gradient(165deg, rgba(101,163,13,.12) 0%, rgba(101,163,13,.04) 50%, rgba(10,14,26,.92) 100%);--bubble-bg-fuchsia: linear-gradient(165deg, rgba(192,38,211,.12) 0%, rgba(192,38,211,.04) 50%, rgba(10,14,26,.92) 100%);--mini-bg-teal: linear-gradient(160deg, rgba(13,148,136,.12) 0%, rgba(10,14,26,.88) 100%);--mini-bg-indigo: linear-gradient(160deg, rgba(79,70,229,.12) 0%, rgba(10,14,26,.88) 100%);--mini-bg-rose: linear-gradient(160deg, rgba(225,29,72,.12) 0%, rgba(10,14,26,.88) 100%);--mini-bg-cyan: linear-gradient(160deg, rgba(8,145,178,.12) 0%, rgba(10,14,26,.88) 100%);--mini-bg-lime: linear-gradient(160deg, rgba(101,163,13,.12) 0%, rgba(10,14,26,.88) 100%);--mini-bg-fuchsia: linear-gradient(160deg, rgba(192,38,211,.12) 0%, rgba(10,14,26,.88) 100%);--bubble-border-teal: rgba(13,148,136,.3);--bubble-border-indigo: rgba(79,70,229,.28);--bubble-border-rose: rgba(225,29,72,.28);--bubble-border-cyan: rgba(8,145,178,.3);--bubble-border-lime: rgba(101,163,13,.3);--bubble-border-fuchsia: rgba(192,38,211,.3);--bubble-shadow-teal: inset 0 1px 3px rgba(255,255,255,.04), 0 4px 16px rgba(13,148,136,.15);--bubble-shadow-indigo: inset 0 1px 3px rgba(255,255,255,.04), 0 4px 16px rgba(79,70,229,.15);--bubble-shadow-rose: inset 0 1px 3px rgba(255,255,255,.04), 0 4px 16px rgba(225,29,72,.15);--bubble-shadow-cyan: inset 0 1px 3px rgba(255,255,255,.04), 0 4px 16px rgba(8,145,178,.15);--bubble-shadow-lime: inset 0 1px 3px rgba(255,255,255,.04), 0 4px 16px rgba(101,163,13,.15);--bubble-shadow-fuchsia: inset 0 1px 3px rgba(255,255,255,.04), 0 4px 16px rgba(192,38,211,.15);--bubble-shadow-hover-teal: inset 0 1px 3px rgba(255,255,255,.05), 0 12px 28px rgba(13,148,136,.26);--bubble-shadow-hover-indigo: inset 0 1px 3px rgba(255,255,255,.05), 0 12px 28px rgba(79,70,229,.26);--bubble-shadow-hover-rose: inset 0 1px 3px rgba(255,255,255,.05), 0 12px 28px rgba(225,29,72,.26);--bubble-shadow-hover-cyan: inset 0 1px 3px rgba(255,255,255,.05), 0 12px 28px rgba(8,145,178,.26);--bubble-shadow-hover-lime: inset 0 1px 3px rgba(255,255,255,.05), 0 12px 28px rgba(101,163,13,.26);--bubble-shadow-hover-fuchsia: inset 0 1px 3px rgba(255,255,255,.05), 0 12px 28px rgba(192,38,211,.26);--mini-shadow-teal: inset 0 1px 2px rgba(255,255,255,.04), 0 2px 6px rgba(13,148,136,.15);--mini-shadow-indigo: inset 0 1px 2px rgba(255,255,255,.04), 0 2px 6px rgba(79,70,229,.15);--mini-shadow-rose: inset 0 1px 2px rgba(255,255,255,.04), 0 2px 6px rgba(225,29,72,.15);--mini-shadow-cyan: inset 0 1px 2px rgba(255,255,255,.04), 0 2px 6px rgba(8,145,178,.15);--mini-shadow-lime: inset 0 1px 2px rgba(255,255,255,.04), 0 2px 6px rgba(101,163,13,.15);--mini-shadow-fuchsia: inset 0 1px 2px rgba(255,255,255,.04), 0 2px 6px rgba(192,38,211,.15);--bubble-text-teal: #2dd4bf;--bubble-text-indigo: #818cf8;--bubble-text-rose: #fb7185;--bubble-text-cyan: #22d3ee;--bubble-text-lime: #a3e635;--bubble-text-fuchsia: #e879f9;--bubble-icon-bg-teal: rgba(13,148,136,.28);--bubble-icon-bg-indigo: rgba(79,70,229,.28);--bubble-icon-bg-rose: rgba(225,29,72,.28);--bubble-icon-bg-cyan: rgba(8,145,178,.28);--bubble-icon-bg-lime: rgba(101,163,13,.28);--bubble-icon-bg-fuchsia: rgba(192,38,211,.28);--bubble-accent-red: #f87171;--bubble-accent-emerald: #34d399;--bubble-accent-sky: #38bdf8;--bubble-accent-yellow: #fde047;--bubble-accent-coral: #fb923c;--bubble-accent-gold: #fbbf24;--bubble-accent-violet: #a78bfa;--bubble-accent-slate: #94a3b8;--bubble-bg-red: linear-gradient(165deg, rgba(220,38,38,.12) 0%, rgba(220,38,38,.04) 50%, rgba(10,14,26,.92) 100%);--bubble-bg-emerald: linear-gradient(165deg, rgba(5,150,105,.12) 0%, rgba(5,150,105,.04) 50%, rgba(10,14,26,.92) 100%);--bubble-bg-sky: linear-gradient(165deg, rgba(2,132,199,.12) 0%, rgba(2,132,199,.04) 50%, rgba(10,14,26,.92) 100%);--bubble-bg-yellow: linear-gradient(165deg, rgba(202,138,4,.12) 0%, rgba(202,138,4,.04) 50%, rgba(10,14,26,.92) 100%);--bubble-bg-coral: linear-gradient(165deg, rgba(234,88,12,.12) 0%, rgba(234,88,12,.04) 50%, rgba(10,14,26,.92) 100%);--bubble-bg-gold: linear-gradient(165deg, rgba(180,83,9,.12) 0%, rgba(180,83,9,.04) 50%, rgba(10,14,26,.92) 100%);--bubble-bg-violet: linear-gradient(165deg, rgba(124,58,237,.12) 0%, rgba(124,58,237,.04) 50%, rgba(10,14,26,.92) 100%);--bubble-bg-slate: linear-gradient(165deg, rgba(71,85,105,.15) 0%, rgba(71,85,105,.05) 50%, rgba(10,14,26,.92) 100%);--mini-bg-red: linear-gradient(160deg, rgba(220,38,38,.12) 0%, rgba(10,14,26,.88) 100%);--mini-bg-emerald: linear-gradient(160deg, rgba(5,150,105,.12) 0%, rgba(10,14,26,.88) 100%);--mini-bg-sky: linear-gradient(160deg, rgba(2,132,199,.12) 0%, rgba(10,14,26,.88) 100%);--mini-bg-yellow: linear-gradient(160deg, rgba(202,138,4,.12) 0%, rgba(10,14,26,.88) 100%);--mini-bg-coral: linear-gradient(160deg, rgba(234,88,12,.12) 0%, rgba(10,14,26,.88) 100%);--mini-bg-gold: linear-gradient(160deg, rgba(180,83,9,.12) 0%, rgba(10,14,26,.88) 100%);--mini-bg-violet: linear-gradient(160deg, rgba(124,58,237,.12) 0%, rgba(10,14,26,.88) 100%);--mini-bg-slate: linear-gradient(160deg, rgba(71,85,105,.15) 0%, rgba(10,14,26,.88) 100%);--bubble-border-red: rgba(220,38,38,.28);--bubble-border-emerald: rgba(5,150,105,.3);--bubble-border-sky: rgba(2,132,199,.28);--bubble-border-yellow: rgba(202,138,4,.3);--bubble-border-coral: rgba(234,88,12,.28);--bubble-border-gold: rgba(180,83,9,.28);--bubble-border-violet: rgba(124,58,237,.28);--bubble-border-slate: rgba(71,85,105,.22);--bubble-shadow-red: inset 0 1px 3px rgba(255,255,255,.04), 0 4px 16px rgba(220,38,38,.16);--bubble-shadow-emerald: inset 0 1px 3px rgba(255,255,255,.04), 0 4px 16px rgba(5,150,105,.16);--bubble-shadow-sky: inset 0 1px 3px rgba(255,255,255,.04), 0 4px 16px rgba(2,132,199,.16);--bubble-shadow-yellow: inset 0 1px 3px rgba(255,255,255,.04), 0 4px 16px rgba(202,138,4,.16);--bubble-shadow-coral: inset 0 1px 3px rgba(255,255,255,.04), 0 4px 16px rgba(234,88,12,.16);--bubble-shadow-gold: inset 0 1px 3px rgba(255,255,255,.04), 0 4px 16px rgba(180,83,9,.16);--bubble-shadow-violet: inset 0 1px 3px rgba(255,255,255,.04), 0 4px 16px rgba(124,58,237,.16);--bubble-shadow-slate: inset 0 1px 3px rgba(255,255,255,.04), 0 4px 16px rgba(71,85,105,.12);--bubble-shadow-hover-red: inset 0 1px 3px rgba(255,255,255,.05), 0 12px 28px rgba(220,38,38,.26);--bubble-shadow-hover-emerald: inset 0 1px 3px rgba(255,255,255,.05), 0 12px 28px rgba(5,150,105,.26);--bubble-shadow-hover-sky: inset 0 1px 3px rgba(255,255,255,.05), 0 12px 28px rgba(2,132,199,.26);--bubble-shadow-hover-yellow: inset 0 1px 3px rgba(255,255,255,.05), 0 12px 28px rgba(202,138,4,.26);--bubble-shadow-hover-coral: inset 0 1px 3px rgba(255,255,255,.05), 0 12px 28px rgba(234,88,12,.26);--bubble-shadow-hover-gold: inset 0 1px 3px rgba(255,255,255,.05), 0 12px 28px rgba(180,83,9,.26);--bubble-shadow-hover-violet: inset 0 1px 3px rgba(255,255,255,.05), 0 12px 28px rgba(124,58,237,.26);--bubble-shadow-hover-slate: inset 0 1px 3px rgba(255,255,255,.05), 0 12px 28px rgba(71,85,105,.2);--mini-shadow-red: inset 0 1px 2px rgba(255,255,255,.04), 0 2px 6px rgba(220,38,38,.16);--mini-shadow-emerald: inset 0 1px 2px rgba(255,255,255,.04), 0 2px 6px rgba(5,150,105,.16);--mini-shadow-sky: inset 0 1px 2px rgba(255,255,255,.04), 0 2px 6px rgba(2,132,199,.16);--mini-shadow-yellow: inset 0 1px 2px rgba(255,255,255,.04), 0 2px 6px rgba(202,138,4,.16);--mini-shadow-coral: inset 0 1px 2px rgba(255,255,255,.04), 0 2px 6px rgba(234,88,12,.16);--mini-shadow-gold: inset 0 1px 2px rgba(255,255,255,.04), 0 2px 6px rgba(180,83,9,.16);--mini-shadow-violet: inset 0 1px 2px rgba(255,255,255,.04), 0 2px 6px rgba(124,58,237,.16);--mini-shadow-slate: inset 0 1px 2px rgba(255,255,255,.04), 0 2px 6px rgba(71,85,105,.12);--bubble-text-red: #f87171;--bubble-text-emerald: #34d399;--bubble-text-sky: #38bdf8;--bubble-text-yellow: #fde047;--bubble-text-coral: #fb923c;--bubble-text-gold: #fbbf24;--bubble-text-violet: #a78bfa;--bubble-text-slate: #94a3b8;--bubble-icon-bg-red: rgba(220,38,38,.28);--bubble-icon-bg-emerald: rgba(5,150,105,.28);--bubble-icon-bg-sky: rgba(2,132,199,.28);--bubble-icon-bg-yellow: rgba(202,138,4,.28);--bubble-icon-bg-coral: rgba(234,88,12,.28);--bubble-icon-bg-gold: rgba(180,83,9,.28);--bubble-icon-bg-violet: rgba(124,58,237,.28);--bubble-icon-bg-slate: rgba(71,85,105,.25)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark}}.bubble{position:relative;overflow:hidden;border-radius:var(--bubble-radius);padding:14px;border:1px solid;border-left-width:3px;transition:var(--bubble-transition);z-index:1;animation:bubbleFloatIn .7s var(--bubble-ease) both}.bubble:before{content:"";position:absolute;top:0;left:8%;right:8%;height:38%;border-radius:var(--bubble-highlight-shape);background:var(--bubble-highlight-bg);pointer-events:none;transition:opacity .3s}.bubble:after{content:"";position:absolute;top:4px;left:18%;width:18px;height:6px;border-radius:50%;background:var(--bubble-sparkle-bg);filter:blur(2px);pointer-events:none}.bubble--clickable{cursor:pointer}.bubble--clickable:hover{transform:translateY(-3px)}.bubble--clickable:active{transform:translateY(-1px) scale(.99)}.bubble--blue{background:var(--bubble-bg-blue);border-color:var(--bubble-border-blue);border-left-color:var(--bubble-accent-blue);box-shadow:var(--bubble-shadow-blue)}.bubble--pink{background:var(--bubble-bg-pink);border-color:var(--bubble-border-pink);border-left-color:var(--bubble-accent-pink);box-shadow:var(--bubble-shadow-pink)}.bubble--green{background:var(--bubble-bg-green);border-color:var(--bubble-border-green);border-left-color:var(--bubble-accent-green);box-shadow:var(--bubble-shadow-green)}.bubble--amber{background:var(--bubble-bg-amber);border-color:var(--bubble-border-amber);border-left-color:var(--bubble-accent-amber);box-shadow:var(--bubble-shadow-amber)}.bubble--purple{background:var(--bubble-bg-purple);border-color:var(--bubble-border-purple);border-left-color:var(--bubble-accent-purple);box-shadow:var(--bubble-shadow-purple)}.bubble--orange{background:var(--bubble-bg-orange);border-color:var(--bubble-border-orange);border-left-color:var(--bubble-accent-orange);box-shadow:var(--bubble-shadow-orange)}.bubble--teal{background:var(--bubble-bg-teal);border-color:var(--bubble-border-teal);border-left-color:var(--bubble-accent-teal);box-shadow:var(--bubble-shadow-teal)}.bubble--indigo{background:var(--bubble-bg-indigo);border-color:var(--bubble-border-indigo);border-left-color:var(--bubble-accent-indigo);box-shadow:var(--bubble-shadow-indigo)}.bubble--rose{background:var(--bubble-bg-rose);border-color:var(--bubble-border-rose);border-left-color:var(--bubble-accent-rose);box-shadow:var(--bubble-shadow-rose)}.bubble--cyan{background:var(--bubble-bg-cyan);border-color:var(--bubble-border-cyan);border-left-color:var(--bubble-accent-cyan);box-shadow:var(--bubble-shadow-cyan)}.bubble--lime{background:var(--bubble-bg-lime);border-color:var(--bubble-border-lime);border-left-color:var(--bubble-accent-lime);box-shadow:var(--bubble-shadow-lime)}.bubble--fuchsia{background:var(--bubble-bg-fuchsia);border-color:var(--bubble-border-fuchsia);border-left-color:var(--bubble-accent-fuchsia);box-shadow:var(--bubble-shadow-fuchsia)}.bubble--red{background:var(--bubble-bg-red);border-color:var(--bubble-border-red);border-left-color:var(--bubble-accent-red);box-shadow:var(--bubble-shadow-red)}.bubble--emerald{background:var(--bubble-bg-emerald);border-color:var(--bubble-border-emerald);border-left-color:var(--bubble-accent-emerald);box-shadow:var(--bubble-shadow-emerald)}.bubble--sky{background:var(--bubble-bg-sky);border-color:var(--bubble-border-sky);border-left-color:var(--bubble-accent-sky);box-shadow:var(--bubble-shadow-sky)}.bubble--yellow{background:var(--bubble-bg-yellow);border-color:var(--bubble-border-yellow);border-left-color:var(--bubble-accent-yellow);box-shadow:var(--bubble-shadow-yellow)}.bubble--coral{background:var(--bubble-bg-coral);border-color:var(--bubble-border-coral);border-left-color:var(--bubble-accent-coral);box-shadow:var(--bubble-shadow-coral)}.bubble--gold{background:var(--bubble-bg-gold);border-color:var(--bubble-border-gold);border-left-color:var(--bubble-accent-gold);box-shadow:var(--bubble-shadow-gold)}.bubble--violet{background:var(--bubble-bg-violet);border-color:var(--bubble-border-violet);border-left-color:var(--bubble-accent-violet);box-shadow:var(--bubble-shadow-violet)}.bubble--slate{background:var(--bubble-bg-slate);border-color:var(--bubble-border-slate);border-left-color:var(--bubble-accent-slate);box-shadow:var(--bubble-shadow-slate)}.bubble--blue.bubble--clickable:hover{box-shadow:var(--bubble-shadow-hover-blue)}.bubble--pink.bubble--clickable:hover{box-shadow:var(--bubble-shadow-hover-pink)}.bubble--green.bubble--clickable:hover{box-shadow:var(--bubble-shadow-hover-green)}.bubble--amber.bubble--clickable:hover{box-shadow:var(--bubble-shadow-hover-amber)}.bubble--purple.bubble--clickable:hover{box-shadow:var(--bubble-shadow-hover-purple)}.bubble--orange.bubble--clickable:hover{box-shadow:var(--bubble-shadow-hover-orange)}.bubble--teal.bubble--clickable:hover{box-shadow:var(--bubble-shadow-hover-teal)}.bubble--indigo.bubble--clickable:hover{box-shadow:var(--bubble-shadow-hover-indigo)}.bubble--rose.bubble--clickable:hover{box-shadow:var(--bubble-shadow-hover-rose)}.bubble--cyan.bubble--clickable:hover{box-shadow:var(--bubble-shadow-hover-cyan)}.bubble--lime.bubble--clickable:hover{box-shadow:var(--bubble-shadow-hover-lime)}.bubble--fuchsia.bubble--clickable:hover{box-shadow:var(--bubble-shadow-hover-fuchsia)}.bubble--red.bubble--clickable:hover{box-shadow:var(--bubble-shadow-hover-red)}.bubble--emerald.bubble--clickable:hover{box-shadow:var(--bubble-shadow-hover-emerald)}.bubble--sky.bubble--clickable:hover{box-shadow:var(--bubble-shadow-hover-sky)}.bubble--yellow.bubble--clickable:hover{box-shadow:var(--bubble-shadow-hover-yellow)}.bubble--coral.bubble--clickable:hover{box-shadow:var(--bubble-shadow-hover-coral)}.bubble--gold.bubble--clickable:hover{box-shadow:var(--bubble-shadow-hover-gold)}.bubble--violet.bubble--clickable:hover{box-shadow:var(--bubble-shadow-hover-violet)}.bubble--slate.bubble--clickable:hover{box-shadow:var(--bubble-shadow-hover-slate)}.bubble--large{border-radius:var(--bubble-radius-large);padding:16px;border-width:.5px;border-left-width:.5px}.bubble__content{position:relative;z-index:2}.mini-bubble{position:relative;overflow:hidden;border-radius:var(--bubble-radius-mini);padding:10px 12px;border:1px solid;margin-bottom:7px;display:flex;align-items:center;gap:10px;transition:var(--bubble-transition-mini);z-index:1;animation:bubbleFloatIn .5s var(--bubble-ease) both}.mini-bubble:last-child{margin-bottom:0}.mini-bubble:before{content:"";position:absolute;top:0;left:6%;right:6%;height:42%;border-radius:var(--bubble-highlight-shape);background:var(--mini-highlight-bg);pointer-events:none}.mini-bubble--clickable{cursor:pointer}.mini-bubble--clickable:hover{transform:translate(3px)}.mini-bubble--clickable:hover .bubble-chevron{opacity:.6;transform:translateY(-50%) translate(2px)}.mini-bubble--blue{background:var(--mini-bg-blue);border-color:var(--bubble-border-blue);box-shadow:var(--mini-shadow-blue)}.mini-bubble--pink{background:var(--mini-bg-pink);border-color:var(--bubble-border-pink);box-shadow:var(--mini-shadow-pink)}.mini-bubble--green{background:var(--mini-bg-green);border-color:var(--bubble-border-green);box-shadow:var(--mini-shadow-green)}.mini-bubble--amber{background:var(--mini-bg-amber);border-color:var(--bubble-border-amber);box-shadow:var(--mini-shadow-amber)}.mini-bubble--purple{background:var(--mini-bg-purple);border-color:var(--bubble-border-purple);box-shadow:var(--mini-shadow-purple)}.mini-bubble--orange{background:var(--mini-bg-orange);border-color:var(--bubble-border-orange);box-shadow:var(--mini-shadow-orange)}.mini-bubble--teal{background:var(--mini-bg-teal);border-color:var(--bubble-border-teal);box-shadow:var(--mini-shadow-teal)}.mini-bubble--indigo{background:var(--mini-bg-indigo);border-color:var(--bubble-border-indigo);box-shadow:var(--mini-shadow-indigo)}.mini-bubble--rose{background:var(--mini-bg-rose);border-color:var(--bubble-border-rose);box-shadow:var(--mini-shadow-rose)}.mini-bubble--cyan{background:var(--mini-bg-cyan);border-color:var(--bubble-border-cyan);box-shadow:var(--mini-shadow-cyan)}.mini-bubble--lime{background:var(--mini-bg-lime);border-color:var(--bubble-border-lime);box-shadow:var(--mini-shadow-lime)}.mini-bubble--fuchsia{background:var(--mini-bg-fuchsia);border-color:var(--bubble-border-fuchsia);box-shadow:var(--mini-shadow-fuchsia)}.mini-bubble--red{background:var(--mini-bg-red);border-color:var(--bubble-border-red);box-shadow:var(--mini-shadow-red)}.mini-bubble--emerald{background:var(--mini-bg-emerald);border-color:var(--bubble-border-emerald);box-shadow:var(--mini-shadow-emerald)}.mini-bubble--sky{background:var(--mini-bg-sky);border-color:var(--bubble-border-sky);box-shadow:var(--mini-shadow-sky)}.mini-bubble--yellow{background:var(--mini-bg-yellow);border-color:var(--bubble-border-yellow);box-shadow:var(--mini-shadow-yellow)}.mini-bubble--coral{background:var(--mini-bg-coral);border-color:var(--bubble-border-coral);box-shadow:var(--mini-shadow-coral)}.mini-bubble--gold{background:var(--mini-bg-gold);border-color:var(--bubble-border-gold);box-shadow:var(--mini-shadow-gold)}.mini-bubble--violet{background:var(--mini-bg-violet);border-color:var(--bubble-border-violet);box-shadow:var(--mini-shadow-violet)}.mini-bubble--slate{background:var(--mini-bg-slate);border-color:var(--bubble-border-slate);box-shadow:var(--mini-shadow-slate)}.mini-bubble--done{opacity:.55}.mini-bubble>*{position:relative;z-index:2}.bubble-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%) translate(0);opacity:0;transition:all .2s;font-size:14px;line-height:1;color:var(--bubble-chevron-color);z-index:3}.bubble-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.bubble-dot--ok{background:radial-gradient(circle at 30% 30%,#aafbde,#06d6a0);box-shadow:inset 0 1px #fff9,0 0 8px #06d6a080}.bubble-dot--warn{background:radial-gradient(circle at 30% 30%,#ffe082,#ffc107);box-shadow:inset 0 1px #fff9,0 0 8px #ffc10780}.bubble-dot--alert{background:radial-gradient(circle at 30% 30%,#fca5a5,#e91e63);box-shadow:inset 0 1px #fff9,0 0 8px #e91e6380}.bubble-dot--info{background:radial-gradient(circle at 30% 30%,#93c5fd,#2563eb);box-shadow:inset 0 1px #fff9,0 0 8px #2563eb80}.bubble-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--bubble-text-label);font-weight:600;margin-bottom:8px}.bubble-value{font-size:22px;font-weight:500;color:var(--bubble-text-primary);line-height:1.1;letter-spacing:-.3px;font-variant-numeric:tabular-nums}.bubble-value--small{font-size:11px;color:var(--bubble-text-secondary);font-weight:400}.bubble-delta{color:var(--bubble-text-delta);font-size:10px;font-weight:500;margin-top:4px}.bubble-text{font-size:11.5px;color:var(--bubble-text-primary);line-height:1.45;flex:1}.bubble-tag{font-size:10px;color:var(--bubble-text-tag);margin-top:1px}.bubble--blue .bubble-label{color:var(--bubble-text-blue)}.bubble--pink .bubble-label{color:var(--bubble-text-pink)}.bubble--green .bubble-label{color:var(--bubble-text-green)}.bubble--amber .bubble-label{color:var(--bubble-text-amber)}.bubble--purple .bubble-label{color:var(--bubble-text-purple)}.bubble--orange .bubble-label{color:var(--bubble-text-orange)}.bubble--teal .bubble-label{color:var(--bubble-text-teal)}.bubble--indigo .bubble-label{color:var(--bubble-text-indigo)}.bubble--rose .bubble-label{color:var(--bubble-text-rose)}.bubble--cyan .bubble-label{color:var(--bubble-text-cyan)}.bubble--lime .bubble-label{color:var(--bubble-text-lime)}.bubble--fuchsia .bubble-label{color:var(--bubble-text-fuchsia)}.bubble--red .bubble-label{color:var(--bubble-text-red)}.bubble--emerald .bubble-label{color:var(--bubble-text-emerald)}.bubble--sky .bubble-label{color:var(--bubble-text-sky)}.bubble--yellow .bubble-label{color:var(--bubble-text-yellow)}.bubble--coral .bubble-label{color:var(--bubble-text-coral)}.bubble--gold .bubble-label{color:var(--bubble-text-gold)}.bubble--violet .bubble-label{color:var(--bubble-text-violet)}.bubble--slate .bubble-label{color:var(--bubble-text-slate)}.bubble-item-content{flex:1;display:flex;flex-wrap:wrap;align-items:baseline;-moz-column-gap:6px;column-gap:6px;min-width:0}.bubble-item-content .bubble-text{flex:none}.bubble-item-content .bubble-tag{flex-shrink:1;min-width:0}.bubble-cards-adaptive{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:16px}@media(min-width:560px){.bubble-cards-adaptive{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.bubble-cards-adaptive>.bubble{margin-bottom:0}.ai-kpi-row{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:16px;align-items:stretch}@media(min-width:680px){.ai-kpi-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}.ai-kpi-row>.bubble{margin-bottom:0!important}.ai-kpi-row .bubble-grid-4{grid-template-columns:repeat(2,1fr);margin-bottom:0}@media(max-width:500px){.ai-kpi-row .bubble-grid-4{grid-template-columns:repeat(2,1fr)}}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--bubble-text-secondary);font-weight:600;margin:4px 0 10px 2px}.bubble-badge{position:absolute;top:7px;right:7px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--datel-pink);color:#fff;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #e91e6366;z-index:3}.bubble-badge--ok{background:var(--datel-green);box-shadow:0 2px 6px #06d6a080}.now-pulse{position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--datel-green);border-radius:999px;box-shadow:0 0 10px #06d6a0cc;animation:nowPulse 2s ease-in-out infinite}.bubble-orb{position:absolute;top:-20px;right:-20px;width:110px;height:110px;border-radius:50%;pointer-events:none;z-index:1}[data-theme=light] .bubble-orb,:root:not([data-theme=dark]) .bubble-orb{background:radial-gradient(circle,rgba(37,99,235,.2),transparent 70%)}[data-theme=dark] .bubble-orb{background:radial-gradient(circle,rgba(6,214,160,.42),transparent 70%)}.ai-icon{width:24px;height:24px;background:linear-gradient(135deg,var(--datel-blue),var(--datel-green));border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;box-shadow:inset 0 1px #ffffff80,0 2px 6px #2563eb4d;flex-shrink:0}.ai-badge{padding:2px 8px;background:linear-gradient(90deg,var(--datel-pink),var(--datel-blue),var(--datel-green));color:#fff;font-size:9px;font-weight:500;border-radius:999px;letter-spacing:.5px}.bubble-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.bubble-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bubble-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.bubble-grid-split{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}@media(max-width:900px){.bubble-grid-4{grid-template-columns:repeat(2,1fr)}.bubble-grid-split{grid-template-columns:1fr}}@media(max-width:500px){.bubble-grid-4,.bubble-grid-3,.bubble-grid-2{grid-template-columns:1fr}}@keyframes bubbleFloatIn{0%{opacity:0;transform:translateY(16px) scale(.94)}60%{opacity:1;transform:translateY(-2px) scale(1.015)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes nowPulse{0%,to{opacity:.7}50%{opacity:1}}.bubble-d1{animation-delay:80ms}.bubble-d2{animation-delay:.16s}.bubble-d3{animation-delay:.24s}.bubble-d4{animation-delay:.32s}.bubble-d5{animation-delay:.4s}.bubble-d6{animation-delay:.48s}.bubble-d7{animation-delay:.56s}.bubble-d8{animation-delay:.64s}.mini-d1{animation-delay:.2s}.mini-d2{animation-delay:.28s}.mini-d3{animation-delay:.36s}.mini-d4{animation-delay:.44s}.mini-d5{animation-delay:.52s}@media(prefers-reduced-motion:reduce){.bubble,.mini-bubble,.now-pulse{animation:none!important}.bubble--clickable:hover,.mini-bubble--clickable:hover{transform:none}}