@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Inter+Tight:wght@300;400;500;600&display=swap";.icon-button{width:var(--size-2xl);height:var(--size-2xl);border-radius:var(--radius-xxs);background:var(--color-white);flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s;display:flex}@media (hover:hover){.icon-button:hover{background:var(--color-super-light-gray)}}.icon-button img{width:var(--size-m);height:var(--size-m)}.dropdown-menu{background:var(--color-white);border-radius:var(--radius-xxs);padding:var(--size-4xs);gap:var(--size-4xs);width:194px;box-shadow:var(--shadow-menu);z-index:300;flex-direction:column;display:flex}.dropdown-menu__item{align-items:center;gap:var(--size-3xs);padding:var(--size-3xs) var(--size-xs);border-radius:var(--radius-3xs);text-align:left;width:100%;color:var(--color-black);display:flex}.dropdown-menu__item:hover{background:var(--color-light-gray)}.dropdown-menu__item:disabled{opacity:.4;cursor:default;pointer-events:none}.dropdown-menu__item--active{background:var(--color-super-light-purple);color:var(--color-purple)}.dropdown-menu__emoji{flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;font-size:14px;line-height:1;display:inline-flex}.dropdown-menu__heading{padding:var(--size-3xs) var(--size-xs) var(--size-5xs);color:var(--color-black-50)}.account-dropdown-wrap{display:contents}.account-dropdown{background:var(--color-white);padding:var(--size-4xs);border-radius:var(--radius-xxs);align-items:center;gap:10px;transition:background-color .15s;display:flex}@media (hover:hover){.account-dropdown:hover{background:var(--color-super-light-gray)}}.account-dropdown__avatar{border-radius:var(--radius-xxs);background:var(--color-light-purple);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.account-dropdown__name{text-align:left;flex-direction:column;width:120px;display:flex}.account-dropdown__name strong{font-family:var(--text-s-medium-family);font-size:14px;font-weight:500;line-height:var(--size-m);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-dropdown__role{color:var(--color-black-50)}.account-dropdown__chevron{flex-shrink:0;width:22px;height:13.556px;transition:transform .15s}.account-dropdown[aria-expanded=true] .account-dropdown__chevron{transform:rotate(180deg)}.mobile-tapbar{left:50%;bottom:var(--size-s);padding:var(--size-4xs);border:1px solid color-mix(in srgb, var(--color-white) 40%, transparent);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-white) 40%, transparent);-webkit-backdrop-filter:blur(var(--size-xs));box-shadow:var(--shadow-elevated);z-index:35;align-items:center;display:none;position:fixed;transform:translate(-50%)}@media (width<=640px){.mobile-tapbar{display:flex}}.mobile-tapbar__indicator{background:var(--color-white);pointer-events:none;border-radius:30px;transition:transform .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.mobile-tapbar__indicator{transition:none}}.mobile-tapbar__tab{justify-content:center;align-items:center;gap:var(--size-4xs);padding:var(--size-3xs) 16px;background:0 0;border-radius:30px;flex-direction:column;display:flex;position:relative}.mobile-tapbar__icon{background-color:var(--color-black-50);flex-shrink:0;width:16px;height:16px;transition:background-color .2s;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mobile-tapbar__tab.is-active .mobile-tapbar__icon{background-color:var(--color-purple)}.mobile-tapbar__label{font-family:var(--font-inter);font-weight:500;font-size:var(--size-xs);line-height:var(--size-s);color:var(--color-black-50);white-space:nowrap;transition:color .2s}.mobile-tapbar__tab.is-active .mobile-tapbar__label{color:var(--color-purple)}.header{z-index:35;padding:var(--size-m) 80px;justify-content:space-between;align-items:center;display:flex;position:relative}.header-left{align-items:center;gap:var(--size-m);display:flex}.logo-button{cursor:pointer;background:0 0;border:none;padding:0;display:block}.logo{width:99.465px;height:19.578px;display:block}.menu-toggle{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:6px;width:24px;height:24px;padding-top:2px;display:none}.menu-toggle__bar{background:var(--color-black);border-radius:1px;height:3px;transition:background-color .2s,width .2s,align-self .2s}.menu-toggle__bar--full{width:100%}.menu-toggle__bar--mid{width:16px}.menu-toggle__bar--small{width:8px}.menu-toggle--open .menu-toggle__bar{background:var(--color-purple)}.menu-toggle--open .menu-toggle__bar--mid,.menu-toggle--open .menu-toggle__bar--small{align-self:flex-end}.nav{align-items:center;gap:var(--size-s);display:flex}.nav-button{padding:var(--size-4xs) var(--size-3xs);border-radius:var(--radius-3xs);background:var(--color-light-gray);color:var(--color-black);font-family:var(--text-s-medium-family);font-weight:var(--text-s-medium-weight);font-size:var(--size-s);line-height:var(--size-m);transition:background-color .15s;animation:.4s cubic-bezier(.16,1,.3,1) both nav-button-enter}.nav-button:nth-child(2){animation-delay:60ms}.nav-button:nth-child(3){animation-delay:.12s}@keyframes nav-button-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.nav-button{animation:none}}.nav-button.is-active{background:var(--color-purple);color:var(--color-white)}@media (hover:hover){.nav-button:hover:not(.is-active){background:var(--color-black-10)}.nav-button.is-active:hover{background:var(--color-purple-hover)}}.action-bar{align-items:start;gap:var(--size-3xs);display:flex;position:relative}@media (width>=1024px){.nav{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (width<=1023px){.header{padding:var(--size-m)}}@media (width<=640px){.menu-toggle{display:flex}.nav,.action-bar .account-dropdown-wrap{display:none}.header--menu-open{background:var(--color-white)}}.mobile-menu-backdrop{background:var(--color-black-50);-webkit-backdrop-filter:blur(var(--size-4xs));opacity:0;pointer-events:none;z-index:32;transition:opacity .2s;display:none;position:fixed;inset:0}.mobile-menu{gap:var(--size-xxs);background:var(--color-white);border-radius:0 0 var(--radius-m) var(--radius-m);padding:0 var(--size-m) var(--size-m);opacity:0;pointer-events:none;z-index:33;flex-direction:column;max-height:calc(100vh - 80px);transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s;display:none;position:fixed;top:80px;left:0;right:0;overflow-y:auto;transform:translateY(-100%)}@media (width<=640px){.mobile-menu-backdrop{display:block}.mobile-menu{display:flex}.mobile-menu-backdrop--open{opacity:1;pointer-events:auto}.mobile-menu--open{opacity:1;pointer-events:auto;transform:translateY(0)}}.mobile-menu__account{align-items:center;gap:var(--size-xxs);width:100%;padding:var(--size-3xs);display:flex}.mobile-menu__avatar{border-radius:var(--radius-xxs);background:var(--color-light-purple);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mobile-menu__avatar .icon-mask{width:14px;height:14px}.mobile-menu__account-info{gap:var(--size-4xs);flex-direction:column;min-width:0;display:flex}.mobile-menu__account-info strong{font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m);color:var(--color-black);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-menu__account-role{font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black-50)}.mobile-menu__separator{background:var(--color-black-10);flex-shrink:0;width:100%;height:1px}.mobile-menu__item{align-items:center;gap:var(--size-xxs);width:100%;padding:var(--size-s);border-radius:var(--radius-3xs);color:var(--color-black);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m);transition:background-color .15s;display:flex}.mobile-menu__item-icon{background-color:var(--color-purple);flex-shrink:0;width:18px;height:18px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mobile-menu__item--active{color:var(--color-purple)}.mobile-menu__item-emoji{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:18px;line-height:1;display:inline-flex}.mobile-menu__heading{width:100%;padding:var(--size-3xs) var(--size-s) 0;color:var(--color-black-50);font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-s);line-height:var(--size-m)}.mobile-menu__item:active{background:var(--color-black-10)}.card{background:var(--color-white);border-radius:var(--radius-m);width:873px;max-width:100%}.separator{background:var(--color-black-10);border:none;flex-shrink:0;margin:0}.separator--vertical{align-self:stretch;width:1px}.separator--horizontal{width:100%;height:1px}.current-project{gap:var(--size-4xs);flex-direction:column;width:100%;display:flex}.field-label{color:var(--color-black-36)}.project-picker{justify-content:space-between;align-items:center;gap:var(--size-3xs);border-radius:var(--radius-3xs);padding:var(--size-3xs) var(--size-3xs) var(--size-3xs) var(--size-s);cursor:pointer;transition:filter .15s;display:flex}@media (hover:hover){.project-picker:hover{filter:brightness(.97)}}.project-picker__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-inter-tight);flex:1;font-size:16px;font-weight:500;line-height:24px;overflow:hidden}.project-picker__change{background:var(--btn-color);border-radius:var(--radius-m);padding:var(--size-4xs) var(--size-3xs);color:var(--color-white);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-xs);line-height:var(--size-s);border:none;flex-shrink:0}.btn{color:var(--color-white);background:var(--color-purple);white-space:nowrap;justify-content:center;align-items:center;transition:background-color .15s;display:inline-flex}@media (hover:hover){.btn:not(.btn--danger):not(.btn--disabled):not(.btn--neutral):not(.btn--white):hover{background:var(--color-purple-hover)}}.btn--neutral{background:var(--color-black-10);color:var(--color-black)}@media (hover:hover){.btn--neutral:hover{background:var(--color-black-20)}}.btn--white{background:var(--color-white);color:var(--color-black)}@media (hover:hover){.btn--white:hover{background:var(--color-light-gray)}}.btn--solid{border-radius:var(--radius-xs);padding:var(--size-4xs) var(--size-3xs);font-size:var(--size-xs);line-height:var(--size-s)}.btn--pill{border-radius:var(--radius-xl);padding:var(--size-3xs) var(--size-xs);font-family:var(--text-s-medium-family);font-weight:var(--text-s-medium-weight);font-size:var(--size-s);line-height:var(--size-m)}.btn--toolbar{gap:var(--size-3xs);border-radius:var(--radius-xs);padding:var(--size-xs) var(--size-s);font-family:var(--text-s-medium-family);font-weight:var(--text-s-medium-weight);font-size:var(--size-s);line-height:var(--size-m)}.btn--danger{background:var(--color-error)}.btn--disabled{background:var(--color-light-purple);cursor:default;pointer-events:none}.current-task{gap:var(--size-4xs);flex-direction:column;width:100%;display:flex}@keyframes current-task-content-in{0%{opacity:0}to{opacity:1}}.current-task__box{background:var(--color-light-gray);border-radius:var(--radius-xs);padding:var(--size-xs);border:1px solid #0000;max-width:100%;transition:border-color .15s,background-color .15s,width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1);animation:.2s current-task-content-in;display:flex;overflow:hidden}.current-task__box:focus-within{background:var(--color-super-light-gray);border-color:var(--color-purple)}.current-task__box--entry{gap:var(--size-4xs);flex-direction:column;width:344px}.current-task__box--collapsed,.current-task__box--reedit{gap:var(--size-3xs);flex-direction:row}.current-task__box--collapsed{align-items:flex-start;width:fit-content;min-height:46px;max-height:124px}.current-task__box--reedit{align-items:flex-start;width:344px;min-height:46px;max-height:124px}@media (width<=767px){.current-task__box--entry,.current-task__box--reedit{width:100%}}@keyframes current-task-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.current-task__box--shake{border-color:var(--color-purple);box-shadow:0 0 0 3px var(--color-super-light-purple);animation:.4s current-task-shake}.current-task__box--entry textarea{resize:none;width:100%;color:var(--color-black);caret-color:var(--color-purple);font-family:var(--font-inter-tight);font-size:var(--size-s);line-height:var(--size-m);min-height:36px;max-height:calc(var(--size-m) * 4);overflow-wrap:anywhere;word-break:break-word;background:0 0;border:none;overflow-y:auto}.current-task__box textarea:focus{outline:none}.current-task__box textarea::placeholder{color:var(--color-black-36)}.current-task__footer{justify-content:flex-end;display:flex}.current-task__pill-text{color:var(--color-black);font-family:var(--font-inter-tight);font-size:var(--size-s);line-height:var(--size-m);-webkit-line-clamp:4;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.current-task__input{resize:none;min-width:0;color:var(--color-black);caret-color:var(--color-purple);font-family:var(--font-inter-tight);font-size:var(--size-s);line-height:var(--size-m);overflow-wrap:anywhere;word-break:break-word;background:0 0;border:none;flex:1;min-height:22px;max-height:100px;overflow-y:auto}.current-task__input:focus{outline:none}.current-task__reedit-actions{align-items:center;gap:var(--size-4xs);flex-shrink:0;display:flex}.current-task__pill-button{background:var(--color-black-10);color:var(--color-black);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-xs);line-height:var(--size-s);padding:var(--size-4xs) var(--size-3xs);border-radius:var(--radius-xs);flex-shrink:0;transition:background-color .15s}@media (hover:hover){.current-task__pill-button:hover{background:var(--color-black-20)}}.current-task__pill-button--save{background:var(--color-purple);color:var(--color-white)}@media (hover:hover){.current-task__pill-button--save:hover{background:var(--color-purple-hover)}}.project-and-task{gap:var(--size-3xs);flex-direction:column;flex-shrink:0;align-items:flex-start;width:344px;max-width:100%;display:flex}@media (width<=767px){.project-and-task{width:100%}}.timer-panel{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.timer-display{font-family:var(--text-timer-family);font-weight:var(--text-timer-weight);font-size:var(--text-timer-size);line-height:var(--text-timer-line);color:var(--color-black-36);white-space:nowrap}.timer-display--running{color:var(--color-purple)}.money-and-activity{justify-content:space-between;align-items:stretch;gap:var(--size-3xs);display:flex}.earned{background:var(--color-light-gray);border-radius:var(--radius-m);padding:var(--size-3xs) var(--size-xs);width:86px;color:var(--color-purple);white-space:nowrap;justify-content:center;align-items:center;font-weight:500;display:flex}@media (width<=1023px){.timer-display{font-size:58px;line-height:58px}}@media (width<=767px){.timer-panel{align-items:center;gap:var(--size-s);width:100%}.timer-display{font-size:74px;line-height:74px}.money-and-activity{flex-direction:column;width:100%}.earned.text-s-medium{border-radius:var(--radius-s);width:100%;height:54px;font-size:var(--size-m);line-height:var(--size-m)}.start-working{border-radius:var(--radius-s);width:100%;padding:var(--size-m) 24px;font-size:var(--size-m);text-align:center;flex:none;justify-content:center}}.time-tracker{gap:var(--size-xl);padding:var(--size-xl);animation:.5s cubic-bezier(.16,1,.3,1) both tracker-card-enter;display:flex}@keyframes tracker-card-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.time-tracker{animation:none}}@media (width<=767px){.time-tracker{padding:var(--size-m);align-items:center;gap:var(--size-s);flex-direction:column}.time-tracker .separator--vertical{display:none}}.project-badge{max-width:100%;padding:var(--size-4xs) var(--size-3xs);border-radius:var(--radius-3xs);font-family:var(--text-s-medium-family);font-weight:var(--text-s-medium-weight);font-size:14px;line-height:var(--size-m);align-items:center;display:inline-flex}.project-badge__label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.project-badge--removable{gap:var(--size-4xs)}.project-badge__remove{flex-shrink:0;padding:0;display:flex}@media (hover:hover){.project-badge__remove:hover .icon-mask{background-color:var(--color-black-70)!important}}.history-row{align-items:flex-start;gap:var(--size-xl);width:100%;display:flex;position:relative}@media (hover:hover) and (width>=641px){.history-row{z-index:0}.history-row:before{content:"";inset:calc(var(--size-3xs) * -1) calc(var(--size-xxs) * -1);z-index:-1;border-radius:var(--radius-xs);pointer-events:none;background:0 0;transition:background-color .15s;position:absolute}.history-row:hover:before{background:var(--color-medium-light-gray)}}.history-date{flex-shrink:0;width:86px}.history-date--muted{opacity:0}.history-entry{display:contents}.history-project{width:var(--size-5xl);flex-shrink:0;min-width:0}.history-project .project-badge__label{white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-overflow:clip}.history-task{min-width:0;color:var(--color-black);-webkit-line-clamp:3;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.history-task--muted{color:var(--color-black-50)}.history-worktime{gap:var(--size-4xs);flex-direction:column;flex-shrink:0;width:86px;display:flex}.history-worktime strong,.history-worktime span{white-space:nowrap}.history-worktime strong{font-weight:600}.history-worktime span{color:var(--color-black-50)}.history-earned{text-align:right;flex-shrink:0;width:86px}.history-earned strong{font-weight:600}.history-group{gap:var(--size-xs);flex-direction:column;width:100%;display:flex}.history{gap:var(--size-xs);padding:var(--size-xl);flex-direction:column;animation:.5s cubic-bezier(.16,1,.3,1) 80ms both tracker-card-enter;display:flex}@media (prefers-reduced-motion:reduce){.history{animation:none}}.history-table{gap:var(--size-xs);flex-direction:column;width:100%;display:flex}.history-head{align-items:center;gap:var(--size-xl);color:var(--color-black-36);width:100%;display:flex}.history-head span:first-child,.history-head span:nth-child(4){flex-shrink:0;width:86px}.history-head span:nth-child(2){width:var(--size-5xl);flex-shrink:0}.history-head span:nth-child(3){flex:1}.history-head span:nth-child(5){text-align:right;flex-shrink:0;width:86px}.history-mobile-card{display:none}.history-empty-content{align-items:flex-start;gap:var(--size-xs);flex-direction:column;width:100%;display:flex}@media (width<=640px){.history{display:contents}.history-table{display:none}.history-mobile-card{align-items:flex-start;gap:var(--size-xs);background:var(--color-white);border-radius:var(--radius-m);width:100%;padding:var(--size-m);flex-direction:column;display:flex}.history-empty-content{background:var(--color-white);border-radius:var(--radius-m);padding:var(--size-m)}.history-mobile-day-label{font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m);color:var(--color-black);margin:0}.history-mobile-session{align-items:flex-start;gap:var(--size-xs);border:1px solid var(--color-light-gray);border-radius:var(--radius-m);width:100%;padding:var(--size-xs);flex-direction:column;display:flex}.history-mobile-session__head{align-items:flex-start;gap:var(--size-3xs);flex-direction:column;width:100%;display:flex}.history-mobile-session__badge{width:100%;padding:var(--size-3xs) var(--size-xs);font-size:var(--size-m);border-radius:var(--radius-3xs)}.history-mobile-session__badge .project-badge__label{white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-overflow:clip}.history-mobile-session__task{width:100%;font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-m);color:var(--color-black);margin:0;line-height:24px}.history-mobile-session__task--muted{color:var(--color-black-50)}.history-mobile-session__stats{align-items:flex-start;gap:var(--size-xs);width:100%;display:flex}.history-mobile-session__stat{background:var(--color-light-gray);border-radius:var(--radius-xs);min-width:0;padding:var(--size-xs);gap:var(--size-3xs);flex-direction:column;flex:1;display:flex}.history-mobile-session__stat--earned{justify-content:space-between;align-self:stretch}.history-mobile-session__stat-label{font-family:var(--font-inter);font-weight:400;font-size:var(--size-xs);line-height:var(--size-s);color:var(--color-black-36)}.history-mobile-session__value-group{gap:var(--size-4xs);flex-direction:column;display:flex}.history-mobile-session__time{font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black-50);margin:0}.history-mobile-session__duration,.history-mobile-session__amount{font-family:var(--font-inter-tight);font-weight:600;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black);margin:0}}.history-empty__title{font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m);color:var(--color-black);margin:0}.history-empty__subtitle{font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black-50);margin:0}.project-card{background:var(--color-light-gray);border-radius:var(--radius-s);min-width:0;padding:var(--size-s);justify-content:space-between;gap:var(--size-xxs);cursor:pointer;flex-direction:column;flex:180px;transition:background-color .15s,width .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}@media (hover:hover){.project-card:not(.project-card--current):hover{background:var(--color-black-10)}}.project-card--current{background:var(--card-chip);border:1px solid var(--card-color);box-shadow:0 0 var(--size-s) 0 color-mix(in srgb, var(--card-color) 30%, transparent)}.project-card__top{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.project-card__identity{align-items:center;gap:var(--size-4xs);background:var(--color-white);padding:var(--size-4xs) var(--size-3xs);border-radius:var(--radius-3xs);min-width:0;display:flex}.project-card__identity--accent{background:var(--card-color)}.project-card__identity--accent .project-card__name{color:var(--color-white)}.project-card__name{min-width:0;max-width:100%;font-family:var(--text-s-medium-family);font-weight:var(--text-s-medium-weight);font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-card__badge{background:var(--card-color);color:var(--color-white);font-family:var(--font-inter);font-weight:500;font-size:var(--size-xs);line-height:var(--size-s);padding:2px var(--size-4xs);border-radius:var(--size-4xs);white-space:nowrap}.project-card__menu{flex-shrink:0;position:relative}.project-card__menu-trigger{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex}.project-card__menu-icon{background-color:var(--color-black-20);width:100%;height:100%;transition:background-color .15s;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (hover:hover){.project-card__menu-trigger:hover .project-card__menu-icon{background-color:var(--color-black-50)}}.project-card__stats{gap:var(--size-xxs);flex-direction:column;width:100%;display:flex}.project-card__rec{align-items:center;gap:var(--size-4xs);background:var(--color-black);color:var(--color-white);padding:var(--size-4xs) var(--size-3xs);border-radius:var(--radius-3xs);flex-shrink:0;width:86px;display:flex}@keyframes project-card-rec-blink{0%,to{opacity:1}50%{opacity:.25}}.project-card__rec-dot{background:var(--color-error);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1s ease-in-out infinite project-card-rec-blink}.project-card__stat{gap:var(--size-5xs);flex-direction:column;width:100%;display:flex}.project-card__stat-label{color:var(--color-black-50);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-s);line-height:var(--size-m)}.project-card__stat-value{color:var(--color-black);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m)}.project-card__hint{background:var(--color-black);color:var(--color-white);font-family:var(--font-inter);font-weight:500;font-size:var(--size-xs);line-height:var(--size-s);padding:var(--size-4xs) var(--size-3xs);border-radius:var(--size-4xs);white-space:nowrap;pointer-events:none;z-index:100;position:fixed}.edit-project{gap:var(--size-xl);flex-direction:column;width:100%;display:flex}.edit-project__header{align-items:center;gap:var(--size-3xs);width:100%;display:flex}.edit-project__title{min-width:0;font-family:var(--font-inter-tight);color:var(--color-black);flex:1;gap:.3em;margin:0;font-size:24px;font-weight:600;line-height:30px;display:flex}.edit-project__title-prefix{flex-shrink:0}.edit-project__title-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.edit-project__close{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.edit-project__close-icon{background-color:var(--color-black-36);width:100%;height:100%;transition:background-color .15s;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (hover:hover){.edit-project__close:hover .edit-project__close-icon{background-color:var(--color-black-50)}}.edit-project__pill{align-items:center;gap:var(--size-3xs);padding:var(--size-3xs) var(--size-m);border-radius:var(--radius-xl);font-family:var(--text-s-medium-family);font-weight:var(--text-s-medium-weight);font-size:var(--size-s);line-height:var(--size-m);white-space:nowrap;display:flex}.edit-project__fields{gap:var(--size-xs);flex-direction:column;width:100%;display:flex}.edit-project__row{align-items:flex-start;gap:var(--size-xs);width:100%;display:flex}.edit-project__field{gap:var(--size-4xs);flex-direction:column;flex:1;min-width:0;display:flex}.edit-project__input{background:var(--color-light-gray);border-radius:var(--radius-xs);width:100%;padding:var(--size-xs);color:var(--color-black);caret-color:var(--color-purple);font-family:var(--font-inter-tight);font-size:var(--size-s);line-height:var(--size-m);border:1px solid #0000;transition:border-color .15s,background-color .15s}.edit-project__input:focus{background:var(--color-super-light-gray);border-color:var(--color-purple);outline:none}.edit-project__required{color:var(--color-error);margin-left:2px}.edit-project__input--error{border-color:var(--color-error);background:#ffeff4}.edit-project__field-hint{color:var(--color-error);font-family:var(--font-inter-tight);font-size:var(--size-xs);line-height:1.3}.edit-project__field-counter{color:var(--color-black-36);font-family:var(--font-inter-tight);font-size:var(--size-xs);align-self:flex-end;line-height:1.3}.edit-project__input--error:focus{border-color:var(--color-error);background:#ffeff4}.edit-project__rate-row{align-items:center;gap:var(--size-xs);width:100%;display:flex}.edit-project__rate-input{appearance:textfield;flex:1;min-width:0}.edit-project__rate-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.edit-project__rate-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-project__currency{flex-shrink:0;width:210px;position:relative}.edit-project__currency-trigger{justify-content:space-between;align-items:center;gap:var(--size-3xs);background:var(--color-light-gray);border-radius:var(--radius-xs);width:100%;padding:var(--size-xs);color:var(--color-black);font-family:var(--font-inter-tight);font-size:var(--size-s);line-height:var(--size-m);cursor:pointer;display:flex}.edit-project__currency-trigger-value{align-items:center;gap:var(--size-3xs);min-width:0;display:flex;overflow:hidden}.edit-project__currency-symbol{flex-shrink:0}.edit-project__currency-name{color:var(--color-black-36)}.edit-project__currency-chevron{flex-shrink:0;width:14px;height:14px}.edit-project__currency-menu{background:var(--color-white);border-radius:var(--radius-xxs);padding:var(--size-4xs);box-shadow:var(--shadow-menu);z-index:300}.edit-project__currency-option{justify-content:space-between;align-items:center;gap:var(--size-3xs);width:100%;padding:var(--size-3xs) var(--size-xs);border-radius:var(--radius-3xs);color:var(--color-black);font-family:var(--font-inter-tight);font-size:var(--size-s);line-height:var(--size-m);display:flex}@media (hover:hover){.edit-project__currency-option:hover{background:var(--color-light-gray)}}.edit-project__palette{background:var(--color-light-gray);border-radius:var(--radius-xl);width:100%;padding:var(--size-xs);justify-content:space-between;align-items:center;display:flex}.edit-project__swatch{border-radius:var(--radius-m);cursor:pointer;border:4px solid #0000;justify-content:center;align-items:center;width:58px;height:36px;transition:border-color .15s;display:flex}.edit-project__swatch--selected{border-color:var(--color-white)}@media (hover:hover){.edit-project__swatch:not(.edit-project__swatch--selected):hover{border-color:#fff6}}.edit-project__swatch-dot{background:var(--color-white);border-radius:50%;width:8px;height:8px}.edit-project__actions{justify-content:space-between;align-items:center;width:100%;display:flex}.edit-project__actions-right{align-items:center;gap:var(--size-xxs);display:flex}.edit-project__delete{color:var(--color-error);background:#ffeff4;transition:background-color .15s}@media (hover:hover){.edit-project__delete:hover{background:color-mix(in srgb, var(--color-error) 16%, #ffeff4)}}.edit-project__cancel{background:var(--color-light-gray);color:var(--color-black);transition:background-color .15s}@media (hover:hover){.edit-project__cancel:hover{background:var(--color-black-10)}}.edit-project__archive{background:var(--color-purple);color:var(--color-white);transition:background-color .15s}@media (hover:hover){.edit-project__archive:hover{background:var(--color-purple-hover)}}.edit-project__confirm-message{max-width:350px;font-family:var(--font-inter-tight);color:var(--color-black);margin:0;font-size:24px;font-weight:600;line-height:30px}.edit-project__confirm-hint{max-width:350px;font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black-50);margin:0}.edit-project__save{background:var(--color-purple);color:var(--color-white);font-weight:600}.edit-project__save:disabled{background:var(--color-light-purple);cursor:default;pointer-events:none}@media (width<=640px){.edit-project{gap:var(--size-m)}.edit-project__row{flex-direction:column;align-items:stretch}.edit-project__input,.edit-project__currency-trigger{height:52px;padding:var(--size-s);font-size:var(--size-m);line-height:24px}.edit-project__currency-trigger:not(.edit-project__currency-trigger--open) .edit-project__currency-name{display:none}.edit-project__currency-trigger--open .edit-project__currency-chevron{transform:rotate(-90deg)}.edit-project__currency-menu--mobile{width:268px;max-width:calc(100vw - 36px);padding:var(--size-s);border-radius:var(--radius-xs);flex-direction:column;display:flex}.edit-project__currency-menu--mobile .edit-project__currency-menu-title{padding:0 var(--size-3xs);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);color:var(--color-purple);margin:0;line-height:24px}.edit-project__currency-menu--mobile .edit-project__currency-option{padding:var(--size-xs) var(--size-3xs);font-size:var(--size-m);line-height:24px}.edit-project__palette{gap:var(--size-xs);border-radius:var(--radius-xs);grid-template-columns:repeat(5,1fr);display:grid}.edit-project__swatch{border-radius:var(--radius-xs);width:auto;height:44px}.edit-project__actions{align-items:stretch;gap:var(--size-xs);flex-direction:column-reverse}.edit-project__actions-spacer{display:none}.edit-project__actions-right{justify-content:space-between}.edit-project__pill{padding:var(--size-m) 24px;border-radius:var(--radius-s);font-size:var(--size-m);line-height:var(--size-m);justify-content:center}.edit-project__actions-right .edit-project__pill{flex:1}}.confirm-dialog-overlay{background:var(--color-black-50);-webkit-backdrop-filter:blur(var(--size-4xs));backdrop-filter:blur(var(--size-4xs));padding:var(--size-m);z-index:400;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--color-white);border-radius:var(--radius-s);box-shadow:var(--shadow-elevated);padding:var(--size-m);gap:var(--size-xs);flex-direction:column;width:380px;max-width:100%;display:flex}.confirm-dialog__title{font-family:var(--font-inter-tight);font-weight:600;font-size:var(--size-m);color:var(--color-black);margin:0;line-height:24px}.confirm-dialog__message{font-family:var(--font-inter-tight);font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black-50);margin:0}.confirm-dialog__actions{justify-content:flex-end;align-items:center;gap:var(--size-xxs);margin-top:var(--size-4xs);display:flex}@media (width<=640px){.confirm-dialog-overlay{align-items:flex-end;padding:0}.confirm-dialog{border-radius:var(--radius-m) var(--radius-m) 0 0;width:100%;max-width:100%;max-height:90vh;padding:var(--size-m)}}.change-project-overlay{background:var(--color-black-50);-webkit-backdrop-filter:blur(var(--size-4xs));backdrop-filter:blur(var(--size-4xs));padding:var(--size-m);z-index:200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.change-project-popup{background:var(--color-white);border-radius:var(--radius-s);box-shadow:var(--shadow-elevated);padding:var(--size-m);gap:var(--size-xs);flex-direction:column;width:720px;max-width:100%;max-height:100%;display:flex;overflow-y:auto}.change-project-popup__header{justify-content:space-between;align-items:flex-start;gap:var(--size-xs);width:100%;display:flex}.change-project-popup__head{flex-direction:column;gap:5px;min-width:0;display:flex}.change-project-popup__title{min-width:0;font-family:var(--text-s-bold-family);color:var(--color-black);gap:.3em;margin:0;font-size:24px;font-weight:600;line-height:30px;display:flex}.change-project-popup__title-prefix{flex-shrink:0}.change-project-popup__title-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.change-project-popup__subtitle{color:var(--color-black-50);margin:0}.change-project-popup__close{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.change-project-popup__close-icon{background-color:var(--color-black-36);width:100%;height:100%;transition:background-color .15s;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (hover:hover){.change-project-popup__close:hover .change-project-popup__close-icon{background-color:var(--color-black-50)}}.change-project-popup__grid{gap:var(--size-xs);flex-wrap:wrap;width:100%;display:flex}.create-project-card{background:var(--color-purple);border-radius:var(--radius-s);min-height:86px;padding:var(--size-s);text-align:left;flex-direction:column;flex:180px;justify-content:space-between;width:100%;transition:width .25s cubic-bezier(.4,0,.2,1),background-color .15s;display:flex}@media (hover:hover){.create-project-card:hover{background:var(--color-purple-hover)}}.create-project-card__top{width:100%;color:var(--color-white);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m);justify-content:space-between;align-items:center;display:flex}.create-project-card__icon{background-color:var(--color-white);flex-shrink:0;width:18px;height:18px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.create-project-card__subtitle{color:var(--color-white);font-family:var(--font-inter);font-weight:400;font-size:var(--size-xs);line-height:var(--size-s);margin:0}.upgrade-card{background:var(--color-purple);border-radius:var(--radius-s);min-height:86px;padding:var(--size-s);justify-content:center;align-items:center;gap:var(--size-xs);text-align:center;color:var(--color-white);flex-direction:column;flex:180px;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex}.upgrade-card__text{gap:var(--size-3xs);flex-direction:column;align-items:center;display:flex}.upgrade-card__title{font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m);margin:0}.upgrade-card__subtitle{font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-s);line-height:var(--size-m);margin:0}.upgrade-card__button{align-items:center;gap:var(--size-4xs);background:var(--color-black);color:var(--color-white);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-s);line-height:var(--size-m);padding:var(--size-3xs) var(--size-xs);border-radius:var(--radius-xl);transition:background-color .15s;display:flex}.upgrade-card__button-star{flex-shrink:0;width:12px;height:12px}@media (hover:hover){.upgrade-card__button:hover{background:var(--color-black-70)}}@media (width<=640px){.change-project-overlay{align-items:flex-end;padding:0}.change-project-popup{border-radius:var(--radius-m) var(--radius-m) 0 0;width:100%;max-width:100%;max-height:90vh;padding:var(--size-m)}.change-project-popup__grid .project-card,.change-project-popup__grid .upgrade-card,.change-project-popup__grid .create-project-card{flex-basis:100%}}.hero-empty-state{z-index:1;padding:var(--size-5xl) var(--size-m) var(--size-xl);flex-direction:column;align-items:center;display:flex;position:relative}.hero-empty-state__background{z-index:-1;background:var(--color-light-gray);position:fixed;inset:0;overflow:hidden}.hero-empty-state__blob{filter:blur(100px);will-change:transform;border-radius:50%;position:absolute}.hero-empty-state__blob--a{background:radial-gradient(circle, color-mix(in srgb, var(--color-purple) 28%, white) 0%, color-mix(in srgb, var(--color-purple) 28%, white) 25%, transparent 85%);width:520px;height:520px;animation:14s ease-in-out infinite alternate hero-empty-blob-drift-a;top:30%;left:14%}.hero-empty-state__blob--b{background:radial-gradient(circle, color-mix(in srgb, var(--color-purple) 20%, white) 0%, color-mix(in srgb, var(--color-purple) 20%, white) 25%, transparent 85%);width:490px;height:490px;animation:17s ease-in-out -5s infinite alternate hero-empty-blob-drift-b;top:17%;left:56%}.hero-empty-state__blob--c{background:radial-gradient(circle, color-mix(in srgb, var(--color-purple) 24%, white) 0%, color-mix(in srgb, var(--color-purple) 24%, white) 25%, transparent 85%);width:490px;height:490px;animation:12s ease-in-out -9s infinite alternate hero-empty-blob-drift-c;top:36%;left:40%}@keyframes hero-empty-blob-drift-a{0%{transform:translate(0)scale(1)}to{transform:translate(100px,70px)scale(1.15)}}@keyframes hero-empty-blob-drift-b{0%{transform:translate(0)scale(1)}to{transform:translate(-90px,65px)scale(1.1)}}@keyframes hero-empty-blob-drift-c{0%{transform:translate(0)scale(1)}to{transform:translate(75px,-60px)scale(1.18)}}@media (prefers-reduced-motion:reduce){.hero-empty-state__blob{animation:none}}.hero-empty-state__content{z-index:1;align-items:center;gap:var(--size-xl);text-align:center;flex-direction:column;width:100%;max-width:738px;display:flex;position:relative}.hero-empty-state__intro{align-items:center;gap:var(--size-xs);color:var(--color-black);flex-direction:column;display:flex}.hero-empty-state__title{font-family:var(--font-inter-tight);white-space:nowrap;margin:0;font-size:58px;font-weight:300;line-height:1.1}.hero-empty-state__subtitle{font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-m);margin:0;line-height:24px}@media (width<=767px){.hero-empty-state{padding:var(--size-5xl) var(--size-m) var(--size-m)}.hero-empty-state__title{white-space:normal;font-size:40px}}@media (width<=480px){.hero-empty-state__title{font-size:32px}}.welcome-screen__features{gap:24px;width:100%;margin:0;padding:0;list-style:none;display:flex}.welcome-screen__feature{align-items:center;gap:var(--size-xs);min-width:0;padding:var(--size-s) var(--size-m);border-radius:var(--radius-m);background:color-mix(in srgb, var(--color-white) 40%, transparent);border:1px solid color-mix(in srgb, var(--color-white) 40%, transparent);-webkit-backdrop-filter:blur(var(--size-xs));box-shadow:var(--shadow-elevated);flex:1 1 0;display:flex}.welcome-screen__feature-icon{background-color:var(--color-purple);flex-shrink:0;width:24px;height:24px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.welcome-screen__feature-text{text-align:left;min-width:0;font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-m);color:var(--color-black);line-height:24px}.welcome-screen__cta{justify-content:center;align-items:center;gap:var(--size-3xs);padding:var(--size-m);border-radius:var(--radius-s);background:var(--color-purple);color:var(--color-white);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m);transition:background-color .15s;display:inline-flex}@media (hover:hover){.welcome-screen__cta:hover{background:var(--color-purple-hover)}}.welcome-screen__cta-icon{background-color:var(--color-white);flex-shrink:0;width:14px;height:14px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (width<=767px){.welcome-screen__features{gap:var(--size-3xs);flex-direction:column}.welcome-screen__feature{border-radius:var(--radius-s)}.welcome-screen__feature-icon{width:18px;height:18px}.welcome-screen__feature-text{font-size:16px}.welcome-screen__cta{width:100%}}@keyframes toast-in{0%{opacity:0;transform:translate(120px)}to{opacity:1;transform:translate(0)}}.toast{top:var(--size-3xlk);width:360px;max-width:calc(100% - var(--size-m) * 2);-webkit-backdrop-filter:blur(var(--size-xs));border:1px solid var(--color-white);border-radius:var(--radius-s);box-shadow:var(--shadow-elevated);padding:var(--size-s);z-index:300;background:#fff6;transition:background-color .25s;animation:.45s cubic-bezier(.16,1,.3,1) forwards toast-in;position:fixed;right:80px;overflow:hidden}.toast--opaque{background:var(--color-white)}@media (width<=1023px){.toast{right:var(--size-m)}}.toast__row{align-items:flex-start;gap:var(--size-xs);width:100%;display:flex}.toast__icon{width:var(--size-m);height:var(--size-m);background-color:var(--color-purple);flex-shrink:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.toast__content{align-items:flex-start;gap:var(--size-xs);flex-direction:column;flex:1;min-width:0;display:flex}.toast__text{color:var(--color-black);margin:0}.toast__undo{background:var(--color-black);color:var(--color-white);padding:var(--size-3xs) var(--size-m);border-radius:var(--radius-xl);font-family:var(--text-s-medium-family);font-weight:var(--text-s-medium-weight);font-size:var(--size-s);line-height:var(--size-m);flex-shrink:0}.toast__close{width:var(--size-m);height:var(--size-m);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.toast__close-icon{background-color:var(--color-black-36);width:100%;height:100%;transition:background-color .15s;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (hover:hover){.toast__close:hover .toast__close-icon{background-color:var(--color-black-50)}}.toast__progress-track{height:var(--size-4xs);position:absolute;bottom:0;left:0;right:0}.toast__progress-bar{background:var(--color-purple);border-radius:var(--radius-xs);width:100%;height:100%;transition-property:width;transition-timing-function:linear}.empty-state{align-items:flex-start;gap:var(--size-xs);padding:var(--size-xl);flex-direction:column;display:flex}.empty-state__title{font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m);color:var(--color-black);margin:0}.empty-state__subtitle{font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black-50);margin:0}.checkbox{width:var(--size-m);height:var(--size-m);border-radius:var(--radius-4xs);background:var(--color-light-gray);border:1px solid var(--color-black-10);flex-shrink:0;display:block;position:relative}@media (hover:hover){.checkbox:hover{background:var(--color-super-light-purple)}.checkbox--checked:hover{border-color:var(--color-purple-hover)}.checkbox--checked:hover .checkbox__dot{background:var(--color-purple-hover)}}.checkbox--checked{border-color:var(--color-purple)}.checkbox__dot{width:var(--size-xs);height:var(--size-xs);border-radius:var(--radius-4xs);background:var(--color-purple);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-filter{gap:var(--size-4xs);flex-direction:column;display:flex}.project-filter__label{color:var(--color-black-36)}.project-filter__trigger{align-self:flex-start;align-items:center;gap:var(--size-3xs);max-width:100%;padding:var(--size-3xs);border-radius:var(--radius-xs);background:var(--color-white);display:flex}.project-filter__trigger .project-badge{max-width:var(--size-5xl)}.project-filter__trigger--empty{padding:var(--size-xs) var(--size-m);border-radius:var(--radius-xl);background:var(--color-purple);color:var(--color-white)}@media (hover:hover){.project-filter__trigger--empty:hover{background:var(--color-purple-hover)}}.project-filter__menu{background:var(--color-white);border-radius:var(--radius-xs);padding:var(--size-4xs);box-shadow:var(--shadow-menu);z-index:300;flex-direction:column;max-height:320px;display:flex}.project-filter__search{background:var(--color-light-gray);border-radius:var(--radius-3xs);width:100%;padding:var(--size-3xs);font-family:var(--font-inter-tight);font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black);caret-color:var(--color-purple);border:1px solid #0000;transition:border-color .15s,background-color .15s}.project-filter__search:focus{background:var(--color-super-light-gray);border-color:var(--color-purple);outline:none}.project-filter__separator{background:var(--color-light-gray);height:1px;margin:var(--size-3xs) 0}.project-filter__list{flex-direction:column;display:flex;overflow-y:auto}.project-filter__row{align-items:center;gap:var(--size-3xs);padding:var(--size-3xs);border-radius:var(--radius-3xs);cursor:pointer;display:flex}@media (hover:hover){.project-filter__row:hover{background:var(--color-light-gray)}}.project-filter__dot{width:var(--size-xxs);height:var(--size-xxs);border-radius:var(--radius-pill);flex-shrink:0}.project-filter__empty{color:var(--color-black-36);padding:var(--size-3xs);text-align:center}.calendar{gap:var(--size-3xs);flex-direction:column;width:280px;display:flex}.calendar__header{justify-content:space-between;align-items:center;display:flex}.calendar__nav{width:var(--size-xl);height:var(--size-xl);border-radius:var(--radius-pill);flex-shrink:0;justify-content:center;align-items:center;display:flex}.calendar__nav .icon-mask{background-color:var(--color-black-36)}.calendar__nav--next .icon-mask{transform:scaleX(-1)}@media (hover:hover){.calendar__nav:hover{background:var(--color-light-gray)}.calendar__nav:hover .icon-mask{background-color:var(--color-black-70)}}.calendar__month{color:var(--color-black)}.calendar__weekdays,.calendar__grid{grid-template-columns:repeat(7,1fr);display:grid}.calendar__weekday{text-align:center;font-family:var(--font-inter-tight);color:var(--color-black-36);padding-bottom:var(--size-4xs);font-size:12px}.calendar__grid{gap:2px}.calendar__day{aspect-ratio:1;border-radius:var(--radius-pill);font-family:var(--font-inter-tight);font-size:var(--size-s);color:var(--color-black);justify-content:center;align-items:center;display:flex}.calendar__day--outside{color:var(--color-black-20)}.calendar__day--in-range{background:var(--color-light-purple)}.calendar__day--today{box-shadow:inset 0 0 0 1px var(--color-purple)}.calendar__day--endpoint{background:var(--color-purple);color:var(--color-white)}@media (hover:hover){.calendar__day:not(:disabled):not(.calendar__day--endpoint):hover{background:var(--color-super-light-purple)}}.period-filter{gap:var(--size-4xs);flex-direction:column;display:flex}.period-filter__label{color:var(--color-black-36)}.period-filter__trigger{align-self:flex-start;align-items:center;gap:var(--size-3xs);padding:var(--size-xs);border-radius:var(--radius-xs);background:var(--color-white);white-space:nowrap;display:flex}.period-filter__menu{background:var(--color-white);border-radius:var(--radius-xs);padding:var(--size-s);box-shadow:var(--shadow-menu);z-index:300}.currency-filter{gap:var(--size-4xs);flex-direction:column;display:flex}.currency-filter__label{color:var(--color-black-36)}.currency-filter__toggle{align-self:flex-start;align-items:center;gap:var(--size-4xs);padding:var(--size-4xs);border-radius:var(--radius-xs);background:var(--color-white);display:flex}.currency-filter__option{padding:var(--size-3xs);border-radius:var(--radius-3xs);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black-50);white-space:nowrap;transition:background-color .15s,color .15s}@media (hover:hover){.currency-filter__option:not(.currency-filter__option--selected):hover{background:var(--color-light-gray);color:var(--color-black)}}.currency-filter__option--selected{background:var(--color-purple);color:var(--color-white)}.chart-card{gap:var(--size-3xs);padding:var(--size-m);flex-direction:column;flex:320px;display:flex}.chart-card__header{gap:var(--size-4xs);flex-direction:column;display:flex}.chart-card__title{font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black);margin:0}.chart-card__subtitle{font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black-36);margin:0}.chart-card__empty{color:var(--color-black-36)}.chart-tooltip{background:var(--color-black);color:var(--color-white);padding:var(--size-4xs) var(--size-3xs);border-radius:var(--radius-3xs);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-xs);line-height:var(--size-s);white-space:nowrap}.chart-card__body{justify-content:space-between;align-items:center;gap:var(--size-xs);display:flex}.chart-legend{grid-template-columns:var(--size-xxs) auto auto auto;align-items:center;row-gap:var(--size-3xs);column-gap:var(--size-xs);min-width:0;margin:0;padding:0;list-style:none;display:grid}.chart-legend__row{display:contents}.chart-legend__dot{width:var(--size-xxs);height:var(--size-xxs);border-radius:var(--radius-pill);flex-shrink:0}.chart-legend__name{min-width:0;max-width:var(--size-5xl);color:var(--color-black);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chart-legend__value{color:var(--color-black);text-align:right}.chart-legend__percent{color:var(--color-black-36);text-align:right}.chart-legend__others-trigger{cursor:pointer;display:contents}.chart-legend__name--others{color:var(--color-purple)}@media (hover:hover){.chart-legend__others-trigger:hover .chart-legend__name--others{color:var(--color-purple-hover)}}.chart-legend__others-menu{background:var(--color-white);border-radius:var(--radius-xs);padding:var(--size-3xs);box-shadow:var(--shadow-menu);z-index:300;max-height:240px;overflow-y:auto}.chart-legend--nested{row-gap:var(--size-3xs)}.chart-donut{flex-shrink:0;position:relative}.chart-donut__total{text-align:center;width:72px;font-family:var(--font-inter-tight);color:var(--color-black);overflow-wrap:break-word;pointer-events:none;font-weight:600;line-height:1.15;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chart-card__total{gap:var(--size-4xs);flex-direction:column;display:flex}.chart-card__total-label{color:var(--color-black-36)}.chart-card__total-value{font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m);color:var(--color-black)}.line-chart__plot{background:var(--color-medium-light-gray);border-radius:var(--radius-3xs);padding:var(--size-3xs) 0 0}.chart-tooltip--multiline{text-align:center}.chart-tooltip--multiline p{margin:0}.sessions-table{gap:var(--size-xs);padding:var(--size-xl);flex-direction:column;align-self:stretch;width:100%;display:flex;overflow-x:auto}.sessions-table__desktop{gap:var(--size-xs);flex-direction:column;width:100%;min-width:560px;display:flex}.sessions-mobile-select-all,.sessions-mobile-empty,.sessions-mobile-group{display:none}.sessions-head{align-items:center;gap:var(--size-xl);color:var(--color-black-36);width:100%;display:flex}.sessions-col--date,.sessions-col--worktime{flex-shrink:0;width:86px}.sessions-col--project{width:var(--size-5xl);flex-shrink:0}.sessions-col--task{flex:1}.sessions-col--earned{text-align:right;flex-shrink:0;width:86px}.sessions-empty{color:var(--color-black-36)}.sessions-row{align-items:flex-start;gap:var(--size-xl);z-index:0;cursor:pointer;width:100%;display:flex;position:relative}.sessions-row:before{content:"";inset:calc(var(--size-3xs) * -1) calc(var(--size-xxs) * -1);z-index:-1;border-radius:var(--radius-xs);pointer-events:none;background:0 0;transition:background-color .15s;position:absolute}@media (hover:hover){.sessions-row:hover:before{background:var(--color-medium-light-gray)}}.sessions-row--selected:before{content:"";inset:calc(var(--size-3xs) * -1) calc(var(--size-xxs) * -1);z-index:-1;background:var(--color-medium-light-gray);border-left:1px solid var(--color-purple);border-right:1px solid var(--color-purple);border-top:var(--row-border-top);border-bottom:var(--row-border-bottom);border-top-left-radius:var(--row-radius-top);border-top-right-radius:var(--row-radius-top);border-bottom-left-radius:var(--row-radius-bottom);border-bottom-right-radius:var(--row-radius-bottom);pointer-events:none;position:absolute}.sessions-date{flex-shrink:0;width:86px;padding-top:2px}.sessions-date--muted{opacity:0}.sessions-project{width:var(--size-5xl);flex-shrink:0;min-width:0}.sessions-task{min-width:0;color:var(--color-black);-webkit-line-clamp:3;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;flex:1;padding-top:2px;display:-webkit-box;overflow:hidden}.sessions-task--muted{color:var(--color-black-50)}.sessions-worktime{gap:var(--size-4xs);flex-direction:column;flex-shrink:0;width:86px;display:flex}.sessions-worktime strong,.sessions-worktime span{white-space:nowrap}.sessions-worktime strong{font-weight:600}.sessions-worktime span{color:var(--color-black-50)}.sessions-earned{text-align:right;flex-shrink:0;width:86px;padding-top:2px}.sessions-earned strong{font-weight:600}@media (width<=1023px){.sessions-head,.sessions-row{gap:var(--size-s)}.sessions-col--date,.sessions-date,.sessions-col--worktime,.sessions-worktime,.sessions-col--earned,.sessions-earned{width:70px}.sessions-col--project,.sessions-project{width:96px}}@media (width<=640px){.sessions-table{display:contents}.sessions-table__desktop{display:none}.sessions-mobile-select-all{align-items:center;gap:var(--size-xxs);background:var(--color-white);border-radius:var(--radius-m);width:100%;padding:var(--size-m);display:flex}.sessions-mobile-empty{background:var(--color-white);border-radius:var(--radius-m);width:100%;padding:var(--size-m);display:block}.sessions-mobile-group{align-items:flex-start;gap:var(--size-xs);background:var(--color-white);border-radius:var(--radius-m);width:100%;padding:var(--size-m);flex-direction:column;display:flex}.sessions-mobile-day-label{font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m);color:var(--color-black);margin:0}.sessions-mobile-card{align-items:flex-start;gap:var(--size-xs);border:1px solid var(--color-light-gray);border-radius:var(--radius-m);width:100%;padding:var(--size-xs);cursor:pointer;flex-direction:column;display:flex}.sessions-mobile-card--selected{border-color:var(--color-purple);background:var(--color-medium-light-gray)}.sessions-mobile-card__head{align-items:center;gap:var(--size-xxs);width:100%;display:flex}.sessions-mobile-card__badge{min-width:0;padding:var(--size-3xs) var(--size-xs);font-size:var(--size-m);border-radius:var(--radius-3xs);flex:1}.sessions-mobile-card__badge .project-badge__label{white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-overflow:clip}.sessions-mobile-card__task{width:100%;font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-m);color:var(--color-black);margin:0;line-height:24px}.sessions-mobile-card__task--muted{color:var(--color-black-50)}.sessions-mobile-card__stats{align-items:flex-start;gap:var(--size-xs);width:100%;display:flex}.sessions-mobile-card__stat{background:var(--color-light-gray);border-radius:var(--radius-xs);min-width:0;padding:var(--size-xs);gap:var(--size-3xs);flex-direction:column;flex:1;display:flex}.sessions-mobile-card__stat--earned{justify-content:space-between;align-self:stretch}.sessions-mobile-card__stat-label{font-family:var(--font-inter);font-weight:400;font-size:var(--size-xs);line-height:var(--size-s);color:var(--color-black-36)}.sessions-mobile-card__value-group{gap:var(--size-4xs);flex-direction:column;display:flex}.sessions-mobile-card__time{font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black-50);margin:0}.sessions-mobile-card__duration,.sessions-mobile-card__amount{font-family:var(--font-inter-tight);font-weight:600;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black);margin:0}}.sessions-bulk-bar{align-items:flex-start;gap:var(--size-4xs);flex-direction:column;display:flex}.sessions-bulk-bar__label{font-family:var(--font-inter);font-size:var(--size-xs);line-height:var(--size-s);color:var(--color-black-36);margin:0}.sessions-bulk-bar__actions{align-items:center;gap:var(--size-xs);display:flex}.sessions-bulk-bar__icon{flex-shrink:0;width:14px;height:14px}.sessions-bulk-bar__icon--white{background-color:var(--color-white);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sessions-bulk-bar-mobile{left:50%;bottom:calc(58px + var(--size-s) * 2);z-index:300;filter:drop-shadow(0 var(--size-4xs) 12px #1c1c1c29);align-items:center;gap:24px;display:flex;position:fixed;transform:translate(-50%)}.sessions-bulk-bar-mobile__btn{padding:var(--size-s);border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sessions-bulk-bar-mobile__btn--delete{background:var(--color-error)}.sessions-bulk-bar-mobile__btn--edit{background:var(--color-white)}.sessions-bulk-bar-mobile__btn--export{padding:var(--size-m);background:var(--color-purple);border-radius:30px}.sessions-bulk-bar-mobile__icon{width:var(--size-m);height:var(--size-m);flex-shrink:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sessions-bulk-bar-mobile__icon--white{background-color:var(--color-white)}.sessions-bulk-bar-mobile__icon--purple{background-color:var(--color-purple)}.edit-task-dialog-overlay{background:var(--color-black-50);-webkit-backdrop-filter:blur(var(--size-4xs));backdrop-filter:blur(var(--size-4xs));padding:var(--size-m);z-index:400;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.edit-task-dialog{background:var(--color-white);border-radius:var(--radius-s);box-shadow:var(--shadow-elevated);padding:var(--size-m);gap:var(--size-xs);flex-direction:column;width:420px;max-width:100%;display:flex}.edit-task-dialog__title{font-family:var(--font-inter-tight);font-weight:600;font-size:var(--size-m);color:var(--color-black);margin:0;line-height:24px}.edit-task-dialog__box{background:var(--color-light-gray);border-radius:var(--radius-xs);padding:var(--size-xs);border:1px solid #0000;transition:border-color .15s,background-color .15s}.edit-task-dialog__box:focus-within{background:var(--color-super-light-gray);border-color:var(--color-purple)}.edit-task-dialog__textarea{resize:none;width:100%;color:var(--color-black);caret-color:var(--color-purple);font-family:var(--font-inter-tight);font-size:var(--size-s);line-height:var(--size-m);overflow-wrap:anywhere;word-break:break-word;background:0 0;border:none;min-height:88px}.edit-task-dialog__textarea:focus{outline:none}.edit-task-dialog__actions{justify-content:flex-end;align-items:center;gap:var(--size-xxs);display:flex}@media (width<=640px){.edit-task-dialog-overlay{align-items:flex-end;padding:0}.edit-task-dialog{border-radius:var(--radius-m) var(--radius-m) 0 0;width:100%;max-width:100%;max-height:90vh;padding:var(--size-m)}}.export-panel{gap:var(--size-4xs);background:var(--color-white);border-radius:var(--radius-xs);padding:var(--size-xs);box-shadow:var(--shadow-menu);z-index:300;flex-direction:column;max-height:min(480px,100vh - 32px);display:flex;overflow-y:auto}.export-panel__title{padding:var(--size-4xs) var(--size-3xs);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black-36);margin:0}.export-panel__row{align-items:center;gap:var(--size-3xs);padding:var(--size-3xs);border-radius:var(--radius-3xs);cursor:pointer;display:flex}.export-panel__row--locked{cursor:default;color:var(--color-black-36)}.export-panel__row--locked .text-s-regular{color:var(--color-black-36)}@media (hover:hover){.export-panel__row:not(.export-panel__row--locked):hover{background:var(--color-light-gray)}}.export-panel__separator{background:var(--color-light-gray);height:1px;margin:var(--size-3xs) 0}.export-panel__rate-row{align-items:center;gap:var(--size-3xs);padding:0 var(--size-3xs);display:flex}.export-panel__rate-symbol{color:var(--color-black-36);font-family:var(--font-inter-tight);font-size:var(--size-s)}.export-panel__rate-input{background:var(--color-light-gray);border-radius:var(--radius-3xs);min-width:0;padding:var(--size-3xs) var(--size-xs);color:var(--color-black);caret-color:var(--color-purple);font-family:var(--font-inter-tight);font-size:var(--size-s);line-height:var(--size-m);border:1px solid #0000;flex:1;transition:border-color .15s,background-color .15s}.export-panel__rate-input:focus{background:var(--color-super-light-gray);border-color:var(--color-purple);outline:none}.export-panel__hint{padding:0 var(--size-3xs);color:var(--color-black-36);font-family:var(--font-inter-tight);font-size:var(--size-xs);margin:0;line-height:1.4}.export-panel__language{gap:var(--size-4xs);padding:0 var(--size-3xs);flex-direction:column;display:flex}.export-panel__language-label{color:var(--color-black-36)}.export-panel__language-toggle{align-self:flex-start;align-items:center;gap:var(--size-4xs);padding:var(--size-4xs);border-radius:var(--radius-xs);background:var(--color-light-gray);display:flex}.export-panel__language-option{padding:var(--size-3xs) var(--size-xs);border-radius:var(--radius-3xs);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black-50);white-space:nowrap;transition:background-color .15s,color .15s}@media (hover:hover){.export-panel__language-option:not(.export-panel__language-option--selected):hover{background:var(--color-black-10);color:var(--color-black)}}.export-panel__language-option--selected{background:var(--color-purple);color:var(--color-white)}.export-panel__submit{width:100%;margin-top:var(--size-4xs);padding:var(--size-xs) var(--size-s);border-radius:var(--radius-xs);font-family:var(--text-s-medium-family);font-weight:var(--text-s-medium-weight);font-size:var(--size-s);line-height:var(--size-m)}.export-panel-overlay{background:var(--color-black-50);-webkit-backdrop-filter:blur(var(--size-4xs));z-index:300;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.export-panel--mobile{background:var(--color-white);border-radius:var(--radius-m) var(--radius-m) 0 0;width:100%;max-width:100%;max-height:90vh;padding:var(--size-m);flex-direction:column;gap:24px;display:flex;overflow-y:auto}.export-panel__mobile-header{justify-content:space-between;align-items:flex-start;gap:var(--size-xs);width:100%;display:flex}.export-panel__mobile-title{font-family:var(--font-inter-tight);color:var(--color-black);margin:0;font-size:24px;font-weight:600;line-height:30px}.export-panel__mobile-close{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.export-panel__mobile-close-icon{background-color:var(--color-black-36);width:100%;height:100%;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.export-panel__mobile-label{font-family:var(--font-inter);font-weight:400;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black-36);margin:0}.export-panel__mobile-row{align-items:center;gap:var(--size-xs);cursor:pointer;width:100%;display:flex}.export-panel__mobile-row-text{font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m);color:var(--color-black)}.export-panel__mobile-row-text--locked{color:var(--color-black-50)}.export-panel__mobile-separator{background:var(--color-black-10);flex-shrink:0;width:100%;height:1px}.export-panel__mobile-rate-row{align-items:center;gap:var(--size-3xs);width:100%;display:flex}.export-panel__mobile-rate-symbol{color:var(--color-black-36);font-family:var(--font-inter-tight);font-size:var(--size-m)}.export-panel__mobile-rate-input{background:var(--color-light-gray);border-radius:var(--radius-xs);min-width:0;height:52px;padding:0 var(--size-s);color:var(--color-black);caret-color:var(--color-purple);font-family:var(--font-inter-tight);font-size:var(--size-m);line-height:var(--size-m);border:1px solid #0000;flex:1;transition:border-color .15s,background-color .15s}.export-panel__mobile-rate-input:focus{background:var(--color-super-light-gray);border-color:var(--color-purple);outline:none}.export-panel__mobile-hint{color:var(--color-black-36);font-family:var(--font-inter-tight);font-size:var(--size-xs);margin:0;line-height:1.4}.export-panel__mobile-language{gap:var(--size-3xs);flex-direction:column;width:100%;display:flex}.export-panel__mobile-language-toggle{align-items:center;gap:var(--size-4xs);width:100%;padding:var(--size-4xs);border-radius:var(--radius-xs);background:var(--color-light-gray);display:flex}.export-panel__mobile-language-option{padding:var(--size-xs);border-radius:var(--radius-xs);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m);color:var(--color-black-50);text-align:center;white-space:nowrap;flex:1;transition:background-color .15s,color .15s}.export-panel__mobile-language-option--selected{background:var(--color-purple);color:var(--color-white)}.export-panel__mobile-buttons{align-items:center;gap:10px;width:100%;display:flex}.export-panel__mobile-cancel,.export-panel__mobile-submit{padding:var(--size-m) 24px;border-radius:var(--radius-s);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m);text-align:center;flex:1}.export-panel__mobile-cancel{background:var(--color-light-gray);color:var(--color-black)}.export-panel__mobile-submit{background:var(--color-purple);color:var(--color-white)}.reports-filters{justify-content:space-between;align-self:stretch;align-items:flex-end;gap:var(--size-xs);flex-wrap:wrap;display:flex}.reports-filters__left{align-items:flex-end;gap:var(--size-xs);flex-wrap:wrap;display:flex}.reports-charts{align-self:stretch;gap:var(--size-xs);flex-wrap:wrap;display:flex}.reports-empty{align-self:stretch;width:100%}.invoices-table{gap:var(--size-xs);padding:var(--size-xl);flex-direction:column;align-self:stretch;width:100%;display:flex}.invoices-table__desktop{gap:var(--size-xs);flex-direction:column;width:100%;display:flex}.invoices-mobile-card,.invoices-mobile-empty{display:none}.invoices-head{align-items:center;gap:var(--size-s);color:var(--color-black-36);width:100%;display:flex}.invoices-col--created,.invoices-created{flex-shrink:0;width:80px}.invoices-col--projects,.invoices-projects{flex-shrink:0;width:110px;min-width:0}.invoices-col--period,.invoices-period{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:60px;overflow:hidden}.invoices-col--sessions,.invoices-sessions{flex-shrink:0;width:56px}.invoices-col--worktime,.invoices-worktime{flex-shrink:0;width:72px}.invoices-col--amount,.invoices-amount{text-align:right;flex-shrink:0;width:96px}.invoices-download{flex-shrink:0}.invoices-download--placeholder{visibility:hidden}.invoices-download__icon{flex-shrink:0;width:14px;height:14px}.invoices-empty{color:var(--color-black-36)}.invoices-row{align-items:center;gap:var(--size-s);width:100%;display:flex;position:relative}@media (hover:hover){.invoices-row{z-index:0}.invoices-row:before{content:"";inset:calc(var(--size-3xs) * -1) calc(var(--size-xxs) * -1);z-index:-1;border-radius:var(--radius-xs);pointer-events:none;background:0 0;transition:background-color .15s;position:absolute}.invoices-row:hover:before{background:var(--color-medium-light-gray)}}.invoices-projects__chips{align-items:center;gap:var(--size-4xs);flex-wrap:wrap;display:flex}.invoices-amount strong{font-weight:600}@media (width<=800px){.invoices-table{display:contents}.invoices-table__desktop{display:none}.invoices-mobile-empty{background:var(--color-white);border-radius:var(--radius-m);width:100%;padding:var(--size-m);display:block}.invoices-mobile-card{align-items:flex-start;gap:var(--size-xs);background:var(--color-white);border-radius:var(--radius-m);width:100%;padding:var(--size-m);flex-direction:column;display:flex}.invoices-mobile-card__head{justify-content:space-between;align-items:center;gap:var(--size-xxs);width:100%;display:flex}.invoices-mobile-card__head .invoices-projects__chips{flex:1;min-width:0}.invoices-mobile-card__period{font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);color:var(--color-black);margin:0;line-height:24px}.invoices-mobile-card__stats{align-items:flex-start;gap:var(--size-xs);width:100%;display:flex}.invoices-mobile-card__stat{background:var(--color-light-gray);border-radius:var(--radius-xs);min-width:0;padding:var(--size-xs);gap:var(--size-3xs);flex-direction:column;flex:1;display:flex}.invoices-mobile-card__stat--amount{flex:1.4}.invoices-mobile-card__stat-label{font-family:var(--font-inter);font-weight:400;font-size:var(--size-xs);line-height:var(--size-s);color:var(--color-black-36)}.invoices-mobile-card__stat-value{font-family:var(--font-inter-tight);font-weight:600;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black);overflow-wrap:anywhere;margin:0}.invoices-mobile-card__created{font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-xs);line-height:var(--size-s);color:var(--color-black-36);margin:0}}.invoices-filters{align-self:stretch;align-items:flex-end;gap:var(--size-xs);flex-wrap:wrap;display:flex}.settings-card{align-items:flex-start;gap:var(--size-xs);padding:var(--size-xl);flex-direction:column;display:flex}.settings-card__title{font-family:var(--font-inter-tight);color:var(--color-black);margin:0;font-size:24px;font-weight:600;line-height:30px}.settings-card__hint{color:var(--color-black-50);margin:0}.settings-avatar-row{align-items:center;gap:var(--size-xs);flex-wrap:wrap;display:flex}.settings-avatar{width:96px;height:96px;padding:var(--size-3xs);border-radius:var(--radius-m);background:var(--color-light-purple);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-avatar__icon{background-color:var(--color-purple);width:36px;height:36px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.settings-avatar__side{align-items:flex-start;gap:var(--size-3xs);flex-direction:column;min-width:0;display:flex}.settings-avatar__buttons{align-items:center;gap:var(--size-xs);flex-wrap:wrap;display:flex}.settings-avatar__change-icon{background-color:var(--color-white);flex-shrink:0;width:12px;height:12px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.settings-avatar__hint{color:var(--color-black-50);margin:0}.settings-pill{align-items:center;gap:var(--size-4xs);padding:var(--size-xs) var(--size-s);border-radius:var(--radius-xxs);font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-s);line-height:var(--size-m);white-space:nowrap;transition:background-color .15s;display:inline-flex}.settings-pill--primary{background:var(--color-purple);color:var(--color-white);gap:var(--size-3xs);font-weight:500}@media (hover:hover){.settings-pill--primary:hover{background:var(--color-purple-hover)}}.settings-pill--neutral{background:var(--color-light-gray);color:var(--color-black)}@media (hover:hover){.settings-pill--neutral:hover{background:var(--color-black-10)}}.settings-pill--danger{color:var(--color-error);background:#ffeff4}@media (hover:hover){.settings-pill--danger:hover{background:color-mix(in srgb, var(--color-error) 16%, #ffeff4)}}.settings-name-row{align-items:flex-start;gap:var(--size-xs);flex-wrap:wrap;width:100%;display:flex}.settings-field{gap:var(--size-4xs);flex-direction:column;flex:240px;min-width:0;display:flex}.settings-input{background:var(--color-light-gray);border-radius:var(--radius-xs);width:100%;padding:var(--size-xs);color:var(--color-black);caret-color:var(--color-purple);font-family:var(--font-inter-tight);font-size:var(--size-s);line-height:var(--size-m);border:1px solid #0000;transition:border-color .15s,background-color .15s}.settings-input:focus{background:var(--color-super-light-gray);border-color:var(--color-purple);outline:none}.settings-input--static{color:var(--color-black-36);cursor:default}.settings-field-row{align-items:flex-end;gap:var(--size-xs);flex-wrap:wrap;width:100%;display:flex}.settings-field-row .settings-field{flex:260px}.settings-field-row .settings-pill{flex-shrink:0}@media (width<=640px){.settings-field-row .settings-pill{justify-content:center;width:100%}}.tour-spotlight{z-index:44;border-radius:var(--radius-xs);box-shadow:0 0 0 9999px #1c1c1c8c, 0 0 0 3px var(--color-purple);pointer-events:none;transition:top .35s,left .35s,width .35s,height .35s;position:fixed}.tour-tooltip{z-index:45;gap:var(--size-xs);width:320px;max-width:calc(100vw - 32px);padding:var(--size-m);background:var(--color-white);border-radius:var(--radius-m);box-shadow:var(--shadow-elevated);flex-direction:column;transition:top .35s,bottom .35s,left .35s;animation:.25s ease-out both tour-tooltip-pop-in;display:flex;position:fixed}@keyframes tour-tooltip-pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.tour-spotlight,.tour-tooltip{transition:none;animation:none}}.tour-tooltip__close{top:var(--size-xs);right:var(--size-xs);justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex;position:absolute}.tour-tooltip__close-icon{background-color:var(--color-black-36);width:100%;height:100%;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (hover:hover){.tour-tooltip__close:hover .tour-tooltip__close-icon{background-color:var(--color-black-50)}}.tour-tooltip__title{padding-right:var(--size-m);font-family:var(--font-inter-tight);font-weight:500;font-size:var(--size-m);line-height:var(--size-m);color:var(--color-black);margin:0}.tour-tooltip__body{font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-s);line-height:var(--size-m);color:var(--color-black-70);margin:0}.tour-tooltip__footer{justify-content:space-between;align-items:center;gap:var(--size-xs);display:flex}.tour-tooltip__progress{font-family:var(--font-inter-tight);font-weight:400;font-size:var(--size-xs);color:var(--color-black-36)}.tour-tooltip__next{padding:var(--size-4xs) var(--size-s);border-radius:var(--radius-xl);background:var(--color-purple);color:var(--color-white);font-family:var(--text-s-medium-family);font-weight:var(--text-s-medium-weight);font-size:var(--size-s);line-height:var(--size-m);flex-shrink:0;transition:background-color .15s}@media (hover:hover){.tour-tooltip__next:hover{background:var(--color-purple-hover)}}:root{--color-black:#1c1c1c;--color-black-70:#1c1c1cb3;--color-black-50:#1c1c1c80;--color-black-36:#1c1c1c5c;--color-black-20:#1c1c1c33;--color-black-10:#1c1c1c1a;--color-white:#fff;--color-super-light-gray:#fbfbfb;--color-medium-light-gray:#f9f9f9;--color-purple:#6e45ff;--color-purple-hover:#825fff;--color-light-purple:#dfd5ff;--color-super-light-purple:#ede7ff;--color-super-duper-light-purple:#f4f0ff;--color-light-gray:#f4f4f4;--color-error:#f41a5c;--project-blue:#3b82f6;--project-orange:#f97316;--project-teal:#14b8a6;--project-red:#ef4444;--project-sky:#0ea5e9;--project-amber:#f59e0b;--project-fuchsia:#c026d3;--project-green:#16a34a;--project-pink:#ec4899;--project-brown:#a16207;--project-blue-chip:color-mix(in srgb, var(--project-blue) 12.5%, white);--project-orange-chip:color-mix(in srgb, var(--project-orange) 12.5%, white);--project-teal-chip:color-mix(in srgb, var(--project-teal) 12.5%, white);--project-red-chip:color-mix(in srgb, var(--project-red) 12.5%, white);--project-sky-chip:color-mix(in srgb, var(--project-sky) 12.5%, white);--project-amber-chip:color-mix(in srgb, var(--project-amber) 12.5%, white);--project-fuchsia-chip:color-mix(in srgb, var(--project-fuchsia) 12.5%, white);--project-green-chip:color-mix(in srgb, var(--project-green) 12.5%, white);--project-pink-chip:color-mix(in srgb, var(--project-pink) 12.5%, white);--project-brown-chip:color-mix(in srgb, var(--project-brown) 12.5%, white);--shadow-elevated:0 12px 86px #1c1c1c1a;--shadow-menu:0 12px 32px #1c1c1c24;--size-zero:0px;--size-5xs:2px;--size-4xs:4px;--size-3xs:8px;--size-xxs:10px;--size-xs:12px;--size-s:14px;--size-m:18px;--size-large:10px;--size-xl:36px;--size-2xl:44px;--size-3xlk:86px;--size-4xl:96px;--size-5xl:120px;--size-6xl:180px;--radius-4xs:var(--size-4xs);--radius-3xs:var(--size-3xs);--radius-xxs:var(--size-xxs);--radius-xs:var(--size-xs);--radius-s:var(--size-s);--radius-m:var(--size-m);--radius-xl:var(--size-xl);--radius-pill:999px;--font-inter:"Inter", sans-serif;--font-inter-tight:"Inter Tight", sans-serif;--text-s-regular-family:var(--font-inter-tight);--text-s-regular-weight:400;--text-s-regular-size:var(--size-s);--text-s-regular-line:var(--size-m);--text-s-medium-family:var(--font-inter-tight);--text-s-medium-weight:500;--text-s-medium-size:var(--size-s);--text-s-medium-line:var(--size-m);--text-s-bold-family:var(--font-inter-tight);--text-s-bold-weight:600;--text-s-bold-size:var(--size-s);--text-s-bold-line:var(--size-m);--text-input-name-family:var(--font-inter);--text-input-name-weight:400;--text-input-name-size:var(--size-xs);--text-input-name-line:var(--size-s);--text-timer-family:var(--font-inter-tight);--text-timer-weight:300;--text-timer-size:var(--size-4xl);--text-timer-line:var(--size-4xl)}.text-s-regular{font-family:var(--text-s-regular-family);font-weight:var(--text-s-regular-weight);font-size:var(--text-s-regular-size);line-height:var(--text-s-regular-line)}.text-s-medium{font-family:var(--text-s-medium-family);font-weight:var(--text-s-medium-weight);font-size:var(--text-s-medium-size);line-height:var(--text-s-medium-line)}.text-s-bold{font-family:var(--text-s-bold-family);font-weight:var(--text-s-bold-weight);font-size:var(--text-s-bold-size);line-height:var(--text-s-bold-line)}.text-input-name{font-family:var(--text-input-name-family);font-weight:var(--text-input-name-weight);font-size:var(--text-input-name-size);line-height:var(--text-input-name-line)}.text-timer{font-family:var(--text-timer-family);font-weight:var(--text-timer-weight);font-size:var(--text-timer-size);line-height:var(--text-timer-line)}.icon-mask{background-color:var(--color-purple);flex-shrink:0;width:14px;height:14px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--color-light-gray);color:var(--color-black);font-family:var(--font-inter-tight);-webkit-user-select:none;user-select:none;min-height:100vh}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}button{font:inherit;cursor:pointer;background:0 0;border:none}img,svg{display:block}input,textarea{caret-color:var(--color-purple)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{flex-direction:column;align-items:center;gap:24px;padding:0 80px 80px;display:flex}@media (width<=1023px){.page{padding:0 var(--size-m) var(--size-m)}}@media (width<=640px){.page{gap:var(--size-xs);padding-bottom:calc(58px + var(--size-s) * 2)}}