@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/angular-projects/join/Assets/fonts/Inter-Variable-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/angular-projects/join/Assets/fonts/Inter-Variable-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/angular-projects/join/Assets/fonts/Inter-Variable-Italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/angular-projects/join/Assets/fonts/Inter-Variable-Italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--color-background: #f6f7f8;--color-text-primary: #000000;--color-text-secondary: #2a3647;--color-primary: #2a3647;--color-button-hover: #124658;--color-button-active: #091931;--color-error: #e60026;--font-family: "Inter", sans-serif;--color-divider: #29abe2;--color-white: #ffffff;--color-black: #000000;--color-border-light: #d1d1d1;--color-icon-muted: #a8a8a8;--color-surface-hover: #f0f4f8;--color-priority-urgent: #ff3d00;--color-priority-medium: #ffa800;--color-priority-low: #7ae229;--error-font-family: var(--font-family);--error-font-size: 16px;--error-font-weight: 400;--error-line-height: 20px;--padding-left: 64px;--padding-right: 64px;--padding-top: 40px;--padding-bottom: 32px}@media(max-width:870px){:root{--error-font-size: 14px}}@media(max-width:800px){:root{--error-font-size: 12px}}@media(max-width:812px){:root{--padding-left: 32px;--padding-right: 32px;--padding-top: 48px;--padding-bottom: 48px}}@media(max-width:480px){:root{--padding-left: 16px;--padding-right: 16px;--padding-top: 24px;--padding-bottom: 24px}}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:var(--font-family)}.grid-container{display:grid;grid-template-columns:240px 1fr;grid-template-rows:96px 1fr;width:100%;height:100dvh}app-navbar{grid-column:1;grid-row:1/-1;width:100%}app-header{grid-column:2;grid-row:1;height:100%}.main-content{grid-column:2;grid-row:2;width:100%;height:100%;overflow-y:auto;background-color:var(--color-background)}@media(max-width:1250px){.grid-container{grid-template-columns:1fr;grid-template-rows:80px 1fr 80px}app-navbar{grid-column:1;grid-row:3;width:100%;height:100%}app-header{grid-column:1;grid-row:1;width:100%;height:100%}.main-content{grid-column:1;grid-row:2;width:100%;height:100%;overflow-y:auto}}