.fa-solid,.fa-regular,.fa-light,.fa-brands{font-size: 1em;line-height: 1;display: inline-flex;align-items: center;justify-content: center;width: 1.1em;height: 1.1em}vaadin-side-nav-item .fa-solid,vaadin-side-nav-item .fa-regular,vaadin-side-nav-item .fa-light{width: 18px;height: 18px;color: currentColor;font-size: 16px}.inbox-view,.project-view,.projects-grid-view,.board-view{display: flex;flex-direction: column;width: 100%;height: 100%;overflow: hidden}.trello-card-list{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-m) var(--vaadin-padding-l) var(--vaadin-padding-l);overflow-y: auto}.inbox-capture{display: flex;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-s) var(--vaadin-padding-l);align-items: flex-end}.inbox-capture-field{flex: 1}.inbox-row{display: flex;align-items: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);background: var(--aura-surface-color);cursor: pointer;transition: border-color 0.12s ease,background 0.12s ease}.inbox-row:hover{border-color: var(--vaadin-border-color)}.inbox-row-icon{width: 18px;height: 18px;color: var(--vaadin-text-color-secondary);flex: none}.inbox-row-text{display: flex;flex-direction: column;flex: 1;min-width: 0}.inbox-row-title{font-weight: 600;color: var(--vaadin-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.inbox-row-snippet{font-size: var(--vaadin-font-size-xs);color: var(--vaadin-text-color-secondary);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.inbox-row-chevron{width: 16px;height: 16px;color: var(--vaadin-text-color-secondary);flex: none}.inbox-empty{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-l);text-align: center;color: var(--vaadin-text-color-secondary)}.inbox-sections{display: flex;flex-direction: column;gap: var(--vaadin-gap-l);padding: var(--vaadin-padding-m) var(--vaadin-padding-l) var(--vaadin-padding-l);overflow-y: auto}.inbox-section{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-s);border: 1px solid transparent;border-radius: var(--vaadin-radius-l);transition: border-color 0.12s ease,background 0.12s ease}.inbox-section.drop-target-active{border-color: var(--vaadin-color-accent,var(--vaadin-focus-ring-color));background: color-mix(in srgb,var(--vaadin-color-accent,var(--vaadin-focus-ring-color)) 8%,transparent)}.inbox-section-header{display: flex;align-items: center;gap: var(--vaadin-gap-s)}.inbox-section-header-link{cursor: pointer;border-radius: var(--vaadin-radius-m);padding: var(--vaadin-padding-xs) var(--vaadin-padding-s);margin: calc(-1 * var(--vaadin-padding-xs)) calc(-1 * var(--vaadin-padding-s));transition: background 0.12s ease}.inbox-section-header-link:hover,.inbox-section-header-link:focus-visible{background: color-mix(in srgb,currentColor 6%,transparent);outline: none}.inbox-section-title{margin: 0;font-size: var(--vaadin-font-size-l);font-weight: 700;color: var(--vaadin-text-color)}.inbox-section-icon{color: var(--vaadin-text-color-secondary);display: flex;align-items: center}.inbox-section-count{color: var(--vaadin-text-color-secondary);background: var(--vaadin-background-container);padding: 1px 8px;border-radius: var(--vaadin-radius-s);font-size: var(--vaadin-font-size-xs)}.inbox-section-rows{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs)}.inbox-section-empty{color: var(--vaadin-text-color-secondary);font-style: italic;font-size: var(--vaadin-font-size-s);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border: 1px dashed var(--vaadin-border-color);border-radius: var(--vaadin-radius-m)}.inbox-row.dragging{opacity: 0.45}.inbox-empty-icon{width: 48px;height: 48px;opacity: 0.55}.inbox-empty-title{font-size: var(--vaadin-font-size-l);color: var(--vaadin-text-color);font-weight: 600}.inbox-empty-body{max-width: 32rem;line-height: 1.45}.projects-grid-view>.inbox-empty{flex: none;padding-block-start: var(--vaadin-padding-l)}.projects-grid{display: grid;gap: var(--vaadin-gap-m);grid-template-columns: repeat(auto-fill,minmax(240px,1fr));padding: var(--vaadin-padding-m) var(--vaadin-padding-l) var(--vaadin-padding-l);overflow-y: auto}.project-tile{--project-color: var(--vaadin-color-accent,var(--vaadin-focus-ring-color));display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-m);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);background: var(--aura-surface-color);cursor: pointer;transition: border-color 0.12s ease,background 0.12s ease;position: relative;overflow: hidden}.project-tile:hover{border-color: var(--vaadin-border-color)}.project-tile-color{height: 6px;width: 100%;background: var(--project-color);border-radius: var(--vaadin-radius-s);margin-bottom: var(--vaadin-gap-xs)}.project-tile-name{margin: 0;font-size: var(--vaadin-font-size-l);font-weight: 700;color: var(--vaadin-text-color)}.project-tile-description{color: var(--vaadin-text-color-secondary);font-size: var(--vaadin-font-size-s);line-height: 1.4;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical}.project-color-dot{width: 12px;height: 12px;border-radius: 50%;background: var(--vaadin-color-accent,var(--vaadin-focus-ring-color));flex: none}.project-nav-item{display: flex;align-items: center;gap: var(--vaadin-gap-xs);padding: 6px 10px;margin: 1px 0;border-radius: var(--vaadin-radius-m);cursor: pointer;color: var(--vaadin-text-color);font-size: var(--vaadin-font-size-s);transition: background 0.12s ease,color 0.12s ease}.project-nav-item:hover{background: var(--vaadin-background-container)}.project-nav-item.active{background: color-mix(in srgb,var(--vaadin-color-accent,var(--vaadin-focus-ring-color)) 22%,var(--vaadin-background-container));color: var(--vaadin-text-color)}.project-nav-name{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.project-nav-item.dragging{opacity: 0.45}.project-prefix{display: inline-flex;align-items: center;gap: 4px}.project-grip{display: inline-flex;align-items: center;justify-content: center;width: 14px;height: 14px;color: color-mix(in srgb,var(--vaadin-text-color-secondary) 60%,transparent);cursor: grab}.project-grip:active{cursor: grabbing}.project-nav-item:hover .project-grip{color: var(--vaadin-text-color-secondary)}.project-nav-item.drop-project-over{box-shadow: inset 3px 0 0 0 var(--vaadin-color-accent,var(--vaadin-focus-ring-color));background: color-mix(in srgb,var(--vaadin-color-accent,var(--vaadin-focus-ring-color)) 14%,transparent)}.project-edit-section-label{font-size: var(--vaadin-font-size-xs);text-transform: uppercase;letter-spacing: 0.05em;font-weight: 600;color: var(--vaadin-text-color-secondary);margin-top: var(--vaadin-gap-xs)}.project-edit-swatches{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-xs)}.project-edit-swatch{width: 28px;height: 28px;border-radius: 50%;cursor: pointer;border: 2px solid transparent;transition: border-color 0.12s ease,box-shadow 0.12s ease}.project-edit-swatch:hover,.project-edit-swatch:focus-visible{border-color: var(--vaadin-text-color);box-shadow: 0 0 0 2px var(--vaadin-background-container)}.project-header{--project-color: var(--vaadin-color-accent,var(--vaadin-focus-ring-color));display: grid;grid-template-columns: auto 1fr;align-items: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-s) var(--vaadin-padding-l)}.project-header-color{width: 6px;height: 28px;background: var(--project-color);border-radius: var(--vaadin-radius-s)}.project-header-description{color: var(--vaadin-text-color-secondary);line-height: 1.4}.project-inbox-button{flex: none}.project-other-boards{display: flex;flex-wrap: wrap;align-items: center;gap: var(--vaadin-gap-xs);padding: var(--vaadin-padding-s) var(--vaadin-padding-l) 0;margin-bottom: var(--vaadin-gap-xs)}.project-other-boards-label{color: var(--vaadin-text-color-secondary);font-size: var(--vaadin-font-size-xs);text-transform: uppercase;letter-spacing: 0.05em;font-weight: 600;margin-right: var(--vaadin-gap-xs)}.project-board-chip{padding: 2px 10px;border-radius: var(--vaadin-radius-s);border: 1px solid var(--vaadin-border-color-secondary);color: var(--vaadin-text-color);cursor: pointer;font-size: var(--vaadin-font-size-xs);background: var(--vaadin-background-container);transition: border-color 0.12s ease,background 0.12s ease}.project-board-chip:hover,.project-board-chip:focus-visible{border-color: var(--vaadin-color-accent,var(--vaadin-focus-ring-color))}.project-board-chip.active{background: color-mix(in srgb,var(--vaadin-color-accent,var(--vaadin-focus-ring-color)) 22%,var(--vaadin-background-container));border-color: var(--vaadin-color-accent,var(--vaadin-focus-ring-color));cursor: default}.project-board-chip.add{background: transparent;border-style: dashed;color: var(--vaadin-text-color-secondary)}.project-board-chip.add:hover,.project-board-chip.add:focus-visible{color: var(--vaadin-text-color);border-color: var(--vaadin-color-accent,var(--vaadin-focus-ring-color))}.kanban-panel{display: flex;flex-direction: column;flex: 1;min-height: 0}.kanban-panel .kanban-columns{flex: 1}.kanban-back-row{padding: 0 var(--vaadin-padding-l)}.project-boards-section{display: flex;flex-direction: column;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-m) var(--vaadin-padding-l);overflow-y: auto}.project-boards-header{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-gap-s)}.project-boards-title{margin: 0;font-size: var(--vaadin-font-size-l);font-weight: 700}.project-boards-grid{display: grid;gap: var(--vaadin-gap-s);grid-template-columns: repeat(auto-fill,minmax(220px,1fr))}.board-tile{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs);padding: var(--vaadin-padding-m);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);background: var(--aura-surface-color);cursor: pointer;transition: border-color 0.12s ease}.board-tile:hover{border-color: var(--vaadin-border-color)}.board-tile-icon{width: 22px;height: 22px;color: var(--vaadin-color-accent,var(--vaadin-focus-ring-color))}.board-tile-name{font-weight: 600;color: var(--vaadin-text-color)}.board-tile-project{font-size: var(--vaadin-font-size-xs);color: var(--vaadin-text-color-secondary)}.kanban-toolbar{display: flex;align-items: center;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-s) var(--vaadin-padding-l)}.kanban-columns{flex: 1;display: flex;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-s) var(--vaadin-padding-l) var(--vaadin-padding-l);overflow-x: auto;overflow-y: hidden;align-items: flex-start}.kanban-column{display: flex;flex-direction: column;width: 18rem;min-width: 18rem;max-height: 100%;background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);overflow: hidden}.kanban-content{flex: 1;display: flex;overflow: hidden;min-height: 0;padding: 0;gap: 0}.kanban-content>.kanban-columns{flex: 1;overflow-x: auto;overflow-y: hidden}.kanban-inbox-wrapper{flex: none;width: 18rem;background: color-mix(in srgb,var(--aura-surface-color) 70%,transparent);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-s);display: flex;flex-direction: column;overflow: hidden;box-shadow: var(--aura-shadow-s,0 1px 4px -1px rgb(0 0 0 / 0.2));transition: width 0.22s ease,opacity 0.22s ease,padding 0.22s ease,margin 0.22s ease,border-color 0.22s ease,box-shadow 0.22s ease}.board-view[data-inbox-hidden] .kanban-inbox-wrapper{width: 0;padding-left: 0;padding-right: 0;margin-right: calc(-1 * var(--vaadin-gap-m));opacity: 0;border-color: transparent;box-shadow: none}.kanban-inbox-wrapper .kanban-inbox-column{background: transparent;border: none;width: 17rem;min-width: 17rem;flex: none;transition: transform 0.22s ease}.board-view[data-inbox-hidden] .kanban-inbox-wrapper .kanban-inbox-column{transform: translateX(-100%)}.kanban-inbox-header{color: var(--vaadin-text-color)}.kanban-inbox-icon{color: var(--vaadin-text-color-secondary);margin-right: 4px;flex: none}.kanban-inbox-hint{color: var(--vaadin-text-color-secondary);font-style: italic;font-size: var(--vaadin-font-size-xs);text-align: center;padding: var(--vaadin-padding-m)}.kanban-archive-wrapper{flex: none;width: 18rem;background: color-mix(in srgb,var(--aura-surface-color) 70%,transparent);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-padding-s);display: flex;flex-direction: column;overflow: hidden;box-shadow: var(--aura-shadow-s,0 1px 4px -1px rgb(0 0 0 / 0.2));transition: width 0.22s ease,opacity 0.22s ease,padding 0.22s ease,margin 0.22s ease,border-color 0.22s ease,box-shadow 0.22s ease;margin-left: var(--vaadin-gap-m)}.board-view:not([data-archive-shown]) .kanban-archive-wrapper{width: 0;padding-left: 0;padding-right: 0;margin-left: calc(-1 * var(--vaadin-gap-m));opacity: 0;border-color: transparent;box-shadow: none}.kanban-archive-wrapper .kanban-archive-column{background: transparent;border: none;width: 17rem;min-width: 17rem;flex: none;transition: transform 0.22s ease}.board-view:not([data-archive-shown]) .kanban-archive-wrapper .kanban-archive-column{transform: translateX(100%)}.kanban-archive-header{color: var(--vaadin-text-color)}.kanban-archive-icon{color: var(--vaadin-text-color-secondary);margin-right: 4px;flex: none}.kanban-archived-card{opacity: 0.7}.due-chip{display: inline-flex;align-items: center;gap: 4px;padding: 1px 6px;border-radius: var(--vaadin-radius-s);font-size: var(--vaadin-font-size-xs);font-weight: 600;background: color-mix(in srgb,currentColor 10%,transparent);color: var(--vaadin-text-color-secondary);white-space: nowrap}.due-chip[data-due="overdue"]{background: color-mix(in srgb,var(--vaadin-color-error,#ef4444) 18%,transparent);color: var(--vaadin-color-error,#ef4444)}.due-chip[data-due="today"]{background: color-mix(in srgb,#f59e0b 22%,transparent);color: #d97706}.kanban-column-header{display: flex;align-items: center;gap: var(--vaadin-gap-xs);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border-bottom: 1px solid var(--vaadin-border-color-secondary);cursor: grab}.kanban-column.dragging{opacity: 0.55;cursor: grabbing}.kanban-column-grip{color: var(--vaadin-text-color-secondary);display: flex;align-items: center;flex: none;width: 14px;height: 14px;margin-right: 4px}.kanban-column-grip vaadin-icon,.kanban-column-grip [class*="fa-"]{width: 100%;height: 100%}.kanban-column-title{font-weight: 700;flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.kanban-column-count{font-size: var(--vaadin-font-size-xs);color: var(--vaadin-text-color-secondary);background: var(--vaadin-background-container);border-radius: var(--vaadin-radius-s);padding: 1px 8px}.kanban-column-cards{flex: 1;overflow-y: auto;padding: var(--vaadin-padding-s);display: flex;flex-direction: column;gap: var(--vaadin-gap-xs);min-height: 4rem}.kanban-card{display: flex;flex-direction: column;gap: 2px;padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);background: var(--vaadin-background-container);cursor: grab;transition: border-color 0.12s ease,box-shadow 0.12s ease,background 0.12s ease}.kanban-card:hover{border-color: var(--vaadin-border-color);box-shadow: 0 1px 4px -1px rgb(0 0 0 / 0.3)}.kanban-card.dragging{opacity: 0.55;cursor: grabbing}.kanban-column.drop-card-over{box-shadow: inset 0 0 0 2px var(--vaadin-color-accent,var(--vaadin-focus-ring-color));background: color-mix(in srgb,var(--vaadin-color-accent,var(--vaadin-focus-ring-color)) 8%,var(--aura-surface-color))}.kanban-column.drop-list-over{position: relative}.kanban-column.drop-list-over::before{content: '';position: absolute;left: -8px;top: 0;bottom: 0;width: 4px;border-radius: 2px;background: var(--vaadin-color-accent,var(--vaadin-focus-ring-color));pointer-events: none}.kanban-card.drop-insert-before{position: relative}.kanban-card.drop-insert-before::before{content: '';position: absolute;left: 0;right: 0;top: -3px;height: 3px;border-radius: 2px;background: var(--vaadin-color-accent,var(--vaadin-focus-ring-color));pointer-events: none}.kanban-card-title{font-weight: 500;color: var(--vaadin-text-color)}.kanban-card-snippet{font-size: var(--vaadin-font-size-xs);color: var(--vaadin-text-color-secondary);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.kanban-column-footer{border-top: 1px solid var(--vaadin-border-color-secondary);padding: var(--vaadin-padding-xs) var(--vaadin-padding-s)}.kanban-column-add{width: 100%;justify-content: flex-start;color: var(--vaadin-text-color-secondary)}.kanban-column-compose{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs);padding: var(--vaadin-padding-xs)}.kanban-column-compose-actions{display: flex;gap: var(--vaadin-gap-xs)}.card-details{display: flex;flex-direction: column;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-m);min-width: 0;box-sizing: border-box;overflow-wrap: anywhere}.card-details-eyebrow{margin: 0;font-size: var(--vaadin-font-size-l);font-weight: 700}.card-details-meta{display: flex;flex-direction: column;gap: 2px;color: var(--vaadin-text-color-secondary);font-size: var(--vaadin-font-size-xs)}.card-details-meta-label{text-transform: uppercase;letter-spacing: 0.05em;font-weight: 600}.card-details-meta-value{color: var(--vaadin-text-color)}.markdown-description-field{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs);position: relative}.markdown-description-header{display: flex;align-items: center;gap: var(--vaadin-gap-xs)}.markdown-description-label{color: var(--vaadin-text-color-secondary);font-size: var(--vaadin-font-size-s);font-weight: 500}.markdown-description-placeholder{color: var(--vaadin-text-color-secondary);font-style: italic;padding: var(--vaadin-padding-s);border: 1px dashed var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);cursor: pointer;transition: border-color 0.12s ease,color 0.12s ease}.markdown-description-placeholder:hover{border-color: var(--vaadin-color-accent,var(--vaadin-focus-ring-color));color: var(--vaadin-text-color)}.markdown-description-rendered{padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--vaadin-background-container) 50%,transparent);color: var(--vaadin-text-color);line-height: 1.5;max-width: 100%;overflow-wrap: anywhere}.markdown-description-rendered>div>*{margin-block: 0}.markdown-description-rendered>div>* + *{margin-block-start: var(--vaadin-gap-s)}.markdown-description-rendered a{color: var(--vaadin-color-accent,var(--vaadin-focus-ring-color));text-decoration: underline;word-break: break-word}.markdown-description-rendered a:hover,.markdown-description-rendered a:focus-visible{text-decoration: none}.markdown-description-rendered code{font-family: var(--vaadin-font-family-mono,monospace);font-size: 0.9em;background: color-mix(in srgb,var(--vaadin-background-container) 90%,transparent);padding: 0 4px;border-radius: 4px}.markdown-description-rendered pre{background: color-mix(in srgb,var(--vaadin-background-container) 90%,transparent);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);overflow-x: auto}.markdown-description-rendered blockquote{border-left: 3px solid var(--vaadin-border-color-secondary);padding-left: var(--vaadin-padding-s);color: var(--vaadin-text-color-secondary);margin-inline-start: 0}.markdown-description-rendered ul,.markdown-description-rendered ol{padding-inline-start: 1.5em}.markdown-description-rendered h1,.markdown-description-rendered h2,.markdown-description-rendered h3,.markdown-description-rendered h4,.markdown-description-rendered h5,.markdown-description-rendered h6{font-weight: 600;line-height: 1.2}.markdown-description-rendered table{border-collapse: collapse;margin-block-start: var(--vaadin-gap-s)}.markdown-description-rendered th,.markdown-description-rendered td{border: 1px solid var(--vaadin-border-color-secondary);padding: 2px var(--vaadin-padding-xs)}.markdown-description-edit{--vaadin-button-padding: 0;--vaadin-button-height: 1.5em;min-width: 1.75em;color: var(--vaadin-text-color-secondary)}.markdown-description-edit:hover,.markdown-description-edit:focus-visible{color: var(--vaadin-color-accent,var(--vaadin-focus-ring-color))}.card-details-actions{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-gap-m);border-top: 1px solid var(--vaadin-border-color);padding-top: var(--vaadin-padding-s)}.card-details-location{display: flex;flex-direction: column}.card-details-tags{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs)}.card-details-section-label{font-weight: 600;color: var(--vaadin-text-color-secondary);font-size: var(--vaadin-font-size-xs);text-transform: uppercase;letter-spacing: 0.05em}.card-details-tags-chips{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-xs);align-items: center;min-height: 1.5em}.card-details-tags-empty{color: var(--vaadin-text-color-secondary);font-style: italic;font-size: var(--vaadin-font-size-s)}.card-details-tag-chip{display: inline-flex;align-items: center;gap: 2px;padding: 2px 4px 2px 8px;background: color-mix(in srgb,var(--vaadin-color-accent,var(--vaadin-focus-ring-color)) 18%,transparent);border-radius: var(--vaadin-radius-s);font-size: var(--vaadin-font-size-xs)}.card-details-tag-chip vaadin-button{padding: 0;height: 18px;width: 18px;min-width: 18px;color: var(--vaadin-text-color-secondary)}.kanban-card-tags{display: flex;flex-wrap: wrap;gap: 4px;margin-top: 2px}.kanban-card-tag{font-size: 10px;padding: 1px 6px;border-radius: var(--vaadin-radius-s);background: color-mix(in srgb,var(--vaadin-color-accent,var(--vaadin-focus-ring-color)) 18%,transparent);color: var(--vaadin-text-color)}.dialog-helper{color: var(--vaadin-text-color-secondary);font-size: var(--vaadin-font-size-s)}.command-palette-dialog{--palette-pad: var(--vaadin-padding-s)}.command-palette-dialog [part="overlay"]{background: color-mix(in srgb,var(--aura-surface-color) 90%,var(--vaadin-background-container));border: 1px solid var(--vaadin-border-color-secondary)}.palette-input{margin: 0 0 var(--vaadin-gap-s)}.palette-input-hotkey{border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-s);padding: 1px 6px;font-size: var(--vaadin-font-size-xs);color: var(--vaadin-text-color-secondary);font-family: ui-monospace,monospace}.palette-results{display: flex;flex-direction: column;max-height: 60vh;overflow-y: auto;margin: 0 calc(-1 * var(--palette-pad));padding: 0 var(--palette-pad)}.palette-section-label{font-size: 11px;text-transform: uppercase;letter-spacing: 0.06em;font-weight: 600;color: var(--vaadin-text-color-secondary);padding: var(--vaadin-padding-s) var(--vaadin-padding-s) 4px}.palette-item{display: grid;grid-template-columns: auto 1fr auto;align-items: center;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-s) var(--vaadin-padding-s);border-radius: var(--vaadin-radius-m);cursor: pointer;transition: background 0.1s ease}.palette-results[data-mode="mouse"] .palette-item:hover,.palette-item.selected{background: color-mix(in srgb,var(--vaadin-color-accent,var(--vaadin-focus-ring-color)) 14%,transparent)}.palette-item-icon{width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;color: var(--vaadin-text-color-secondary)}.palette-item-title{color: var(--vaadin-text-color);font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.palette-item-meta{color: var(--vaadin-text-color-secondary);font-size: var(--vaadin-font-size-xs);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: right}.palette-item-create{background: color-mix(in srgb,var(--vaadin-color-accent,var(--vaadin-focus-ring-color)) 18%,transparent)}.palette-results[data-mode="mouse"] .palette-item-create:hover,.palette-item-create.selected{background: color-mix(in srgb,var(--vaadin-color-accent,var(--vaadin-focus-ring-color)) 28%,transparent)}.palette-empty{text-align: center;color: var(--vaadin-text-color-secondary);padding: var(--vaadin-padding-l)}.palette-footer{display: flex;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-s) 0 0;border-top: 1px solid var(--vaadin-border-color-secondary);margin-top: var(--vaadin-gap-s);color: var(--vaadin-text-color-secondary);font-size: var(--vaadin-font-size-xs)}.palette-kbd-row{display: inline-flex;align-items: center;gap: var(--vaadin-gap-xs)}.palette-kbd{border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-s);padding: 0 6px;font-family: ui-monospace,monospace;font-size: 11px;background: var(--vaadin-background-container)}.palette-kbd-label{color: var(--vaadin-text-color-secondary)}@media (max-width: 899px){.kanban-column{width: 16rem;min-width: 16rem}}@media (max-width: 599px){.project-boards-grid,.projects-grid{grid-template-columns: 1fr}.kanban-toolbar{flex-wrap: wrap;row-gap: var(--vaadin-gap-xs);padding-inline: var(--vaadin-padding-m)}.project-other-boards{padding-inline: var(--vaadin-padding-m)}.palette-footer{flex-wrap: wrap;row-gap: var(--vaadin-gap-xs)}}.notifications-view{display: flex;flex-direction: column;width: 100%;height: 100%;overflow: hidden}.notif-sections{display: flex;flex-direction: column;gap: var(--vaadin-gap-l);padding: var(--vaadin-padding-m) var(--vaadin-padding-l) var(--vaadin-padding-l);overflow-y: auto}.notif-section{display: flex;flex-direction: column;gap: var(--vaadin-gap-s)}.notif-section-label{margin: 0;color: var(--vaadin-text-color);font-size: var(--vaadin-font-size-xs);text-transform: uppercase;letter-spacing: 0.05em;font-weight: 600}.notif-row{display: flex;align-items: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);background: var(--aura-surface-color)}.notif-row.unread{border-color: var(--vaadin-color-accent,var(--vaadin-focus-ring-color));background: color-mix(in srgb,var(--vaadin-color-accent,var(--vaadin-focus-ring-color)) 8%,var(--aura-surface-color))}.notif-row-main{display: flex;align-items: center;gap: var(--vaadin-gap-s);flex: 1;min-width: 0}.notif-row-icon{color: var(--vaadin-text-color-secondary);width: 16px;height: 16px;flex: none}.notif-row-text{display: flex;flex-direction: column;min-width: 0}.notif-row-title{font-weight: 600;color: var(--vaadin-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.notif-row-meta{color: var(--vaadin-text-color-secondary);font-size: var(--vaadin-font-size-xs)}.notif-row-actions{display: flex;align-items: center;gap: var(--vaadin-gap-xs);flex-wrap: wrap;justify-content: flex-end}.notif-row-chip-count{background: color-mix(in srgb,var(--vaadin-color-accent,var(--vaadin-focus-ring-color)) 18%,transparent);color: var(--vaadin-text-color);padding: 0 var(--vaadin-padding-xs);border-radius: var(--vaadin-radius-s);font-size: var(--vaadin-font-size-xs);font-weight: 600}.notif-snooze-row{display: flex;gap: 2px}.notif-empty{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-l);text-align: center;color: var(--vaadin-text-color-secondary)}.notif-empty-icon{width: 48px;height: 48px;opacity: 0.55}.notif-empty-title{font-size: var(--vaadin-font-size-l);color: var(--vaadin-text-color);font-weight: 600}.notif-empty-body{max-width: 32rem;line-height: 1.45}.card-details-due{display: flex;align-items: end;gap: var(--vaadin-gap-s)}.card-details-due>vaadin-date-time-picker{flex: 1}.settings-view{display: flex;flex-direction: column;width: 100%;height: 100%;overflow: hidden}.settings-sections{display: flex;flex-direction: column;gap: var(--vaadin-gap-l);padding: var(--vaadin-padding-m) var(--vaadin-padding-l) var(--vaadin-padding-l);overflow-y: auto;width: 100%;box-sizing: border-box}.settings-section{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-m) var(--vaadin-padding-l);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);background: var(--aura-surface-color)}.settings-section-title{margin: 0;font-size: var(--vaadin-font-size-l);font-weight: 600;color: var(--vaadin-text-color)}.settings-section-hint{color: var(--vaadin-text-color-secondary);font-size: var(--vaadin-font-size-s);line-height: 1.4;margin-bottom: var(--vaadin-gap-xs)}.settings-section vaadin-checkbox{margin: 0}.settings-section vaadin-text-field,.settings-section vaadin-email-field,.settings-section vaadin-multi-select-combo-box{width: 100%}.settings-actions{display: flex;justify-content: flex-end;padding-top: var(--vaadin-padding-s)}.account-view{display: flex;flex-direction: column;width: 100%;height: 100%;overflow: hidden}.account-sections{display: flex;flex-direction: column;gap: var(--vaadin-gap-l);padding: var(--vaadin-padding-m) var(--vaadin-padding-l) var(--vaadin-padding-l);overflow-y: auto;width: 100%;box-sizing: border-box}.account-section{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-m) var(--vaadin-padding-l);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);background: var(--aura-surface-color)}.account-section-title{margin: 0;font-size: var(--vaadin-font-size-l);font-weight: 600;color: var(--vaadin-text-color)}.account-section-hint{color: var(--vaadin-text-color-secondary);font-size: var(--vaadin-font-size-s);line-height: 1.4;margin-bottom: var(--vaadin-gap-xs)}.account-section vaadin-text-field,.account-section vaadin-password-field{width: 100%}.account-actions{display: flex;justify-content: flex-end;padding-top: var(--vaadin-padding-s)}.account-identities{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs)}.account-identity-row{display: flex;justify-content: space-between;align-items: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-xs) var(--vaadin-padding-s);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);background: var(--vaadin-background-container)}.account-identity-provider{font-weight: 600;color: var(--vaadin-text-color)}.account-identity-external{color: var(--vaadin-text-color-secondary);font-family: var(--vaadin-font-family-mono,monospace);font-size: var(--vaadin-font-size-s);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.account-identities-empty{color: var(--vaadin-text-color-secondary);font-style: italic;padding: var(--vaadin-padding-s)}.account-section-subtitle{margin: var(--vaadin-gap-s) 0 0;font-size: var(--vaadin-font-size-m);font-weight: 600}.account-email-mono{font-family: var(--vaadin-font-family-mono,monospace);background: color-mix(in srgb,var(--vaadin-background-container) 70%,transparent);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-s);padding: 0 var(--vaadin-padding-xs);font-size: var(--vaadin-font-size-s);word-break: break-all}.account-token-list{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs)}.account-token-empty{color: var(--vaadin-text-color-secondary);font-style: italic;padding: var(--vaadin-padding-s)}.account-token-row{display: grid;grid-template-columns: 1fr auto auto;align-items: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);background: color-mix(in srgb,var(--vaadin-background-container) 60%,transparent);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m)}.account-token-label{font-weight: 600}.account-token-meta{color: var(--vaadin-text-color-secondary);font-size: var(--vaadin-font-size-s)}.account-token-create{align-items: end;width: 100%}.account-token-create vaadin-text-field{flex: 1}.account-token-dialog-label{color: var(--vaadin-text-color-secondary);font-size: var(--vaadin-font-size-xs);text-transform: uppercase;letter-spacing: 0.05em;margin-top: var(--vaadin-gap-s)}.account-email-log{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs)}.account-email-log-empty{color: var(--vaadin-text-color-secondary);font-style: italic;padding: var(--vaadin-padding-s)}.account-email-log-row{display: grid;grid-template-columns: auto 1fr auto;align-items: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-xs) var(--vaadin-padding-s);border-bottom: 1px solid color-mix(in srgb,var(--vaadin-border-color-secondary) 50%,transparent)}.account-email-log-status{padding: 2px var(--vaadin-padding-xs);border-radius: var(--vaadin-radius-s);font-size: var(--vaadin-font-size-xs);font-weight: 600;text-transform: uppercase;letter-spacing: 0.04em}.account-email-log-status-processed{background: color-mix(in srgb,var(--aura-green) 18%,transparent);color: var(--aura-green-text,var(--vaadin-text-color))}.account-email-log-status-pending{background: color-mix(in srgb,var(--aura-yellow) 18%,transparent);color: var(--aura-yellow-text,var(--vaadin-text-color))}.account-email-log-status-rejected,.account-email-log-status-error{background: color-mix(in srgb,var(--aura-red) 18%,transparent);color: var(--aura-red-text,var(--vaadin-text-color))}.account-email-log-title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.account-email-log-time{color: var(--vaadin-text-color-secondary);font-size: var(--vaadin-font-size-xs);font-family: var(--vaadin-font-family-mono,monospace)}.teams-view{display: flex;flex-direction: column;width: 100%;height: 100%;overflow: hidden}.teams-list{display: flex;flex-direction: column;gap: var(--vaadin-gap-l);padding: var(--vaadin-padding-m) var(--vaadin-padding-l) var(--vaadin-padding-l);overflow-y: auto;width: 100%;box-sizing: border-box}.team-card{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-m) var(--vaadin-padding-l);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);background: var(--aura-surface-color)}.team-card-header{align-items: flex-start}.team-card-title{margin: 0;font-size: var(--vaadin-font-size-l);font-weight: 600;color: var(--vaadin-text-color)}.team-card-description{margin: 0;color: var(--vaadin-text-color-secondary);font-size: var(--vaadin-font-size-s);line-height: 1.4}.team-roster{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs);margin-top: var(--vaadin-gap-xs)}.team-member-row{display: flex;flex-wrap: wrap;align-items: center;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-xs) var(--vaadin-padding-s);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);background: var(--vaadin-background-container)}.team-member-name{font-weight: 600;color: var(--vaadin-text-color)}.team-member-email{color: var(--vaadin-text-color-secondary);font-size: var(--vaadin-font-size-s);flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.team-role-badge{flex: none;font-size: var(--vaadin-font-size-xs);font-weight: 600;letter-spacing: 0.04em}.login-view{display: flex;align-items: center;justify-content: center;min-height: 100dvh;width: 100%;padding: var(--vaadin-padding-l);padding-top: max(var(--vaadin-padding-l),6vh);box-sizing: border-box}.login-card{display: flex;flex-direction: column;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-xl,2rem);width: 100%;max-width: 22rem;min-width: 0;box-sizing: border-box;background: var(--aura-surface-color);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);box-shadow: 0 8px 32px rgba(0,0,0,0.06)}@media (max-width: 480px){.login-view{padding: var(--vaadin-padding-s)}.login-card{padding: var(--vaadin-padding-l)}}.login-card h1{margin: 0;font-size: var(--vaadin-font-size-xxl,1.75rem);font-weight: 700;color: var(--vaadin-text-color)}.login-card p{margin: 0;color: var(--vaadin-text-color-secondary)}.login-card vaadin-login-form,.login-card vaadin-login-form-wrapper{width: 100%;max-width: 100%;min-width: 0;--vaadin-login-form-width: 100%;--vaadin-login-form-padding: 0;background: transparent;box-shadow: none;padding: 0;border: 0}.login-card vaadin-login-form form[slot="form"]{margin-bottom: var(--vaadin-gap-m)}.login-card vaadin-text-field,.login-card vaadin-password-field,.login-card vaadin-button{width: 100%}.login-card vaadin-login-form h2:empty{display: none}.login-brand{display: flex;align-items: center;gap: var(--vaadin-gap-m)}.login-brand-mark{width: 60px;height: 60px;border-radius: 15px;object-fit: cover;flex: none;box-shadow: 0 0 0 1px color-mix(in srgb,white 10%,transparent),0 10px 26px -10px rgb(0 0 0 / 0.65)}.login-brand-copy h1{margin: 0;font-size: var(--vaadin-font-size-xl);line-height: 1.1;letter-spacing: -0.01em}.login-brand-copy p{margin: 4px 0 0;color: var(--vaadin-text-color-secondary);font-size: var(--vaadin-font-size-s)}.login-oauth{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);width: 100%}.login-divider{display: flex;align-items: center;gap: 10px;color: var(--vaadin-text-color-secondary);font-size: var(--vaadin-font-size-xs);text-transform: uppercase;letter-spacing: 0.08em}.login-divider::before,.login-divider::after{content: "";flex: 1;height: 1px;background: color-mix(in srgb,var(--vaadin-border-color-secondary) 70%,transparent)}.oauth-provider-button{border-radius: 999px !important}.login-footer{display: flex;flex-wrap: wrap;gap: 6px;align-items: center;justify-content: center;text-align: center;color: var(--vaadin-text-color-secondary);font-size: var(--vaadin-font-size-s);padding-top: var(--vaadin-padding-s);border-top: 1px solid color-mix(in srgb,var(--vaadin-border-color-secondary) 60%,transparent)}.login-footer p{margin: 0}.login-footer a{color: var(--vaadin-color-accent,var(--vaadin-focus-ring-color));text-decoration: none;font-weight: 600}.login-footer a:hover,.login-footer a:focus-visible{text-decoration: underline}.signup-error{padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--vaadin-color-error,crimson) 12%,transparent);color: var(--vaadin-color-error,crimson);font-size: var(--vaadin-font-size-s);line-height: 1.4}.palette-item-text{display: flex;flex-direction: column;gap: 2px;flex: 1;min-width: 0}.palette-item-meta{display: flex;flex-wrap: wrap;gap: 6px;align-items: center;font-size: var(--vaadin-font-size-xs);color: var(--vaadin-text-color-secondary)}.palette-item-meta-text{color: var(--vaadin-text-color-secondary)}.palette-item-meta-archived{padding: 1px 6px;border-radius: var(--vaadin-radius-s);background: color-mix(in srgb,currentColor 10%,transparent);font-weight: 600;text-transform: uppercase;letter-spacing: 0.04em;font-size: 10px}.palette-item-meta-tag{color: var(--vaadin-text-color-secondary)}.palette-item-archived{opacity: 0.75}.archive-view .archive-list{flex: 1;padding: var(--vaadin-padding-m) var(--vaadin-padding-l);width: 100%}.kanban-archive-list{flex: 1;min-height: 0}.card-details-header{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-gap-s)}.card-details-open-page{margin: 0}.card-page-view{overflow-y: auto}.card-page-body{padding: var(--vaadin-padding-l);max-width: 720px;width: 100%;box-sizing: border-box}.dashboard-view{display: flex;flex-direction: column;gap: 1rem;padding: 1rem}.dashboard-tiles{display: flex;gap: 1rem;flex-wrap: wrap}.dashboard-tile{display: flex;flex-direction: row;align-items: center;gap: 0.75rem;min-width: 8rem;padding: 0.75rem 1rem;border-radius: var(--lumo-border-radius-l,0.5rem);background: var(--lumo-contrast-5pct);border: 1px solid var(--lumo-contrast-10pct)}.dashboard-tile-text{display: flex;flex-direction: column}.dashboard-tile-icon{font-size: 1.3rem;color: var(--lumo-secondary-text-color)}.dashboard-tile-value{font-size: var(--lumo-font-size-xxl,1.75rem);font-weight: 700;line-height: 1.1}.dashboard-tile-label{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.dashboard-tile-overdue .dashboard-tile-value,.dashboard-tile-overdue .dashboard-tile-icon{color: var(--lumo-error-text-color,#c0392b)}.dashboard-tile-today .dashboard-tile-value,.dashboard-tile-today .dashboard-tile-icon{color: var(--lumo-primary-text-color)}.dashboard-controls{display: flex;gap: 1rem;align-items: flex-end;flex-wrap: wrap}.dashboard-list{display: flex;flex-direction: column;gap: 1.25rem}.dashboard-section{display: flex;flex-direction: column;gap: 0.25rem}.dashboard-section-header{display: flex;align-items: center;gap: 0.5rem;border-bottom: 1px solid var(--lumo-contrast-10pct);padding-bottom: 0.25rem;margin-bottom: 0.25rem}.dashboard-section-icon{font-size: 0.9rem;color: var(--lumo-secondary-text-color)}.dashboard-section-title{margin: 0;font-size: var(--lumo-font-size-m)}.dashboard-section-count{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.dashboard-row-project{margin-left: auto;display: inline-flex;align-items: center;gap: 0.3rem;font-size: var(--lumo-font-size-xs);color: var(--lumo-secondary-text-color);background: var(--lumo-contrast-5pct);border-radius: var(--lumo-border-radius-m,0.35rem);padding: 0.1rem 0.5rem;white-space: nowrap}.dashboard-row-project-icon{font-size: 0.7rem}