:root{--text-green: #98ff98;--button-blue: #3498db;--background-grey: #222222;--task-background: #ffae42;--button-danger: #d9534f;--task-font: #4a2800;--white: #fffff0;--white-disabled: #cccccc;--grey-icon: #3f3f3f;--grey-disabled: #555555;--mobile-hero: 48px;--mobile-text: 16px;--mobile-title: 40px;--tablet-hero: 64px;--tablet-text: 18px;--tablet-title: 56px;--desktop-hero: 80px;--desktop-text: 20px;--desktop-title: 72px}*:not(input):not(textarea):not([contenteditable=true]){caret-color:transparent;-webkit-user-select:none;user-select:none}body{font-family:Montserrat,sans-serif;background-color:var(--background-grey);color:var(--white);font-size:var(--mobile-text)}a{text-decoration:none;color:inherit}.svg{background-color:var(--grey-icon);padding:12px;width:24px;height:24px;border-radius:50%;position:absolute;top:24px;left:24px}input{background-color:var(--grey-icon);padding:12px;width:calc(100% - 24px);border-radius:8px;border:none;color:var(--white);caret-color:auto}textarea{background-color:var(--grey-icon);padding:12px;color:var(--white);width:calc(100% - 24px);border-radius:8px;border:none;caret-color:auto}button{all:unset;border:none;cursor:pointer}button:disabled{background-color:var(--white-disabled);color:var(--grey-disabled);cursor:not-allowed}.btn{background-color:var(--white);color:var(--background-grey);width:calc(100% - 48px);text-align:center;padding:14px;font-size:18px;font-weight:700;border-radius:24px}body{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:calc(100vw - 48px);padding:24px;margin:0}html,body{max-width:100%;overflow-x:hidden}#app{width:100%}@media (min-width: 768px) and (max-width: 1024px){body{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(100vw - 80px);padding:40px}}@media (min-width: 1025px){body{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:calc(100vw - 80px);padding:40px;margin:0}}.invitation-item[data-v-1dfdabb4]{display:flex;flex-direction:column;gap:0;border-radius:10px;background-color:var(--background-grey);box-shadow:none;transition:transform .2s ease,box-shadow .2s ease;width:100%}.invitation-details[data-v-1dfdabb4]{flex:1}.projectName[data-v-1dfdabb4],.userName[data-v-1dfdabb4]{margin:0;padding:0}.top-row[data-v-1dfdabb4]{display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;padding:5px;border-radius:10px 10px 0 0;transition:transform .2s ease,box-shadow .2s ease}.bottom-row[data-v-1dfdabb4]{display:flex;flex-direction:column;gap:10px;background-color:#2c3e50;color:#fff;padding:10px;overflow:hidden}.invitation-actions[data-v-1dfdabb4]{display:flex;gap:10px}.accept-button[data-v-1dfdabb4]{background-color:#4caf50;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer}.accept-button[data-v-1dfdabb4]:hover{background-color:#45a049}.decline-button[data-v-1dfdabb4]{background-color:#f44336;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer}.decline-button[data-v-1dfdabb4]:hover{background-color:#e53935}.notification-item[data-v-16297a02]{display:flex;flex-direction:column;gap:0;border-radius:10px;background-color:var(--white);box-shadow:none;transition:transform .2s ease,box-shadow .2s ease;width:calc(100% - 20px);padding:10px;text-decoration:none;color:var(--background-grey)}.notification-item.unseen[data-v-16297a02]{background-color:var(--task-background)}.notification-item[data-v-16297a02]:hover{filter:grayscale(.5)}.notification-details[data-v-16297a02]{display:flex;align-items:flex-start;gap:10px}.icon[data-v-16297a02]{align-self:center;font-size:20px}.text-content[data-v-16297a02]{display:flex;flex-direction:column;gap:16px}.message[data-v-16297a02],.project[data-v-16297a02]{margin:0;padding:0}.notification-badge[data-v-8874ee49]{position:absolute;top:8px;right:18px;min-width:18px;height:18px;background:#e53935;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:2;padding:0 5px;box-shadow:0 0 2px #222}ul[data-v-8874ee49]{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:2vw;padding:0;margin:0;max-height:80vh;overflow:scroll}.active[data-v-8874ee49]{background-color:var(--grey-icon)}.bottom-nav[data-v-8874ee49]{z-index:1000;position:fixed;bottom:0;left:0;width:100%;background:#222;display:flex;justify-content:space-around;border-top:1px solid #444}.nav-item[data-v-8874ee49]{width:50%;text-decoration:none;color:#fff;display:flex;flex-direction:column;align-items:center;font-size:12px;padding:20px;transition:opacity .2s ease-in-out}.nav-container[data-v-8874ee49]{width:100%}.nav-item[data-v-8874ee49]:hover{opacity:.7}.icon[data-v-8874ee49]{font-size:20px}.label[data-v-8874ee49]{margin-top:4px}.notifications-panel[data-v-8874ee49],.invitations-panel[data-v-8874ee49]{position:fixed;bottom:100px;right:10px;width:300px;color:#fff;background-color:#444;border-radius:8px;box-shadow:0 2px 6px #0003;padding:10px;z-index:1001}.notifications-panel[data-v-8874ee49]{width:calc(100vw - 68px)}.nav-item.notifications[data-v-8874ee49]:hover,.nav-item.invitations[data-v-8874ee49]:hover{background-color:var(--grey-icon)}.nav-item.notifications.active[data-v-8874ee49],.nav-item.invitations.active[data-v-8874ee49]{background-color:var(--text-green);color:#fff}@media (min-width: 1024px){.bottom-nav[data-v-8874ee49]{position:fixed;top:0;justify-content:flex-end;left:0;width:150px;height:100%;transform:translate(-85px);flex-direction:column-reverse;border-right:1px solid #444;border-top:none;transition:transform ease-in-out .2s}.bottom-nav[data-v-8874ee49]:hover{transform:translate(0)}.nav-item[data-v-8874ee49]{width:120px;padding:15px;justify-content:flex-start;gap:1vw;flex-direction:row-reverse}.icon[data-v-8874ee49]{margin-right:10px}.notifications-panel[data-v-8874ee49],.invitations-panel[data-v-8874ee49]{bottom:auto;top:10px;left:160px;width:360px}.notifications-panel>ul[data-v-8874ee49],.invitations-panel>ul[data-v-8874ee49]{gap:10px}}.logout[data-v-4ee5e45c]{background-color:var(--grey-icon);padding:12px;width:24px;height:24px}button[data-v-4ee5e45c]{border-radius:50%;overflow:hidden;height:48px;width:48px;display:flex;align-items:center;justify-content:center;position:fixed;top:24px;right:24px}.navigation[data-v-7f4164cf]{display:flex;justify-content:space-around;width:100%;background-color:var(--background-grey);border-radius:8px;margin-top:16vw}.nav-item[data-v-7f4164cf]{color:var(--white);text-decoration:none;font-size:var(--mobile-text);text-align:center;padding:10px 16px;border-radius:6px;transition:background .3s ease;width:50%}.nav-item[data-v-7f4164cf]:hover{background-color:var(--button-blue)}.active[data-v-7f4164cf]{background-color:var(--text-green);color:var(--background-grey)}@media (min-width: 1024px){.navigation[data-v-7f4164cf]{justify-content:space-between;width:200px;gap:2vw;margin:20px auto}.nav-item[data-v-7f4164cf]{font-size:var(--desktop-text);width:auto;padding:12px 20px}}.calendarIcon[data-v-5f87e737]{background-color:var(--grey-icon);padding:12px;width:24px;height:24px}.invisible[data-v-5f87e737],.invisible[data-v-5f87e737] *{display:none}.button[data-v-5f87e737]{border-radius:50%;overflow:hidden;height:48px;width:48px;display:flex;align-items:center;justify-content:center;position:fixed;bottom:calc(84px + 3vw);right:24px}@media (min-width: 768px){.button[data-v-5f87e737]{top:80px;left:24px;bottom:auto;right:auto}}@media (min-width: 1025px){.container[data-v-5f87e737]{padding-left:90px}.button[data-v-5f87e737]{top:24px;left:224px;bottom:auto;right:auto}.RouterView .formContainer[data-v-5f87e737]{padding:0}}