@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";
:root{--of-red:#ff4f4e;--of-red-600:#e84544;--of-red-700:#c93937;--of-red-50:#ffecec;--of-blue:#60ceee;--of-green:#7dd28c;--of-yellow:#fbc53f;--of-orange:#ff976b;--of-violet:#9366e4;--of-blue-tint:#e3f6fc;--of-green-tint:#e6f6e9;--of-yellow-tint:#fef3d5;--of-orange-tint:#ffe7da;--of-violet-tint:#ece4fb;--of-bg:#f5f1ef;--of-surface:#fff;--of-border:#e4dedb;--of-border-strong:#d6ccc7;--of-fg:#1a1a1a;--of-fg-muted:#5b6470;--of-fg-subtle:#6e7683;--of-success:var(--of-green);--of-error:var(--of-red);--of-warning:var(--of-yellow);--of-info:var(--of-blue);--of-font:"Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--of-font-display:"Recoleta Alt", Georgia, serif;--of-fs-h1:2rem;--of-fs-h2:1.5rem;--of-fs-h3:1.25rem;--of-fs-body:1rem;--of-fs-sm:.875rem;--of-fs-cap:.75rem;--of-fw-regular:400;--of-fw-medium:500;--of-fw-semi:600;--of-fw-bold:700;--of-lh-tight:1.15;--of-lh-snug:1.3;--of-lh-normal:1.5;--of-lh-relaxed:1.6;--of-sp-1:4px;--of-sp-2:8px;--of-sp-3:12px;--of-sp-4:16px;--of-sp-5:24px;--of-sp-6:32px;--of-sp-7:48px;--of-sp-8:64px;--of-r-sm:6px;--of-r-md:8px;--of-r-lg:12px;--of-r-xl:16px;--of-r-pill:999px;--of-shadow-xs:0 1px 1px #00000008;--of-shadow-sm:0 1px 2px #0000000a;--of-shadow-md:0 1px 3px #00000014;--of-shadow-lg:0 8px 24px #1a1a1a14;--of-shadow-xl:0 20px 48px #1a1a1a1f;--of-shadow-2xl:0 32px 72px #1a1a1a2e;--of-shadow-3xl:0 48px 120px #1a1a1a47;--of-ease:cubic-bezier(.2, .8, .2, 1);--of-dur-fast:.12s;--of-dur-base:.2s;--of-dur-slow:.32s}.of-h1,h1.of{font-family:var(--of-font-display);font-size:var(--of-fs-h1);font-weight:400;line-height:var(--of-lh-tight);letter-spacing:-.01em}.of-h2,h2.of{font-size:var(--of-fs-h2);font-weight:var(--of-fw-semi);line-height:var(--of-lh-snug);letter-spacing:-.005em}.of-h3,h3.of{font-size:var(--of-fs-h3);font-weight:var(--of-fw-semi);line-height:var(--of-lh-snug)}.of-body,p.of{font-size:var(--of-fs-body);font-weight:var(--of-fw-regular);line-height:var(--of-lh-relaxed)}.of-sm{font-size:var(--of-fs-sm);line-height:var(--of-lh-normal)}.of-cap{font-size:var(--of-fs-cap);color:var(--of-fg-muted);letter-spacing:.02em}.of-mute{color:var(--of-fg-muted)}.of-card{background:var(--of-surface);border:1px solid var(--of-border);border-radius:var(--of-r-lg);padding:var(--of-sp-5)}.of-btn{font-family:var(--of-font);font-size:var(--of-fs-body);font-weight:var(--of-fw-medium);border-radius:var(--of-r-md);cursor:pointer;height:44px;transition:background var(--of-dur-fast) var(--of-ease), transform var(--of-dur-fast) var(--of-ease);border:1px solid #0000;align-items:center;gap:8px;padding:0 20px;line-height:1;display:inline-flex}.of-btn:active{transform:scale(.98)}.of-btn-primary{background:var(--of-red);color:#fff}.of-btn-primary:hover{background:var(--of-red-600)}.of-btn-primary:active{background:var(--of-red-700)}.of-btn-secondary{color:var(--of-red);border-color:var(--of-red);background:0 0}.of-btn-secondary:hover{background:var(--of-red-50)}.of-btn-ghost{color:var(--of-fg);background:0 0}.of-btn-ghost:hover{background:#f3f4f6}.of-btn-disabled,.of-btn[disabled]{background:var(--of-border);color:var(--of-fg-muted);cursor:not-allowed}.of-input{font-family:var(--of-font);font-size:var(--of-fs-body);border:1px solid var(--of-border);border-radius:var(--of-r-md);background:var(--of-surface);height:44px;color:var(--of-fg);transition:border-color var(--of-dur-fast) var(--of-ease), box-shadow var(--of-dur-fast) var(--of-ease);outline:none;padding:0 14px}.of-input:focus{border-color:var(--of-red);box-shadow:0 0 0 3px #ff4f4e26}.of-badge{border-radius:var(--of-r-pill);height:24px;font-size:var(--of-fs-cap);font-weight:var(--of-fw-medium);align-items:center;gap:6px;padding:0 10px;line-height:1;display:inline-flex}.of-badge-red{background:var(--of-red-50);color:var(--of-red)}.of-badge-blue{background:var(--of-blue-tint);color:#1591b8}.of-badge-green{background:var(--of-green-tint);color:#2e8c46}.of-badge-yellow{background:var(--of-yellow-tint);color:#8a6a0a}.of-badge-orange{background:var(--of-orange-tint);color:#c05a2c}.of-badge-violet{background:var(--of-violet-tint);color:#5c3fb8}.agenda-root{--gutter-w:62px;--pad-top:16px;min-height:100vh;font-family:var(--of-font);transition:background var(--of-dur-base) var(--of-ease);--text:#0f172a;--text-muted:#475569;--text-subtle:#64748b;--panel-bg:#fff;--panel-border:#0f172a14;--surface:#fff;--surface-glass:#fff;--ev-border:#0f172a1f;--gridline:#0f172a0f;--col-sep:#0f172a0f;--today-ring:#ff4f4e;--head-dow:#64748b;--av-ring:#fffffff5;--panel-shadow:0 16px 40px -12px #0f172a14, 0 1px 3px #0f172a0a;--glass-sheen:#fffffff2;--frame-bg:transparent;justify-content:center;align-items:center;padding:36px;display:flex}.agenda-root[data-bg=gradient],.agenda-root[data-bg=solid]{border-radius:28px;overflow:hidden;background:0 0!important}.dark .agenda-root,.agenda-root.dark{--text:#f8fafc;--text-muted:#f1f5f9a6;--text-subtle:#f1f5f966;--panel-bg:linear-gradient(160deg, #14192ad9 0%, #0c0f19eb 100%);--panel-border:#ffffff1f;--surface:#1a1d27;--surface-glass:#1a1d27d9;--ev-border:#ffffff1a;--gridline:#ffffff09;--col-sep:#ffffff09;--today-ring:#fff;--head-dow:#f1f5f98c;--av-ring:#161928f2;--panel-shadow:0 24px 64px -16px #000000a6, inset 0 1px 0 #ffffff1f;--glass-sheen:#ffffff1a;--frame-bg:transparent}.dark .agenda-root[data-bg=gradient],.agenda-root.dark[data-bg=gradient],.dark .agenda-root[data-bg=solid],.agenda-root.dark[data-bg=solid]{border-radius:28px;overflow:hidden;background:0 0!important}.dark .agenda-root.glass-off,.agenda-root.glass-off.dark{--panel-bg:#161d2a;--surface-glass:#1f2738;--glass-sheen:transparent}.agenda-root.glass-off{--panel-bg:#fff;--surface-glass:#fff;--glass-sheen:transparent}.agenda-panel{background:var(--panel-bg);border:1px solid var(--panel-border);width:100%;max-width:100%;max-height:calc(100vh - 72px);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(32px)saturate(180%);border-radius:28px;flex-direction:column;padding:12px 18px 18px;display:flex;position:relative;overflow:hidden}.agenda-panel:before{content:"";pointer-events:none;z-index:0;filter:blur(48px);background:radial-gradient(#ff4f4e1f 0%,#60ceee0d 45%,#0000 70%);border-radius:50%;width:620px;height:340px;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.agenda-panel>*{z-index:1;position:relative}.agenda-header{flex:none;padding-bottom:8px;display:flex}.head-corner{width:var(--gutter-w);flex:none;justify-content:center;align-items:center;padding:0 6px;display:flex}.head-days{flex:1;grid-template-columns:repeat(7,1fr);display:grid}.head-gmt{letter-spacing:.04em;color:var(--text-subtle);font-size:11px;font-weight:600}.day-head{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 6px 12px;display:flex;position:relative}.day-head.is-today:before{content:"";-webkit-backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;position:absolute;inset:4px 10px;box-shadow:inset 0 1px #ffffff4d,0 6px 20px -4px #00000059}:root:not(.dark) .day-head.is-today:before{background:#fff;border:1px solid #0f172a1f;box-shadow:0 4px 14px -2px #0f172a17,0 1px 3px #0f172a0d}.dh-dow{z-index:1;letter-spacing:.08em;color:var(--head-dow);text-transform:uppercase;font-size:11px;font-weight:700;position:relative}.day-head.is-today .dh-dow{color:#ff4f4e;opacity:1}.dh-date{z-index:1;color:var(--text);font-size:21px;font-weight:700;line-height:1.15;position:relative}.day-head.is-today .dh-date{color:#fff}:root:not(.dark) .day-head.is-today .dh-date{color:#0f172a}.agenda-main{flex:1;min-height:0;display:flex}.gutter-col{width:var(--gutter-w);flex:none;position:relative;overflow:hidden}.gutter{will-change:transform;position:relative}.gutter-h{color:var(--text-subtle);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;position:absolute;right:14px;transform:translateY(-50%)}.agenda-scroll{background:0 0;border:none;border-radius:0;flex:1;min-width:0;overflow:hidden auto}.agenda-grid{grid-template-columns:repeat(7,1fr);display:grid;position:relative}.day-col{border-left:1px solid var(--col-sep);background-image:linear-gradient(to bottom, var(--gridline) 0, var(--gridline) 1px, transparent 1px);background-size:100% var(--hour-h);background-position:0 var(--pad-top);background-repeat:repeat;transition:background-color .15s;position:relative}.day-col:first-child{border-left:none}.day-col:hover{background-color:#ffffff04}:root:not(.dark) .day-col:hover{background-color:#0f172a04}.ev{border-radius:var(--card-radius);border:1px solid var(--ev-border);background:var(--surface-glass);cursor:pointer;transition:transform var(--of-dur-fast) var(--of-ease), box-shadow var(--of-dur-fast) var(--of-ease), border-color var(--of-dur-fast) var(--of-ease);flex-direction:column;gap:5px;padding:10px 12px;display:flex;position:absolute;left:6px;right:6px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.glass-on .ev{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.5);backdrop-filter:blur(var(--glass-blur)) saturate(1.5);box-shadow:0 4px 16px #0000001f, inset 0 1px 0 var(--glass-sheen)}.tint-on .ev{background:color-mix(in srgb, var(--cat) 14%, #fff);border-color:color-mix(in srgb, var(--cat) 38%, #0f172a24);box-shadow:0 3px 10px -2px #0f172a14,0 1px 2px #0f172a0a}.dark .tint-on .ev,.tint-on .ev.dark{background:color-mix(in srgb, var(--cat) 20%, #171b2a);border-color:color-mix(in srgb, var(--cat) 40%, #ffffff26);box-shadow:0 4px 16px -2px #0006,inset 0 1px #ffffff24}.ev:hover{border-color:color-mix(in srgb, var(--cat) 55%, var(--ev-border));transform:translateY(-1px);box-shadow:0 6px 18px #0000002e}.ev-top{justify-content:space-between;align-items:center;gap:8px;min-height:24px;display:flex}.ev-icon{background:color-mix(in srgb, var(--cat) 22%, transparent);width:26px;height:26px;color:var(--cat);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.ev-icon svg{width:15px;height:15px}.ev-people{align-items:center;gap:6px;display:flex}.ev-avatars{display:flex}.ev-av{color:#fff;border:2px solid var(--av-ring);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:-7px;font-size:8.5px;font-weight:600;display:flex}.ev-av:first-child{margin-left:0}.ev-count{color:var(--text);background:color-mix(in srgb, var(--cat) 20%, var(--surface-glass));border-radius:999px;padding:2px 7px;font-size:10px;font-weight:600;line-height:1.2}.ev-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.ev-time{color:var(--text-muted);font-size:12px;font-weight:400}.ov-slot{pointer-events:none;justify-content:center;display:flex;position:absolute;left:0;right:0}.ov-top{top:calc(var(--pad-top) + 4px)}.ov-bottom{bottom:10px}.ov-pill{background:var(--surface-glass);border:1px solid var(--ev-border);color:var(--text-muted);-webkit-backdrop-filter:blur(8px)saturate(1.4);backdrop-filter:blur(8px)saturate(1.4);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.ov-dots{gap:2px;display:flex}.ov-dots i{border-radius:50%;width:7px;height:7px;display:block}.ov-dots i:first-child{background:#ff4f4e}.ov-dots i:nth-child(2){background:#60ceee}.agenda-scroll::-webkit-scrollbar{width:6px}.agenda-scroll::-webkit-scrollbar-track{background:0 0}.agenda-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}:root:not(.dark) .agenda-scroll::-webkit-scrollbar-thumb{background:#0f172a1f}.agenda-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff47}:root:not(.dark) .agenda-scroll::-webkit-scrollbar-thumb:hover{background:#0f172a38}@media (prefers-reduced-motion:reduce){*{transition:none!important}}:root{--tooltip-bg:#1a1a1a;--tooltip-text:#fff;--tooltip-border:#ffffff14}.dark,[data-theme=dark]{--tooltip-bg:#fff;--tooltip-text:#1a1a1a;--tooltip-border:#00000014}.heatmap-cell{position:relative}.heatmap-cell:after{content:attr(data-tooltip);background:var(--tooltip-bg);color:var(--tooltip-text);border:1px solid var(--tooltip-border);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:99;font-size:11px;font-weight:500;font-family:var(--of-font);border-radius:6px;padding:5px 9px;transition:opacity .1s cubic-bezier(.2,.8,.2,1),transform .1s cubic-bezier(.2,.8,.2,1),visibility .1s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:160%;left:50%;transform:translate(-50%,4px)scale(.92);box-shadow:0 4px 12px #0000001f}.heatmap-cell:before{content:"";border-style:solid;border-width:5px;border-color:var(--tooltip-bg) transparent transparent transparent;pointer-events:none;opacity:0;visibility:hidden;z-index:99;transition:opacity .1s cubic-bezier(.2,.8,.2,1),transform .1s cubic-bezier(.2,.8,.2,1),visibility .1s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:125%;left:50%;transform:translate(-50%,4px)scale(.92)}.heatmap-cell:hover:after,.heatmap-cell:hover:before{opacity:1;visibility:visible;transform:translate(-50%)scale(1)}.month-panel{height:auto!important;min-height:unset!important;max-height:none!important;padding:18px 20px 20px!important;overflow:visible!important}.month-day-cell{cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#ffffff07;border:1px solid #ffffff0b;border-radius:16px;flex-direction:column;gap:6px;min-height:105px;padding:8px 10px 10px;transition:all .18s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}:root:not(.dark) .month-day-cell{background:#f1f5f980;border:1px solid #0f172a0d}.month-day-cell:hover{background:#fff1;border-color:#ffffff1a;transform:translateY(-1px)}:root:not(.dark) .month-day-cell:hover{background:#f1f5f9e6;border-color:#0f172a17;transform:translateY(-1px)}.month-day-cell.out-of-month{opacity:.35;background:0 0;border-color:#0000}.month-day-cell.out-of-month:hover{opacity:.6;background:#ffffff05}:root:not(.dark) .month-day-cell.out-of-month:hover{opacity:.7;background:#f1f5f959}.month-day-cell.is-today{box-shadow:inset 0 1px #ff4f4e33,0 4px 16px #ff4f4e14;background:#ff4f4e0f!important;border:1px solid #ff4f4e40!important}:root:not(.dark) .month-day-cell.is-today{box-shadow:inset 0 1px #fff,0 4px 12px #ff4f4e12;background:#ff4f4e0a!important;border:1px solid #ff4f4e38!important}.month-date-num{color:var(--text);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;line-height:1}.month-day-cell.out-of-month .month-date-num{color:var(--text-subtle);font-weight:500}.focus-side-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(28px)saturate(180%);border-radius:24px;padding:20px;position:relative;overflow:hidden;box-shadow:0 20px 50px -12px #00000080;border:none!important}.focus-event-row{text-align:left;cursor:pointer;width:100%;font-family:var(--of-font);background:color-mix(in srgb, var(--cat,#3b82f6) 13%, #1a2032eb);box-shadow:none;-webkit-backdrop-filter:blur(14px);border:1px solid #0000;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px 18px;transition:all .18s cubic-bezier(.2,.8,.2,1);display:grid}:root:not(.dark) .focus-event-row{background:color-mix(in srgb, var(--cat,#3b82f6) 10%, #fff);box-shadow:none;border:1px solid #0000}.focus-event-row:hover{background:color-mix(in srgb, var(--cat,#3b82f6) 18%, #20283ef2);border-color:color-mix(in srgb, var(--cat,#3b82f6) 38%, #ffffff2e);transform:translateY(-1px);box-shadow:0 8px 24px -4px #0006}:root:not(.dark) .focus-event-row:hover{background:color-mix(in srgb, var(--cat,#3b82f6) 16%, #fff);border-color:color-mix(in srgb, var(--cat,#3b82f6) 38%, #0f172a29);transform:translateY(-1px);box-shadow:0 8px 20px -4px #0f172a14}
.db-root{--accent:#ff4f4e;--accent-rgb:255, 79, 78;--accent-glow:#ff4f4e26;--blue-glow:#60ceee33;--orange-glow:#ff976b33;--purple-glow:#a855f738;--ec-fg:#eaf0f7;--ec-muted:#eaf0f79e;--ec-subtle:#eaf0f766;--ec-border:#ffffff17;--ec-border-strong:#ffffff29;--ec-track:#ffffff14;--ec-badge-text:#ffb3ae;--ec-bg2:#0f1117;--ec-bg:#0f1117;--ec-card-bg:linear-gradient(180deg, #20262f8c, #0d11189e);--ec-card-border:#ffffff17;--ec-card-border-strong:#ffffff29;--ec-card-shadow:0 26px 60px #00000065, inset 0 1px 0 #ffffff12;--ec-card-sheen:.22;--ec-card-radius:23px;--ec-card-blur:28px;--ec-card-pad:24px;--ec-red:#ff4f4e;--ec-orange:#ff976b;--ec-blue:#60ceee;--ec-green:#7dd28c;--ec-yellow:#fbc53f;--ec-gap:19px;min-height:100vh;color:var(--ec-fg);font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif;transition:all .3s}.db-root.light{--ec-fg:#19212e;--ec-muted:#19212e99;--ec-subtle:#19212e66;--ec-border:#1c263a1f;--ec-border-strong:#1c263a38;--ec-track:#1c263a1a;--ec-badge-text:#c0322f;--ec-bg2:#f5f1ef;--ec-bg:#f5f1ef;--ec-card-bg:linear-gradient(180deg, #ffffffe6, #ffffffc2);--ec-card-border:#1c263a1f;--ec-card-border-strong:#1c263a38;--ec-card-shadow:0 18px 44px #1e284624, inset 0 1px 0 #fff9;--ec-card-sheen:.396}.ec-card{border-radius:var(--ec-card-radius);padding:var(--ec-card-pad);background:var(--ec-card-bg);border:1px solid var(--ec-card-border);-webkit-backdrop-filter:blur(var(--ec-card-blur)) saturate(1.35);box-shadow:var(--ec-card-shadow);transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.ec-card:after{content:"";background:linear-gradient(90deg, transparent, rgba(255, 255, 255, var(--ec-card-sheen)), transparent);height:1px;position:absolute;inset:0 0 auto}.ec-card.lift:hover{border-color:var(--ec-card-border-strong);transform:translateY(-3px)}.ec-grid{gap:var(--ec-gap,19px);display:grid}.ec-glow{filter:blur(8px);pointer-events:none;border-radius:50%;position:absolute}.reco-item:hover{background:var(--ec-track);transform:translate(2px)}.db-chart-tooltip{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--ec-fg);background:#0e131cd9;border:1px solid #ffffff1a;border-radius:14px;width:max-content;min-width:140px;padding:10px 14px;font-family:Poppins,system-ui,-apple-system,sans-serif;box-shadow:0 12px 28px #0006}.db-chart-tooltip:after{content:"";bottom:-6px;left:var(--arrow-left,50%);background:#0e131cd9;border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff1a;width:12px;height:12px;position:absolute;transform:translate(-50%)rotate(45deg)}.light .db-chart-tooltip{background:#fffffff2;border:1px solid #00000014;box-shadow:0 12px 28px #1e28461f}.light .db-chart-tooltip:after{background:#fffffff2;border-bottom:1px solid #00000014;border-right:1px solid #00000014}.db-interactive{cursor:pointer!important}@media (max-width:1080px){.ec-hero,.ec-r3{grid-template-columns:1fr!important}}