:root{--ui-bg: white;--tempo-blue-900: hsla(228, 33%, 5%, 1);--tempo-blue-700: hsla(228, 33%, 17%, 1);--tempo-blue: hsla(228, 33%, 32%, 1);--tempo-blue-300: hsla(228, 33%, 90%, 1);--tempo-blue-100: hsla(228, 33%, 95%, 1);--tempo-pink-900: hsla(354, 68%, 25%, 1);--tempo-pink-700: hsla(354, 69%, 50%, 1);--tempo-pink: hsl(354, 69%, 60%);--tempo-pink-300: hsla(354, 69%, 85%, 1);--tempo-pink-100: hsla(354, 69%, 95%, 1);--tempo-grey-900: hsla(0, 0%, 7%, 1);--tempo-grey-700: hsla(0, 0%, 25%, 1);--tempo-grey: hsla(0, 0%, 45%, 1);--tempo-grey-300: hsla(0, 0%, 85%, 1);--tempo-grey-100: hsla(0, 0%, 95%, 1);--status-success-900: hsla(120, 100%, 20%, 1);--status-success: hsla(120, 100%, 40%, 1);--status-success-100: hsla(120, 100%, 95%, 1);--status-issue-900: hsla(50, 100%, 25%, 1);--status-issue: hsla(50, 100%, 50%, 1);--status-issue-100: hsla(50, 100%, 95%, 1);--status-error-900: hsla(0, 100%, 25%, 1);--status-error: hsla(0, 100%, 40%, 1);--status-error-100: hsla(0, 100%, 95%, 1);--status-info-900: var(--tempo-blue-900);--status-info: var(--tempo-blue);--status-info-100: var(--tempo-blue-100);--disabled-color: var(--tempo-grey-300);--spacer-xs: .5rem;--spacer-sm: 1rem;--spacer-md: 1.5rem;--spacer-lg: 2rem;--border-divider: 1px solid var(--tempo-blue-300);--radius-sm: 3px;--radius-md: 5px;--radius-lg: 10px;--breadcrumb-bar-height: 3.125rem;--sidebar-width-min: 3.125rem;--sidebar-width-max: 20rem;--shadow-xs: 0px 2px 2px 0px rgba(0, 0, 0, .15);--shadow-xs-hover: 0 2px 2px 0px rgba(0, 0, 0, .35);--shadow-sm: 0px 4px 4px 0px rgba(0, 0, 0, .25);--font-weight-regular: 400;--font-weight-semibold: 500;--font-weight-bold: 600;--font-weight-black: 900;--font-size-sm: 1rem;--font-size-md: 2rem;--line-height-reset: 1;--letter-spacing-global: -.025em;--btn-lg-text: 1rem;--btn-weight: var(--font-weight-semibold);--btn-lg-height: 3rem;--msg-icon: 1.25rem}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0;padding:0}h1,h2,h3,h4,h5,strong{font-weight:var(--font-weight-bold)}ul,ol{margin:0;padding:0;list-style:none}body{min-height:100vh}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}button{padding:0;border:none;background:none;cursor:pointer}button:disabled{cursor:not-allowed}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}body{font-family:Inter,sans-serif;font-size:.85rem;font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-global);color:var(--tempo-blue);background:var(--ui-bg)}.text-size-md{font-size:var(--font-size-md)}.tempo{position:relative;z-index:1}.tempo-view{position:relative;width:100%}.full{width:100vw;height:100vh}.block{display:grid;gap:var(--spacer-md);padding:var(--spacer-md)}.block+.block{border-top:var(--border-divider)}.grid{display:grid;gap:var(--spacer-md);max-width:100%}.grid--start{justify-items:start}@media screen and (min-width: 768px){.grid--4{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1280px){.grid--4{grid-template-columns:repeat(4,1fr)}}.global-header{display:flex;justify-content:space-between;align-items:center;width:100%;height:3.125rem;padding:0 0 0 .625rem;background-color:var(--tempo-blue)}.tempo-icon{display:grid;place-items:center;width:1.875rem;height:1.875rem;background-color:var(--tempo-blue-700);border-radius:var(--radius-sm);line-height:1.875rem;font-weight:var(--font-weight-bold);font-size:1rem;color:#fff}.app-modal-btn{display:flex;align-items:center;gap:var(--spacer-xs);padding:0 var(--spacer-xs)}.app-modal-btn.is-active{background-color:var(--tempo-blue-300)}.app-modal-btn__logo{height:3rem;fill:var(--tempo-pink)}.app-modal-btn__icon{width:1.5rem;height:1.5rem;stroke:var(--tempo-blue)}.app-modal{position:absolute;top:3.125rem;left:0;z-index:2;width:min(30rem,100%);padding:var(--spacer-md) var(--spacer-sm);border-radius:0 0 var(--radius-lg) var(--radius-lg);background-color:#fff;box-shadow:var(--shadow-sm)}@media (min-width: 1280px){.app-modal{top:calc(3.125rem + var(--spacer-xs));left:var(--spacer-xs);border-radius:var(--radius-lg)}}.app-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,5rem),1fr));gap:var(--spacer-md) var(--spacer-xs)}.app-list__link{display:grid;gap:var(--spacer-sm);justify-items:center;font-weight:var(--font-weight-semibold);text-align:center;color:var(--tempo-blue);text-decoration:none}.app-list__link:hover{color:var(--tempo-blue-900)}.app-list__link:hover .app-list__link__icon{box-shadow:var(--shadow-xs-hover)}.app-list__link__icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-xs)}.user-btn{display:grid;place-items:center;width:3.125rem;height:3.125rem}.user-btn.is-active{background-color:var(--tempo-blue-300)}.user-btn__avatar{display:grid;place-items:center;width:1.875rem;height:1.875rem;border-radius:100%;font-weight:var(--font-weight-bold);text-align:center;color:var(--tempo-blue-900);line-height:1.875rem;background-color:var(--tempo-pink)}.user-nav{position:absolute;top:3.125rem;right:0;z-index:2;display:grid;gap:var(--spacer-sm);width:min(20rem,100%);padding:var(--spacer-md) var(--spacer-sm);border-radius:0 0 var(--radius-lg) var(--radius-lg);background-color:#fff;box-shadow:var(--shadow-sm)}@media (min-width: 1280px){.user-nav{top:calc(3.125rem + var(--spacer-xs));right:var(--spacer-xs);border-radius:var(--radius-lg)}}.user-nav__info{display:grid;gap:var(--spacer-xs);padding:0 0 var(--spacer-sm);border-bottom:var(--border-divider)}.user-nav__user-name{font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--tempo-blue-900)}.icon-nav__link{display:flex;align-items:center;gap:.625rem;width:100%;height:2.5rem;padding:0 .625rem;border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);color:var(--tempo-blue);text-transform:none;text-decoration:none;text-align:left}.icon-nav__link:hover{background-color:var(--tempo-blue-100);color:var(--tempo-blue-900)}.icon-nav__link svg{width:1.25rem;height:1.25rem;flex-shrink:0;stroke:currentColor}.tempo-login-view{background:linear-gradient(135deg,#2781ef,#7ab07c);background-size:100% 4rem;background-position:bottom center;background-repeat:no-repeat;height:100%}@media (min-width: 1280px){.tempo-login-view{display:grid;grid-template-columns:2fr 1fr;justify-items:center;background-size:33.333% 100%;background-position:top right}}.tempo-login-container{position:relative;display:grid;place-items:center;width:100%;height:100%;padding:0 0 8rem}@media (min-width: 1280px){.tempo-login-container{padding:0}}.tempo-login-container .text-icon-btn{position:absolute;bottom:6rem;left:50%;transform:translate(-50%);z-index:1}.tempo-login-form{position:relative;display:grid;gap:var(--spacer-md);width:min(90%,25rem)}.tempo-login-form .title{text-align:center}.tempo-login-form .msg{position:absolute;top:calc(100% + var(--spacer-md));left:0;z-index:1}.tempo-login-form .msg__icon{height:auto}.tempo-login-logo{display:none;width:100%}@media (min-width: 1280px){.tempo-login-logo{display:grid;place-items:center}}@media (min-width: 1280px){.tempo-login-logo svg{width:min(20rem,50%);height:auto;fill:#fff}}