*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-base);background:var(--bg-neutral-3-rest);color:var(--fg-neutral-1-rest);height:100vh;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none}input,textarea,[contenteditable]{user-select:text;-webkit-user-select:text}.od4-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--size-100) var(--size-160);position:relative;z-index:100;flex-shrink:0;background:transparent;user-select:none;pointer-events:none}.od4-topbar>*{pointer-events:auto}.od4-topbar-left{display:flex;align-items:center;gap:var(--size-140);flex-shrink:0}.od4-brand-icon{width:var(--size-400);height:var(--size-400);flex-shrink:0}.od4-nav{display:flex;align-items:flex-start;position:absolute;left:50%;top:var(--size-100);transform:translate(-50%)}.od4-nav-item{position:relative;transition:color .12s;border-radius:var(--radius-large)}.od4-nav-item:focus-visible{outline:2px solid var(--fg-brand-1-rest);outline-offset:-2px}#od4RecycleBinNav{width:auto;min-width:64px}.od4-nav-icon{color:var(--fg-neutral-3-rest)}.od4-nav-label{color:var(--fg-neutral-3-rest)}.od4-nav-item:hover:not(.active) .od4-nav-icon,.od4-nav-item:hover:not(.active) .od4-nav-label{color:var(--fg-neutral-3-hover)}.od4-nav-item:active:not(.active) .od4-nav-icon,.od4-nav-item:active:not(.active) .od4-nav-label{color:var(--fg-neutral-3-pressed)}.od4-nav-item.active .od4-nav-label{color:var(--fg-neutral-3-selected)}.od4-nav-icon svg{width:22px;height:22px}#od4RecycleBinNav{width:auto;padding-inline:var(--size-20)}.od4-nav-icon--sprite svg{width:22px;height:22px;fill:currentColor;stroke:none}.od4-nav-icon--sprite .nav-icon-filled{display:none}.od4-nav-item:hover:not(.active) .od4-nav-icon--sprite .nav-icon-regular{display:none}.od4-nav-item:hover:not(.active) .od4-nav-icon--sprite .nav-icon-filled{display:block}.od4-nav-item:active:not(.active) .od4-nav-icon--sprite .nav-icon-regular{display:none}.od4-nav-item:active:not(.active) .od4-nav-icon--sprite .nav-icon-filled{display:block}.od4-nav-item.active .od4-nav-icon--sprite .nav-icon-regular{display:none}.od4-nav-item.active .od4-nav-icon--sprite .nav-icon-filled{display:block;fill:url(#icon-grad)}.od4-topbar-right{display:flex;align-items:center;gap:var(--size-60);flex-shrink:0}.od4-icon-btn{background:none;border:none;color:var(--fg-neutral-4-rest);width:36px;height:36px;border-radius:var(--radius-circular);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.od4-icon-btn:hover{background:var(--bg-neutral-3-rest);color:var(--fg-neutral-1-rest)}.od4-icon-btn:focus-visible{outline:2px solid var(--fg-brand-1-rest);outline-offset:1px}.od4-icon-btn svg{width:22px;height:22px}.od4-avatar{width:32px;height:32px;border-radius:var(--radius-circular);background:var(--bg-neutral-6-rest);color:var(--fg-neutral-2-rest);font-size:var(--font-size-caption-1);font-weight:var(--font-weight-subtitle-2);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;border:none;transition:background .15s}.od4-avatar:hover{background:var(--fg-neutral-disabled-1-rest)}.od4-avatar:focus-visible{outline:2px solid var(--fg-brand-1-rest);outline-offset:2px}[data-theme=light] .od4-avatar:hover{background:var(--bg-scrollbar-rest)}@media (forced-colors: active){.od4-avatar{border:2px solid ButtonText}.od4-avatar:hover{border:2px solid Highlight;color:Highlight}}.od4-date-range-wrap{position:relative;display:flex;align-items:flex-end;padding-top:6px;padding-bottom:6px}.od4-date-range{padding:11px 14px;font-size:16px}.od4-date-range:focus{outline:none}.od4-date-range:focus-visible{outline:2px solid var(--stroke-focus-2);outline-offset:2px}.od4-date-range svg{width:20px;height:20px;fill:currentColor}.od4-date-range.selected{background:var(--button-background-2-rest)}[data-theme=light] .od4-date-range.selected{background:#0000000a}.od4-date-dropdown{display:none;position:absolute;top:calc(100% + 8px);inset-inline-start:0;background:var(--surface-background);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid transparent;border-radius:16px;box-shadow:none;width:220px;padding:12px;z-index:200}[data-theme=light] .od4-date-dropdown{background:#fffc}.od4-date-dropdown.open{display:block}.od4-date-year-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;height:28px}.od4-date-year-nav{display:flex;align-items:center;gap:1px}.od4-date-year-label{font-size:14px;font-weight:600;color:var(--fg-neutral-2-rest);cursor:pointer;border-radius:4px;padding:0 4px 0 10px;transition:background .12s;line-height:28px}.od4-date-year-label:hover{background:var(--bg-neutral-1-hover)}.od4-date-year-btn{background:none;border:1px solid transparent;color:var(--fg-neutral-2-rest);cursor:pointer;padding:0;border-radius:4px;width:28px;height:28px;min-width:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center}.od4-date-year-btn svg{width:1em;height:1em}.od4-date-year-btn:focus{outline:none}.od4-date-year-btn:focus-visible{outline:2px solid var(--stroke-focus-2);outline-offset:2px}.od4-date-year-btn:hover:not(:disabled){background:var(--bg-neutral-1-hover);color:var(--fg-neutral-1-hover)}.od4-date-year-btn:disabled{color:var(--fg-neutral-disabled-1-rest);cursor:default;pointer-events:none}.od4-date-month-grid-wrap{overflow:hidden;position:relative;padding:4px;margin:-4px}.od4-date-month-grid{display:grid;grid-template-columns:repeat(4,40px);justify-content:space-between;row-gap:16px;margin-top:0}@keyframes od4-slide-in-left{0%{transform:translateY(30%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes od4-slide-in-right{0%{transform:translateY(-30%);opacity:0}to{transform:translateY(0);opacity:1}}.od4-date-month-grid.slide-left{animation:od4-slide-in-left .14s ease-out}.od4-date-month-grid.slide-right{animation:od4-slide-in-right .14s ease-out}.od4-date-month-cell{padding:0;text-align:center;font-size:12px;font-weight:400;color:var(--fg-neutral-2-rest);border-radius:4px;cursor:pointer;border:1px solid transparent;background:none;font-family:inherit;width:40px;height:40px;line-height:40px;transition:background .1s,color .1s}.od4-date-month-cell:focus{outline:none}.od4-date-month-cell:focus-visible{outline:2px solid var(--stroke-focus-2);outline-offset:2px}.od4-date-month-cell:hover{background:var(--bg-neutral-1-hover);color:var(--fg-neutral-1-hover);border-color:var(--stroke-neutral-2-rest)}.od4-date-month-cell.selected{background:linear-gradient(var(--bg-neutral-1-rest),var(--bg-neutral-1-rest)) padding-box,var(--pill-stroke-1) border-box;border:1px solid transparent;color:var(--fg-neutral-1-hover);font-weight:600;cursor:default}[data-theme=light] .od4-date-month-cell.selected{background:linear-gradient(#f5f5f5,#f5f5f5) padding-box,var(--pill-stroke-1) border-box}.od4-date-month-cell.no-data{color:var(--fg-neutral-disabled-1-rest);cursor:default;pointer-events:none}.od4-date-year-cell{padding:0;text-align:center;font-size:12px;font-weight:400;color:var(--fg-neutral-2-rest);border-radius:4px;cursor:pointer;border:1px solid transparent;background:none;font-family:inherit;width:40px;height:40px;line-height:40px;transition:background .1s,color .1s}.od4-date-year-cell:focus{outline:none}.od4-date-year-cell:focus-visible{outline:2px solid var(--stroke-focus-2);outline-offset:2px}.od4-date-year-cell:hover{background:var(--bg-neutral-1-hover);color:var(--fg-neutral-1-hover);border-color:var(--stroke-neutral-2-rest)}.od4-date-year-cell.selected{background:linear-gradient(var(--bg-neutral-1-rest),var(--bg-neutral-1-rest)) padding-box,var(--pill-stroke-1) border-box;border:1px solid transparent;color:var(--fg-neutral-1-hover);font-weight:600;cursor:default}[data-theme=light] .od4-date-year-cell.selected{background:linear-gradient(#f5f5f5,#f5f5f5) padding-box,var(--pill-stroke-1) border-box}.od4-date-year-cell.no-data{color:var(--fg-neutral-disabled-1-rest);cursor:default;pointer-events:none}.od4-filter-btn svg{width:20px;height:20px;fill:currentColor}#od4SortIcon{display:flex;align-items:center}.od4-action-btn svg{width:20px;height:20px;fill:currentColor}.od4-filter-btn:focus-visible,.od4-action-btn:focus-visible{outline:2px solid var(--fg-brand-1-rest);outline-offset:1px}.od4-fav-sort-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;-webkit-backdrop-filter:var(--effect-surface-background-blur);backdrop-filter:var(--effect-surface-background-blur);background:var(--surface-background);border:1px solid var(--surface-stroke-1);border-radius:28px;box-shadow:var(--effect-surface-background-shadow);min-width:12.5rem;padding:.75rem .5rem;z-index:100}.od4-fav-sort-item{padding:8px 12px 8px 34px;font-size:var(--font-size-caption-1);color:var(--fg-neutral-1-rest);cursor:pointer;border-radius:8px;transition:background .1s;white-space:nowrap}.od4-fav-sort-item:hover{background:var(--button-background-2-hover)}[data-theme=light] .od4-fav-sort-item:hover{background:#ffffff80}.od4-fav-sort-item.active{padding-inline-start:var(--spacing-120)}.od4-fav-sort-item.active:before{content:"\2713";display:inline-block;width:22px;font-weight:var(--font-weight-subtitle-2)}.od4-main{flex:1;display:flex;overflow:hidden;background:var(--bg-neutral-3-rest);position:relative;z-index:1;pointer-events:none}.od4-main>*{pointer-events:auto}.od4-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;min-width:0;background:transparent;pointer-events:none}.od4-content>*{pointer-events:auto}.od4-content>.od4-action-bar,.od4-content>.od4-action-bar-glow{pointer-events:none}.od4-scroll-proxy{position:fixed;inset:0;overflow-y:auto;pointer-events:auto;z-index:0;scrollbar-width:none}.od4-scroll-proxy::-webkit-scrollbar{display:none}.od4-content iframe{flex:1;border:none;background:transparent}