:root{--topbar-h: 56px;--bottom-nav-height: 64px}@media(min-width:768px){:root{--topbar-h: 60px}}.datel-topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h);z-index:100;display:flex;align-items:center;gap:8px;padding:0 20px;background:color-mix(in srgb,var(--bg-base) 88%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--card-border)}.datel-topbar__brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.datel-topbar__wordmark{font-size:15px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--section-gradient, linear-gradient(90deg, #38bdf8 0%, #818cf8 100%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.datel-topbar__nav{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}@media(max-width:767px){.datel-topbar__nav{display:none}}.datel-nav-link{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.datel-nav-link:hover{background:color-mix(in srgb,var(--text-primary) 6%,transparent);color:var(--text-primary)}.datel-nav-link--active{background:color-mix(in srgb,var(--section-accent, #818cf8) 12%,transparent);color:var(--section-accent, #818cf8)}.datel-topbar__right{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.datel-topbar__user-name{font-size:12px;color:var(--text-muted);display:none}@media(min-width:640px){.datel-topbar__user-name{display:block}}.datel-topbar__logout-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.datel-topbar__logout-btn:hover{background:color-mix(in srgb,var(--color-red) 12%,transparent);color:var(--color-red)}.datel-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);z-index:100;display:none;align-items:center;justify-content:space-around;background:color-mix(in srgb,var(--bg-base) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--card-border);padding:0 4px;padding-bottom:env(safe-area-inset-bottom)}@media(max-width:767px){.datel-bottom-nav{display:flex}}.datel-bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;border-radius:10px;text-decoration:none;color:var(--text-muted);font-size:10px;font-weight:500;transition:color .15s;min-width:44px;min-height:44px;justify-content:center}.datel-bottom-nav__item--active{color:var(--section-accent, #818cf8)}: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-08: color-mix(in srgb, #a78bfa 8%, transparent);--color-violet-10: color-mix(in srgb, #a78bfa 10%, transparent);--color-violet-18: color-mix(in srgb, #a78bfa 18%, transparent);--color-indigo-08: color-mix(in srgb, #818cf8 8%, transparent);--color-indigo-10: color-mix(in srgb, #818cf8 10%, transparent);--color-indigo-12: color-mix(in srgb, #818cf8 12%, transparent);--color-indigo-25: color-mix(in srgb, #818cf8 25%, transparent);--color-indigo-20: color-mix(in srgb, #818cf8 20%, transparent);--color-indigo-30: color-mix(in srgb, #818cf8 30%, 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-82: rgba(255,255,255,.82);--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-03: color-mix(in srgb, #38bdf8 3%, transparent);--color-cyan-04: color-mix(in srgb, #38bdf8 4%, transparent);--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-amber-40: color-mix(in srgb, #fbbf24 40%, transparent);--color-green-08: color-mix(in srgb, #34d399 8%, 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-indigo-80: color-mix(in srgb, #818cf8 80%, transparent);--color-indigo-85: color-mix(in srgb, #818cf8 85%, 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);--color-pink-08: color-mix(in srgb, #e879f9 8%, transparent);--color-pink-10: color-mix(in srgb, #e879f9 10%, transparent);--color-pink-15: color-mix(in srgb, #e879f9 15%, transparent);--color-pink-20: color-mix(in srgb, #e879f9 20%, transparent);--color-pink-25: color-mix(in srgb, #e879f9 25%, transparent);--color-pink-30: color-mix(in srgb, #e879f9 30%, transparent);--color-pink-40: color-mix(in srgb, #e879f9 40%, transparent);--color-violet-07: color-mix(in srgb, #a78bfa 7%, transparent);--color-violet-15: color-mix(in srgb, #a78bfa 15%, transparent);--color-violet-20: color-mix(in srgb, #a78bfa 20%, transparent);--color-violet-30: color-mix(in srgb, #a78bfa 30%, transparent);--color-violet-35: color-mix(in srgb, #a78bfa 35%, transparent);--color-cyan-10: color-mix(in srgb, #38bdf8 10%, transparent);--color-cyan-15: color-mix(in srgb, #38bdf8 15%, transparent);--color-cyan-25: color-mix(in srgb, #38bdf8 25%, transparent);--color-cyan-30: color-mix(in srgb, #38bdf8 30%, transparent);--color-cyan-40: color-mix(in srgb, #38bdf8 40%, transparent);--color-green-06: color-mix(in srgb, #34d399 6%, transparent);--color-green-25: color-mix(in srgb, #34d399 25%, transparent);--color-green-35: color-mix(in srgb, #34d399 35%, transparent);--color-green-40: color-mix(in srgb, #34d399 40%, transparent);--color-red-07: color-mix(in srgb, #f87171 7%, transparent);--color-red-10: color-mix(in srgb, #f87171 10%, transparent);--color-red-12: color-mix(in srgb, #f87171 12%, transparent);--color-red-15: color-mix(in srgb, #f87171 15%, transparent);--color-red-18: color-mix(in srgb, #f87171 18%, transparent);--color-red-20: color-mix(in srgb, #f87171 20%, transparent);--color-red-30: color-mix(in srgb, #f87171 30%, transparent);--color-red-35: color-mix(in srgb, #f87171 35%, transparent);--color-red-60: color-mix(in srgb, #f87171 60%, transparent);--color-red-70: color-mix(in srgb, #f87171 70%, transparent);--color-red-80: color-mix(in srgb, #f87171 80%, transparent);--color-red-90: color-mix(in srgb, #f87171 90%, transparent);--color-amber-08: color-mix(in srgb, #fbbf24 8%, transparent);--color-amber-10: color-mix(in srgb, #fbbf24 10%, transparent);--color-amber-25: color-mix(in srgb, #fbbf24 25%, transparent);--color-amber-35: color-mix(in srgb, #fbbf24 35%, transparent);--color-yellow: #fde047;--color-yellow-04: color-mix(in srgb, #fde047 4%, transparent);--color-yellow-10: color-mix(in srgb, #fde047 10%, transparent);--color-yellow-12: color-mix(in srgb, #fde047 12%, transparent);--color-yellow-13: color-mix(in srgb, #fde047 13%, transparent);--color-yellow-15: color-mix(in srgb, #fde047 15%, transparent);--color-yellow-30: color-mix(in srgb, #fde047 30%, transparent);--color-yellow-35: color-mix(in srgb, #fde047 35%, transparent);--color-orange: #fb923c;--color-orange-12: color-mix(in srgb, #fb923c 12%, transparent);--color-blue: #60a5fa;--color-blue-12: color-mix(in srgb, #60a5fa 12%, transparent);--color-rose: #f472b6;--color-rose-12: color-mix(in srgb, #f472b6 12%, transparent);--color-emerald: #10b981;--color-emerald-12: color-mix(in srgb, #10b981 12%, transparent);--color-emerald-15: color-mix(in srgb, #10b981 15%, transparent);--color-emerald-18: color-mix(in srgb, #10b981 18%, transparent);--color-green-400: #4ade80;--color-green-400-04: color-mix(in srgb, #4ade80 4%, transparent);--color-green-400-06: color-mix(in srgb, #4ade80 6%, transparent);--color-green-400-10: color-mix(in srgb, #4ade80 10%, transparent);--color-green-400-12: color-mix(in srgb, #4ade80 12%, transparent);--color-green-400-15: color-mix(in srgb, #4ade80 15%, transparent);--color-green-400-18: color-mix(in srgb, #4ade80 18%, transparent);--color-green-400-25: color-mix(in srgb, #4ade80 25%, transparent);--color-green-400-30: color-mix(in srgb, #4ade80 30%, transparent);--color-blue-500: #3b82f6;--color-blue-500-12: color-mix(in srgb, #3b82f6 12%, transparent);--color-blue-500-20: color-mix(in srgb, #3b82f6 20%, transparent);--color-pink-500: #ec4899;--color-pink-500-12: color-mix(in srgb, #ec4899 12%, transparent);--color-pink-500-20: color-mix(in srgb, #ec4899 20%, transparent);--color-indigo-500: #6366f1;--color-indigo-500-07: color-mix(in srgb, #6366f1 7%, transparent);--color-indigo-500-10: color-mix(in srgb, #6366f1 10%, transparent);--color-indigo-500-15: color-mix(in srgb, #6366f1 15%, transparent);--color-indigo-500-35: color-mix(in srgb, #6366f1 35%, transparent);--color-indigo-500-50: color-mix(in srgb, #6366f1 50%, transparent);--color-red-600: #ef4444;--color-red-600-08: color-mix(in srgb, #ef4444 8%, transparent);--color-red-600-10: color-mix(in srgb, #ef4444 10%, transparent);--color-red-600-12: color-mix(in srgb, #ef4444 12%, transparent);--color-red-600-25: color-mix(in srgb, #ef4444 25%, transparent);--color-red-600-35: color-mix(in srgb, #ef4444 35%, transparent);--color-purple: #a855f7;--color-purple-40: color-mix(in srgb, #a855f7 40%, transparent);--color-slate: #64748b;--color-slate-12: color-mix(in srgb, #64748b 12%, transparent);--color-slate-33: color-mix(in srgb, #64748b 33%, transparent);--color-fuchsia-10: color-mix(in srgb, #c084fc 10%, transparent);--color-fuchsia-15: color-mix(in srgb, #c084fc 15%, transparent);--color-violet-06: color-mix(in srgb, #a78bfa 6%, transparent);--color-violet-40: color-mix(in srgb, #a78bfa 40%, transparent);--color-blue-15: color-mix(in srgb, #60a5fa 15%, transparent);--color-blue-30: color-mix(in srgb, #60a5fa 30%, transparent);--color-fuchsia-35: color-mix(in srgb, #c084fc 35%, transparent);--color-cyan-35: color-mix(in srgb, #38bdf8 35%, transparent);--color-pink-35: color-mix(in srgb, #e879f9 35%, transparent);--overlay-mid: rgba(0,0,0,.45);--overlay-dark: rgba(0,0,0,.5);--overlay-darker: rgba(0,0,0,.6);--overlay-focus: rgba(2,4,8,.92);--color-fuchsia-500: #d946ef;--color-fuchsia-500-10: color-mix(in srgb, #d946ef 10%, transparent);--color-fuchsia-500-25: color-mix(in srgb, #d946ef 25%, transparent);--alert-rosa: #f5a9e1;--alert-rosa-08: color-mix(in srgb, #f5a9e1 8%, transparent);--alert-rosa-30: color-mix(in srgb, #f5a9e1 30%, transparent);--alert-rosa-plus: #ff00bc;--alert-rosa-plus-12: color-mix(in srgb, #ff00bc 12%, transparent);--alert-rosa-plus-40: color-mix(in srgb, #ff00bc 40%, transparent);--bg-base: #020408;--datel-accent: var(--color-indigo);--modal-bg: rgba(6, 9, 22, .97);--text-primary: #ffffff;--text-secondary: rgba(255,255,255,.7);--text-muted: rgba(255,255,255,.5);--text-faded: rgba(255,255,255,.35);--font-sans: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--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);--shadow-xl: 0 20px 60px rgba(0,0,0,.5), 0 4px 16px rgba(0,0,0,.3);--shadow-panel-left: -8px 0 40px rgba(0,0,0,.3);--shadow-panel-left-heavy: -12px 0 48px rgba(0,0,0,.35);--color-black-03: rgba(0,0,0,.03);--color-black-05: rgba(0,0,0,.05);--color-black-06: rgba(0,0,0,.06);--color-black-07: rgba(0,0,0,.07);--color-black-08: rgba(0,0,0,.08);--color-black-09: rgba(0,0,0,.09);--color-black-10: rgba(0,0,0,.1);--color-black-11: rgba(0,0,0,.11);--color-black-25: rgba(0,0,0,.25);--color-black-28: rgba(0,0,0,.28);--color-black-30: rgba(0,0,0,.3);--color-black-35: rgba(0,0,0,.35);--color-black-40: rgba(0,0,0,.4);--color-black-45: rgba(0,0,0,.45);--color-black-60: rgba(0,0,0,.6);--color-white-015: rgba(255,255,255,.015);--color-black-018: rgba(0,0,0,.018);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 16px;--radius-xl: 14px;--radius-2xl: 16px;--radius-3xl: 18px;--radius-pill: 20px;--card-bg: rgba(18,22,40,.42);--card-border: rgba(255,255,255,.1);--card-radius: var(--radius-lg);--card-blur: blur(48px) saturate(1.8);--card-shadow: 0 1px 0 rgba(255,255,255,.12) 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,.18) inset, 0 12px 40px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.22);--card-border-hover: rgba(255,255,255,.16);--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,.42);--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);--bg-card: rgba(12,8,24,.6);--bg-surface: rgba(255,255,255,.03);--bg-surface-hover: rgba(255,255,255,.06);--border-subtle: rgba(255,255,255,.06);--border-default: rgba(255,255,255,.12);--bg-page: #020408;--bg-card-clean: rgba(167, 139, 250, .027);--bg-input: rgba(2, 4, 8, .4);--bg-chip: rgba(255, 255, 255, .04);--border-strong: rgba(255, 255, 255, .24);--border-glow: rgba(167, 139, 250, .4);--text-disabled: rgba(255, 255, 255, .25);--bubble-text-tertiary: rgba(255, 255, 255, .38);--datel-rosa: #e91e63;--datel-rojo: #e63946;--datel-rainbow: linear-gradient(90deg, #e91e63, #ff6b35, #ffc107, #06d6a0, #1d70b8, #b33dc6);--gradient-rainbow: linear-gradient(90deg, #ec4899 0%, #c084fc 30%, #818cf8 60%, #60a5fa 100%);--datel-pink-500: #ec4899;--color-teal: #06d6a0;--color-teal-10: color-mix(in srgb, #06d6a0 10%, transparent);--color-teal-25: color-mix(in srgb, #06d6a0 25%, transparent);--color-teal-20: color-mix(in srgb, #06d6a0 20%, transparent);--overlay-bg: rgba(0, 0, 0, .65);--overlay-bg-light: rgba(0, 0, 0, .45);--status-online: #22c55e;--status-warning: #fbbf24;--status-error: #ef4444;--status-offline: #6b7280;--glow-online: 0 0 0 3px rgba(34, 197, 94, .133), 0 0 10px rgba(34, 197, 94, .157);--glow-warning: 0 0 0 3px rgba(251, 191, 36, .13), 0 0 10px rgba(251, 191, 36, .2);--glow-error: 0 0 0 3px rgba(239, 68, 68, .13), 0 0 10px rgba(239, 68, 68, .25);--glow-ambient: radial-gradient(ellipse, rgba(167, 139, 250, .15), transparent 70%);--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius-xs: 4px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3);--shadow-float: 0 8px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 24px rgba(167, 139, 250, .15);--topbar-h: 72px;--header-height: var(--topbar-h);--bottom-nav-height: 0px;--page-padding-y: 32px;--assistant-height: 72px;--viewport-reserved: calc(var(--header-height) + var(--bottom-nav-height) + var(--page-padding-y) * 2);--content-height: calc(100dvh - var(--viewport-reserved));--content-height-with-assistant: calc(100dvh - var(--viewport-reserved) - var(--assistant-height) - 16px);--tile-l-size: 120px;--tile-m-size: 90px;--tile-s-size: 60px;--card-xxl-min: 11.25rem;--card-xl-min: 8.75rem;--card-l-min: 6.25rem;--card-m-min: 4rem;--card-s-min: 1.75rem;--priority-border-urgent: rgba(233,30,99,.45);--priority-border-high: rgba(251,191,36,.45);--priority-border-normal: rgba(34,211,238,.4);--priority-border-low: rgba(255,255,255,.12);--priority-glow-urgent: rgba(233,30,99,.09);--priority-glow-high: rgba(251,191,36,.08);--priority-glow-normal: rgba(34,211,238,.07);--priority-glow-low: rgba(255,255,255,.03);--priority-glow-default: rgba(255,255,255,.04);--bubble-bg-task: rgba(37,99,235,.05);--hover-glow-task: 0 4px 16px rgba(37,99,235,.2);--t-fast: .15s;--t-base: .2s;--t-slow: .4s;--ease: ease-out;--animation-instant: 80ms;--animation-fast: .15s;--animation-base: .25s;--animation-slow: .4s;--animation-slower: .6s;--animation-slowest: .9s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-all-fast: all var(--animation-fast) var(--ease-out);--transition-all-base: all var(--animation-base) var(--ease-out);--transition-color: color var(--animation-fast) var(--ease-out), background-color var(--animation-fast) var(--ease-out), border-color var(--animation-fast) var(--ease-out);--transition-transform: transform var(--animation-fast) var(--ease-spring);--transition-opacity: opacity var(--animation-fast) var(--ease-out);--color-indigo-06: color-mix(in srgb, #818cf8 6%, transparent);--color-indigo-40: color-mix(in srgb, #818cf8 40%, transparent);--color-indigo-50: color-mix(in srgb, #818cf8 50%, transparent);--color-indigo-500-05: color-mix(in srgb, #6366f1 5%, transparent);--color-indigo-500-08: color-mix(in srgb, #6366f1 8%, transparent);--color-indigo-500-20: color-mix(in srgb, #6366f1 20%, transparent);--color-amber-500: #f59e0b;--color-amber-500-05: color-mix(in srgb, #f59e0b 5%, transparent);--color-amber-500-10: color-mix(in srgb, #f59e0b 10%, transparent);--color-amber-500-12: color-mix(in srgb, #f59e0b 12%, transparent);--color-amber-500-22: color-mix(in srgb, #f59e0b 22%, transparent);--color-cyan-400: #22d3ee;--color-cyan-400-05: color-mix(in srgb, #22d3ee 5%, transparent);--color-cyan-400-10: color-mix(in srgb, #22d3ee 10%, transparent);--color-cyan-400-20: color-mix(in srgb, #22d3ee 20%, transparent);--color-cyan-600: #0891b2;--color-cyan-600-05: color-mix(in srgb, #0891b2 5%, transparent);--color-cyan-600-10: color-mix(in srgb, #0891b2 10%, transparent);--color-cyan-600-20: color-mix(in srgb, #0891b2 20%, transparent);--color-teal-400: #14b8a6;--color-teal-400-05: color-mix(in srgb, #14b8a6 5%, transparent);--color-teal-400-10: color-mix(in srgb, #14b8a6 10%, transparent);--color-teal-400-20: color-mix(in srgb, #14b8a6 20%, transparent);--color-teal-700: #0f766e;--color-teal-700-05: color-mix(in srgb, #0f766e 5%, transparent);--color-teal-700-10: color-mix(in srgb, #0f766e 10%, transparent);--color-teal-700-20: color-mix(in srgb, #0f766e 20%, transparent);--color-sky-700: #0284c7;--color-sky-700-05: color-mix(in srgb, #0284c7 5%, transparent);--color-sky-700-10: color-mix(in srgb, #0284c7 10%, transparent);--color-sky-700-20: color-mix(in srgb, #0284c7 20%, transparent);--color-fuchsia-18: color-mix(in srgb, #c084fc 18%, transparent);--color-green-500: #22c55e;--color-green-500-08: color-mix(in srgb, #22c55e 8%, transparent);--color-green-500-14: color-mix(in srgb, #22c55e 14%, transparent);--color-green-500-18: color-mix(in srgb, #22c55e 18%, transparent);--color-indigo-35: color-mix(in srgb, #818cf8 35%, transparent);--color-indigo-500-40: color-mix(in srgb, #6366f1 40%, transparent);--color-cyan-400-35: color-mix(in srgb, #22d3ee 35%, transparent);--color-orange-35: color-mix(in srgb, #fb923c 35%, transparent);--color-purple-35: color-mix(in srgb, #a855f7 35%, transparent);--color-violet-50: color-mix(in srgb, #a78bfa 50%, transparent);--color-pink-500-35: color-mix(in srgb, #ec4899 35%, transparent);--color-green-400-60: color-mix(in srgb, #4ade80 60%, transparent);--color-white-09: rgba(255,255,255,.09);--color-white-20: rgba(255,255,255,.2);--color-white-28: rgba(255,255,255,.28);--color-white-35: rgba(255,255,255,.35);--color-white-38: rgba(255,255,255,.38);--color-white-40: rgba(255,255,255,.4);--color-white-45: rgba(255,255,255,.45);--color-white-55: rgba(255,255,255,.55);--focus-ring-width: 2px;--focus-ring-color: #818cf8}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,.06);--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: #ECF0F8;--modal-bg: rgba(250, 252, 255, .98);--text-primary: #0a0a1a;--text-secondary: rgba(10,10,26,.7);--text-muted: rgba(10,10,26,.55);--text-faded: rgba(10,10,26,.4);--card-bg: rgba(255,255,255,.92);--card-border: rgba(0,0,0,.03);--card-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 2px 12px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.05);--card-shadow-hover: 0 1px 0 rgba(255,255,255,1) inset, 0 8px 32px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.07);--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,.45);--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);--bg-card: rgba(255,255,255,.85);--bg-surface: rgba(15,15,30,.03);--bg-surface-hover: rgba(15,15,30,.06);--border-subtle: rgba(15,15,30,.08);--border-default: rgba(15,15,30,.14);--bg-page: #fafbff;--bg-card-clean: rgba(167, 139, 250, .05);--bg-input: rgba(255, 255, 255, .7);--bg-chip: rgba(15, 15, 30, .04);--border-strong: rgba(15, 15, 30, .24);--border-glow: rgba(139, 92, 246, .35);--text-disabled: rgba(10, 10, 26, .25);--bubble-text-tertiary: rgba(10, 10, 26, .4);--shadow-card: 0 1px 2px rgba(139, 92, 246, .08);--shadow-float: 0 8px 24px rgba(139, 92, 246, .12);--shadow-glow: 0 0 24px rgba(139, 92, 246, .12);--glow-ambient: radial-gradient(ellipse, rgba(139, 92, 246, .12), transparent 70%);--bottom-nav-height: 0px;--overlay-bg: rgba(0, 0, 0, .45);--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);--color-white-04: rgba(15,15,45,.04);--color-white-05: rgba(15,15,45,.05);--color-white-06: rgba(15,15,45,.06);--color-white-07: rgba(15,15,45,.07);--color-white-08: rgba(15,15,45,.08);--color-white-10: rgba(15,15,45,.1);--color-white-12: rgba(15,15,45,.12);--color-white-14: rgba(15,15,45,.14);--color-white-15: rgba(15,15,45,.15);--color-white-18: rgba(15,15,45,.18);--color-white-22: rgba(15,15,45,.22);--color-white-24: rgba(15,15,45,.24);--color-white-25: rgba(15,15,45,.25);--color-white-30: rgba(15,15,45,.3);--color-white-50: rgba(15,15,45,.5);--color-white-52: rgba(15,15,45,.52);--color-white-60: rgba(15,15,45,.6);--color-white-70: rgba(15,15,45,.7);--color-white-75: rgba(15,15,45,.75);--color-white-80: rgba(15,15,45,.8);--color-white-82: rgba(15,15,45,.82);--color-white-85: rgba(15,15,45,.85);--color-white-88: rgba(15,15,45,.88);--color-white-95: rgba(15,15,45,.95);--color-white-97: rgba(15,15,45,.97);--priority-border-urgent: rgba(190,24,93,.55);--priority-border-high: rgba(161,98,7,.55);--priority-border-normal: rgba(8,145,178,.5);--priority-border-low: rgba(100,116,139,.3);--priority-glow-urgent: rgba(190,24,93,.05);--priority-glow-high: rgba(161,98,7,.04);--priority-glow-normal: rgba(8,145,178,.04);--priority-glow-low: rgba(15,23,42,.02);--priority-glow-default: rgba(15,23,42,.02);--bubble-bg-task: rgba(248,250,255,1);--hover-glow-task: 0 4px 16px rgba(15,23,42,.08);--color-fuchsia-18: color-mix(in srgb, #c026d3 18%, transparent);--color-white-09: rgba(15,15,45,.09);--color-white-20: rgba(15,15,45,.2);--color-white-28: rgba(15,15,45,.28);--color-white-35: rgba(15,15,45,.35);--color-white-38: rgba(15,15,45,.38);--color-white-40: rgba(15,15,45,.4);--color-white-45: rgba(15,15,45,.45);--color-white-55: rgba(15,15,45,.55)}@media(min-width:768px){:root{--topbar-h: 84px}}@media(min-width:1024px){:root{--topbar-h: 130px}}@media(max-width:640px){:root{--bottom-nav-height: 64px;--page-padding-y: 16px}}:root.light{--bg-base: #f8faff;--bg-page: #fafbff;--text-primary: #0a0a1a;--text-secondary: rgba(10,10,26,.7);--text-muted: rgba(10,10,26,.55);--card-bg: rgba(255,255,255,.85);--card-border: rgba(0,0,0,.04);--border-subtle: rgba(15,15,30,.08);--border-default: rgba(15,15,30,.14)}@media(prefers-contrast:more){:root{--text-primary: #ffffff;--text-secondary: rgba(255,255,255,.9);--text-muted: rgba(255,255,255,.75);--border-subtle: rgba(255,255,255,.3);--border-default: rgba(255,255,255,.5);--focus-ring-width: 3px;--focus-ring-color: #ffffff;--card-border: rgba(255,255,255,.35);--item-hover-bg: rgba(255,255,255,.14)}}:root.high-contrast{--text-primary: #ffffff;--text-secondary: rgba(255,255,255,.9);--text-muted: rgba(255,255,255,.75);--border-subtle: rgba(255,255,255,.3);--border-default: rgba(255,255,255,.5);--focus-ring-width: 3px;--focus-ring-color: #ffffff;--card-border: rgba(255,255,255,.35);--item-hover-bg: rgba(255,255,255,.14)}html.light.high-contrast,html.light:root.high-contrast{--text-primary: #000000;--text-secondary: rgba(0,0,0,.85);--text-muted: rgba(0,0,0,.7);--border-subtle: rgba(0,0,0,.35);--border-default: rgba(0,0,0,.55);--focus-ring-color: #000000;--card-border: rgba(0,0,0,.4)}:root{--datel-blue: #2563EB;--datel-pink: #e91e63;--datel-green: #06d6a0;--datel-cyan: #06d6a0;--datel-magenta: #ec4899;--datel-violet: #a78bfa;--datel-amber: #fbbf24;--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);--datel-assistant-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--datel-assistant-font-title: 14px;--datel-assistant-font-input: 15px;--datel-assistant-font-message: 15px;--datel-assistant-font-timestamp: 11px;--datel-assistant-font-chip: 13px;--datel-assistant-font-code: 13px;--datel-assistant-font-code-inline: 14px;--datel-assistant-font-slash: 14px;--datel-assistant-font-section: 14px;--datel-assistant-font-error: 13px;--datel-assistant-font-thinking: 13px;--datel-assistant-font-avatar: 12px;--datel-assistant-input-min-h: 40px;--datel-assistant-input-max-h: 240px;--datel-assistant-bubble-px: 16px;--datel-assistant-bubble-py: 12px;--datel-assistant-bubble-gap: 16px;--datel-assistant-ts-gap: 4px;--datel-assistant-chip-gap: 8px;--datel-assistant-panel-padding: 20px;--datel-assistant-input-px: 14px;--datel-assistant-input-py: 10px;--datel-assistant-bubble-radius: 14px;--datel-assistant-chip-radius: 999px;--datel-assistant-btn-radius: 8px;--datel-assistant-accent: var(--datel-cyan);--datel-assistant-accent-rgb: 6, 214, 160;--datel-assistant-glow: rgba(6, 214, 160, .25)}[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-card-bg: rgba(255,255,255,.88);--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-greeting-gradient-pulso: linear-gradient(90deg, #92400e, #c2410c, #d97706);--bubble-greeting-gradient-control: linear-gradient(90deg, #5b21b6, #4338ca, #1d4ed8);--bubble-greeting-gradient-call: linear-gradient(90deg, #0e7490, #0369a1, #0d9488);--bubble-greeting-gradient-config: linear-gradient(90deg, #374151, #1e40af, #1d4ed8);--bubble-greeting-gradient-usuarios:linear-gradient(90deg, #9d174d, #7c3aed, #4f46e5);--bubble-greeting-gradient-apps: linear-gradient(90deg, #065f46, #0891b2, #4338ca);--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-card-bg: rgba(10,14,26,.75);--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-greeting-gradient-pulso: linear-gradient(90deg, #fb923c, #f59e0b, #fcd34d);--bubble-greeting-gradient-control: linear-gradient(90deg, #a78bfa, #818cf8, #60a5fa);--bubble-greeting-gradient-call: linear-gradient(90deg, #22d3ee, #38bdf8, #2dd4bf);--bubble-greeting-gradient-config: linear-gradient(90deg, #94a3b8, #818cf8, #60a5fa);--bubble-greeting-gradient-usuarios:linear-gradient(90deg, #f472b6, #c084fc, #a78bfa);--bubble-greeting-gradient-apps: linear-gradient(90deg, #34d399, #22d3ee, #818cf8);--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}}:root{--brand-primary: #818cf8;--text-xs: 11px;--text-sm: 13px;--text-md: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--transition-fast: all .12s ease;--transition-base: all .2s ease;--z-modal: 400;--z-tooltip: 300;--z-dropdown: 200;--z-topbar: 100;--shadow-sm: 0 2px 8px rgba(0,0,0,.18);--shadow-md: 0 4px 16px rgba(0,0,0,.22);--shadow-lg: 0 8px 32px rgba(0,0,0,.28);--shadow-xl: 0 16px 48px rgba(0,0,0,.35);--ring-focus: 0 0 0 2px var(--brand-primary);--text-tertiary: rgba(255,255,255,.4);--bg-canvas: rgba(0,0,0,.3);--bg-elevated: rgba(255,255,255,.06);--bg-hover: rgba(255,255,255,.07);--bg-active: rgba(255,255,255,.04);--border-focus: var(--brand-primary);--status-online-bg: rgba(34,197,94,.12);--status-online-fg: #4ade80;--status-busy: #f87171;--status-busy-bg: rgba(248,113,113,.12);--status-busy-fg: #f87171;--status-away-bg: rgba(251,191,36,.12);--status-away-fg: #fbbf24;--status-info: #818cf8;--status-info-bg: rgba(129,140,248,.12);--status-info-fg: #818cf8}html.light{--brand-primary: #4f46e5;--text-tertiary: rgba(10,10,26,.38);--bg-canvas: rgba(255,255,255,.7);--bg-elevated: rgba(0,0,0,.04);--bg-hover: rgba(0,0,0,.05);--bg-active: rgba(0,0,0,.03);--ring-focus: 0 0 0 2px var(--brand-primary);--status-online-fg: #16a34a;--status-busy: #dc2626;--status-busy-fg: #dc2626;--status-busy-bg: rgba(220,38,38,.1);--status-away-fg: #d97706;--status-info: #4f46e5;--status-info-fg: #4f46e5;--status-info-bg: rgba(79,70,229,.1);--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.12);--shadow-lg: 0 8px 32px rgba(0,0,0,.14);--shadow-xl: 0 16px 48px rgba(0,0,0,.18)}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg-base);scroll-behavior:smooth;color-scheme:dark}html.light{color-scheme:light}body{font-family:DM Sans,system-ui,sans-serif;background:var(--bg-base);color:var(--text-primary);margin:0;padding:0;min-height:100dvh;font-size:clamp(14px,2vw,16px);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-readable{max-width:65ch;line-height:1.6}.text-truncate-id{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.text-truncate-id{max-width:120px}}button,[role=button]{min-height:44px;min-width:44px}button.btn-inline,[role=button].btn-inline,button.btn-compact,[role=button].btn-compact{min-height:unset;min-width:unset}.page-pad{padding-inline:clamp(16px,4vw,28px)}@media(max-width:768px){.page-pad{padding-inline:16px}}.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:var(--topbar-h);box-sizing:border-box;overflow:hidden}@media(max-width:767px){.datel-layout{height:100dvh}}.datel-layout--ia{padding-top:calc(var(--topbar-h) + 44px)}@media(min-width:1921px){.datel-layout{max-width:1600px;margin-left:auto;margin-right:auto}}.datel-main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:12px 12px calc(var(--bottom-nav-height, 0px) + 28px);scrollbar-width:thin;scrollbar-color:var(--color-white-10) transparent}html.light .datel-main-content{scrollbar-color:var(--color-white-10) transparent}@media(min-width:768px){.datel-main-content{padding:8px 24px 20px}}@media(min-width:1024px){.datel-main-content{padding:8px 28px 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:clamp(280px,50vw,700px);height:clamp(280px,50vw,700px);background:radial-gradient(ellipse,rgba(56,189,248,.55) 0%,transparent 70%);top:-20%;left:-8%;animation-duration:18s;animation-delay:0s;opacity:.45}.datel-aurora-blob-2{width:clamp(220px,42vw,580px);height:clamp(220px,42vw,580px);background:radial-gradient(ellipse,rgba(20,184,166,.5) 0%,transparent 70%);bottom:-12%;right:-5%;animation-duration:24s;animation-delay:-9s;opacity:.4}.datel-aurora-blob-3{width:clamp(180px,36vw,500px);height:clamp(180px,36vw,500px);background:radial-gradient(ellipse,rgba(139,92,246,.5) 0%,transparent 70%);top:30%;right:5%;animation-duration:30s;animation-delay:-16s;opacity:.38}.datel-aurora-blob-4{width:clamp(160px,30vw,420px);height:clamp(160px,30vw,420px);background:radial-gradient(ellipse,rgba(236,72,153,.48) 0%,transparent 70%);top:55%;left:22%;animation-duration:36s;animation-delay:-24s;opacity:.35}html.light .datel-aurora-blob-1,html.light .datel-aurora-blob-2{opacity:.22}html.light .datel-aurora-blob-3{opacity:.2}html.light .datel-aurora-blob-4{opacity:.18}.datel-grid{display:none}.datel-skip-link{position:absolute;top:-100px;left:16px;z-index:9999;padding:10px 18px;background:#818cf8;color:#fff;font-size:14px;font-weight:600;border-radius:8px;text-decoration:none;transition:top .15s}.datel-skip-link:focus{top:8px}html.light .datel-skip-link{background:#2563eb}:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, #818cf8);outline-offset:3px;border-radius:4px}html.light :focus-visible{outline-color:#2563eb}@media(prefers-reduced-motion:reduce){.datel-aurora-blob,.datel-logo-spec,.datel-pulse,.animate-spin,.animate-pulse{animation:none!important}*{transition-duration:.01ms!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-section=mi-dia]{--section-accent: #22d3ee;--section-gradient: linear-gradient(90deg, #22d3ee 0%, #0ea5e9 50%, #2563eb 100%)}[data-section=pulso]{--section-accent: #f97316;--section-gradient: linear-gradient(90deg, #f97316 0%, #fb923c 50%, #fbbf24 100%)}[data-section=control]{--section-accent: #c084fc;--section-gradient: linear-gradient(90deg, #c084fc 0%, #a855f7 50%, #7c3aed 100%)}[data-section=call]{--section-accent: #818cf8;--section-gradient: linear-gradient(90deg, #818cf8 0%, #6366f1 50%, #4338ca 100%)}[data-section=apps]{--section-accent: #3b82f6;--section-gradient: linear-gradient(90deg, #3b82f6 0%, #b33dc6 50%, #06d6a0 100%)}[data-section=config]{--section-accent: #e879f9;--section-gradient: linear-gradient(90deg, #f0abfc 0%, #e879f9 50%, #c026d3 100%)}[data-section=usuarios]{--section-accent: #ec4899;--section-gradient: linear-gradient(90deg, #f9a8d4 0%, #ec4899 50%, #be185d 100%)}[data-section=gestion]{--section-accent: #e879f9;--section-gradient: linear-gradient(90deg, #f0abfc 0%, #e879f9 50%, #c084fc 100%)}html.light [data-section=mi-dia]{--section-accent: #0ea5e9;--section-gradient: linear-gradient(90deg, #0ea5e9 0%, #2563eb 50%, #1d4ed8 100%)}html.light [data-section=pulso]{--section-accent: #ea580c;--section-gradient: linear-gradient(90deg, #ea580c 0%, #d97706 50%, #b45309 100%)}html.light [data-section=control]{--section-accent: #7c3aed;--section-gradient: linear-gradient(90deg, #9333ea 0%, #7c3aed 50%, #6d28d9 100%)}html.light [data-section=call]{--section-accent: #4338ca;--section-gradient: linear-gradient(90deg, #4f46e5 0%, #4338ca 50%, #3730a3 100%)}html.light [data-section=config]{--section-accent: #c026d3;--section-gradient: linear-gradient(90deg, #d946ef 0%, #c026d3 50%, #a21caf 100%)}html.light [data-section=usuarios]{--section-accent: #db2777;--section-gradient: linear-gradient(90deg, #ec4899 0%, #db2777 50%, #be185d 100%)}html.light [data-section=gestion]{--section-accent: #c026d3;--section-gradient: linear-gradient(90deg, #d946ef 0%, #c026d3 50%, #a21caf 100%)}img,svg,video,canvas{max-width:100%;display:block}ul,ol{margin:0;padding:0;list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--datel-violet) 20%,transparent);border-radius:5px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--datel-violet) 40%,transparent);background-clip:padding-box;border:2px solid transparent}html{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--datel-violet) 25%,transparent) transparent}@supports (view-transition-name: page){::view-transition-old(page){animation:datel-fade-out var(--animation-fast) var(--ease-out) both}::view-transition-new(page){animation:datel-fade-in var(--animation-base) var(--ease-out) both}}@keyframes datel-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes datel-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){::view-transition-old(page),::view-transition-new(page){animation:none}}:root{--dgp-bg-stage: #F7F4EC;--dgp-bg-card-start: #FFFFFF;--dgp-bg-card-end: #FDFCF9;--dgp-bg-cell-start: #F6F4EE;--dgp-bg-cell-end: #F1EFE8;--dgp-text-primary: #1B1B1A;--dgp-text-secondary: #5F5E5A;--dgp-text-tertiary: #888780;--dgp-border: rgba(20, 20, 30, .08);--dgp-border-strong: rgba(20, 20, 30, .12);--dgp-blue: #185FA5;--dgp-blue-dark: #0C447C;--dgp-blue-glow: rgba(24,95,165,.3);--dgp-cyan: #06d6a0;--dgp-confirm: #1D9E75;--dgp-confirm-dark: #0F6E56;--dgp-confirm-glow: rgba(29,158,117,.3);--dgp-paper-amber: #FAEEDA;--dgp-paper-amber-shade: #FAC775;--dgp-paper-amber-alt: #F4DCAB;--dgp-paper-amber-text: #412402;--dgp-paper-amber-label: #854F0B;--dgp-paper-amber-bar-s: #EF9F27;--dgp-paper-amber-bar-e: #BA7517;--dgp-paper-amber-border: rgba(186,117,23,.5);--dgp-paper-amber-nota: #F8E7C8;--dgp-paper-green: #EAF3DE;--dgp-paper-green-shade: #CCEBDD;--dgp-paper-green-alt: #E1F5EE;--dgp-paper-green-text: #173404;--dgp-paper-green-text-alt: #04342C;--dgp-paper-green-border: rgba(15,110,86,.5);--dgp-paper-blue: #E6F1FB;--dgp-paper-blue-shade: #D0E4F6;--dgp-paper-blue-text: #042C53;--dgp-paper-blue-glow: rgba(24,95,165,.18);--dgp-paper-blue-border: rgba(24,95,165,.5);--dgp-paper-neutral: #F1EFE8;--dgp-paper-neutral-text: #2C2C2A;--dgp-paper-neutral-muted: #5F5E5A;--dgp-paper-indigo: #EEEDFE;--dgp-paper-indigo-text: #26215C;--dgp-star-filled: #BA7517;--dgp-star-empty: #D3D1C7;--dgp-pill-hablando-bg-start: #FCEBEB;--dgp-pill-hablando-bg-end: #F7C1C1;--dgp-pill-hablando-text: #501313;--dgp-shadow-card: 0 1px 2px rgba(20,20,30,.04), 0 8px 24px -8px rgba(20,20,30,.08), inset 0 .5px 0 rgba(255,255,255,.9), inset 0 0 0 .5px rgba(20,20,30,.06);--dgp-shadow-modal: 0 24px 64px -16px rgba(0,0,0,.4), 0 0 0 .5px rgba(20,20,30,.08);--dgp-estado-hablando: #E24B4A;--dgp-estado-disponible: #639922;--dgp-estado-pausa: #D4537E;--dgp-estado-inactivo: #5F5E5A;--dgp-estado-cortesia: #9B59B6;--dgp-estado-reservas: #D85A30;--dgp-estado-ausente: #888780}.dark{--dgp-bg-stage: #131318;--dgp-bg-card-start: #1F1F25;--dgp-bg-card-end: #1A1A20;--dgp-bg-cell-start: #2A2A30;--dgp-bg-cell-end: #25252B;--dgp-text-primary: #F1EFE8;--dgp-text-secondary: #B4B2A9;--dgp-text-tertiary: #888780;--dgp-border: rgba(255, 255, 255, .08);--dgp-border-strong: rgba(255, 255, 255, .12);--dgp-blue: #B5D4F4;--dgp-paper-amber: #3a2408;--dgp-paper-amber-shade: #4a2e0a;--dgp-paper-amber-alt: #2e1c05;--dgp-paper-amber-text: #F4DCAB;--dgp-paper-amber-label: #FAC775;--dgp-paper-amber-bar-s: #EF9F27;--dgp-paper-amber-bar-e: #BA7517;--dgp-paper-amber-border: rgba(186,117,23,.4);--dgp-paper-amber-nota: #2a1a04;--dgp-paper-green: #0a2210;--dgp-paper-green-shade: #102a18;--dgp-paper-green-alt: #082010;--dgp-paper-green-text: #86efac;--dgp-paper-green-text-alt: #4ade80;--dgp-paper-green-border: rgba(15,110,86,.4);--dgp-paper-blue: #0a1a30;--dgp-paper-blue-shade: #122038;--dgp-paper-blue-text: #B5D4F4;--dgp-paper-blue-glow: rgba(129,140,248,.18);--dgp-paper-blue-border: rgba(129,140,248,.4);--dgp-paper-neutral: #1e1e1c;--dgp-paper-neutral-text: #D3D1C7;--dgp-paper-neutral-muted: #B4B2A9;--dgp-paper-indigo: #141030;--dgp-paper-indigo-text: #C5BEFF;--dgp-star-filled: #FAC775;--dgp-star-empty: #44413a;--dgp-pill-hablando-bg-start: #791F1F;--dgp-pill-hablando-bg-end: #501313;--dgp-pill-hablando-text: #F7C1C1;--dgp-shadow-card: 0 1px 2px rgba(0,0,0,.4), 0 12px 32px -12px rgba(0,0,0,.5), inset 0 .5px 0 rgba(255,255,255,.06), inset 0 0 0 .5px rgba(255,255,255,.04)}@keyframes datel-rainbow-rotate{0%{background-position:0% 0%}to{background-position:300% 0%}}@keyframes datel-pulse-glow{0%,to{box-shadow:0 0 #7f77dd00}50%{box-shadow:0 0 0 4px #7f77dd40}}@keyframes datel-tpv-shimmer{0%,to{box-shadow:inset 0 .5px #fff9,0 0 0 .5px #185fa54d,0 1px 3px #185fa514}50%{box-shadow:inset 0 .5px #fff9,0 0 0 .5px #185fa599,0 2px 8px #185fa52e}}.dgp-shell-repetir{padding:3px;background:linear-gradient(90deg,#d4537e,#ef9f27,#97c459,#1d9e75,#378add,#7f77dd,#d4537e);background-size:300% 100%;animation:datel-rainbow-rotate 3s linear infinite;border-radius:14px}.dgp-shell-seleccionar{padding:3px;background:linear-gradient(90deg,#d4537e,#ef9f27,#97c459,#1d9e75,#378add,#7f77dd);animation:datel-pulse-glow 2.2s ease-in-out infinite;border-radius:14px}.dgp-tabular{font-variant-numeric:tabular-nums}